@optifye/dashboard-core 6.12.7 → 6.12.9

package/dist/index.js

@@ -4551,11 +4551,12 @@ var fetchLineDummySkuId = async (supabase, lineId, skuTable = "skus") => {
 var fetchLineSkuCatalog = async (supabase, lineId, skuTable = "skus") => {
   if (!supabase || !lineId) return [];
   try {
-    const { data } = await supabase.from(skuTable).select("id, sku_id, sku_definition").eq("line_id", lineId).eq("is_active", true);
+    const { data } = await supabase.from(skuTable).select("id, sku_id, display_name, sku_definition").eq("line_id", lineId).eq("is_active", true);
     if (Array.isArray(data)) {
       return data.filter((item) => item && typeof item.id === "string").map((item) => ({
         id: item.id,
         sku_id: typeof item.sku_id === "string" ? item.sku_id : null,
+        display_name: typeof item.display_name === "string" ? item.display_name : null,
         sku_definition: typeof item.sku_definition === "string" ? item.sku_definition : null
       }));
     }
@@ -4576,10 +4577,12 @@ var buildLineSkuBreakdown = (rows, skuCatalog) => {
     if (!skuUuid) return null;
     const meta = catalogById.get(skuUuid);
     const skuCode = meta?.sku_id || skuUuid;
+    const skuDisplayName = meta?.display_name?.trim() || skuCode;
     const isDummy = meta?.sku_definition === "dummy_definition";
     return {
       sku_id: skuUuid,
       sku_code: skuCode,
+      sku_display_name: skuDisplayName,
       is_dummy: isDummy,
       current_output: safeInt(row.current_output),
       ideal_output: safeInt(row.ideal_output),
@@ -13163,6 +13166,7 @@ var normalizeSkuBreakdown = (raw) => {
   return {
     sku_id: typeof item.sku_id === "string" ? item.sku_id : String(item.sku_id ?? ""),
     sku_code: typeof item.sku_code === "string" ? item.sku_code : String(item.sku_code ?? ""),
+    sku_display_name: typeof item.sku_display_name === "string" ? item.sku_display_name : coerceOptionalString(item.sku_display_name),
     sku_definition: typeof item.sku_definition === "string" ? item.sku_definition : String(item.sku_definition ?? ""),
     is_dummy: Boolean(item.is_dummy),
     total_output: coerceNumber(item.total_output, 0),
@@ -13181,6 +13185,7 @@ var normalizeSkuSegment = (raw) => {
   return {
     sku_id: typeof item.sku_id === "string" ? item.sku_id : String(item.sku_id ?? ""),
     sku_code: typeof item.sku_code === "string" ? item.sku_code : String(item.sku_code ?? ""),
+    sku_display_name: typeof item.sku_display_name === "string" ? item.sku_display_name : coerceOptionalString(item.sku_display_name),
     start_time: typeof item.start_time === "string" ? item.start_time : String(item.start_time ?? ""),
     end_time: coerceOptionalString(item.end_time),
     pph_threshold: coerceNumber(item.pph_threshold, 0)
@@ -34456,6 +34461,13 @@ var LineChart = React144__namespace.default.memo(LineChartComponent, (prevProps,
   return true;
 });
 LineChart.displayName = "LineChart";
+
+// src/lib/utils/skuDisplay.ts
+var clean = (value) => typeof value === "string" ? value.trim() : "";
+var getSkuDisplayName = (sku) => {
+  if (!sku) return "SKU";
+  return clean(sku.sku_display_name) || clean(sku.display_name) || clean(sku.sku_code) || clean(sku.sku_id) || clean(sku.id) || "SKU";
+};
 var formatPercentage = (current, target) => {
   if (!target || target <= 0) return "0.0";
   return (current / target * 100).toFixed(1);
@@ -34532,12 +34544,13 @@ var SkuRow = ({ sku, isSelected, isLive, onSelect }) => {
   const ratio = target > 0 ? Math.min(current / target, 1) : 0;
   const fillColor = "#3b82f6";
   const percentage = formatPercentage(current, target);
+  const skuLabel = getSkuDisplayName(sku);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: `space-y-1.5 p-2 rounded-lg cursor-pointer transition-all ${isSelected ? "ring-2 ring-blue-500 ring-dashed bg-blue-50/30" : "hover:bg-gray-50"}`,
       onClick: () => onSelect?.(isSelected ? null : sku.sku_id),
-      "data-testid": `sku-progress-row-${sku.sku_code}`,
+      "data-testid": `sku-progress-row-${sku.sku_id}`,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 truncate", children: [
@@ -34545,8 +34558,8 @@ var SkuRow = ({ sku, isSelected, isLive, onSelect }) => {
               "span",
               {
                 className: "text-sm font-semibold text-gray-800 truncate",
-                title: sku.sku_code,
-                children: sku.sku_code
+                title: skuLabel,
+                children: skuLabel
               }
             ),
             isLive && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-2 h-2 rounded-full bg-green-500 shrink-0 shadow-[0_0_4px_rgba(34,197,94,0.6)]", title: "Currently running" })
@@ -34565,7 +34578,7 @@ var SkuRow = ({ sku, isSelected, isLive, onSelect }) => {
             "aria-valuenow": Math.round(current),
             "aria-valuemin": 0,
             "aria-valuemax": Math.round(target),
-            "aria-label": `${sku.sku_code} output progress`,
+            "aria-label": `${skuLabel} output progress`,
             children: /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
@@ -36536,7 +36549,7 @@ var HourlyOutputChartComponent = ({
       const end = Math.max(start, Math.min(nextOffset, timelineEndOffset));
       return {
         skuId: entry.segment.sku_id,
-        label: entry.segment.sku_code,
+        label: getSkuDisplayName(entry.segment),
         start,
         end,
         pphThreshold: entry.segment.pph_threshold ?? pphThreshold
@@ -37412,7 +37425,7 @@ var HourlyOutputChart = React144__namespace.default.memo(
     for (let i = 0; i < prevSegments.length; i += 1) {
       const prevSeg = prevSegments[i];
       const nextSeg = nextSegments[i];
-      if (prevSeg.sku_id !== nextSeg.sku_id || prevSeg.sku_code !== nextSeg.sku_code || prevSeg.start_time !== nextSeg.start_time || prevSeg.end_time !== nextSeg.end_time) {
+      if (prevSeg.sku_id !== nextSeg.sku_id || prevSeg.sku_code !== nextSeg.sku_code || prevSeg.sku_display_name !== nextSeg.sku_display_name || prevSeg.start_time !== nextSeg.start_time || prevSeg.end_time !== nextSeg.end_time) {
         return false;
       }
     }
@@ -38401,6 +38414,7 @@ var WorkspaceMetricCardsImpl = ({
   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 displaySkuLabel = displaySku ? getSkuDisplayName(displaySku) : "";
   const efficiencyValue = workspace.avg_efficiency || 0;
   const efficiencyTarget = effectiveLegend.green_min;
   const efficiencyColor = getEfficiencyHexColor(efficiencyValue, effectiveLegend);
@@ -38431,7 +38445,7 @@ var WorkspaceMetricCardsImpl = ({
     /* @__PURE__ */ jsxRuntime.jsxs(Card2, { className: "flex flex-col bg-white shadow-sm h-full min-h-[150px] sm:min-h-0", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(CardHeader2, { className: "pb-2 flex-none text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg", children: "PPH" }),
-        displaySku && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySku.sku_code, children: displaySku.sku_code })
+        displaySku && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySkuLabel, children: displaySkuLabel })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6 sm:py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-5xl font-bold ${pphValue >= pphThreshold ? "text-green-500" : "text-red-500"}`, children: pphValue.toFixed(1) }),
@@ -38444,7 +38458,7 @@ var WorkspaceMetricCardsImpl = ({
     /* @__PURE__ */ jsxRuntime.jsxs(Card2, { className: "flex flex-col bg-white shadow-sm h-full min-h-[150px] sm:min-h-0", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(CardHeader2, { className: "pb-2 flex-none text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-lg", children: "Avg. Cycle Time" }),
-        displaySku && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySku.sku_code, children: displaySku.sku_code })
+        displaySku && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySkuLabel, children: displaySkuLabel })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(CardContent2, { className: "flex-1 flex items-center justify-center py-6 sm:py-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-5xl font-bold ${cycleValue > (cycleStandard || 0) ? "text-red-500" : "text-green-500"}`, children: cycleValue.toFixed(1) }),
@@ -51766,7 +51780,7 @@ var LinePdfGenerator = ({
             if (intervalIndex >= 0) {
               if (segmentIndex > 0 || segmentMinutes > hourlyTimeRanges[0]?.start) {
                 if (!skuRemarksByIndex[intervalIndex]) skuRemarksByIndex[intervalIndex] = [];
-                skuRemarksByIndex[intervalIndex].push(segment.sku_code);
+                skuRemarksByIndex[intervalIndex].push(getSkuDisplayName(segment));
               }
             }
           }
@@ -53780,7 +53794,7 @@ var WorkspacePdfGenerator = ({
             if (intervalIndex >= 0) {
               if (segmentIndex > 0 || segmentMinutes > hourlyIntervals[0]?.start) {
                 if (!skuRemarksByIndex[intervalIndex]) skuRemarksByIndex[intervalIndex] = [];
-                skuRemarksByIndex[intervalIndex].push(segment.sku_code);
+                skuRemarksByIndex[intervalIndex].push(getSkuDisplayName(segment));
               }
             }
           }
@@ -54445,6 +54459,7 @@ var WorkspaceCycleTimeMetricCards = ({
   }, [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 displaySkuLabel = displaySku ? getSkuDisplayName(displaySku) : "";
   const efficiencyValue = workspace.avg_efficiency || 0;
   const efficiencyTarget = effectiveLegend.green_min;
   const efficiencyColor = getEfficiencyHexColor(efficiencyValue, effectiveLegend);
@@ -54472,7 +54487,7 @@ var WorkspaceCycleTimeMetricCards = ({
     /* @__PURE__ */ jsxRuntime.jsxs(Card2, { className: "flex flex-col bg-white shadow-sm border border-gray-200 h-full min-h-[150px] sm:min-h-0 rounded-xl", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(CardHeader2, { className: "pb-1 pt-5 flex-none text-center", children: [
         /* @__PURE__ */ jsxRuntime.jsx(CardTitle2, { className: "text-[15px] font-bold text-gray-900 tracking-wide", children: "Cycle Time (s)" }),
-        displaySku && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySku.sku_code, children: displaySku.sku_code })
+        displaySku && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-blue-600 mt-1 truncate px-2", title: displaySkuLabel, children: displaySkuLabel })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(CardContent2, { className: "flex-1 flex flex-col items-center justify-center pb-6", children: [
         /* @__PURE__ */ jsxRuntime.jsx("p", { className: `text-5xl font-bold tracking-tight ${cycleValue > (cycleStandard || 0) ? "text-red-500" : "text-[#34C759]"}`, children: cycleValue.toFixed(1) }),
@@ -66531,6 +66546,7 @@ var MetricCards = React144.memo(({
     (prevProps.skuBreakdown || []).map((sku) => ({
       sku_id: sku.sku_id,
       sku_code: sku.sku_code,
+      sku_display_name: sku.sku_display_name,
       total_output: sku.total_output,
       target_output: sku.target_output,
       avg_pph: sku.avg_pph,
@@ -66546,6 +66562,7 @@ var MetricCards = React144.memo(({
     (nextProps.skuBreakdown || []).map((sku) => ({
       sku_id: sku.sku_id,
       sku_code: sku.sku_code,
+      sku_display_name: sku.sku_display_name,
       total_output: sku.total_output,
       target_output: sku.target_output,
       avg_pph: sku.avg_pph,
@@ -66855,6 +66872,7 @@ var BottomSection = React144.memo(({
     (prevProps.skuSegments || []).map((segment) => ({
       sku_id: segment.sku_id,
       sku_code: segment.sku_code,
+      sku_display_name: segment.sku_display_name,
       start_time: segment.start_time,
       end_time: segment.end_time,
       pph_threshold: segment.pph_threshold
@@ -66864,6 +66882,7 @@ var BottomSection = React144.memo(({
     (nextProps.skuSegments || []).map((segment) => ({
       sku_id: segment.sku_id,
       sku_code: segment.sku_code,
+      sku_display_name: segment.sku_display_name,
       start_time: segment.start_time,
       end_time: segment.end_time,
       pph_threshold: segment.pph_threshold
@@ -67544,6 +67563,7 @@ var KPIDetailView = ({
     }).map((item) => ({
       sku_id: item.sku_id,
       sku_code: item.sku_code,
+      sku_display_name: item.sku_display_name,
       sku_definition: "",
       is_dummy: false,
       total_output: item.current_output ?? 0,
@@ -67608,11 +67628,13 @@ var KPIDetailView = ({
   }, [resolvedLineInfo, selectedSkuRow]);
   const handleSkuChange = React144.useCallback((nextSkuId) => {
     if (nextSkuId === selectedSkuId) return;
+    const selectedSkuOption = nextSkuId === "all" ? null : realSkuOptions.find((item) => item.sku_id === nextSkuId) ?? null;
     setSelectedSkuId(nextSkuId);
     trackCoreEvent("Line Detail SKU Filter Changed", {
       line_id: lineId,
       sku_id: nextSkuId === "all" ? null : nextSkuId,
-      sku_code: nextSkuId === "all" ? null : realSkuOptions.find((item) => item.sku_id === nextSkuId)?.sku_code ?? null
+      sku_code: selectedSkuOption?.sku_code ?? null,
+      sku_display_name: selectedSkuOption ? getSkuDisplayName(selectedSkuOption) : null
     });
   }, [lineId, realSkuOptions, selectedSkuId]);
   const handleChartSkuSelect = React144.useCallback(
@@ -70470,20 +70492,14 @@ var AnimatedEfficiency = React144.memo(({ value }) => {
 });
 AnimatedEfficiency.displayName = "AnimatedEfficiency";
 var getWorkspaceLeaderboardMetricValue = (workspace) => {
-  if (workspace.monitoring_mode === "output") {
-    return toFiniteNumber(workspace.efficiency);
-  }
   if (workspace.leaderboard_metric_kind === "recent_flow_shift_average") {
-    return toFiniteNumber(workspace.leaderboard_value);
+    return toFiniteNumber(workspace.leaderboard_value) ?? toFiniteNumber(workspace.avg_recent_flow);
   }
   return toFiniteNumber(workspace.leaderboard_value) ?? toFiniteNumber(workspace.efficiency);
 };
 var getWorkspaceDisplayedMetricValue = (workspace) => getWorkspaceLeaderboardMetricValue(workspace);
-var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.monitoring_mode !== "output" && workspace.leaderboard_metric_kind === "recent_flow_shift_average" ? "Avg Flow" : defaultLabel;
-var renderWorkspaceLeaderboardMetric = (workspace, isAssemblyMode) => {
-  if (isAssemblyMode) {
-    return /* @__PURE__ */ jsxRuntime.jsx(CycleTimeComparison, { workspace });
-  }
+var getWorkspaceLeaderboardMetricLabel = (workspace, defaultLabel) => workspace.leaderboard_metric_kind === "recent_flow_shift_average" ? "Avg Flow" : defaultLabel;
+var renderWorkspaceLeaderboardMetric = (workspace) => {
   const displayedMetricValue = getWorkspaceDisplayedMetricValue(workspace);
   if (displayedMetricValue === null) {
     return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tabular-nums", children: "--" });
@@ -70540,8 +70556,7 @@ var MobileWorkspaceCard = React144.memo(({
   isClickable,
   onWorkspaceClick,
   getMedalIcon,
-  metricLabel,
-  isAssemblyMode
+  metricLabel
 }) => /* @__PURE__ */ jsxRuntime.jsx(
   motion.div,
   {
@@ -70568,13 +70583,13 @@ var MobileWorkspaceCard = React144.memo(({
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-bold text-gray-900 text-lg flex justify-end", children: renderWorkspaceLeaderboardMetric(workspace, isAssemblyMode) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-bold text-gray-900 text-lg flex justify-end", children: renderWorkspaceLeaderboardMetric(workspace) }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: getWorkspaceLeaderboardMetricLabel(workspace, metricLabel) })
       ] })
     ] })
   }
 ), (prevProps, nextProps) => {
-  return prevProps.metricLabel === nextProps.metricLabel && prevProps.isAssemblyMode === nextProps.isAssemblyMode && prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && prevProps.isClickable === nextProps.isClickable && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.leaderboard_value === nextProps.workspace.leaderboard_value && prevProps.workspace.leaderboard_metric_kind === nextProps.workspace.leaderboard_metric_kind && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.action_count === nextProps.workspace.action_count && prevProps.workspace.action_threshold === nextProps.workspace.action_threshold && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
+  return prevProps.metricLabel === nextProps.metricLabel && prevProps.rank === nextProps.rank && prevProps.cardClass === nextProps.cardClass && prevProps.isClickable === nextProps.isClickable && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.leaderboard_value === nextProps.workspace.leaderboard_value && prevProps.workspace.avg_recent_flow === nextProps.workspace.avg_recent_flow && prevProps.workspace.leaderboard_metric_kind === nextProps.workspace.leaderboard_metric_kind && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.action_count === nextProps.workspace.action_count && prevProps.workspace.action_threshold === nextProps.workspace.action_threshold && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
 });
 MobileWorkspaceCard.displayName = "MobileWorkspaceCard";
 var DesktopWorkspaceRow = React144.memo(({
@@ -70583,8 +70598,7 @@ var DesktopWorkspaceRow = React144.memo(({
   rowClass,
   isClickable,
   onWorkspaceClick,
-  getMedalIcon,
-  isAssemblyMode
+  getMedalIcon
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
   motion.tr,
   {
@@ -70601,11 +70615,11 @@ var DesktopWorkspaceRow = React144.memo(({
       ] }) }),
       /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: workspace.displayName }) }),
       /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: workspace.lineName }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("td", { className: `px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium ${isAssemblyMode ? "" : "whitespace-nowrap"}`, children: isAssemblyMode ? renderWorkspaceLeaderboardMetric(workspace, true) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col", children: renderWorkspaceLeaderboardMetric(workspace, false) }) })
+      /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col", children: renderWorkspaceLeaderboardMetric(workspace) }) })
     ]
   }
 ), (prevProps, nextProps) => {
-  return prevProps.index === nextProps.index && prevProps.rowClass === nextProps.rowClass && prevProps.isClickable === nextProps.isClickable && prevProps.isAssemblyMode === nextProps.isAssemblyMode && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.leaderboard_value === nextProps.workspace.leaderboard_value && prevProps.workspace.leaderboard_metric_kind === nextProps.workspace.leaderboard_metric_kind && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
+  return prevProps.index === nextProps.index && prevProps.rowClass === nextProps.rowClass && prevProps.isClickable === nextProps.isClickable && prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.leaderboard_value === nextProps.workspace.leaderboard_value && prevProps.workspace.avg_recent_flow === nextProps.workspace.avg_recent_flow && prevProps.workspace.leaderboard_metric_kind === nextProps.workspace.leaderboard_metric_kind && prevProps.workspace.efficiency === nextProps.workspace.efficiency && prevProps.workspace.ideal_cycle_time === nextProps.workspace.ideal_cycle_time && prevProps.workspace.avg_cycle_time === nextProps.workspace.avg_cycle_time && prevProps.workspace.displayName === nextProps.workspace.displayName && prevProps.workspace.lineName === nextProps.workspace.lineName;
 });
 DesktopWorkspaceRow.displayName = "DesktopWorkspaceRow";
 var LeaderboardDetailView = React144.memo(({
@@ -71381,14 +71395,6 @@ var LeaderboardDetailView = React144.memo(({
       filtered = filtered.filter((ws) => ws.shift_id?.toString() === selectedShiftFilter);
     }
     return filtered.sort((a, b) => {
-      if (isAssemblyMode) {
-        const ratioA = getCycleRatio(a);
-        const ratioB = getCycleRatio(b);
-        if (ratioA === null && ratioB === null) return 0;
-        if (ratioA === null) return 1;
-        if (ratioB === null) return -1;
-        return sortAscending ? ratioA - ratioB : ratioB - ratioA;
-      }
       const metricA = getWorkspaceLeaderboardMetricValue(a);
       const metricB = getWorkspaceLeaderboardMetricValue(b);
       if (metricA === null && metricB === null) return 0;
@@ -71458,7 +71464,13 @@ var LeaderboardDetailView = React144.memo(({
       error.message
     ] }) });
   }
-  const metricLabel = viewType === "machine" ? "Utilization" : isAssemblyMode ? "Cycle Time" : "Efficiency";
+  const hasRecentFlowLeaderboardRows = sortedWorkspaces.some(
+    (workspace) => workspace.leaderboard_metric_kind === "recent_flow_shift_average"
+  );
+  const hasEfficiencyLeaderboardRows = sortedWorkspaces.some(
+    (workspace) => workspace.leaderboard_metric_kind !== "recent_flow_shift_average"
+  );
+  const metricLabel = viewType === "machine" ? "Utilization" : hasRecentFlowLeaderboardRows && !hasEfficiencyLeaderboardRows ? "Avg Flow" : hasRecentFlowLeaderboardRows && hasEfficiencyLeaderboardRows ? "Performance" : "Efficiency";
   const descendingSortLabel = "Highest to Lowest";
   const ascendingSortLabel = "Lowest to Highest";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `min-h-screen bg-slate-50 flex flex-col ${className}`, style: { willChange: "contents" }, children: [
@@ -71722,8 +71734,7 @@ var LeaderboardDetailView = React144.memo(({
           isClickable: canOpenWorkspace(ws.line_id),
           onWorkspaceClick: stableHandleWorkspaceClick,
           getMedalIcon: stableGetMedalIcon,
-          metricLabel,
-          isAssemblyMode
+          metricLabel
         },
         ws.workspace_uuid
       );
@@ -71747,8 +71758,7 @@ var LeaderboardDetailView = React144.memo(({
               rowClass,
               isClickable: canOpenWorkspace(ws.line_id),
               onWorkspaceClick: stableHandleWorkspaceClick,
-              getMedalIcon: stableGetMedalIcon,
-              isAssemblyMode
+              getMedalIcon: stableGetMedalIcon
             },
             ws.workspace_uuid
           );
@@ -73578,6 +73588,7 @@ var SKUSelector = ({
     if (lineId && (sku.line_id ?? "") !== lineId) return false;
     const term = searchTerm.toLowerCase();
     if (term.length === 0) return true;
+    if (getSkuDisplayName(sku).toLowerCase().includes(term)) return true;
     if ((sku.sku_id || "").toLowerCase().includes(term)) return true;
     if ((sku.sku_definition || "").toLowerCase().includes(term)) return true;
     return JSON.stringify(sku.attributes ?? {}).toLowerCase().includes(term);
@@ -73602,7 +73613,7 @@ var SKUSelector = ({
         disabled,
         children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { className: selectedSKU ? "text-gray-900" : "text-gray-500", children: selectedSKU ? /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: selectedSKU.sku_id }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: getSkuDisplayName(selectedSKU) }),
             /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-gray-500 ml-2", children: [
               "(Target: ",
               selectedSKU.production_target,
@@ -73646,7 +73657,7 @@ var SKUSelector = ({
                     ${selectedSKU?.id === sku.id ? "bg-blue-50" : ""}
                   `,
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: sku.sku_id }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: getSkuDisplayName(sku) }),
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
                 "Target: ",
                 sku.production_target,
@@ -73702,44 +73713,50 @@ var SKUList = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden lg:block bg-white rounded-xl shadow-sm border border-gray-200 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "min-w-full divide-y divide-gray-200", children: [
       /* @__PURE__ */ jsxRuntime.jsx("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "SKU Code" }),
+        /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "SKU" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Definition" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Line" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Production Target" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Status" }),
         /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider", children: "Created" })
       ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: skus.map((sku) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "hover:bg-gray-50 transition-colors duration-150", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-gray-900", children: sku.sku_id }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700 max-w-md truncate", title: sku.sku_definition || "", children: sku.sku_definition || /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400", children: "\u2014" }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700", children: formatLine(sku, lineNames) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-700", children: formatTarget(sku.production_target) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${sku.is_active ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-800"}`, children: sku.is_active ? "Active" : "Inactive" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", children: formatCreatedAt(sku.created_at) })
-      ] }, sku.id)) })
+      /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: "bg-white divide-y divide-gray-200", children: skus.map((sku) => {
+        const displayName = getSkuDisplayName(sku);
+        return /* @__PURE__ */ jsxRuntime.jsxs("tr", { className: "hover:bg-gray-50 transition-colors duration-150", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-semibold text-gray-900", children: displayName }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700 max-w-md truncate", title: sku.sku_definition || "", children: sku.sku_definition || /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400", children: "\u2014" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700", children: formatLine(sku, lineNames) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-700", children: formatTarget(sku.production_target) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${sku.is_active ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-800"}`, children: sku.is_active ? "Active" : "Inactive" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", children: formatCreatedAt(sku.created_at) })
+        ] }, sku.id);
+      }) })
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden space-y-3 sm:space-y-4", children: skus.map((sku) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-gray-200 p-4 hover:shadow-md transition-all duration-200", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between mb-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base sm:text-lg font-semibold text-gray-900 truncate", children: sku.sku_id }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${sku.is_active ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-800"}`, children: sku.is_active ? "Active" : "Inactive" }) })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1", children: "Definition" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700 break-words", children: sku.sku_definition || /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "\u2014" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1", children: "Line" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700", children: formatLine(sku, lineNames) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1", children: "Production Target" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm sm:text-base font-medium text-gray-700", children: formatTarget(sku.production_target) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
-        "Created: ",
-        formatCreatedAt(sku.created_at)
-      ] })
-    ] }, sku.id)) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:hidden space-y-3 sm:space-y-4", children: skus.map((sku) => {
+      const displayName = getSkuDisplayName(sku);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white rounded-xl shadow-sm border border-gray-200 p-4 hover:shadow-md transition-all duration-200", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-start justify-between mb-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base sm:text-lg font-semibold text-gray-900 truncate", children: displayName }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: `inline-flex px-2 py-1 text-xs font-semibold rounded-full ${sku.is_active ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-800"}`, children: sku.is_active ? "Active" : "Inactive" }) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1", children: "Definition" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700 break-words", children: sku.sku_definition || /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-400 italic", children: "\u2014" }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1", children: "Line" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-gray-700", children: formatLine(sku, lineNames) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs font-medium text-gray-500 uppercase tracking-wider mb-1", children: "Production Target" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm sm:text-base font-medium text-gray-700", children: formatTarget(sku.production_target) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-xs text-gray-500", children: [
+          "Created: ",
+          formatCreatedAt(sku.created_at)
+        ] })
+      ] }, sku.id);
+    }) })
   ] });
 };
 var TargetsViewUI = ({
@@ -73970,7 +73987,7 @@ var TargetsViewUI = ({
                             className: "w-full sm:w-auto rounded-lg border border-gray-300 bg-white px-3 py-1.5 text-sm shadow-sm focus:border-blue-500 focus:ring-blue-500 transition-all duration-200 hover:border-gray-400",
                             "aria-label": `SKU for ${formattedName}`,
                             children: realSkuOptions.map((row) => /* @__PURE__ */ jsxRuntime.jsxs("option", { value: row.sku_uuid, children: [
-                              row.sku_code,
+                              getSkuDisplayName(row),
                               workspace.currentSku && !workspace.currentSku.is_dummy && workspace.currentSku.sku_uuid === row.sku_uuid ? " (active)" : ""
                             ] }, row.sku_uuid))
                           }
@@ -74237,8 +74254,14 @@ var TargetsView = ({
   const skuMetaByUuid = React144.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     skuCatalog.forEach((sku) => {
+      const skuCode = sku.sku_id || sku.id;
       map.set(sku.id, {
-        sku_code: sku.sku_id || sku.id,
+        sku_code: skuCode,
+        sku_display_name: getSkuDisplayName({
+          display_name: sku.display_name,
+          sku_code: skuCode,
+          id: sku.id
+        }),
         is_dummy: sku.sku_definition === "dummy_definition",
         line_id: sku.line_id
       });
@@ -74250,11 +74273,20 @@ var TargetsView = ({
     skuCatalog.forEach((sku) => {
       if (sku.sku_definition === "dummy_definition") return;
       const list = map.get(sku.line_id) || [];
-      list.push({ sku_uuid: sku.id, sku_code: sku.sku_id || sku.id });
+      const skuCode = sku.sku_id || sku.id;
+      list.push({
+        sku_uuid: sku.id,
+        sku_code: skuCode,
+        sku_display_name: getSkuDisplayName({
+          display_name: sku.display_name,
+          sku_code: skuCode,
+          id: sku.id
+        })
+      });
       map.set(sku.line_id, list);
     });
     map.forEach((list) => list.sort(
-      (a, b) => a.sku_code.localeCompare(b.sku_code, void 0, { numeric: true })
+      (a, b) => a.sku_display_name.localeCompare(b.sku_display_name, void 0, { numeric: true })
     ));
     return map;
   }, [skuCatalog]);
@@ -74402,8 +74434,9 @@ var TargetsView = ({
                 const meta = skuMetaByUuid.get(skuUuid);
                 skuRowsMap.set(skuUuid, {
                   sku_uuid: skuUuid,
-                  sku_code: meta?.sku_code || skuUuid,
-                  is_dummy: meta?.is_dummy ?? false,
+                  sku_code: payload?.sku_code || meta?.sku_code || skuUuid,
+                  sku_display_name: payload?.sku_display_name || meta?.sku_display_name || payload?.sku_code || meta?.sku_code || skuUuid,
+                  is_dummy: payload?.is_dummy ?? meta?.is_dummy ?? false,
                   pph_threshold: payload?.pph_threshold ? Math.round(payload.pph_threshold) : "",
                   ideal_cycle_time: payload?.ideal_cycle_time ?? "",
                   total_day_output: payload?.total_day_output ?? "",
@@ -74456,10 +74489,11 @@ var TargetsView = ({
               const lineDummySkuUuidFallback = dummySkuByLine.get(lineId) || null;
               const buildEmptySkuRows = () => {
                 const rows = [];
-                lineNonDummySkusFallback.forEach(({ sku_uuid, sku_code }) => {
+                lineNonDummySkusFallback.forEach(({ sku_uuid, sku_code, sku_display_name }) => {
                   rows.push({
                     sku_uuid,
                     sku_code,
+                    sku_display_name,
                     is_dummy: false,
                     pph_threshold: "",
                     ideal_cycle_time: "",
@@ -74472,6 +74506,7 @@ var TargetsView = ({
                   rows.push({
                     sku_uuid: lineDummySkuUuidFallback,
                     sku_code: meta?.sku_code || lineDummySkuUuidFallback,
+                    sku_display_name: meta?.sku_display_name || meta?.sku_code || lineDummySkuUuidFallback,
                     is_dummy: true,
                     pph_threshold: "",
                     ideal_cycle_time: "",
@@ -74798,6 +74833,7 @@ var TargetsView = ({
           rowsToSave = fallback ? [{
             sku_uuid: fallback.sku_uuid,
             sku_code: "",
+            sku_display_name: "",
             is_dummy: true,
             pph_threshold: fallback.pph_threshold,
             ideal_cycle_time: fallback.ideal_cycle_time,
@@ -76865,7 +76901,7 @@ var SKUManagementView = () => {
       if (activeFilter === "inactive" && sku.is_active) return false;
       if (lineFilter !== "all" && sku.line_id !== lineFilter) return false;
       if (term.length === 0) return true;
-      return (sku.sku_id || "").toLowerCase().includes(term);
+      return getSkuDisplayName(sku).toLowerCase().includes(term) || (sku.sku_id || "").toLowerCase().includes(term);
     });
   }, [skus, searchTerm, lineFilter, activeFilter]);
   const handleBack = () => {
@@ -76905,9 +76941,9 @@ var SKUManagementView = () => {
               type: "search",
               value: searchTerm,
               onChange: (event) => setSearchTerm(event.target.value),
-              placeholder: "Search by SKU code",
+              placeholder: "Search by SKU",
               className: "w-full pl-9 pr-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500",
-              "aria-label": "Search SKUs by code"
+              "aria-label": "Search SKUs"
             }
           )
         ] }),