npm - @optifye/dashboard-core - Versions diffs - 6.12.42 → 6.12.44 - Mend

@optifye/dashboard-core 6.12.42 → 6.12.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.d.mts CHANGED Viewed

@@ -2771,6 +2771,11 @@ interface UseDashboardMetricsProps {
      * Visible workspace and KPI payloads remain scoped to `lineIds`.
      */
     blueComparisonLineIds?: string[];
+    /**
+     * Optional complete line set used only to hydrate line-selector signal dots.
+     * Visible workspace and KPI payloads remain scoped to `lineIds`.
+     */
+    selectorLineIds?: string[];
     /**
      * Optional callback invoked when underlying line metrics data might have changed,
      * suggesting that related components (like a Line KPI display) might need to refresh.
@@ -2832,10 +2837,11 @@ interface DashboardMetricsMetadata {
  * }
  * ```
  */
-declare const useDashboardMetrics: ({ onLineMetricsUpdate, lineId, lineIds, blueComparisonLineIds, userAccessibleLineIds, enabled, }: UseDashboardMetricsProps) => {
+declare const useDashboardMetrics: ({ onLineMetricsUpdate, lineId, lineIds, blueComparisonLineIds, selectorLineIds, userAccessibleLineIds, enabled, }: UseDashboardMetricsProps) => {
     workspaceMetrics: WorkspaceMetrics[];
     blueComparisonWorkspaceMetrics: WorkspaceMetrics[];
     lineMetrics: OverviewLineMetric[];
+    selectorLineMetrics: OverviewLineMetric[];
     efficiencyLegend: EfficiencyLegendUpdate;
     metadata: DashboardMetricsMetadata | undefined;
     isLoading: boolean;

package/dist/index.d.ts CHANGED Viewed

@@ -2771,6 +2771,11 @@ interface UseDashboardMetricsProps {
      * Visible workspace and KPI payloads remain scoped to `lineIds`.
      */
     blueComparisonLineIds?: string[];
+    /**
+     * Optional complete line set used only to hydrate line-selector signal dots.
+     * Visible workspace and KPI payloads remain scoped to `lineIds`.
+     */
+    selectorLineIds?: string[];
     /**
      * Optional callback invoked when underlying line metrics data might have changed,
      * suggesting that related components (like a Line KPI display) might need to refresh.
@@ -2832,10 +2837,11 @@ interface DashboardMetricsMetadata {
  * }
  * ```
  */
-declare const useDashboardMetrics: ({ onLineMetricsUpdate, lineId, lineIds, blueComparisonLineIds, userAccessibleLineIds, enabled, }: UseDashboardMetricsProps) => {
+declare const useDashboardMetrics: ({ onLineMetricsUpdate, lineId, lineIds, blueComparisonLineIds, selectorLineIds, userAccessibleLineIds, enabled, }: UseDashboardMetricsProps) => {
     workspaceMetrics: WorkspaceMetrics[];
     blueComparisonWorkspaceMetrics: WorkspaceMetrics[];
     lineMetrics: OverviewLineMetric[];
+    selectorLineMetrics: OverviewLineMetric[];
     efficiencyLegend: EfficiencyLegendUpdate;
     metadata: DashboardMetricsMetadata | undefined;
     isLoading: boolean;

package/dist/index.js CHANGED Viewed

@@ -14926,12 +14926,14 @@ var logDebug = (...args) => {
   if (!DEBUG_DASHBOARD_LOGS) return;
   console.log(...args);
 };
-var buildMetricsScopeKey = (lineId, lineIds, blueComparisonLineIds) => {
+var buildMetricsScopeKey = (lineId, lineIds, blueComparisonLineIds, selectorLineIds) => {
   const normalizedLineIds = Array.from(new Set((lineIds || []).filter(Boolean))).sort();
   const normalizedBlueComparisonLineIds = Array.from(new Set((blueComparisonLineIds || []).filter(Boolean))).sort();
+  const normalizedSelectorLineIds = Array.from(new Set((selectorLineIds || []).filter(Boolean))).sort();
   const lineKey = normalizedLineIds.length > 0 ? normalizedLineIds.join(",") : lineId;
   const comparisonKey = normalizedBlueComparisonLineIds.length > 0 ? normalizedBlueComparisonLineIds.join(",") : lineKey;
-  return `${lineId}|${lineKey}|blue:${comparisonKey}`;
+  const selectorKey = normalizedSelectorLineIds.length > 0 ? normalizedSelectorLineIds.join(",") : "";
+  return `${lineId}|${lineKey}|blue:${comparisonKey}|selector:${selectorKey}`;
 };
 var parseEfficiencyLegend = (legend) => {
   if (!legend) return null;
@@ -14954,6 +14956,7 @@ var useDashboardMetrics = ({
   lineId,
   lineIds,
   blueComparisonLineIds,
+  selectorLineIds,
   userAccessibleLineIds,
   enabled = true
 }) => {
@@ -14980,6 +14983,10 @@ var useDashboardMetrics = ({
     () => Array.from(new Set((blueComparisonLineIds || []).filter(Boolean))),
     [blueComparisonLineIds]
   );
+  const normalizedSelectorLineIds = React147.useMemo(
+    () => Array.from(new Set((selectorLineIds || []).filter(Boolean))),
+    [selectorLineIds]
+  );
   const { shiftConfig: staticShiftConfig } = useDashboardConfig();
   const {
     shiftConfigMap: multiLineShiftConfigMap,
@@ -15015,9 +15022,9 @@ var useDashboardMetrics = ({
   const configuredLineMetricsTable = databaseConfig?.tables?.lineMetrics ?? "line_metrics";
   const schema = databaseConfig?.schema ?? "public";
   const supabase = useSupabase();
-  const [metrics2, setMetrics] = React147.useState({ workspaceMetrics: [], lineMetrics: [] });
+  const [metrics2, setMetrics] = React147.useState({ workspaceMetrics: [], lineMetrics: [], selectorLineMetrics: [] });
   const [metricsLineId, setMetricsLineId] = React147.useState(lineId ?? null);
-  const [metricsScopeKey, setMetricsScopeKey] = React147.useState(() => buildMetricsScopeKey(lineId, lineIds, blueComparisonLineIds));
+  const [metricsScopeKey, setMetricsScopeKey] = React147.useState(() => buildMetricsScopeKey(lineId, lineIds, blueComparisonLineIds, selectorLineIds));
   const [isLoading, setIsLoading] = React147.useState(true);
   const [error, setError] = React147.useState(null);
   const lineIdRef = React147.useRef(lineId);
@@ -15036,6 +15043,7 @@ var useDashboardMetrics = ({
   const configuredLineIdsRef = React147.useRef(configuredLineIds);
   const userAccessibleLineIdsRef = React147.useRef(userAccessibleLineIds);
   const explicitLineIdsRef = React147.useRef(lineIds);
+  const selectorLineIdsRef = React147.useRef(selectorLineIds);
   React147.useEffect(() => {
     onLineMetricsUpdateRef.current = onLineMetricsUpdate;
   }, [onLineMetricsUpdate]);
@@ -15054,6 +15062,9 @@ var useDashboardMetrics = ({
   React147.useEffect(() => {
     explicitLineIdsRef.current = lineIds;
   }, [lineIds]);
+  React147.useEffect(() => {
+    selectorLineIdsRef.current = selectorLineIds;
+  }, [selectorLineIds]);
   const companySpecificMetricsTable = React147.useMemo(
     () => getCompanyMetricsTableName(entityConfig.companyId, "performance_metrics"),
     [entityConfig.companyId]
@@ -15062,9 +15073,10 @@ var useDashboardMetrics = ({
     () => buildMetricsScopeKey(
       lineId,
       isFactoryView ? targetFactoryLineIds : void 0,
-      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0
+      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0,
+      normalizedSelectorLineIds.length ? normalizedSelectorLineIds : void 0
     ),
-    [isFactoryView, lineId, targetFactoryLineIds, normalizedBlueComparisonLineIds]
+    [isFactoryView, lineId, targetFactoryLineIds, normalizedBlueComparisonLineIds, normalizedSelectorLineIds]
   );
   React147.useEffect(() => {
     lineIdRef.current = lineId;
@@ -15096,13 +15108,15 @@ var useDashboardMetrics = ({
     const targetLineIdsKey = targetLineIds.slice().sort().join(",");
     const effectiveBlueComparisonLineIds = normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : targetLineIds;
     const blueComparisonLineIdsKey = effectiveBlueComparisonLineIds.slice().sort().join(",");
+    const selectorLineIdsKey = normalizedSelectorLineIds.slice().sort().join(",");
     const usesShiftGroups = isFactory && shiftGroups.length > 0;
     const singleShiftDetails = usesShiftGroups ? null : shiftConfig ? getCurrentShift(defaultTimezone, shiftConfig) : shiftGroups.length === 1 ? { date: shiftGroups[0].date, shiftId: shiftGroups[0].shiftId } : getCurrentShift(defaultTimezone, staticShiftConfig);
-    const fetchKey = usesShiftGroups ? `factory|${companyId || "unknown"}|${shiftGroupsKey}|blue:${blueComparisonLineIdsKey}` : isFactory ? `factory|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|${targetLineIdsKey}|blue:${blueComparisonLineIdsKey}` : `${currentLineIdToUse}|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|blue:${blueComparisonLineIdsKey}`;
+    const fetchKey = usesShiftGroups ? `factory|${companyId || "unknown"}|${shiftGroupsKey}|blue:${blueComparisonLineIdsKey}|selector:${selectorLineIdsKey}` : isFactory ? `factory|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|${targetLineIdsKey}|blue:${blueComparisonLineIdsKey}|selector:${selectorLineIdsKey}` : `${currentLineIdToUse}|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|blue:${blueComparisonLineIdsKey}|selector:${selectorLineIdsKey}`;
     const responseScopeKey = buildMetricsScopeKey(
       currentLineIdToUse,
       isFactory ? targetLineIds : void 0,
-      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0
+      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0,
+      normalizedSelectorLineIds.length ? normalizedSelectorLineIds : void 0
     );
     logDebug("[useDashboardMetrics] Fetch key details:", {
       isFactory,
@@ -15134,6 +15148,7 @@ var useDashboardMetrics = ({
           workspaceMetrics: [],
           blueComparisonWorkspaceMetrics: [],
           lineMetrics: [],
+          selectorLineMetrics: [],
           metadata: void 0,
           efficiencyLegend: DEFAULT_EFFICIENCY_LEGEND
         });
@@ -15145,6 +15160,7 @@ var useDashboardMetrics = ({
       let allWorkspaceMetrics = [];
       let allBlueComparisonWorkspaceMetrics = [];
       let allLineMetrics = [];
+      let allSelectorLineMetrics = [];
       let hasFlowBuffers = false;
       let idleTimeVlmByLine = {};
       let efficiencyLegend;
@@ -15154,7 +15170,8 @@ var useDashboardMetrics = ({
       const buildMetricsEndpoint = (params) => {
         const lineIdsParam = isFactory ? `line_ids=${params.groupLineIds.join(",")}` : `line_id=${params.groupLineIds[0]}`;
         const blueComparisonParam = effectiveBlueComparisonLineIds.length ? `&blue_comparison_line_ids=${effectiveBlueComparisonLineIds.join(",")}` : "";
-        return `/api/dashboard/metrics?${lineIdsParam}${blueComparisonParam}&date=${params.date}&shift_id=${params.shiftId}&company_id=${companyId}${forceParam}${qaGreenStreakParams}`;
+        const selectorParam = normalizedSelectorLineIds.length ? `&selector_line_ids=${encodeURIComponent(normalizedSelectorLineIds.join(","))}` : "";
+        return `/api/dashboard/metrics?${lineIdsParam}${blueComparisonParam}${selectorParam}&date=${params.date}&shift_id=${params.shiftId}&company_id=${companyId}${forceParam}${qaGreenStreakParams}`;
       };
       if (usesShiftGroups) {
         logDebug("[useDashboardMetrics] Factory view shift groups fetch:", {
@@ -15210,6 +15227,9 @@ var useDashboardMetrics = ({
           if (result.line_metrics) {
             allLineMetrics.push(...result.line_metrics);
           }
+          if (result.selector_line_metrics) {
+            allSelectorLineMetrics.push(...result.selector_line_metrics);
+          }
         });
         if (allBlueComparisonWorkspaceMetrics.length === 0) {
           allBlueComparisonWorkspaceMetrics = allWorkspaceMetrics;
@@ -15253,6 +15273,7 @@ var useDashboardMetrics = ({
         allWorkspaceMetrics = backendData.workspace_metrics || [];
         allBlueComparisonWorkspaceMetrics = backendData.blue_comparison_workspace_metrics || allWorkspaceMetrics;
         allLineMetrics = backendData.line_metrics || [];
+        allSelectorLineMetrics = backendData.selector_line_metrics || [];
         hasFlowBuffers = Boolean(backendData?.metadata?.has_flow_buffers);
         if (backendData?.metadata?.idle_time_vlm_by_line && typeof backendData.metadata.idle_time_vlm_by_line === "object") {
           idleTimeVlmByLine = backendData.metadata.idle_time_vlm_by_line;
@@ -15284,6 +15305,7 @@ var useDashboardMetrics = ({
         workspaceMetrics: transformedWorkspaceData,
         blueComparisonWorkspaceMetrics: transformedBlueComparisonWorkspaceData.length ? transformedBlueComparisonWorkspaceData : transformedWorkspaceData,
         lineMetrics: allLineMetrics || [],
+        selectorLineMetrics: allSelectorLineMetrics || [],
         metadata: { hasFlowBuffers, idleTimeVlmByLine },
         efficiencyLegend: efficiencyLegend ?? DEFAULT_EFFICIENCY_LEGEND
       };
@@ -15354,6 +15376,7 @@ var useDashboardMetrics = ({
     configuredLineIds,
     targetFactoryLineIds,
     normalizedBlueComparisonLineIds,
+    normalizedSelectorLineIds,
     isFactoryView,
     multiLineShiftConfigMap,
     staticShiftConfig,
@@ -15470,7 +15493,8 @@ var useDashboardMetrics = ({
     const isFactory = lineId === (entityConfig.factoryViewId || "factory");
     if (isFactory && shiftGroups.length === 0) return null;
     const shiftGroupsKeyPart = isFactory ? shiftGroups.map((g) => `${g.date}-${g.shiftId}-${g.lineIds.join("_")}`).join("|") : operationalShiftKey;
-    return `${lineId}|${entityConfig.companyId}|${shiftGroupsKeyPart}`;
+    const selectorLineIdsKeyPart = (selectorLineIds || []).filter(Boolean).slice().sort().join(",");
+    return `${lineId}|${entityConfig.companyId}|${shiftGroupsKeyPart}|selector:${selectorLineIdsKeyPart}`;
   }, [
     enabled,
     supabase,
@@ -15480,7 +15504,8 @@ var useDashboardMetrics = ({
     shiftLoading,
     isTimezoneLoading,
     shiftGroups,
-    operationalShiftKey
+    operationalShiftKey,
+    selectorLineIds
   ]);
   React147.useEffect(() => {
     const currentLineIdToUse = lineIdRef.current;
@@ -15517,7 +15542,7 @@ var useDashboardMetrics = ({
       });
       const targetFactoryLineIdsForSubscriptions = explicitLineIdsRef.current !== void 0 ? explicitLineIdsRef.current : currentUserAccessibleLineIds !== void 0 ? currentUserAccessibleLineIds : currentConfiguredLineIds;
       const targetFactoryLineIdSet = new Set(
-        (targetFactoryLineIdsForSubscriptions || []).filter(Boolean)
+        [...targetFactoryLineIdsForSubscriptions || [], ...selectorLineIdsRef.current || []].filter(Boolean)
       );
       currentShiftGroups.forEach((group, index) => {
         const groupLineIds = group.lineIds.filter(
@@ -15687,7 +15712,10 @@ var useDashboardMetrics = ({
       const currentShiftDetails = shiftConfig ? getCurrentShift(defaultTimezone, shiftConfig) : getCurrentShift(defaultTimezone, staticShiftConfig);
       const operationalDateForSubscription = currentShiftDetails.date;
       const targetLineIds = isFactory ? explicitLineIdsRef.current || currentUserAccessibleLineIds || currentConfiguredLineIds : [currentLineIdToUse];
-      const filteredLineIds = targetLineIds.filter((id3) => id3 && id3 !== factoryViewIdentifier);
+      const filteredLineIds = Array.from(/* @__PURE__ */ new Set([
+        ...targetLineIds,
+        ...selectorLineIdsRef.current || []
+      ])).filter((id3) => id3 && id3 !== factoryViewIdentifier);
       if (filteredLineIds.length === 0) {
         logDebug("[useDashboardMetrics] Realtime setup skipped: no line IDs after filtering", {
           targetLineIds,
@@ -15794,11 +15822,12 @@ var useDashboardMetrics = ({
   const isCurrentScopeResolved = metricsScopeKey === requestedScopeKey;
   const hasLastGoodMetrics = metrics2.workspaceMetrics.length > 0 || metrics2.lineMetrics.length > 0;
   const canReuseLastGoodMetrics = hasLastGoodMetrics && !isCurrentScopeResolved && (isLoading || !!error);
-  const safeMetrics = isCurrentScopeResolved || canReuseLastGoodMetrics ? metrics2 : { workspaceMetrics: [], blueComparisonWorkspaceMetrics: [], lineMetrics: [], metadata: void 0, efficiencyLegend: DEFAULT_EFFICIENCY_LEGEND };
+  const safeMetrics = isCurrentScopeResolved || canReuseLastGoodMetrics ? metrics2 : { workspaceMetrics: [], blueComparisonWorkspaceMetrics: [], lineMetrics: [], selectorLineMetrics: [], metadata: void 0, efficiencyLegend: DEFAULT_EFFICIENCY_LEGEND };
   return {
     workspaceMetrics: safeMetrics?.workspaceMetrics || [],
     blueComparisonWorkspaceMetrics: safeMetrics?.blueComparisonWorkspaceMetrics || safeMetrics?.workspaceMetrics || [],
     lineMetrics: safeMetrics?.lineMetrics || [],
+    selectorLineMetrics: safeMetrics?.selectorLineMetrics || [],
     efficiencyLegend: safeMetrics?.efficiencyLegend || DEFAULT_EFFICIENCY_LEGEND,
     metadata: safeMetrics?.metadata,
     isLoading: enabled ? isLoading || !isCurrentScopeResolved && !canReuseLastGoodMetrics : false,
@@ -39690,10 +39719,11 @@ var WorkspaceMetricCardsImpl = ({
     }
     return null;
   }, [activeSku, skuAware, activeSkuId, liveSkuId, skuBreakdown]);
-  const pphValue = activeSku ? activeSku.avg_pph : workspace.avg_pph;
-  const pphThreshold = activeSku ? activeSku.pph_threshold : workspace.pph_threshold;
-  const cycleValue = activeSku ? activeSku.avg_cycle_time : workspace.avg_cycle_time;
-  const cycleStandard = activeSku ? activeSku.ideal_cycle_time : workspace.ideal_cycle_time;
+  const metricSku = displaySku;
+  const pphValue = metricSku ? metricSku.avg_pph : workspace.avg_pph;
+  const pphThreshold = metricSku ? metricSku.pph_threshold : workspace.pph_threshold;
+  const cycleValue = metricSku ? metricSku.avg_cycle_time : workspace.avg_cycle_time;
+  const cycleStandard = metricSku ? metricSku.ideal_cycle_time : workspace.ideal_cycle_time;
   const displaySkuLabel = displaySku ? getSkuDisplayName(displaySku) : "";
   const efficiencyValue = workspace.avg_efficiency || 0;
   const efficiencyTarget = effectiveLegend.green_min;
@@ -55798,8 +55828,9 @@ var WorkspaceCycleTimeMetricCards = ({
     }
     return null;
   }, [activeSku, skuAware, activeSkuId, liveSkuId, skuBreakdown]);
-  const cycleValue = activeSku ? activeSku.avg_cycle_time : workspace.avg_cycle_time;
-  const cycleStandard = activeSku ? activeSku.ideal_cycle_time : workspace.ideal_cycle_time;
+  const metricSku = displaySku;
+  const cycleValue = metricSku ? metricSku.avg_cycle_time : workspace.avg_cycle_time;
+  const cycleStandard = metricSku ? metricSku.ideal_cycle_time : workspace.ideal_cycle_time;
   const displaySkuLabel = displaySku ? getSkuDisplayName(displaySku) : "";
   const efficiencyValue = workspace.avg_efficiency || 0;
   const efficiencyTarget = effectiveLegend.green_min;
@@ -65681,6 +65712,7 @@ var createEmptyState = () => ({
   workspaceMetrics: [],
   blueComparisonWorkspaceMetrics: [],
   lineMetrics: [],
+  selectorLineMetrics: [],
   kpiTrend: null,
   activeBreaks: [],
   videoStreamsByWorkspaceId: {},
@@ -65694,7 +65726,7 @@ var normalizeMetadata = (metadata) => ({
   cacheStatus: metadata?.cache_status,
   warnings: metadata?.warnings ?? []
 });
-var createResolvedScopeLookup = (resolvedScope, workspaces, blueComparisonWorkspaces) => {
+var createResolvedScopeLookup = (resolvedScope, workspaces, blueComparisonWorkspaces, selectorLineMetrics) => {
   const lookup = /* @__PURE__ */ new Set();
   const addEntry = (lineId, date, shiftId) => {
     if (!lineId || !date || shiftId === void 0 || shiftId === null) return;
@@ -65703,11 +65735,13 @@ var createResolvedScopeLookup = (resolvedScope, workspaces, blueComparisonWorksp
   resolvedScope.forEach((entry) => addEntry(entry.line_id, entry.date, entry.shift_id));
   workspaces.forEach((workspace) => addEntry(workspace.line_id, workspace.date, workspace.shift_id));
   blueComparisonWorkspaces.forEach((workspace) => addEntry(workspace.line_id, workspace.date, workspace.shift_id));
+  selectorLineMetrics.forEach((lineMetric) => addEntry(lineMetric.line_id, lineMetric.date, lineMetric.shift_id));
   return lookup;
 };
 var useLiveMonitorBootstrap = ({
   lineIds,
   blueComparisonLineIds,
+  selectorLineIds,
   companyId,
   enabled = true,
   appTimezone,
@@ -65723,6 +65757,7 @@ var useLiveMonitorBootstrap = ({
   const effectiveTimezone = appTimezone || "Asia/Kolkata";
   const rawLineIdsKey = (lineIds || []).filter(Boolean).join(",");
   const rawBlueComparisonLineIdsKey = (blueComparisonLineIds || lineIds || []).filter(Boolean).join(",");
+  const rawSelectorLineIdsKey = (selectorLineIds || []).filter(Boolean).join(",");
   const normalizedLineIds = React147.useMemo(
     () => Array.from(new Set(rawLineIdsKey ? rawLineIdsKey.split(",") : [])),
     [rawLineIdsKey]
@@ -65731,13 +65766,17 @@ var useLiveMonitorBootstrap = ({
     () => Array.from(new Set(rawBlueComparisonLineIdsKey ? rawBlueComparisonLineIdsKey.split(",") : [])),
     [rawBlueComparisonLineIdsKey]
   );
+  const normalizedSelectorLineIds = React147.useMemo(
+    () => Array.from(new Set(rawSelectorLineIdsKey ? rawSelectorLineIdsKey.split(",") : [])),
+    [rawSelectorLineIdsKey]
+  );
   const realtimeLineIds = React147.useMemo(
-    () => Array.from(new Set([...normalizedLineIds, ...normalizedBlueComparisonLineIds].filter(Boolean))).sort(),
-    [normalizedLineIds, normalizedBlueComparisonLineIds]
+    () => Array.from(new Set([...normalizedLineIds, ...normalizedBlueComparisonLineIds, ...normalizedSelectorLineIds].filter(Boolean))).sort(),
+    [normalizedLineIds, normalizedBlueComparisonLineIds, normalizedSelectorLineIds]
   );
   const requestKey = React147.useMemo(
-    () => `${normalizedLineIds.slice().sort().join(",")}|blue:${normalizedBlueComparisonLineIds.slice().sort().join(",")}`,
-    [normalizedLineIds, normalizedBlueComparisonLineIds]
+    () => `${normalizedLineIds.slice().sort().join(",")}|blue:${normalizedBlueComparisonLineIds.slice().sort().join(",")}|selector:${normalizedSelectorLineIds.slice().sort().join(",")}`,
+    [normalizedLineIds, normalizedBlueComparisonLineIds, normalizedSelectorLineIds]
   );
   const realtimeLineIdsKey = React147.useMemo(() => realtimeLineIds.join(","), [realtimeLineIds]);
   const companySpecificMetricsTable = React147.useMemo(
@@ -65769,6 +65808,9 @@ var useLiveMonitorBootstrap = ({
       if (normalizedBlueComparisonLineIds.length) {
         searchParams.set("blue_comparison_line_ids", normalizedBlueComparisonLineIds.join(","));
       }
+      if (normalizedSelectorLineIds.length) {
+        searchParams.set("selector_line_ids", normalizedSelectorLineIds.join(","));
+      }
       if (force) {
         searchParams.set("force_refresh", "true");
       }
@@ -65802,6 +65844,7 @@ var useLiveMonitorBootstrap = ({
           company_id: resolvedCompanyId,
           line_ids: normalizedLineIds,
           blue_comparison_line_ids: normalizedBlueComparisonLineIds,
+          selector_line_ids: normalizedSelectorLineIds,
           force_refresh: force,
           pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
         }
@@ -65819,6 +65862,7 @@ var useLiveMonitorBootstrap = ({
     resolvedCompanyId,
     normalizedLineIds,
     normalizedBlueComparisonLineIds,
+    normalizedSelectorLineIds,
     requestKey
   ]);
   const fetchBootstrapRef = React147.useRef(fetchBootstrap);
@@ -65930,6 +65974,7 @@ var useLiveMonitorBootstrap = ({
         workspaceMetrics,
         blueComparisonWorkspaceMetrics: blueComparisonWorkspaceMetrics.length ? blueComparisonWorkspaceMetrics : workspaceMetrics,
         lineMetrics: rawState.response.line_metrics || [],
+        selectorLineMetrics: rawState.response.selector_line_metrics || [],
         kpiTrend: rawState.response.kpi_trend || null,
         activeBreaks,
         videoStreamsByWorkspaceId,
@@ -65966,8 +66011,9 @@ var useLiveMonitorBootstrap = ({
   const realtimeScopeKey = React147.useMemo(() => Array.from(createResolvedScopeLookup(
     state.resolvedScope,
     state.workspaceMetrics,
-    state.blueComparisonWorkspaceMetrics
-  )).sort().join("||"), [state.resolvedScope, state.workspaceMetrics, state.blueComparisonWorkspaceMetrics]);
+    state.blueComparisonWorkspaceMetrics,
+    state.selectorLineMetrics
+  )).sort().join("||"), [state.resolvedScope, state.workspaceMetrics, state.blueComparisonWorkspaceMetrics, state.selectorLineMetrics]);
   React147.useEffect(() => {
     if (!enabled || !resolvedCompanyId || !realtimeLineIdsKey || !supabase) {
       return void 0;
@@ -66073,6 +66119,7 @@ var useLiveMonitorBootstrap = ({
     workspaceMetrics: state.workspaceMetrics,
     blueComparisonWorkspaceMetrics: state.blueComparisonWorkspaceMetrics,
     lineMetrics: state.lineMetrics,
+    selectorLineMetrics: state.selectorLineMetrics,
     kpiTrend: state.kpiTrend,
     activeBreaks: state.activeBreaks,
     videoStreamsByWorkspaceId: state.videoStreamsByWorkspaceId,
@@ -66587,6 +66634,7 @@ function HomeView({
     workspaceMetrics: legacyWorkspaceMetrics,
     blueComparisonWorkspaceMetrics: legacyMetricsBlueComparisonWorkspaceMetrics,
     lineMetrics: legacyLineMetrics,
+    selectorLineMetrics: legacySelectorLineMetrics = [],
     efficiencyLegend: legacyEfficiencyLegend,
     metadata: legacyMetricsMetadata,
     isLoading: legacyMetricsLoading,
@@ -66597,6 +66645,7 @@ function HomeView({
     lineId: metricsScopeLineId,
     lineIds: selectedLineIds,
     blueComparisonLineIds,
+    selectorLineIds: visibleLineIds,
     onLineMetricsUpdate: handleLineMetricsUpdate,
     userAccessibleLineIds: visibleLineIds,
     enabled: shouldEnableMetricsFetch && !isBootstrapMonitorMode
@@ -66652,6 +66701,7 @@ function HomeView({
   const bootstrapMonitor = useLiveMonitorBootstrap({
     lineIds: selectedLineIds,
     blueComparisonLineIds,
+    selectorLineIds: visibleLineIds,
     companyId: userCompanyId,
     enabled: shouldEnableMetricsFetch && !isLegacyMonitorMode,
     appTimezone: timezone,
@@ -66662,12 +66712,32 @@ function HomeView({
   const currentWorkspaceMetrics = isBootstrapMonitorMode ? bootstrapMonitor.workspaceMetrics : legacyWorkspaceMetrics;
   const currentBlueComparisonWorkspaceMetrics = isBootstrapMonitorMode ? bootstrapMonitor.blueComparisonWorkspaceMetrics : legacyMetricsBlueComparisonWorkspaceMetrics;
   const currentLineMetrics = isBootstrapMonitorMode ? bootstrapMonitor.lineMetrics : legacyLineMetrics;
+  const currentSelectorLineMetrics = isBootstrapMonitorMode ? bootstrapMonitor.selectorLineMetrics : legacySelectorLineMetrics;
   const currentEfficiencyLegend = isBootstrapMonitorMode ? bootstrapMonitor.efficiencyLegend : legacyEfficiencyLegend;
   const currentMetricsMetadata = isBootstrapMonitorMode ? bootstrapMonitor.metadata : legacyMetricsMetadata;
   const currentMetricsLoading = isBootstrapMonitorMode ? bootstrapMonitor.isLoading : legacyMetricsLoading;
   const currentIsCurrentScopeResolved = isBootstrapMonitorMode ? bootstrapMonitor.isCurrentScopeResolved : legacyIsCurrentScopeResolved;
   const currentMetricsError = isBootstrapMonitorMode ? bootstrapMonitor.error : legacyMetricsError;
   const currentRefetchMetrics = isBootstrapMonitorMode ? bootstrapMonitor.refetch : refetchLegacyMetrics;
+  const lineSelectorSignalStatusByLine = React147.useMemo(() => {
+    const statusByLine = /* @__PURE__ */ new Map();
+    const legend = currentEfficiencyLegend || DEFAULT_EFFICIENCY_LEGEND;
+    const addRows = (rows) => {
+      (rows || []).forEach((row) => {
+        const lineId = typeof row?.line_id === "string" ? row.line_id : "";
+        if (!lineId || statusByLine.has(lineId)) {
+          return;
+        }
+        const status = getKpiSignalStatus(row?.line_signal, legend);
+        if (status) {
+          statusByLine.set(lineId, status);
+        }
+      });
+    };
+    addRows(currentSelectorLineMetrics);
+    addRows(currentLineMetrics);
+    return statusByLine;
+  }, [currentEfficiencyLegend, currentLineMetrics, currentSelectorLineMetrics]);
   const metricsDisplayNames = React147.useMemo(() => {
     const nextDisplayNames = {};
     currentWorkspaceMetrics.forEach((workspace) => {
@@ -67525,6 +67595,8 @@ function HomeView({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-56 space-y-0.5 overflow-y-auto pr-1", children: visibleLineIds.map((lineId) => {
           const isChecked = pendingSelectedLineIds.includes(lineId);
+          const signalStatus = lineSelectorSignalStatusByLine.get(lineId);
+          const signalDotClass = signalStatus === "stable" ? "bg-green-500" : signalStatus === "warning" ? "bg-yellow-400" : signalStatus === "attention" ? "bg-red-500" : "";
           return /* @__PURE__ */ jsxRuntime.jsxs(
             "label",
             {
@@ -67549,7 +67621,15 @@ function HomeView({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: mergedLineNames[lineId] || `Line ${lineId.substring(0, 4)}` })
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children: mergedLineNames[lineId] || `Line ${lineId.substring(0, 4)}` }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-2.5 w-2.5 flex-shrink-0 items-center justify-center", children: signalStatus ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    "data-testid": `line-selector-signal-dot-${lineId}`,
+                    className: `h-2 w-2 rounded-full ${signalDotClass}`,
+                    "aria-hidden": "true"
+                  }
+                ) : null })
               ]
             },
             lineId
@@ -67578,6 +67658,7 @@ function HomeView({
     mergedLineNames,
     selectedLineIds,
     pendingSelectedLineIds,
+    lineSelectorSignalStatusByLine,
     visibleLineIds,
     updateSelectedLineIds,
     isAllLinesSelection
@@ -80134,6 +80215,8 @@ var WorkspaceDetailView = ({
     [workspace?.sku_segments]
   );
   const activeSkuId = selectedSkuId;
+  const shouldUseLiveSkuForMetricCards = !isHistoricView || Boolean(date) && date === calculatedOperationalDate && parsedShiftId !== void 0 && parsedShiftId === calculatedShiftId;
+  const metricCardLiveSkuId = shouldUseLiveSkuForMetricCards ? liveSkuId : null;
   const resolvedLineId = effectiveLineId || workspace?.line_id || cachedDetailedMetrics?.line_id || cachedOverviewMetrics?.line_id || overviewFallback?.line_id;
   const { timezone: cycleTimeTimezone } = useTimezone({
     lineId: resolvedLineId || void 0,
@@ -81206,7 +81289,7 @@ var WorkspaceDetailView = ({
                     skuAware: isSkuAware,
                     skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
                     activeSkuId,
-                    liveSkuId: isHistoricView ? null : liveSkuId
+                    liveSkuId: metricCardLiveSkuId
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
                   WorkspaceMetricCards,
@@ -81217,7 +81300,7 @@ var WorkspaceDetailView = ({
                     skuAware: isSkuAware,
                     skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
                     activeSkuId,
-                    liveSkuId: isHistoricView ? null : liveSkuId
+                    liveSkuId: metricCardLiveSkuId
                   }
                 ) })
               ] }),
@@ -81388,7 +81471,7 @@ var WorkspaceDetailView = ({
                     skuAware: isSkuAware,
                     skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
                     activeSkuId,
-                    liveSkuId: isHistoricView ? null : liveSkuId
+                    liveSkuId: metricCardLiveSkuId
                   }
                 ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsxRuntime.jsx(
                   WorkspaceMetricCards,
@@ -81399,7 +81482,7 @@ var WorkspaceDetailView = ({
                     skuAware: isSkuAware,
                     skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
                     activeSkuId,
-                    liveSkuId: isHistoricView ? null : liveSkuId
+                    liveSkuId: metricCardLiveSkuId
                   }
                 ) })
               ] })

package/dist/index.mjs CHANGED Viewed

@@ -14897,12 +14897,14 @@ var logDebug = (...args) => {
   if (!DEBUG_DASHBOARD_LOGS) return;
   console.log(...args);
 };
-var buildMetricsScopeKey = (lineId, lineIds, blueComparisonLineIds) => {
+var buildMetricsScopeKey = (lineId, lineIds, blueComparisonLineIds, selectorLineIds) => {
   const normalizedLineIds = Array.from(new Set((lineIds || []).filter(Boolean))).sort();
   const normalizedBlueComparisonLineIds = Array.from(new Set((blueComparisonLineIds || []).filter(Boolean))).sort();
+  const normalizedSelectorLineIds = Array.from(new Set((selectorLineIds || []).filter(Boolean))).sort();
   const lineKey = normalizedLineIds.length > 0 ? normalizedLineIds.join(",") : lineId;
   const comparisonKey = normalizedBlueComparisonLineIds.length > 0 ? normalizedBlueComparisonLineIds.join(",") : lineKey;
-  return `${lineId}|${lineKey}|blue:${comparisonKey}`;
+  const selectorKey = normalizedSelectorLineIds.length > 0 ? normalizedSelectorLineIds.join(",") : "";
+  return `${lineId}|${lineKey}|blue:${comparisonKey}|selector:${selectorKey}`;
 };
 var parseEfficiencyLegend = (legend) => {
   if (!legend) return null;
@@ -14925,6 +14927,7 @@ var useDashboardMetrics = ({
   lineId,
   lineIds,
   blueComparisonLineIds,
+  selectorLineIds,
   userAccessibleLineIds,
   enabled = true
 }) => {
@@ -14951,6 +14954,10 @@ var useDashboardMetrics = ({
     () => Array.from(new Set((blueComparisonLineIds || []).filter(Boolean))),
     [blueComparisonLineIds]
   );
+  const normalizedSelectorLineIds = useMemo(
+    () => Array.from(new Set((selectorLineIds || []).filter(Boolean))),
+    [selectorLineIds]
+  );
   const { shiftConfig: staticShiftConfig } = useDashboardConfig();
   const {
     shiftConfigMap: multiLineShiftConfigMap,
@@ -14986,9 +14993,9 @@ var useDashboardMetrics = ({
   const configuredLineMetricsTable = databaseConfig?.tables?.lineMetrics ?? "line_metrics";
   const schema = databaseConfig?.schema ?? "public";
   const supabase = useSupabase();
-  const [metrics2, setMetrics] = useState({ workspaceMetrics: [], lineMetrics: [] });
+  const [metrics2, setMetrics] = useState({ workspaceMetrics: [], lineMetrics: [], selectorLineMetrics: [] });
   const [metricsLineId, setMetricsLineId] = useState(lineId ?? null);
-  const [metricsScopeKey, setMetricsScopeKey] = useState(() => buildMetricsScopeKey(lineId, lineIds, blueComparisonLineIds));
+  const [metricsScopeKey, setMetricsScopeKey] = useState(() => buildMetricsScopeKey(lineId, lineIds, blueComparisonLineIds, selectorLineIds));
   const [isLoading, setIsLoading] = useState(true);
   const [error, setError] = useState(null);
   const lineIdRef = useRef(lineId);
@@ -15007,6 +15014,7 @@ var useDashboardMetrics = ({
   const configuredLineIdsRef = useRef(configuredLineIds);
   const userAccessibleLineIdsRef = useRef(userAccessibleLineIds);
   const explicitLineIdsRef = useRef(lineIds);
+  const selectorLineIdsRef = useRef(selectorLineIds);
   useEffect(() => {
     onLineMetricsUpdateRef.current = onLineMetricsUpdate;
   }, [onLineMetricsUpdate]);
@@ -15025,6 +15033,9 @@ var useDashboardMetrics = ({
   useEffect(() => {
     explicitLineIdsRef.current = lineIds;
   }, [lineIds]);
+  useEffect(() => {
+    selectorLineIdsRef.current = selectorLineIds;
+  }, [selectorLineIds]);
   const companySpecificMetricsTable = useMemo(
     () => getCompanyMetricsTableName(entityConfig.companyId, "performance_metrics"),
     [entityConfig.companyId]
@@ -15033,9 +15044,10 @@ var useDashboardMetrics = ({
     () => buildMetricsScopeKey(
       lineId,
       isFactoryView ? targetFactoryLineIds : void 0,
-      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0
+      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0,
+      normalizedSelectorLineIds.length ? normalizedSelectorLineIds : void 0
     ),
-    [isFactoryView, lineId, targetFactoryLineIds, normalizedBlueComparisonLineIds]
+    [isFactoryView, lineId, targetFactoryLineIds, normalizedBlueComparisonLineIds, normalizedSelectorLineIds]
   );
   useEffect(() => {
     lineIdRef.current = lineId;
@@ -15067,13 +15079,15 @@ var useDashboardMetrics = ({
     const targetLineIdsKey = targetLineIds.slice().sort().join(",");
     const effectiveBlueComparisonLineIds = normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : targetLineIds;
     const blueComparisonLineIdsKey = effectiveBlueComparisonLineIds.slice().sort().join(",");
+    const selectorLineIdsKey = normalizedSelectorLineIds.slice().sort().join(",");
     const usesShiftGroups = isFactory && shiftGroups.length > 0;
     const singleShiftDetails = usesShiftGroups ? null : shiftConfig ? getCurrentShift(defaultTimezone, shiftConfig) : shiftGroups.length === 1 ? { date: shiftGroups[0].date, shiftId: shiftGroups[0].shiftId } : getCurrentShift(defaultTimezone, staticShiftConfig);
-    const fetchKey = usesShiftGroups ? `factory|${companyId || "unknown"}|${shiftGroupsKey}|blue:${blueComparisonLineIdsKey}` : isFactory ? `factory|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|${targetLineIdsKey}|blue:${blueComparisonLineIdsKey}` : `${currentLineIdToUse}|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|blue:${blueComparisonLineIdsKey}`;
+    const fetchKey = usesShiftGroups ? `factory|${companyId || "unknown"}|${shiftGroupsKey}|blue:${blueComparisonLineIdsKey}|selector:${selectorLineIdsKey}` : isFactory ? `factory|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|${targetLineIdsKey}|blue:${blueComparisonLineIdsKey}|selector:${selectorLineIdsKey}` : `${currentLineIdToUse}|${companyId || "unknown"}|${singleShiftDetails?.date}|${singleShiftDetails?.shiftId}|blue:${blueComparisonLineIdsKey}|selector:${selectorLineIdsKey}`;
     const responseScopeKey = buildMetricsScopeKey(
       currentLineIdToUse,
       isFactory ? targetLineIds : void 0,
-      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0
+      normalizedBlueComparisonLineIds.length ? normalizedBlueComparisonLineIds : void 0,
+      normalizedSelectorLineIds.length ? normalizedSelectorLineIds : void 0
     );
     logDebug("[useDashboardMetrics] Fetch key details:", {
       isFactory,
@@ -15105,6 +15119,7 @@ var useDashboardMetrics = ({
           workspaceMetrics: [],
           blueComparisonWorkspaceMetrics: [],
           lineMetrics: [],
+          selectorLineMetrics: [],
           metadata: void 0,
           efficiencyLegend: DEFAULT_EFFICIENCY_LEGEND
         });
@@ -15116,6 +15131,7 @@ var useDashboardMetrics = ({
       let allWorkspaceMetrics = [];
       let allBlueComparisonWorkspaceMetrics = [];
       let allLineMetrics = [];
+      let allSelectorLineMetrics = [];
       let hasFlowBuffers = false;
       let idleTimeVlmByLine = {};
       let efficiencyLegend;
@@ -15125,7 +15141,8 @@ var useDashboardMetrics = ({
       const buildMetricsEndpoint = (params) => {
         const lineIdsParam = isFactory ? `line_ids=${params.groupLineIds.join(",")}` : `line_id=${params.groupLineIds[0]}`;
         const blueComparisonParam = effectiveBlueComparisonLineIds.length ? `&blue_comparison_line_ids=${effectiveBlueComparisonLineIds.join(",")}` : "";
-        return `/api/dashboard/metrics?${lineIdsParam}${blueComparisonParam}&date=${params.date}&shift_id=${params.shiftId}&company_id=${companyId}${forceParam}${qaGreenStreakParams}`;
+        const selectorParam = normalizedSelectorLineIds.length ? `&selector_line_ids=${encodeURIComponent(normalizedSelectorLineIds.join(","))}` : "";
+        return `/api/dashboard/metrics?${lineIdsParam}${blueComparisonParam}${selectorParam}&date=${params.date}&shift_id=${params.shiftId}&company_id=${companyId}${forceParam}${qaGreenStreakParams}`;
       };
       if (usesShiftGroups) {
         logDebug("[useDashboardMetrics] Factory view shift groups fetch:", {
@@ -15181,6 +15198,9 @@ var useDashboardMetrics = ({
           if (result.line_metrics) {
             allLineMetrics.push(...result.line_metrics);
           }
+          if (result.selector_line_metrics) {
+            allSelectorLineMetrics.push(...result.selector_line_metrics);
+          }
         });
         if (allBlueComparisonWorkspaceMetrics.length === 0) {
           allBlueComparisonWorkspaceMetrics = allWorkspaceMetrics;
@@ -15224,6 +15244,7 @@ var useDashboardMetrics = ({
         allWorkspaceMetrics = backendData.workspace_metrics || [];
         allBlueComparisonWorkspaceMetrics = backendData.blue_comparison_workspace_metrics || allWorkspaceMetrics;
         allLineMetrics = backendData.line_metrics || [];
+        allSelectorLineMetrics = backendData.selector_line_metrics || [];
         hasFlowBuffers = Boolean(backendData?.metadata?.has_flow_buffers);
         if (backendData?.metadata?.idle_time_vlm_by_line && typeof backendData.metadata.idle_time_vlm_by_line === "object") {
           idleTimeVlmByLine = backendData.metadata.idle_time_vlm_by_line;
@@ -15255,6 +15276,7 @@ var useDashboardMetrics = ({
         workspaceMetrics: transformedWorkspaceData,
         blueComparisonWorkspaceMetrics: transformedBlueComparisonWorkspaceData.length ? transformedBlueComparisonWorkspaceData : transformedWorkspaceData,
         lineMetrics: allLineMetrics || [],
+        selectorLineMetrics: allSelectorLineMetrics || [],
         metadata: { hasFlowBuffers, idleTimeVlmByLine },
         efficiencyLegend: efficiencyLegend ?? DEFAULT_EFFICIENCY_LEGEND
       };
@@ -15325,6 +15347,7 @@ var useDashboardMetrics = ({
     configuredLineIds,
     targetFactoryLineIds,
     normalizedBlueComparisonLineIds,
+    normalizedSelectorLineIds,
     isFactoryView,
     multiLineShiftConfigMap,
     staticShiftConfig,
@@ -15441,7 +15464,8 @@ var useDashboardMetrics = ({
     const isFactory = lineId === (entityConfig.factoryViewId || "factory");
     if (isFactory && shiftGroups.length === 0) return null;
     const shiftGroupsKeyPart = isFactory ? shiftGroups.map((g) => `${g.date}-${g.shiftId}-${g.lineIds.join("_")}`).join("|") : operationalShiftKey;
-    return `${lineId}|${entityConfig.companyId}|${shiftGroupsKeyPart}`;
+    const selectorLineIdsKeyPart = (selectorLineIds || []).filter(Boolean).slice().sort().join(",");
+    return `${lineId}|${entityConfig.companyId}|${shiftGroupsKeyPart}|selector:${selectorLineIdsKeyPart}`;
   }, [
     enabled,
     supabase,
@@ -15451,7 +15475,8 @@ var useDashboardMetrics = ({
     shiftLoading,
     isTimezoneLoading,
     shiftGroups,
-    operationalShiftKey
+    operationalShiftKey,
+    selectorLineIds
   ]);
   useEffect(() => {
     const currentLineIdToUse = lineIdRef.current;
@@ -15488,7 +15513,7 @@ var useDashboardMetrics = ({
       });
       const targetFactoryLineIdsForSubscriptions = explicitLineIdsRef.current !== void 0 ? explicitLineIdsRef.current : currentUserAccessibleLineIds !== void 0 ? currentUserAccessibleLineIds : currentConfiguredLineIds;
       const targetFactoryLineIdSet = new Set(
-        (targetFactoryLineIdsForSubscriptions || []).filter(Boolean)
+        [...targetFactoryLineIdsForSubscriptions || [], ...selectorLineIdsRef.current || []].filter(Boolean)
       );
       currentShiftGroups.forEach((group, index) => {
         const groupLineIds = group.lineIds.filter(
@@ -15658,7 +15683,10 @@ var useDashboardMetrics = ({
       const currentShiftDetails = shiftConfig ? getCurrentShift(defaultTimezone, shiftConfig) : getCurrentShift(defaultTimezone, staticShiftConfig);
       const operationalDateForSubscription = currentShiftDetails.date;
       const targetLineIds = isFactory ? explicitLineIdsRef.current || currentUserAccessibleLineIds || currentConfiguredLineIds : [currentLineIdToUse];
-      const filteredLineIds = targetLineIds.filter((id3) => id3 && id3 !== factoryViewIdentifier);
+      const filteredLineIds = Array.from(/* @__PURE__ */ new Set([
+        ...targetLineIds,
+        ...selectorLineIdsRef.current || []
+      ])).filter((id3) => id3 && id3 !== factoryViewIdentifier);
       if (filteredLineIds.length === 0) {
         logDebug("[useDashboardMetrics] Realtime setup skipped: no line IDs after filtering", {
           targetLineIds,
@@ -15765,11 +15793,12 @@ var useDashboardMetrics = ({
   const isCurrentScopeResolved = metricsScopeKey === requestedScopeKey;
   const hasLastGoodMetrics = metrics2.workspaceMetrics.length > 0 || metrics2.lineMetrics.length > 0;
   const canReuseLastGoodMetrics = hasLastGoodMetrics && !isCurrentScopeResolved && (isLoading || !!error);
-  const safeMetrics = isCurrentScopeResolved || canReuseLastGoodMetrics ? metrics2 : { workspaceMetrics: [], blueComparisonWorkspaceMetrics: [], lineMetrics: [], metadata: void 0, efficiencyLegend: DEFAULT_EFFICIENCY_LEGEND };
+  const safeMetrics = isCurrentScopeResolved || canReuseLastGoodMetrics ? metrics2 : { workspaceMetrics: [], blueComparisonWorkspaceMetrics: [], lineMetrics: [], selectorLineMetrics: [], metadata: void 0, efficiencyLegend: DEFAULT_EFFICIENCY_LEGEND };
   return {
     workspaceMetrics: safeMetrics?.workspaceMetrics || [],
     blueComparisonWorkspaceMetrics: safeMetrics?.blueComparisonWorkspaceMetrics || safeMetrics?.workspaceMetrics || [],
     lineMetrics: safeMetrics?.lineMetrics || [],
+    selectorLineMetrics: safeMetrics?.selectorLineMetrics || [],
     efficiencyLegend: safeMetrics?.efficiencyLegend || DEFAULT_EFFICIENCY_LEGEND,
     metadata: safeMetrics?.metadata,
     isLoading: enabled ? isLoading || !isCurrentScopeResolved && !canReuseLastGoodMetrics : false,
@@ -39661,10 +39690,11 @@ var WorkspaceMetricCardsImpl = ({
     }
     return null;
   }, [activeSku, skuAware, activeSkuId, liveSkuId, skuBreakdown]);
-  const pphValue = activeSku ? activeSku.avg_pph : workspace.avg_pph;
-  const pphThreshold = activeSku ? activeSku.pph_threshold : workspace.pph_threshold;
-  const cycleValue = activeSku ? activeSku.avg_cycle_time : workspace.avg_cycle_time;
-  const cycleStandard = activeSku ? activeSku.ideal_cycle_time : workspace.ideal_cycle_time;
+  const metricSku = displaySku;
+  const pphValue = metricSku ? metricSku.avg_pph : workspace.avg_pph;
+  const pphThreshold = metricSku ? metricSku.pph_threshold : workspace.pph_threshold;
+  const cycleValue = metricSku ? metricSku.avg_cycle_time : workspace.avg_cycle_time;
+  const cycleStandard = metricSku ? metricSku.ideal_cycle_time : workspace.ideal_cycle_time;
   const displaySkuLabel = displaySku ? getSkuDisplayName(displaySku) : "";
   const efficiencyValue = workspace.avg_efficiency || 0;
   const efficiencyTarget = effectiveLegend.green_min;
@@ -55769,8 +55799,9 @@ var WorkspaceCycleTimeMetricCards = ({
     }
     return null;
   }, [activeSku, skuAware, activeSkuId, liveSkuId, skuBreakdown]);
-  const cycleValue = activeSku ? activeSku.avg_cycle_time : workspace.avg_cycle_time;
-  const cycleStandard = activeSku ? activeSku.ideal_cycle_time : workspace.ideal_cycle_time;
+  const metricSku = displaySku;
+  const cycleValue = metricSku ? metricSku.avg_cycle_time : workspace.avg_cycle_time;
+  const cycleStandard = metricSku ? metricSku.ideal_cycle_time : workspace.ideal_cycle_time;
   const displaySkuLabel = displaySku ? getSkuDisplayName(displaySku) : "";
   const efficiencyValue = workspace.avg_efficiency || 0;
   const efficiencyTarget = effectiveLegend.green_min;
@@ -65652,6 +65683,7 @@ var createEmptyState = () => ({
   workspaceMetrics: [],
   blueComparisonWorkspaceMetrics: [],
   lineMetrics: [],
+  selectorLineMetrics: [],
   kpiTrend: null,
   activeBreaks: [],
   videoStreamsByWorkspaceId: {},
@@ -65665,7 +65697,7 @@ var normalizeMetadata = (metadata) => ({
   cacheStatus: metadata?.cache_status,
   warnings: metadata?.warnings ?? []
 });
-var createResolvedScopeLookup = (resolvedScope, workspaces, blueComparisonWorkspaces) => {
+var createResolvedScopeLookup = (resolvedScope, workspaces, blueComparisonWorkspaces, selectorLineMetrics) => {
   const lookup = /* @__PURE__ */ new Set();
   const addEntry = (lineId, date, shiftId) => {
     if (!lineId || !date || shiftId === void 0 || shiftId === null) return;
@@ -65674,11 +65706,13 @@ var createResolvedScopeLookup = (resolvedScope, workspaces, blueComparisonWorksp
   resolvedScope.forEach((entry) => addEntry(entry.line_id, entry.date, entry.shift_id));
   workspaces.forEach((workspace) => addEntry(workspace.line_id, workspace.date, workspace.shift_id));
   blueComparisonWorkspaces.forEach((workspace) => addEntry(workspace.line_id, workspace.date, workspace.shift_id));
+  selectorLineMetrics.forEach((lineMetric) => addEntry(lineMetric.line_id, lineMetric.date, lineMetric.shift_id));
   return lookup;
 };
 var useLiveMonitorBootstrap = ({
   lineIds,
   blueComparisonLineIds,
+  selectorLineIds,
   companyId,
   enabled = true,
   appTimezone,
@@ -65694,6 +65728,7 @@ var useLiveMonitorBootstrap = ({
   const effectiveTimezone = appTimezone || "Asia/Kolkata";
   const rawLineIdsKey = (lineIds || []).filter(Boolean).join(",");
   const rawBlueComparisonLineIdsKey = (blueComparisonLineIds || lineIds || []).filter(Boolean).join(",");
+  const rawSelectorLineIdsKey = (selectorLineIds || []).filter(Boolean).join(",");
   const normalizedLineIds = useMemo(
     () => Array.from(new Set(rawLineIdsKey ? rawLineIdsKey.split(",") : [])),
     [rawLineIdsKey]
@@ -65702,13 +65737,17 @@ var useLiveMonitorBootstrap = ({
     () => Array.from(new Set(rawBlueComparisonLineIdsKey ? rawBlueComparisonLineIdsKey.split(",") : [])),
     [rawBlueComparisonLineIdsKey]
   );
+  const normalizedSelectorLineIds = useMemo(
+    () => Array.from(new Set(rawSelectorLineIdsKey ? rawSelectorLineIdsKey.split(",") : [])),
+    [rawSelectorLineIdsKey]
+  );
   const realtimeLineIds = useMemo(
-    () => Array.from(new Set([...normalizedLineIds, ...normalizedBlueComparisonLineIds].filter(Boolean))).sort(),
-    [normalizedLineIds, normalizedBlueComparisonLineIds]
+    () => Array.from(new Set([...normalizedLineIds, ...normalizedBlueComparisonLineIds, ...normalizedSelectorLineIds].filter(Boolean))).sort(),
+    [normalizedLineIds, normalizedBlueComparisonLineIds, normalizedSelectorLineIds]
   );
   const requestKey = useMemo(
-    () => `${normalizedLineIds.slice().sort().join(",")}|blue:${normalizedBlueComparisonLineIds.slice().sort().join(",")}`,
-    [normalizedLineIds, normalizedBlueComparisonLineIds]
+    () => `${normalizedLineIds.slice().sort().join(",")}|blue:${normalizedBlueComparisonLineIds.slice().sort().join(",")}|selector:${normalizedSelectorLineIds.slice().sort().join(",")}`,
+    [normalizedLineIds, normalizedBlueComparisonLineIds, normalizedSelectorLineIds]
   );
   const realtimeLineIdsKey = useMemo(() => realtimeLineIds.join(","), [realtimeLineIds]);
   const companySpecificMetricsTable = useMemo(
@@ -65740,6 +65779,9 @@ var useLiveMonitorBootstrap = ({
       if (normalizedBlueComparisonLineIds.length) {
         searchParams.set("blue_comparison_line_ids", normalizedBlueComparisonLineIds.join(","));
       }
+      if (normalizedSelectorLineIds.length) {
+        searchParams.set("selector_line_ids", normalizedSelectorLineIds.join(","));
+      }
       if (force) {
         searchParams.set("force_refresh", "true");
       }
@@ -65773,6 +65815,7 @@ var useLiveMonitorBootstrap = ({
           company_id: resolvedCompanyId,
           line_ids: normalizedLineIds,
           blue_comparison_line_ids: normalizedBlueComparisonLineIds,
+          selector_line_ids: normalizedSelectorLineIds,
           force_refresh: force,
           pathname: typeof window !== "undefined" ? window.location.pathname : "unknown"
         }
@@ -65790,6 +65833,7 @@ var useLiveMonitorBootstrap = ({
     resolvedCompanyId,
     normalizedLineIds,
     normalizedBlueComparisonLineIds,
+    normalizedSelectorLineIds,
     requestKey
   ]);
   const fetchBootstrapRef = useRef(fetchBootstrap);
@@ -65901,6 +65945,7 @@ var useLiveMonitorBootstrap = ({
         workspaceMetrics,
         blueComparisonWorkspaceMetrics: blueComparisonWorkspaceMetrics.length ? blueComparisonWorkspaceMetrics : workspaceMetrics,
         lineMetrics: rawState.response.line_metrics || [],
+        selectorLineMetrics: rawState.response.selector_line_metrics || [],
         kpiTrend: rawState.response.kpi_trend || null,
         activeBreaks,
         videoStreamsByWorkspaceId,
@@ -65937,8 +65982,9 @@ var useLiveMonitorBootstrap = ({
   const realtimeScopeKey = useMemo(() => Array.from(createResolvedScopeLookup(
     state.resolvedScope,
     state.workspaceMetrics,
-    state.blueComparisonWorkspaceMetrics
-  )).sort().join("||"), [state.resolvedScope, state.workspaceMetrics, state.blueComparisonWorkspaceMetrics]);
+    state.blueComparisonWorkspaceMetrics,
+    state.selectorLineMetrics
+  )).sort().join("||"), [state.resolvedScope, state.workspaceMetrics, state.blueComparisonWorkspaceMetrics, state.selectorLineMetrics]);
   useEffect(() => {
     if (!enabled || !resolvedCompanyId || !realtimeLineIdsKey || !supabase) {
       return void 0;
@@ -66044,6 +66090,7 @@ var useLiveMonitorBootstrap = ({
     workspaceMetrics: state.workspaceMetrics,
     blueComparisonWorkspaceMetrics: state.blueComparisonWorkspaceMetrics,
     lineMetrics: state.lineMetrics,
+    selectorLineMetrics: state.selectorLineMetrics,
     kpiTrend: state.kpiTrend,
     activeBreaks: state.activeBreaks,
     videoStreamsByWorkspaceId: state.videoStreamsByWorkspaceId,
@@ -66558,6 +66605,7 @@ function HomeView({
     workspaceMetrics: legacyWorkspaceMetrics,
     blueComparisonWorkspaceMetrics: legacyMetricsBlueComparisonWorkspaceMetrics,
     lineMetrics: legacyLineMetrics,
+    selectorLineMetrics: legacySelectorLineMetrics = [],
     efficiencyLegend: legacyEfficiencyLegend,
     metadata: legacyMetricsMetadata,
     isLoading: legacyMetricsLoading,
@@ -66568,6 +66616,7 @@ function HomeView({
     lineId: metricsScopeLineId,
     lineIds: selectedLineIds,
     blueComparisonLineIds,
+    selectorLineIds: visibleLineIds,
     onLineMetricsUpdate: handleLineMetricsUpdate,
     userAccessibleLineIds: visibleLineIds,
     enabled: shouldEnableMetricsFetch && !isBootstrapMonitorMode
@@ -66623,6 +66672,7 @@ function HomeView({
   const bootstrapMonitor = useLiveMonitorBootstrap({
     lineIds: selectedLineIds,
     blueComparisonLineIds,
+    selectorLineIds: visibleLineIds,
     companyId: userCompanyId,
     enabled: shouldEnableMetricsFetch && !isLegacyMonitorMode,
     appTimezone: timezone,
@@ -66633,12 +66683,32 @@ function HomeView({
   const currentWorkspaceMetrics = isBootstrapMonitorMode ? bootstrapMonitor.workspaceMetrics : legacyWorkspaceMetrics;
   const currentBlueComparisonWorkspaceMetrics = isBootstrapMonitorMode ? bootstrapMonitor.blueComparisonWorkspaceMetrics : legacyMetricsBlueComparisonWorkspaceMetrics;
   const currentLineMetrics = isBootstrapMonitorMode ? bootstrapMonitor.lineMetrics : legacyLineMetrics;
+  const currentSelectorLineMetrics = isBootstrapMonitorMode ? bootstrapMonitor.selectorLineMetrics : legacySelectorLineMetrics;
   const currentEfficiencyLegend = isBootstrapMonitorMode ? bootstrapMonitor.efficiencyLegend : legacyEfficiencyLegend;
   const currentMetricsMetadata = isBootstrapMonitorMode ? bootstrapMonitor.metadata : legacyMetricsMetadata;
   const currentMetricsLoading = isBootstrapMonitorMode ? bootstrapMonitor.isLoading : legacyMetricsLoading;
   const currentIsCurrentScopeResolved = isBootstrapMonitorMode ? bootstrapMonitor.isCurrentScopeResolved : legacyIsCurrentScopeResolved;
   const currentMetricsError = isBootstrapMonitorMode ? bootstrapMonitor.error : legacyMetricsError;
   const currentRefetchMetrics = isBootstrapMonitorMode ? bootstrapMonitor.refetch : refetchLegacyMetrics;
+  const lineSelectorSignalStatusByLine = useMemo(() => {
+    const statusByLine = /* @__PURE__ */ new Map();
+    const legend = currentEfficiencyLegend || DEFAULT_EFFICIENCY_LEGEND;
+    const addRows = (rows) => {
+      (rows || []).forEach((row) => {
+        const lineId = typeof row?.line_id === "string" ? row.line_id : "";
+        if (!lineId || statusByLine.has(lineId)) {
+          return;
+        }
+        const status = getKpiSignalStatus(row?.line_signal, legend);
+        if (status) {
+          statusByLine.set(lineId, status);
+        }
+      });
+    };
+    addRows(currentSelectorLineMetrics);
+    addRows(currentLineMetrics);
+    return statusByLine;
+  }, [currentEfficiencyLegend, currentLineMetrics, currentSelectorLineMetrics]);
   const metricsDisplayNames = useMemo(() => {
     const nextDisplayNames = {};
     currentWorkspaceMetrics.forEach((workspace) => {
@@ -67496,6 +67566,8 @@ function HomeView({
         ] }),
         /* @__PURE__ */ jsx("div", { className: "max-h-56 space-y-0.5 overflow-y-auto pr-1", children: visibleLineIds.map((lineId) => {
           const isChecked = pendingSelectedLineIds.includes(lineId);
+          const signalStatus = lineSelectorSignalStatusByLine.get(lineId);
+          const signalDotClass = signalStatus === "stable" ? "bg-green-500" : signalStatus === "warning" ? "bg-yellow-400" : signalStatus === "attention" ? "bg-red-500" : "";
           return /* @__PURE__ */ jsxs(
             "label",
             {
@@ -67520,7 +67592,15 @@ function HomeView({
                     }
                   }
                 ),
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: mergedLineNames[lineId] || `Line ${lineId.substring(0, 4)}` })
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: mergedLineNames[lineId] || `Line ${lineId.substring(0, 4)}` }),
+                /* @__PURE__ */ jsx("span", { className: "flex h-2.5 w-2.5 flex-shrink-0 items-center justify-center", children: signalStatus ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "data-testid": `line-selector-signal-dot-${lineId}`,
+                    className: `h-2 w-2 rounded-full ${signalDotClass}`,
+                    "aria-hidden": "true"
+                  }
+                ) : null })
               ]
             },
             lineId
@@ -67549,6 +67629,7 @@ function HomeView({
     mergedLineNames,
     selectedLineIds,
     pendingSelectedLineIds,
+    lineSelectorSignalStatusByLine,
     visibleLineIds,
     updateSelectedLineIds,
     isAllLinesSelection
@@ -80105,6 +80186,8 @@ var WorkspaceDetailView = ({
     [workspace?.sku_segments]
   );
   const activeSkuId = selectedSkuId;
+  const shouldUseLiveSkuForMetricCards = !isHistoricView || Boolean(date) && date === calculatedOperationalDate && parsedShiftId !== void 0 && parsedShiftId === calculatedShiftId;
+  const metricCardLiveSkuId = shouldUseLiveSkuForMetricCards ? liveSkuId : null;
   const resolvedLineId = effectiveLineId || workspace?.line_id || cachedDetailedMetrics?.line_id || cachedOverviewMetrics?.line_id || overviewFallback?.line_id;
   const { timezone: cycleTimeTimezone } = useTimezone({
     lineId: resolvedLineId || void 0,
@@ -81177,7 +81260,7 @@ var WorkspaceDetailView = ({
                     skuAware: isSkuAware,
                     skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
                     activeSkuId,
-                    liveSkuId: isHistoricView ? null : liveSkuId
+                    liveSkuId: metricCardLiveSkuId
                   }
                 ) : /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                   WorkspaceMetricCards,
@@ -81188,7 +81271,7 @@ var WorkspaceDetailView = ({
                     skuAware: isSkuAware,
                     skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
                     activeSkuId,
-                    liveSkuId: isHistoricView ? null : liveSkuId
+                    liveSkuId: metricCardLiveSkuId
                   }
                 ) })
               ] }),
@@ -81359,7 +81442,7 @@ var WorkspaceDetailView = ({
                     skuAware: isSkuAware,
                     skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
                     activeSkuId,
-                    liveSkuId: isHistoricView ? null : liveSkuId
+                    liveSkuId: metricCardLiveSkuId
                   }
                 ) : /* @__PURE__ */ jsx("div", { className: clsx("flex min-h-0", desktopBottomSectionClass), children: /* @__PURE__ */ jsx(
                   WorkspaceMetricCards,
@@ -81370,7 +81453,7 @@ var WorkspaceDetailView = ({
                     skuAware: isSkuAware,
                     skuBreakdown: isSkuAware ? realSkuBreakdown : void 0,
                     activeSkuId,
-                    liveSkuId: isHistoricView ? null : liveSkuId
+                    liveSkuId: metricCardLiveSkuId
                   }
                 ) })
               ] })

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@optifye/dashboard-core",
-  "version": "6.12.42",
+  "version": "6.12.44",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",