@optifye/dashboard-core 6.11.44 → 6.11.46

package/dist/index.d.mts

@@ -66,6 +66,7 @@ interface WorkspaceMetrics {
     workspace_name: string;
     action_count: number;
     pph: number;
+    pph_threshold?: number;
     performance_score: 0 | 1 | 2;
     avg_cycle_time: number;
     ideal_cycle_time?: number;
@@ -5556,6 +5557,11 @@ declare const workspaceService: {
         lineIds?: string[];
         force?: boolean;
     }): Promise<Record<string, WorkspaceVideoStream>>;
+    primeWorkspaceVideoStreamsCache(params: {
+        streams: Record<string, WorkspaceVideoStream>;
+        workspaceIds?: string[];
+        lineIds?: string[];
+    }): void;
     getWorkspaceCameraIps(params: {
         workspaceIds?: string[];
         lineIds?: string[];

package/dist/index.d.ts

@@ -66,6 +66,7 @@ interface WorkspaceMetrics {
     workspace_name: string;
     action_count: number;
     pph: number;
+    pph_threshold?: number;
     performance_score: 0 | 1 | 2;
     avg_cycle_time: number;
     ideal_cycle_time?: number;
@@ -5556,6 +5557,11 @@ declare const workspaceService: {
         lineIds?: string[];
         force?: boolean;
     }): Promise<Record<string, WorkspaceVideoStream>>;
+    primeWorkspaceVideoStreamsCache(params: {
+        streams: Record<string, WorkspaceVideoStream>;
+        workspaceIds?: string[];
+        lineIds?: string[];
+    }): void;
     getWorkspaceCameraIps(params: {
         workspaceIds?: string[];
         lineIds?: string[];

package/dist/index.js

@@ -5117,6 +5117,27 @@ var workspaceService = {
     this._workspaceVideoStreamsInFlight.set(cacheKey, fetchPromise);
     return fetchPromise;
   },
+  primeWorkspaceVideoStreamsCache(params) {
+    const streams = params.streams || {};
+    const workspaceIds = (params.workspaceIds || []).filter(Boolean);
+    const lineIds = (params.lineIds || []).filter(Boolean);
+    if (!Object.keys(streams).length || !workspaceIds.length && !lineIds.length) {
+      return;
+    }
+    const timestamp = Date.now();
+    const entry = {
+      streams,
+      timestamp
+    };
+    if (workspaceIds.length) {
+      const workspaceKey = workspaceIds.slice().sort().join(",");
+      this._workspaceVideoStreamsCache.set(`workspaces:${workspaceKey}`, entry);
+    }
+    if (lineIds.length) {
+      const lineKey = lineIds.slice().sort().join(",");
+      this._workspaceVideoStreamsCache.set(`lines:${lineKey}`, entry);
+    }
+  },
   async getWorkspaceCameraIps(params) {
     const workspaceIds = (params.workspaceIds || []).filter(Boolean);
     const lineIds = (params.lineIds || []).filter(Boolean);
@@ -11988,8 +12009,8 @@ var useOperationalShiftKey = ({
 };
 
 // src/lib/stores/workspaceMetricsStore.ts
-var OVERVIEW_TTL_MS = 3e4;
-var DETAILED_TTL_MS = 3e4;
+var OVERVIEW_TTL_MS = 12e4;
+var DETAILED_TTL_MS = 12e4;
 var overviewByKey = /* @__PURE__ */ new Map();
 var detailedByKey = /* @__PURE__ */ new Map();
 var latestOverviewByWorkspace = /* @__PURE__ */ new Map();
@@ -13485,6 +13506,109 @@ function getEfficiencyTextColorClasses(efficiency, legend = DEFAULT_EFFICIENCY_L
   }
 }
 
+// src/lib/utils/monitorWorkspaceMetrics.ts
+var sortWorkspaceMetrics = (left, right) => {
+  if (left.line_id !== right.line_id) {
+    return left.line_id.localeCompare(right.line_id);
+  }
+  return left.workspace_name.localeCompare(right.workspace_name, void 0, { numeric: true });
+};
+var buildLineMetricsById = (lineMetrics) => (lineMetrics || []).reduce((acc, lineMetric) => {
+  const lineId = lineMetric?.line_id;
+  if (!lineId) {
+    return acc;
+  }
+  acc[lineId] = { total_workspaces: lineMetric?.total_workspaces };
+  return acc;
+}, {});
+var transformMonitorWorkspaceMetrics = ({
+  rows,
+  companyId,
+  workspaceConfig,
+  appTimezone,
+  lineMetrics,
+  resolveShiftConfig,
+  shouldOverrideShiftType,
+  fallbackShiftConfig = null
+}) => {
+  const effectiveWorkspaceConfig = workspaceConfig || DEFAULT_WORKSPACE_CONFIG;
+  const detailTimezone = appTimezone || "Asia/Kolkata";
+  const lineMetricsById = buildLineMetricsById(lineMetrics);
+  return (rows || []).map((item) => {
+    const lineId = String(item?.line_id || "");
+    const lineShiftConfig = resolveShiftConfig?.(lineId) || fallbackShiftConfig || void 0;
+    const detailedMetrics = toWorkspaceDetailedMetrics({
+      data: item,
+      companyId,
+      workspaceConfig: effectiveWorkspaceConfig,
+      shiftConfig: lineShiftConfig,
+      appTimezone: detailTimezone,
+      lineMetricsById,
+      overrideShiftType: shouldOverrideShiftType?.(lineId) ?? false
+    });
+    if (detailedMetrics) {
+      workspaceMetricsStore.setDetailed(detailedMetrics);
+    }
+    const idleTimeValue = typeof item.idle_time === "number" ? item.idle_time : Number(item.idle_time);
+    const idleTimeSeconds = Number.isFinite(idleTimeValue) ? idleTimeValue : void 0;
+    const pphThresholdValue = typeof item.pph_threshold === "number" ? item.pph_threshold : Number(item.pph_threshold);
+    const actionFamily = normalizeActionFamily({
+      actionFamily: item.action_family,
+      actionType: item.action_type,
+      actionName: item.action_name
+    });
+    const actionType = actionFamily === "assembly" || actionFamily === "output" ? actionFamily : null;
+    const metric = {
+      company_id: item.company_id || companyId,
+      line_id: lineId,
+      shift_id: item.shift_id,
+      date: item.date,
+      workspace_uuid: item.workspace_id,
+      workspace_name: item.workspace_name,
+      displayName: item.workspace_display_name || item.display_name || void 0,
+      action_count: item.total_output || 0,
+      pph: item.avg_pph || 0,
+      pph_threshold: Number.isFinite(pphThresholdValue) ? pphThresholdValue : void 0,
+      performance_score: item.performance_score || 0,
+      avg_cycle_time: item.avg_cycle_time || 0,
+      ideal_cycle_time: item.ideal_cycle_time || void 0,
+      trend: item.trend_score === 1 ? 2 : 0,
+      predicted_output: item.ideal_output || 0,
+      efficiency: item.efficiency || 0,
+      action_threshold: item.total_day_output || 0,
+      monitoring_mode: item.monitoring_mode ?? void 0,
+      idle_time: idleTimeSeconds,
+      idle_time_hourly: item.idle_time_hourly ?? null,
+      shift_start: item.shift_start ?? void 0,
+      shift_end: item.shift_end ?? void 0,
+      assembly_enabled: item.assembly_enabled ?? false,
+      video_grid_metric_mode: normalizeVideoGridMetricMode(
+        item.video_grid_metric_mode,
+        item.assembly_enabled ?? false
+      ),
+      action_type: actionType,
+      action_family: actionFamily,
+      action_display_name: getActionDisplayName({
+        displayName: item.action_display_name,
+        actionFamily: item.action_family,
+        actionType: item.action_type,
+        actionName: item.action_name
+      }),
+      recent_flow_percent: item.recent_flow_percent ?? null,
+      recent_flow_window_minutes: item.recent_flow_window_minutes ?? null,
+      recent_flow_effective_end_at: item.recent_flow_effective_end_at ?? null,
+      recent_flow_computed_at: item.recent_flow_computed_at ?? null,
+      scheduled_break_active: item.scheduled_break_active ?? false,
+      incoming_wip_current: item.incoming_wip_current ?? null,
+      incoming_wip_effective_at: item.incoming_wip_effective_at ?? null,
+      incoming_wip_buffer_name: item.incoming_wip_buffer_name ?? null,
+      show_exclamation: item.show_exclamation ?? void 0
+    };
+    workspaceMetricsStore.setOverview(metric);
+    return metric;
+  }).sort(sortWorkspaceMetrics);
+};
+
 // src/lib/hooks/useDashboardMetrics.ts
 var DEBUG_DASHBOARD_LOGS = process.env.NEXT_PUBLIC_DEBUG_DASHBOARD === "true";
 var REALTIME_REFRESH_DEBOUNCE_MS = 1500;
@@ -13802,89 +13926,16 @@ var useDashboardMetrics = ({
         }
         efficiencyLegend = parseEfficiencyLegend(backendData?.efficiency_legend) ?? DEFAULT_EFFICIENCY_LEGEND;
       }
-      const lineMetricsById = (allLineMetrics || []).reduce(
-        (acc, line) => {
-          const lineId2 = line?.line_id;
-          if (lineId2) {
-            acc[lineId2] = { total_workspaces: line?.total_workspaces };
-          }
-          return acc;
-        },
-        {}
-      );
       const detailTimezone = appTimezone || "Asia/Kolkata";
-      allWorkspaceMetrics.forEach((item) => {
-        const lineShiftConfig = isFactoryView ? multiLineShiftConfigMap.get(item.line_id) : shiftConfig;
-        const detailedMetrics = toWorkspaceDetailedMetrics({
-          data: item,
-          companyId: companyId || "",
-          workspaceConfig: effectiveWorkspaceConfig,
-          shiftConfig: lineShiftConfig || staticShiftConfig,
-          appTimezone: detailTimezone,
-          lineMetricsById,
-          overrideShiftType: Boolean(lineShiftConfig)
-        });
-        if (detailedMetrics) {
-          workspaceMetricsStore.setDetailed(detailedMetrics);
-        }
-      });
-      const transformedWorkspaceData = allWorkspaceMetrics.map((item) => {
-        const idleTimeValue = typeof item.idle_time === "number" ? item.idle_time : Number(item.idle_time);
-        const idleTimeSeconds = Number.isFinite(idleTimeValue) ? idleTimeValue : void 0;
-        const actionFamily = normalizeActionFamily({
-          actionFamily: item.action_family,
-          actionType: item.action_type,
-          actionName: item.action_name
-        });
-        const actionType = actionFamily === "assembly" || actionFamily === "output" ? actionFamily : null;
-        return {
-          company_id: item.company_id || companyId,
-          line_id: item.line_id,
-          shift_id: item.shift_id,
-          date: item.date,
-          workspace_uuid: item.workspace_id,
-          workspace_name: item.workspace_name,
-          displayName: item.workspace_display_name || item.display_name || void 0,
-          action_count: item.total_output || 0,
-          pph: item.avg_pph || 0,
-          performance_score: item.performance_score || 0,
-          avg_cycle_time: item.avg_cycle_time || 0,
-          trend: item.trend_score === 1 ? 2 : 0,
-          predicted_output: item.ideal_output || 0,
-          efficiency: item.efficiency || 0,
-          action_threshold: item.total_day_output || 0,
-          show_exclamation: item.show_exclamation ?? void 0,
-          monitoring_mode: item.monitoring_mode ?? void 0,
-          idle_time: idleTimeSeconds,
-          assembly_enabled: item.assembly_enabled ?? false,
-          video_grid_metric_mode: normalizeVideoGridMetricMode(
-            item.video_grid_metric_mode,
-            item.assembly_enabled ?? false
-          ),
-          action_type: actionType,
-          action_family: actionFamily,
-          action_display_name: getActionDisplayName({
-            displayName: item.action_display_name,
-            actionFamily: item.action_family,
-            actionType: item.action_type,
-            actionName: item.action_name
-          }),
-          recent_flow_percent: item.recent_flow_percent ?? null,
-          recent_flow_window_minutes: item.recent_flow_window_minutes ?? null,
-          recent_flow_effective_end_at: item.recent_flow_effective_end_at ?? null,
-          recent_flow_computed_at: item.recent_flow_computed_at ?? null,
-          incoming_wip_current: item.incoming_wip_current ?? null,
-          incoming_wip_effective_at: item.incoming_wip_effective_at ?? null,
-          incoming_wip_buffer_name: item.incoming_wip_buffer_name ?? null
-        };
-      }).sort((a, b) => {
-        if (a.line_id !== b.line_id) return a.line_id.localeCompare(b.line_id);
-        const wsNumA = parseInt(a.workspace_name?.replace(/[^0-9]/g, "") || "0");
-        const wsNumB = parseInt(b.workspace_name?.replace(/[^0-9]/g, "") || "0");
-        return wsNumA - wsNumB;
-      });
-      transformedWorkspaceData.forEach((metric) => {
-        workspaceMetricsStore.setOverview(metric);
+      const transformedWorkspaceData = transformMonitorWorkspaceMetrics({
+        rows: allWorkspaceMetrics,
+        companyId: companyId || "",
+        workspaceConfig: effectiveWorkspaceConfig,
+        appTimezone: detailTimezone,
+        lineMetrics: allLineMetrics,
+        resolveShiftConfig: (metricLineId) => isFactoryView ? multiLineShiftConfigMap.get(metricLineId) || staticShiftConfig : shiftConfig || staticShiftConfig,
+        shouldOverrideShiftType: (metricLineId) => isFactoryView ? Boolean(multiLineShiftConfigMap.get(metricLineId)) : Boolean(shiftConfig),
+        fallbackShiftConfig: staticShiftConfig
       });
       const newMetricsState = {
         workspaceMetrics: transformedWorkspaceData,
@@ -37604,6 +37655,7 @@ var buildPrefetchedExplorerMetadata = (activeFilter, metadataCategoryId, categor
     [activeFilter]: categoryMetadata
   };
 };
+var shouldDeferClipPlayerRender = (cropLoading, workspaceCrop) => cropLoading && workspaceCrop === null;
 var getSecondsBetweenTimestamps = (startTime, endTime) => {
   const startDate = parseTimestamp(startTime);
   const endDate = parseTimestamp(endTime);
@@ -42735,7 +42787,7 @@ var BottlenecksContent = ({
   const isEffectiveShiftReady = Boolean(effectiveShift && effectiveDate);
   const effectiveDateString = effectiveDate || "";
   const effectiveShiftId = effectiveShift ?? "";
-  const { crop: workspaceCrop} = useWorkspaceCrop(workspaceId);
+  const { crop: workspaceCrop, isLoading: cropLoading } = useWorkspaceCrop(workspaceId);
   const { metrics: fetchedWorkspaceMetrics } = useWorkspaceDetailedMetrics(
     workspaceId,
     date,
@@ -42784,6 +42836,8 @@ var BottlenecksContent = ({
   const [pendingVideo, setPendingVideo] = React143.useState(null);
   const [isVideoBuffering, setIsVideoBuffering] = React143.useState(false);
   const [isInitialLoading, setIsInitialLoading] = React143.useState(false);
+  const shouldDeferPlayerRenderForCrop = shouldDeferClipPlayerRender(cropLoading, workspaceCrop);
+  const showBlockingVideoLoader = shouldDeferPlayerRenderForCrop || isTransitioning || isVideoBuffering && isInitialLoading;
   const [isShareLoading, setIsShareLoading] = React143.useState(false);
   const [isShareCopied, setIsShareCopied] = React143.useState(false);
   const shareCopiedTimeoutRef = React143.useRef(null);
@@ -44523,7 +44577,7 @@ var BottlenecksContent = ({
               opacity: isTransitioning ? 0 : 1,
               transition: "opacity 0.1s ease-in-out"
             },
-            children: /* @__PURE__ */ jsxRuntime.jsx(
+            children: !shouldDeferPlayerRenderForCrop && /* @__PURE__ */ jsxRuntime.jsx(
               CroppedVideoPlayer,
               {
                 ref: videoRef,
@@ -44554,8 +44608,8 @@ var BottlenecksContent = ({
             )
           }
         ),
-        (isTransitioning || isVideoBuffering && isInitialLoading) && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
-        !isTransitioning && isVideoBuffering && !isInitialLoading && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+        showBlockingVideoLoader && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+        !shouldDeferPlayerRenderForCrop && !isTransitioning && isVideoBuffering && !isInitialLoading && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
         error && error.type === "retrying" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-40 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
           /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md" }),
           /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-white text-sm mt-4 font-medium", children: error.message })
@@ -44948,7 +45002,7 @@ var BottlenecksContent = ({
                   opacity: isTransitioning ? 0 : 1,
                   transition: "opacity 0.1s ease-in-out"
                 },
-                children: /* @__PURE__ */ jsxRuntime.jsx(
+                children: !shouldDeferPlayerRenderForCrop && /* @__PURE__ */ jsxRuntime.jsx(
                   CroppedVideoPlayer,
                   {
                     ref: videoRef,
@@ -44979,8 +45033,8 @@ var BottlenecksContent = ({
                 )
               }
             ),
-            (isTransitioning || isVideoBuffering && isInitialLoading) && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
-            !isTransitioning && isVideoBuffering && !isInitialLoading && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+            showBlockingVideoLoader && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+            !shouldDeferPlayerRenderForCrop && !isTransitioning && isVideoBuffering && !isInitialLoading && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsxRuntime.jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between text-white", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: "Speed:" }),
@@ -60844,67 +60898,6 @@ var HelpView = ({
 };
 var AuthenticatedHelpView = withAuth(HelpView);
 var HelpView_default = HelpView;
-var sortWorkspaceMetrics = (left, right) => {
-  if (left.line_id !== right.line_id) {
-    return left.line_id.localeCompare(right.line_id);
-  }
-  return left.workspace_name.localeCompare(right.workspace_name, void 0, { numeric: true });
-};
-var transformWorkspaceMetrics = (rows) => (rows || []).map((item) => {
-  const actionFamily = normalizeActionFamily({
-    actionFamily: item.action_family,
-    actionType: item.action_type,
-    actionName: item.action_name
-  });
-  const actionType = actionFamily === "assembly" || actionFamily === "output" ? actionFamily : null;
-  const metric = {
-    company_id: item.company_id || "",
-    line_id: item.line_id,
-    shift_id: item.shift_id,
-    date: item.date,
-    workspace_uuid: item.workspace_id,
-    workspace_name: item.workspace_name,
-    displayName: item.workspace_display_name || item.display_name || void 0,
-    action_count: item.total_output || 0,
-    pph: item.avg_pph || 0,
-    performance_score: item.performance_score || 0,
-    avg_cycle_time: item.avg_cycle_time || 0,
-    ideal_cycle_time: item.ideal_cycle_time || void 0,
-    trend: item.trend_score === 1 ? 2 : 0,
-    predicted_output: item.ideal_output || 0,
-    efficiency: item.efficiency || 0,
-    action_threshold: item.total_day_output || 0,
-    monitoring_mode: item.monitoring_mode ?? void 0,
-    idle_time: typeof item.idle_time === "number" ? item.idle_time : Number(item.idle_time),
-    idle_time_hourly: item.idle_time_hourly ?? null,
-    shift_start: item.shift_start ?? void 0,
-    shift_end: item.shift_end ?? void 0,
-    assembly_enabled: item.assembly_enabled ?? false,
-    video_grid_metric_mode: normalizeVideoGridMetricMode(
-      item.video_grid_metric_mode,
-      item.assembly_enabled ?? false
-    ),
-    action_type: actionType,
-    action_family: actionFamily,
-    action_display_name: getActionDisplayName({
-      displayName: item.action_display_name,
-      actionFamily: item.action_family,
-      actionType: item.action_type,
-      actionName: item.action_name
-    }),
-    recent_flow_percent: item.recent_flow_percent ?? null,
-    recent_flow_window_minutes: item.recent_flow_window_minutes ?? null,
-    recent_flow_effective_end_at: item.recent_flow_effective_end_at ?? null,
-    recent_flow_computed_at: item.recent_flow_computed_at ?? null,
-    scheduled_break_active: item.scheduled_break_active ?? false,
-    incoming_wip_current: item.incoming_wip_current ?? null,
-    incoming_wip_effective_at: item.incoming_wip_effective_at ?? null,
-    incoming_wip_buffer_name: item.incoming_wip_buffer_name ?? null,
-    show_exclamation: item.show_exclamation ?? void 0
-  };
-  workspaceMetricsStore.setOverview(metric);
-  return metric;
-}).sort(sortWorkspaceMetrics);
 var transformActiveBreaks = (activeBreaksByLine) => {
   if (!activeBreaksByLine) return [];
   return Object.values(activeBreaksByLine).flat().map((item) => ({
@@ -60945,12 +60938,18 @@ var normalizeMetadata = (metadata) => ({
 var useLiveMonitorBootstrap = ({
   lineIds,
   companyId,
-  enabled = true
+  enabled = true,
+  appTimezone,
+  workspaceConfig,
+  fallbackShiftConfig,
+  lineShiftConfigs
 }) => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
   const { hydrateFromBackend } = useIdleTimeVlmConfig();
   const resolvedCompanyId = companyId || entityConfig?.companyId;
+  const effectiveWorkspaceConfig = workspaceConfig || DEFAULT_WORKSPACE_CONFIG;
+  const effectiveTimezone = appTimezone || "Asia/Kolkata";
   const rawLineIdsKey = (lineIds || []).filter(Boolean).join(",");
   const normalizedLineIds = React143.useMemo(
     () => Array.from(new Set(rawLineIdsKey ? rawLineIdsKey.split(",") : [])),
@@ -60991,12 +60990,28 @@ var useLiveMonitorBootstrap = ({
       if (requestId !== activeRequestIdRef.current) {
         return;
       }
-      const workspaceMetrics = transformWorkspaceMetrics(response.workspace_metrics || []);
+      const workspaceMetrics = transformMonitorWorkspaceMetrics({
+        rows: response.workspace_metrics || [],
+        companyId: resolvedCompanyId,
+        workspaceConfig: effectiveWorkspaceConfig,
+        appTimezone: effectiveTimezone,
+        lineMetrics: response.line_metrics || [],
+        resolveShiftConfig: (lineId) => lineShiftConfigs?.get(lineId) || fallbackShiftConfig,
+        shouldOverrideShiftType: (lineId) => Boolean(lineShiftConfigs?.get(lineId)),
+        fallbackShiftConfig
+      });
       const activeBreaks = transformActiveBreaks(response.active_breaks_by_line);
       const metadata = normalizeMetadata(response.metadata);
+      const workspaceIds = workspaceMetrics.map((metric) => metric.workspace_uuid).filter((workspaceId) => Boolean(workspaceId));
+      const videoStreamsByWorkspaceId = response.video_streams_by_workspace_id || {};
       if (metadata.idleTimeVlmByLine) {
         hydrateFromBackend(metadata.idleTimeVlmByLine);
       }
+      workspaceService.primeWorkspaceVideoStreamsCache({
+        streams: videoStreamsByWorkspaceId,
+        workspaceIds,
+        lineIds: normalizedLineIds
+      });
       setState({
         requestKey,
         resolvedScope: response.resolved_scope || [],
@@ -61006,7 +61021,7 @@ var useLiveMonitorBootstrap = ({
         lineMetrics: response.line_metrics || [],
         kpiTrend: response.kpi_trend || null,
         activeBreaks,
-        videoStreamsByWorkspaceId: response.video_streams_by_workspace_id || {},
+        videoStreamsByWorkspaceId,
         efficiencyLegend: response.efficiency_legend || null,
         metadata
       });
@@ -61020,7 +61035,18 @@ var useLiveMonitorBootstrap = ({
         setIsLoading(false);
       }
     }
-  }, [enabled, supabase, resolvedCompanyId, normalizedLineIds, requestKey, hydrateFromBackend]);
+  }, [
+    enabled,
+    supabase,
+    resolvedCompanyId,
+    normalizedLineIds,
+    requestKey,
+    hydrateFromBackend,
+    effectiveWorkspaceConfig,
+    effectiveTimezone,
+    lineShiftConfigs,
+    fallbackShiftConfig
+  ]);
   React143.useEffect(() => {
     if (!enabled) {
       setIsLoading(false);
@@ -61580,7 +61606,11 @@ function HomeView({
   const bootstrapMonitor = useLiveMonitorBootstrap({
     lineIds: selectedLineIds,
     companyId: userCompanyId,
-    enabled: shouldEnableMetricsFetch && !isLegacyMonitorMode
+    enabled: shouldEnableMetricsFetch && !isLegacyMonitorMode,
+    appTimezone: timezone,
+    workspaceConfig: dashboardConfig?.workspaceConfig,
+    fallbackShiftConfig: dashboardConfig?.shiftConfig,
+    lineShiftConfigs
   });
   const currentWorkspaceMetrics = isBootstrapMonitorMode ? bootstrapMonitor.workspaceMetrics : legacyWorkspaceMetrics;
   const currentLineMetrics = isBootstrapMonitorMode ? bootstrapMonitor.lineMetrics : legacyLineMetrics;
@@ -62784,7 +62814,7 @@ var buildLineInfoSnapshot = (lineDetails, metrics2) => {
     }
   };
 };
-var transformWorkspaceMetrics2 = (workspaceData, lineId, companyId, queryDate, queryShiftId) => (workspaceData || []).map((item) => ({
+var transformWorkspaceMetrics = (workspaceData, lineId, companyId, queryDate, queryShiftId) => (workspaceData || []).map((item) => ({
   company_id: item.company_id || companyId,
   line_id: item.line_id || lineId,
   shift_id: item.shift_id ?? queryShiftId,
@@ -62932,7 +62962,7 @@ var useLineDetailPageData = ({
       setDetailResponse(nextDetail);
       const metrics3 = transformLineMetrics(lineId, nextDetail, queryDate, queryShiftId);
       const lineDetails2 = transformLineDetails(lineId, nextDetail);
-      const workspaces2 = transformWorkspaceMetrics2(
+      const workspaces2 = transformWorkspaceMetrics(
         nextDetail.workspace_metrics || [],
         lineId,
         companyId,
@@ -63022,7 +63052,7 @@ var useLineDetailPageData = ({
     [detailResponse, lineId]
   );
   const workspaces = React143.useMemo(
-    () => detailResponse && companyId ? transformWorkspaceMetrics2(detailResponse.workspace_metrics || [], lineId, companyId, queryDate, queryShiftId) : [],
+    () => detailResponse && companyId ? transformWorkspaceMetrics(detailResponse.workspace_metrics || [], lineId, companyId, queryDate, queryShiftId) : [],
     [detailResponse, companyId, lineId, queryDate, queryShiftId]
   );
   const lineInfo = React143.useMemo(() => buildLineInfoSnapshot(lineDetails, metrics2), [lineDetails, metrics2]);
@@ -72090,6 +72120,8 @@ var WorkspaceDetailView = ({
     const totalActions = Number(cachedOverviewMetrics.action_count || 0);
     const targetOutput = Number(cachedOverviewMetrics.action_threshold || 0);
     const idealOutput = Number(cachedOverviewMetrics.predicted_output ?? targetOutput ?? 0);
+    const pphThreshold = Number(cachedOverviewMetrics.pph_threshold || 0);
+    const idealCycleTime = Number(cachedOverviewMetrics.ideal_cycle_time || 0);
     return {
       line_id: cachedOverviewMetrics.line_id,
       line_name: "",
@@ -72108,11 +72140,11 @@ var WorkspaceDetailView = ({
       shift_start: shiftDefinition?.startTime || "",
       shift_end: shiftDefinition?.endTime || "",
       shift_type: shiftType,
-      pph_threshold: 0,
+      pph_threshold: pphThreshold,
       target_output: targetOutput,
       avg_pph: Number(cachedOverviewMetrics.pph || 0),
       avg_cycle_time: avgCycleTime,
-      ideal_cycle_time: avgCycleTime,
+      ideal_cycle_time: idealCycleTime,
       avg_efficiency: Number(cachedOverviewMetrics.efficiency || 0),
       total_actions: totalActions,
       hourly_action_counts: [],

package/dist/index.mjs

@@ -5088,6 +5088,27 @@ var workspaceService = {
     this._workspaceVideoStreamsInFlight.set(cacheKey, fetchPromise);
     return fetchPromise;
   },
+  primeWorkspaceVideoStreamsCache(params) {
+    const streams = params.streams || {};
+    const workspaceIds = (params.workspaceIds || []).filter(Boolean);
+    const lineIds = (params.lineIds || []).filter(Boolean);
+    if (!Object.keys(streams).length || !workspaceIds.length && !lineIds.length) {
+      return;
+    }
+    const timestamp = Date.now();
+    const entry = {
+      streams,
+      timestamp
+    };
+    if (workspaceIds.length) {
+      const workspaceKey = workspaceIds.slice().sort().join(",");
+      this._workspaceVideoStreamsCache.set(`workspaces:${workspaceKey}`, entry);
+    }
+    if (lineIds.length) {
+      const lineKey = lineIds.slice().sort().join(",");
+      this._workspaceVideoStreamsCache.set(`lines:${lineKey}`, entry);
+    }
+  },
   async getWorkspaceCameraIps(params) {
     const workspaceIds = (params.workspaceIds || []).filter(Boolean);
     const lineIds = (params.lineIds || []).filter(Boolean);
@@ -11959,8 +11980,8 @@ var useOperationalShiftKey = ({
 };
 
 // src/lib/stores/workspaceMetricsStore.ts
-var OVERVIEW_TTL_MS = 3e4;
-var DETAILED_TTL_MS = 3e4;
+var OVERVIEW_TTL_MS = 12e4;
+var DETAILED_TTL_MS = 12e4;
 var overviewByKey = /* @__PURE__ */ new Map();
 var detailedByKey = /* @__PURE__ */ new Map();
 var latestOverviewByWorkspace = /* @__PURE__ */ new Map();
@@ -13456,6 +13477,109 @@ function getEfficiencyTextColorClasses(efficiency, legend = DEFAULT_EFFICIENCY_L
   }
 }
 
+// src/lib/utils/monitorWorkspaceMetrics.ts
+var sortWorkspaceMetrics = (left, right) => {
+  if (left.line_id !== right.line_id) {
+    return left.line_id.localeCompare(right.line_id);
+  }
+  return left.workspace_name.localeCompare(right.workspace_name, void 0, { numeric: true });
+};
+var buildLineMetricsById = (lineMetrics) => (lineMetrics || []).reduce((acc, lineMetric) => {
+  const lineId = lineMetric?.line_id;
+  if (!lineId) {
+    return acc;
+  }
+  acc[lineId] = { total_workspaces: lineMetric?.total_workspaces };
+  return acc;
+}, {});
+var transformMonitorWorkspaceMetrics = ({
+  rows,
+  companyId,
+  workspaceConfig,
+  appTimezone,
+  lineMetrics,
+  resolveShiftConfig,
+  shouldOverrideShiftType,
+  fallbackShiftConfig = null
+}) => {
+  const effectiveWorkspaceConfig = workspaceConfig || DEFAULT_WORKSPACE_CONFIG;
+  const detailTimezone = appTimezone || "Asia/Kolkata";
+  const lineMetricsById = buildLineMetricsById(lineMetrics);
+  return (rows || []).map((item) => {
+    const lineId = String(item?.line_id || "");
+    const lineShiftConfig = resolveShiftConfig?.(lineId) || fallbackShiftConfig || void 0;
+    const detailedMetrics = toWorkspaceDetailedMetrics({
+      data: item,
+      companyId,
+      workspaceConfig: effectiveWorkspaceConfig,
+      shiftConfig: lineShiftConfig,
+      appTimezone: detailTimezone,
+      lineMetricsById,
+      overrideShiftType: shouldOverrideShiftType?.(lineId) ?? false
+    });
+    if (detailedMetrics) {
+      workspaceMetricsStore.setDetailed(detailedMetrics);
+    }
+    const idleTimeValue = typeof item.idle_time === "number" ? item.idle_time : Number(item.idle_time);
+    const idleTimeSeconds = Number.isFinite(idleTimeValue) ? idleTimeValue : void 0;
+    const pphThresholdValue = typeof item.pph_threshold === "number" ? item.pph_threshold : Number(item.pph_threshold);
+    const actionFamily = normalizeActionFamily({
+      actionFamily: item.action_family,
+      actionType: item.action_type,
+      actionName: item.action_name
+    });
+    const actionType = actionFamily === "assembly" || actionFamily === "output" ? actionFamily : null;
+    const metric = {
+      company_id: item.company_id || companyId,
+      line_id: lineId,
+      shift_id: item.shift_id,
+      date: item.date,
+      workspace_uuid: item.workspace_id,
+      workspace_name: item.workspace_name,
+      displayName: item.workspace_display_name || item.display_name || void 0,
+      action_count: item.total_output || 0,
+      pph: item.avg_pph || 0,
+      pph_threshold: Number.isFinite(pphThresholdValue) ? pphThresholdValue : void 0,
+      performance_score: item.performance_score || 0,
+      avg_cycle_time: item.avg_cycle_time || 0,
+      ideal_cycle_time: item.ideal_cycle_time || void 0,
+      trend: item.trend_score === 1 ? 2 : 0,
+      predicted_output: item.ideal_output || 0,
+      efficiency: item.efficiency || 0,
+      action_threshold: item.total_day_output || 0,
+      monitoring_mode: item.monitoring_mode ?? void 0,
+      idle_time: idleTimeSeconds,
+      idle_time_hourly: item.idle_time_hourly ?? null,
+      shift_start: item.shift_start ?? void 0,
+      shift_end: item.shift_end ?? void 0,
+      assembly_enabled: item.assembly_enabled ?? false,
+      video_grid_metric_mode: normalizeVideoGridMetricMode(
+        item.video_grid_metric_mode,
+        item.assembly_enabled ?? false
+      ),
+      action_type: actionType,
+      action_family: actionFamily,
+      action_display_name: getActionDisplayName({
+        displayName: item.action_display_name,
+        actionFamily: item.action_family,
+        actionType: item.action_type,
+        actionName: item.action_name
+      }),
+      recent_flow_percent: item.recent_flow_percent ?? null,
+      recent_flow_window_minutes: item.recent_flow_window_minutes ?? null,
+      recent_flow_effective_end_at: item.recent_flow_effective_end_at ?? null,
+      recent_flow_computed_at: item.recent_flow_computed_at ?? null,
+      scheduled_break_active: item.scheduled_break_active ?? false,
+      incoming_wip_current: item.incoming_wip_current ?? null,
+      incoming_wip_effective_at: item.incoming_wip_effective_at ?? null,
+      incoming_wip_buffer_name: item.incoming_wip_buffer_name ?? null,
+      show_exclamation: item.show_exclamation ?? void 0
+    };
+    workspaceMetricsStore.setOverview(metric);
+    return metric;
+  }).sort(sortWorkspaceMetrics);
+};
+
 // src/lib/hooks/useDashboardMetrics.ts
 var DEBUG_DASHBOARD_LOGS = process.env.NEXT_PUBLIC_DEBUG_DASHBOARD === "true";
 var REALTIME_REFRESH_DEBOUNCE_MS = 1500;
@@ -13773,89 +13897,16 @@ var useDashboardMetrics = ({
         }
         efficiencyLegend = parseEfficiencyLegend(backendData?.efficiency_legend) ?? DEFAULT_EFFICIENCY_LEGEND;
       }
-      const lineMetricsById = (allLineMetrics || []).reduce(
-        (acc, line) => {
-          const lineId2 = line?.line_id;
-          if (lineId2) {
-            acc[lineId2] = { total_workspaces: line?.total_workspaces };
-          }
-          return acc;
-        },
-        {}
-      );
       const detailTimezone = appTimezone || "Asia/Kolkata";
-      allWorkspaceMetrics.forEach((item) => {
-        const lineShiftConfig = isFactoryView ? multiLineShiftConfigMap.get(item.line_id) : shiftConfig;
-        const detailedMetrics = toWorkspaceDetailedMetrics({
-          data: item,
-          companyId: companyId || "",
-          workspaceConfig: effectiveWorkspaceConfig,
-          shiftConfig: lineShiftConfig || staticShiftConfig,
-          appTimezone: detailTimezone,
-          lineMetricsById,
-          overrideShiftType: Boolean(lineShiftConfig)
-        });
-        if (detailedMetrics) {
-          workspaceMetricsStore.setDetailed(detailedMetrics);
-        }
-      });
-      const transformedWorkspaceData = allWorkspaceMetrics.map((item) => {
-        const idleTimeValue = typeof item.idle_time === "number" ? item.idle_time : Number(item.idle_time);
-        const idleTimeSeconds = Number.isFinite(idleTimeValue) ? idleTimeValue : void 0;
-        const actionFamily = normalizeActionFamily({
-          actionFamily: item.action_family,
-          actionType: item.action_type,
-          actionName: item.action_name
-        });
-        const actionType = actionFamily === "assembly" || actionFamily === "output" ? actionFamily : null;
-        return {
-          company_id: item.company_id || companyId,
-          line_id: item.line_id,
-          shift_id: item.shift_id,
-          date: item.date,
-          workspace_uuid: item.workspace_id,
-          workspace_name: item.workspace_name,
-          displayName: item.workspace_display_name || item.display_name || void 0,
-          action_count: item.total_output || 0,
-          pph: item.avg_pph || 0,
-          performance_score: item.performance_score || 0,
-          avg_cycle_time: item.avg_cycle_time || 0,
-          trend: item.trend_score === 1 ? 2 : 0,
-          predicted_output: item.ideal_output || 0,
-          efficiency: item.efficiency || 0,
-          action_threshold: item.total_day_output || 0,
-          show_exclamation: item.show_exclamation ?? void 0,
-          monitoring_mode: item.monitoring_mode ?? void 0,
-          idle_time: idleTimeSeconds,
-          assembly_enabled: item.assembly_enabled ?? false,
-          video_grid_metric_mode: normalizeVideoGridMetricMode(
-            item.video_grid_metric_mode,
-            item.assembly_enabled ?? false
-          ),
-          action_type: actionType,
-          action_family: actionFamily,
-          action_display_name: getActionDisplayName({
-            displayName: item.action_display_name,
-            actionFamily: item.action_family,
-            actionType: item.action_type,
-            actionName: item.action_name
-          }),
-          recent_flow_percent: item.recent_flow_percent ?? null,
-          recent_flow_window_minutes: item.recent_flow_window_minutes ?? null,
-          recent_flow_effective_end_at: item.recent_flow_effective_end_at ?? null,
-          recent_flow_computed_at: item.recent_flow_computed_at ?? null,
-          incoming_wip_current: item.incoming_wip_current ?? null,
-          incoming_wip_effective_at: item.incoming_wip_effective_at ?? null,
-          incoming_wip_buffer_name: item.incoming_wip_buffer_name ?? null
-        };
-      }).sort((a, b) => {
-        if (a.line_id !== b.line_id) return a.line_id.localeCompare(b.line_id);
-        const wsNumA = parseInt(a.workspace_name?.replace(/[^0-9]/g, "") || "0");
-        const wsNumB = parseInt(b.workspace_name?.replace(/[^0-9]/g, "") || "0");
-        return wsNumA - wsNumB;
-      });
-      transformedWorkspaceData.forEach((metric) => {
-        workspaceMetricsStore.setOverview(metric);
+      const transformedWorkspaceData = transformMonitorWorkspaceMetrics({
+        rows: allWorkspaceMetrics,
+        companyId: companyId || "",
+        workspaceConfig: effectiveWorkspaceConfig,
+        appTimezone: detailTimezone,
+        lineMetrics: allLineMetrics,
+        resolveShiftConfig: (metricLineId) => isFactoryView ? multiLineShiftConfigMap.get(metricLineId) || staticShiftConfig : shiftConfig || staticShiftConfig,
+        shouldOverrideShiftType: (metricLineId) => isFactoryView ? Boolean(multiLineShiftConfigMap.get(metricLineId)) : Boolean(shiftConfig),
+        fallbackShiftConfig: staticShiftConfig
       });
       const newMetricsState = {
         workspaceMetrics: transformedWorkspaceData,
@@ -37575,6 +37626,7 @@ var buildPrefetchedExplorerMetadata = (activeFilter, metadataCategoryId, categor
     [activeFilter]: categoryMetadata
   };
 };
+var shouldDeferClipPlayerRender = (cropLoading, workspaceCrop) => cropLoading && workspaceCrop === null;
 var getSecondsBetweenTimestamps = (startTime, endTime) => {
   const startDate = parseTimestamp(startTime);
   const endDate = parseTimestamp(endTime);
@@ -42706,7 +42758,7 @@ var BottlenecksContent = ({
   const isEffectiveShiftReady = Boolean(effectiveShift && effectiveDate);
   const effectiveDateString = effectiveDate || "";
   const effectiveShiftId = effectiveShift ?? "";
-  const { crop: workspaceCrop} = useWorkspaceCrop(workspaceId);
+  const { crop: workspaceCrop, isLoading: cropLoading } = useWorkspaceCrop(workspaceId);
   const { metrics: fetchedWorkspaceMetrics } = useWorkspaceDetailedMetrics(
     workspaceId,
     date,
@@ -42755,6 +42807,8 @@ var BottlenecksContent = ({
   const [pendingVideo, setPendingVideo] = useState(null);
   const [isVideoBuffering, setIsVideoBuffering] = useState(false);
   const [isInitialLoading, setIsInitialLoading] = useState(false);
+  const shouldDeferPlayerRenderForCrop = shouldDeferClipPlayerRender(cropLoading, workspaceCrop);
+  const showBlockingVideoLoader = shouldDeferPlayerRenderForCrop || isTransitioning || isVideoBuffering && isInitialLoading;
   const [isShareLoading, setIsShareLoading] = useState(false);
   const [isShareCopied, setIsShareCopied] = useState(false);
   const shareCopiedTimeoutRef = useRef(null);
@@ -44494,7 +44548,7 @@ var BottlenecksContent = ({
               opacity: isTransitioning ? 0 : 1,
               transition: "opacity 0.1s ease-in-out"
             },
-            children: /* @__PURE__ */ jsx(
+            children: !shouldDeferPlayerRenderForCrop && /* @__PURE__ */ jsx(
               CroppedVideoPlayer,
               {
                 ref: videoRef,
@@ -44525,8 +44579,8 @@ var BottlenecksContent = ({
             )
           }
         ),
-        (isTransitioning || isVideoBuffering && isInitialLoading) && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
-        !isTransitioning && isVideoBuffering && !isInitialLoading && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+        showBlockingVideoLoader && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+        !shouldDeferPlayerRenderForCrop && !isTransitioning && isVideoBuffering && !isInitialLoading && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
         error && error.type === "retrying" && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-40 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
           /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md" }),
           /* @__PURE__ */ jsx("p", { className: "text-white text-sm mt-4 font-medium", children: error.message })
@@ -44919,7 +44973,7 @@ var BottlenecksContent = ({
                   opacity: isTransitioning ? 0 : 1,
                   transition: "opacity 0.1s ease-in-out"
                 },
-                children: /* @__PURE__ */ jsx(
+                children: !shouldDeferPlayerRenderForCrop && /* @__PURE__ */ jsx(
                   CroppedVideoPlayer,
                   {
                     ref: videoRef,
@@ -44950,8 +45004,8 @@ var BottlenecksContent = ({
                 )
               }
             ),
-            (isTransitioning || isVideoBuffering && isInitialLoading) && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
-            !isTransitioning && isVideoBuffering && !isInitialLoading && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+            showBlockingVideoLoader && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
+            !shouldDeferPlayerRenderForCrop && !isTransitioning && isVideoBuffering && !isInitialLoading && !error && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-30 flex items-center justify-center bg-black/60", children: /* @__PURE__ */ jsx(OptifyeLogoLoader_default, { size: "md", message: "Loading video..." }) }),
             /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 right-0 p-4 bg-gradient-to-t from-black/70 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-300 z-10", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-white", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: "Speed:" }),
@@ -60815,67 +60869,6 @@ var HelpView = ({
 };
 var AuthenticatedHelpView = withAuth(HelpView);
 var HelpView_default = HelpView;
-var sortWorkspaceMetrics = (left, right) => {
-  if (left.line_id !== right.line_id) {
-    return left.line_id.localeCompare(right.line_id);
-  }
-  return left.workspace_name.localeCompare(right.workspace_name, void 0, { numeric: true });
-};
-var transformWorkspaceMetrics = (rows) => (rows || []).map((item) => {
-  const actionFamily = normalizeActionFamily({
-    actionFamily: item.action_family,
-    actionType: item.action_type,
-    actionName: item.action_name
-  });
-  const actionType = actionFamily === "assembly" || actionFamily === "output" ? actionFamily : null;
-  const metric = {
-    company_id: item.company_id || "",
-    line_id: item.line_id,
-    shift_id: item.shift_id,
-    date: item.date,
-    workspace_uuid: item.workspace_id,
-    workspace_name: item.workspace_name,
-    displayName: item.workspace_display_name || item.display_name || void 0,
-    action_count: item.total_output || 0,
-    pph: item.avg_pph || 0,
-    performance_score: item.performance_score || 0,
-    avg_cycle_time: item.avg_cycle_time || 0,
-    ideal_cycle_time: item.ideal_cycle_time || void 0,
-    trend: item.trend_score === 1 ? 2 : 0,
-    predicted_output: item.ideal_output || 0,
-    efficiency: item.efficiency || 0,
-    action_threshold: item.total_day_output || 0,
-    monitoring_mode: item.monitoring_mode ?? void 0,
-    idle_time: typeof item.idle_time === "number" ? item.idle_time : Number(item.idle_time),
-    idle_time_hourly: item.idle_time_hourly ?? null,
-    shift_start: item.shift_start ?? void 0,
-    shift_end: item.shift_end ?? void 0,
-    assembly_enabled: item.assembly_enabled ?? false,
-    video_grid_metric_mode: normalizeVideoGridMetricMode(
-      item.video_grid_metric_mode,
-      item.assembly_enabled ?? false
-    ),
-    action_type: actionType,
-    action_family: actionFamily,
-    action_display_name: getActionDisplayName({
-      displayName: item.action_display_name,
-      actionFamily: item.action_family,
-      actionType: item.action_type,
-      actionName: item.action_name
-    }),
-    recent_flow_percent: item.recent_flow_percent ?? null,
-    recent_flow_window_minutes: item.recent_flow_window_minutes ?? null,
-    recent_flow_effective_end_at: item.recent_flow_effective_end_at ?? null,
-    recent_flow_computed_at: item.recent_flow_computed_at ?? null,
-    scheduled_break_active: item.scheduled_break_active ?? false,
-    incoming_wip_current: item.incoming_wip_current ?? null,
-    incoming_wip_effective_at: item.incoming_wip_effective_at ?? null,
-    incoming_wip_buffer_name: item.incoming_wip_buffer_name ?? null,
-    show_exclamation: item.show_exclamation ?? void 0
-  };
-  workspaceMetricsStore.setOverview(metric);
-  return metric;
-}).sort(sortWorkspaceMetrics);
 var transformActiveBreaks = (activeBreaksByLine) => {
   if (!activeBreaksByLine) return [];
   return Object.values(activeBreaksByLine).flat().map((item) => ({
@@ -60916,12 +60909,18 @@ var normalizeMetadata = (metadata) => ({
 var useLiveMonitorBootstrap = ({
   lineIds,
   companyId,
-  enabled = true
+  enabled = true,
+  appTimezone,
+  workspaceConfig,
+  fallbackShiftConfig,
+  lineShiftConfigs
 }) => {
   const supabase = useSupabase();
   const entityConfig = useEntityConfig();
   const { hydrateFromBackend } = useIdleTimeVlmConfig();
   const resolvedCompanyId = companyId || entityConfig?.companyId;
+  const effectiveWorkspaceConfig = workspaceConfig || DEFAULT_WORKSPACE_CONFIG;
+  const effectiveTimezone = appTimezone || "Asia/Kolkata";
   const rawLineIdsKey = (lineIds || []).filter(Boolean).join(",");
   const normalizedLineIds = useMemo(
     () => Array.from(new Set(rawLineIdsKey ? rawLineIdsKey.split(",") : [])),
@@ -60962,12 +60961,28 @@ var useLiveMonitorBootstrap = ({
       if (requestId !== activeRequestIdRef.current) {
         return;
       }
-      const workspaceMetrics = transformWorkspaceMetrics(response.workspace_metrics || []);
+      const workspaceMetrics = transformMonitorWorkspaceMetrics({
+        rows: response.workspace_metrics || [],
+        companyId: resolvedCompanyId,
+        workspaceConfig: effectiveWorkspaceConfig,
+        appTimezone: effectiveTimezone,
+        lineMetrics: response.line_metrics || [],
+        resolveShiftConfig: (lineId) => lineShiftConfigs?.get(lineId) || fallbackShiftConfig,
+        shouldOverrideShiftType: (lineId) => Boolean(lineShiftConfigs?.get(lineId)),
+        fallbackShiftConfig
+      });
       const activeBreaks = transformActiveBreaks(response.active_breaks_by_line);
       const metadata = normalizeMetadata(response.metadata);
+      const workspaceIds = workspaceMetrics.map((metric) => metric.workspace_uuid).filter((workspaceId) => Boolean(workspaceId));
+      const videoStreamsByWorkspaceId = response.video_streams_by_workspace_id || {};
       if (metadata.idleTimeVlmByLine) {
         hydrateFromBackend(metadata.idleTimeVlmByLine);
       }
+      workspaceService.primeWorkspaceVideoStreamsCache({
+        streams: videoStreamsByWorkspaceId,
+        workspaceIds,
+        lineIds: normalizedLineIds
+      });
       setState({
         requestKey,
         resolvedScope: response.resolved_scope || [],
@@ -60977,7 +60992,7 @@ var useLiveMonitorBootstrap = ({
         lineMetrics: response.line_metrics || [],
         kpiTrend: response.kpi_trend || null,
         activeBreaks,
-        videoStreamsByWorkspaceId: response.video_streams_by_workspace_id || {},
+        videoStreamsByWorkspaceId,
         efficiencyLegend: response.efficiency_legend || null,
         metadata
       });
@@ -60991,7 +61006,18 @@ var useLiveMonitorBootstrap = ({
         setIsLoading(false);
       }
     }
-  }, [enabled, supabase, resolvedCompanyId, normalizedLineIds, requestKey, hydrateFromBackend]);
+  }, [
+    enabled,
+    supabase,
+    resolvedCompanyId,
+    normalizedLineIds,
+    requestKey,
+    hydrateFromBackend,
+    effectiveWorkspaceConfig,
+    effectiveTimezone,
+    lineShiftConfigs,
+    fallbackShiftConfig
+  ]);
   useEffect(() => {
     if (!enabled) {
       setIsLoading(false);
@@ -61551,7 +61577,11 @@ function HomeView({
   const bootstrapMonitor = useLiveMonitorBootstrap({
     lineIds: selectedLineIds,
     companyId: userCompanyId,
-    enabled: shouldEnableMetricsFetch && !isLegacyMonitorMode
+    enabled: shouldEnableMetricsFetch && !isLegacyMonitorMode,
+    appTimezone: timezone,
+    workspaceConfig: dashboardConfig?.workspaceConfig,
+    fallbackShiftConfig: dashboardConfig?.shiftConfig,
+    lineShiftConfigs
   });
   const currentWorkspaceMetrics = isBootstrapMonitorMode ? bootstrapMonitor.workspaceMetrics : legacyWorkspaceMetrics;
   const currentLineMetrics = isBootstrapMonitorMode ? bootstrapMonitor.lineMetrics : legacyLineMetrics;
@@ -62755,7 +62785,7 @@ var buildLineInfoSnapshot = (lineDetails, metrics2) => {
     }
   };
 };
-var transformWorkspaceMetrics2 = (workspaceData, lineId, companyId, queryDate, queryShiftId) => (workspaceData || []).map((item) => ({
+var transformWorkspaceMetrics = (workspaceData, lineId, companyId, queryDate, queryShiftId) => (workspaceData || []).map((item) => ({
   company_id: item.company_id || companyId,
   line_id: item.line_id || lineId,
   shift_id: item.shift_id ?? queryShiftId,
@@ -62903,7 +62933,7 @@ var useLineDetailPageData = ({
       setDetailResponse(nextDetail);
       const metrics3 = transformLineMetrics(lineId, nextDetail, queryDate, queryShiftId);
       const lineDetails2 = transformLineDetails(lineId, nextDetail);
-      const workspaces2 = transformWorkspaceMetrics2(
+      const workspaces2 = transformWorkspaceMetrics(
         nextDetail.workspace_metrics || [],
         lineId,
         companyId,
@@ -62993,7 +63023,7 @@ var useLineDetailPageData = ({
     [detailResponse, lineId]
   );
   const workspaces = useMemo(
-    () => detailResponse && companyId ? transformWorkspaceMetrics2(detailResponse.workspace_metrics || [], lineId, companyId, queryDate, queryShiftId) : [],
+    () => detailResponse && companyId ? transformWorkspaceMetrics(detailResponse.workspace_metrics || [], lineId, companyId, queryDate, queryShiftId) : [],
     [detailResponse, companyId, lineId, queryDate, queryShiftId]
   );
   const lineInfo = useMemo(() => buildLineInfoSnapshot(lineDetails, metrics2), [lineDetails, metrics2]);
@@ -72061,6 +72091,8 @@ var WorkspaceDetailView = ({
     const totalActions = Number(cachedOverviewMetrics.action_count || 0);
     const targetOutput = Number(cachedOverviewMetrics.action_threshold || 0);
     const idealOutput = Number(cachedOverviewMetrics.predicted_output ?? targetOutput ?? 0);
+    const pphThreshold = Number(cachedOverviewMetrics.pph_threshold || 0);
+    const idealCycleTime = Number(cachedOverviewMetrics.ideal_cycle_time || 0);
     return {
       line_id: cachedOverviewMetrics.line_id,
       line_name: "",
@@ -72079,11 +72111,11 @@ var WorkspaceDetailView = ({
       shift_start: shiftDefinition?.startTime || "",
       shift_end: shiftDefinition?.endTime || "",
       shift_type: shiftType,
-      pph_threshold: 0,
+      pph_threshold: pphThreshold,
       target_output: targetOutput,
       avg_pph: Number(cachedOverviewMetrics.pph || 0),
       avg_cycle_time: avgCycleTime,
-      ideal_cycle_time: avgCycleTime,
+      ideal_cycle_time: idealCycleTime,
       avg_efficiency: Number(cachedOverviewMetrics.efficiency || 0),
       total_actions: totalActions,
       hourly_action_counts: [],

package/package.json

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