@optifye/dashboard-core 6.12.30 → 6.12.31

package/dist/{automation-Jf6Isg6G.d.mts → automation-ZIumB5W9.d.mts}

@@ -212,6 +212,7 @@ interface WorkspaceMetrics {
     video_grid_green_streak_minutes?: number | null;
     video_grid_green_streak_anchor_at?: string | null;
     video_grid_green_streak_started_at?: string | null;
+    video_grid_green_streak_observed_at?: string | null;
     scheduled_break_active?: boolean;
     incoming_wip_current?: number | null;
     incoming_wip_effective_at?: string | null;

package/dist/{automation-Jf6Isg6G.d.ts → automation-ZIumB5W9.d.ts}

@@ -212,6 +212,7 @@ interface WorkspaceMetrics {
     video_grid_green_streak_minutes?: number | null;
     video_grid_green_streak_anchor_at?: string | null;
     video_grid_green_streak_started_at?: string | null;
+    video_grid_green_streak_observed_at?: string | null;
     scheduled_break_active?: boolean;
     incoming_wip_current?: number | null;
     incoming_wip_effective_at?: string | null;

package/dist/automation.d.mts

@@ -1,2 +1,2 @@
-export { B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-Jf6Isg6G.mjs';
+export { B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-ZIumB5W9.mjs';
 import 'react';

package/dist/automation.d.ts

@@ -1,2 +1,2 @@
-export { B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-Jf6Isg6G.js';
+export { B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, W as WorkspaceMetrics, e as WorkspaceVideoStream } from './automation-ZIumB5W9.js';
 import 'react';

package/dist/automation.js

@@ -1982,6 +1982,38 @@ var getStatusBadgeSignature = (workspace) => {
     badge.title
   ].join(":")).join("|");
 };
+var VALID_STATUS_BADGE_ICON_TOKENS = /* @__PURE__ */ new Set([
+  "alert-triangle",
+  "refresh-cw",
+  "package",
+  "clock",
+  "user-x",
+  "wrench",
+  "activity",
+  "clipboard-x"
+]);
+var normalizeStatusBadgeToken = (value) => String(value || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+var resolveVideoGridStatusBadgeIconToken = (badge) => {
+  if (badge.kind === "no_plan") {
+    return "clipboard-x";
+  }
+  const reasonTokens = /* @__PURE__ */ new Set([
+    normalizeStatusBadgeToken(badge.label),
+    normalizeStatusBadgeToken(badge.display_name),
+    normalizeStatusBadgeToken(badge.title)
+  ]);
+  if (reasonTokens.has("no_material")) {
+    return "package";
+  }
+  if (reasonTokens.has("machine_maintenance") || reasonTokens.has("machine_downtime")) {
+    return "wrench";
+  }
+  const iconToken = normalizeStatusBadgeToken(badge.icon_token);
+  if (VALID_STATUS_BADGE_ICON_TOKENS.has(iconToken)) {
+    return iconToken;
+  }
+  return "activity";
+};
 function getTrendArrowAndColor(trend) {
   if (trend > 0) {
     return { arrow: "\u2191", color: "text-green-400" };
@@ -2129,7 +2161,7 @@ var VideoCard = React__default.default.memo(({
                   label: badge.label,
                   displayName: badge.display_name,
                   paletteToken: badge.palette_token,
-                  iconToken: badge.icon_token,
+                  iconToken: resolveVideoGridStatusBadgeIconToken(badge),
                   isKnown: badge.is_known
                 });
                 const Icon = presentation.Icon;

package/dist/automation.mjs

@@ -1975,6 +1975,38 @@ var getStatusBadgeSignature = (workspace) => {
     badge.title
   ].join(":")).join("|");
 };
+var VALID_STATUS_BADGE_ICON_TOKENS = /* @__PURE__ */ new Set([
+  "alert-triangle",
+  "refresh-cw",
+  "package",
+  "clock",
+  "user-x",
+  "wrench",
+  "activity",
+  "clipboard-x"
+]);
+var normalizeStatusBadgeToken = (value) => String(value || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+var resolveVideoGridStatusBadgeIconToken = (badge) => {
+  if (badge.kind === "no_plan") {
+    return "clipboard-x";
+  }
+  const reasonTokens = /* @__PURE__ */ new Set([
+    normalizeStatusBadgeToken(badge.label),
+    normalizeStatusBadgeToken(badge.display_name),
+    normalizeStatusBadgeToken(badge.title)
+  ]);
+  if (reasonTokens.has("no_material")) {
+    return "package";
+  }
+  if (reasonTokens.has("machine_maintenance") || reasonTokens.has("machine_downtime")) {
+    return "wrench";
+  }
+  const iconToken = normalizeStatusBadgeToken(badge.icon_token);
+  if (VALID_STATUS_BADGE_ICON_TOKENS.has(iconToken)) {
+    return iconToken;
+  }
+  return "activity";
+};
 function getTrendArrowAndColor(trend) {
   if (trend > 0) {
     return { arrow: "\u2191", color: "text-green-400" };
@@ -2122,7 +2154,7 @@ var VideoCard = React.memo(({
                   label: badge.label,
                   displayName: badge.display_name,
                   paletteToken: badge.palette_token,
-                  iconToken: badge.icon_token,
+                  iconToken: resolveVideoGridStatusBadgeIconToken(badge),
                   isKnown: badge.is_known
                 });
                 const Icon = presentation.Icon;

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-Jf6Isg6G.mjs';
-export { s as CountDelta, C as CurrentWorkspaceSKU, t as DurationDelta, p as KpiSignalMode, o as KpiSignalSource, l as LineDetailedMetrics, n as LineSignalSource, v as LineThreshold, r as PercentageDelta, B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, w as ShiftConfigurationRecord, q as ValueDelta, m as VideoGridStatusBadge, u as WorkspaceCropRect, y as isRecentFlowVideoGridMetricMode, z as isWipGatedVideoGridMetricMode, x as normalizeVideoGridMetricMode } from './automation-Jf6Isg6G.mjs';
+import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-ZIumB5W9.mjs';
+export { s as CountDelta, C as CurrentWorkspaceSKU, t as DurationDelta, p as KpiSignalMode, o as KpiSignalSource, l as LineDetailedMetrics, n as LineSignalSource, v as LineThreshold, r as PercentageDelta, B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, w as ShiftConfigurationRecord, q as ValueDelta, m as VideoGridStatusBadge, u as WorkspaceCropRect, y as isRecentFlowVideoGridMetricMode, z as isWipGatedVideoGridMetricMode, x as normalizeVideoGridMetricMode } from './automation-ZIumB5W9.mjs';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient as SupabaseClient$1, Session, User, AuthError } from '@supabase/supabase-js';
 import { LucideProps, Share2, Download } from 'lucide-react';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-Jf6Isg6G.js';
-export { s as CountDelta, C as CurrentWorkspaceSKU, t as DurationDelta, p as KpiSignalMode, o as KpiSignalSource, l as LineDetailedMetrics, n as LineSignalSource, v as LineThreshold, r as PercentageDelta, B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, w as ShiftConfigurationRecord, q as ValueDelta, m as VideoGridStatusBadge, u as WorkspaceCropRect, y as isRecentFlowVideoGridMetricMode, z as isWipGatedVideoGridMetricMode, x as normalizeVideoGridMetricMode } from './automation-Jf6Isg6G.js';
+import { L as LineSignal, V as VideoGridMetricMode, W as WorkspaceMetrics, a as LineInfo, b as WorkspaceDetailedMetrics, S as SkuBreakdownItem, c as SkuSegmentItem, d as LineSkuBreakdownItem, E as EfficiencyLegendUpdate, D as DashboardKPIs, P as PoorPerformingWorkspace, e as WorkspaceVideoStream, K as KpiTrend, M as MonthlyTrendSummary, f as Workspace, g as WorkspaceCameraIpInfo, h as WorkspaceActionUpdate, A as ActionThreshold, i as ShiftConfiguration, j as KpiSignal, k as LineIssueResolutionSummary } from './automation-ZIumB5W9.js';
+export { s as CountDelta, C as CurrentWorkspaceSKU, t as DurationDelta, p as KpiSignalMode, o as KpiSignalSource, l as LineDetailedMetrics, n as LineSignalSource, v as LineThreshold, r as PercentageDelta, B as RecentFlowSnapshotGrid, R as RecentFlowSnapshotGridProps, w as ShiftConfigurationRecord, q as ValueDelta, m as VideoGridStatusBadge, u as WorkspaceCropRect, y as isRecentFlowVideoGridMetricMode, z as isWipGatedVideoGridMetricMode, x as normalizeVideoGridMetricMode } from './automation-ZIumB5W9.js';
 import * as _supabase_supabase_js from '@supabase/supabase-js';
 import { SupabaseClient as SupabaseClient$1, Session, User, AuthError } from '@supabase/supabase-js';
 import { LucideProps, Share2, Download } from 'lucide-react';

package/dist/index.js

@@ -14751,6 +14751,7 @@ var transformMonitorWorkspaceMetrics = ({
       video_grid_green_streak_minutes: item.video_grid_green_streak_minutes ?? null,
       video_grid_green_streak_anchor_at: item.video_grid_green_streak_anchor_at ?? null,
       video_grid_green_streak_started_at: item.video_grid_green_streak_started_at ?? null,
+      video_grid_green_streak_observed_at: item.video_grid_green_streak_observed_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,
@@ -38023,17 +38024,22 @@ var getAllVideoGridGreenStreakDisplay = (workspaces, legend = DEFAULT_EFFICIENCY
   const activeStreaks = visibleWorkspaces.map((workspace) => {
     const startedAt = workspace.video_grid_green_streak_started_at;
     const anchorAt = workspace.video_grid_green_streak_anchor_at;
+    const observedAt = workspace.video_grid_green_streak_observed_at;
     const streakMinutes = workspace.video_grid_green_streak_minutes;
     const startedAtMs = parseTimestampMs(startedAt);
     const anchorAtMs = parseTimestampMs(anchorAt);
+    const observedAtMs = parseTimestampMs(observedAt);
     const isFresh = isAllGreenStreakFresh(workspace, anchorAtMs, nowMs2);
-    const tickOriginAtMs = anchorAtMs + CONFIRMED_MINUTE_DURATION_MS;
+    const tickOriginAtMs = Number.isFinite(observedAtMs) ? observedAtMs : anchorAtMs + CONFIRMED_MINUTE_DURATION_MS;
+    const confirmedSeconds2 = Math.max(0, Math.floor((streakMinutes || 0) * 60));
+    const visibleSeconds = confirmedSeconds2 + Math.max(0, Math.floor((nowMs2 - tickOriginAtMs) / 1e3));
     if (workspace.video_grid_green_streak_active === true && isFiniteNumber3(streakMinutes) && streakMinutes > 0 && startedAt && anchorAt && Number.isFinite(startedAtMs) && isFresh) {
       return {
         startedAt,
         startedAtMs,
         anchorAt,
         streakMinutes,
+        visibleSeconds,
         tickOriginAtMs
       };
     }
@@ -38042,7 +38048,7 @@ var getAllVideoGridGreenStreakDisplay = (workspaces, legend = DEFAULT_EFFICIENCY
   if (activeStreaks.some((streak) => streak === null)) {
     return null;
   }
-  const strictestStartedAt = activeStreaks.reduce((latest, current) => current.streakMinutes < latest.streakMinutes || current.streakMinutes === latest.streakMinutes && current.startedAtMs > latest.startedAtMs ? current : latest);
+  const strictestStartedAt = activeStreaks.reduce((latest, current) => current.visibleSeconds < latest.visibleSeconds || current.visibleSeconds === latest.visibleSeconds && current.startedAtMs > latest.startedAtMs ? current : latest);
   const confirmedSeconds = Math.max(0, Math.floor(strictestStartedAt.streakMinutes * 60));
   return {
     label: "All green",
@@ -38075,6 +38081,38 @@ var getStatusBadgeSignature = (workspace) => {
     badge.title
   ].join(":")).join("|");
 };
+var VALID_STATUS_BADGE_ICON_TOKENS = /* @__PURE__ */ new Set([
+  "alert-triangle",
+  "refresh-cw",
+  "package",
+  "clock",
+  "user-x",
+  "wrench",
+  "activity",
+  "clipboard-x"
+]);
+var normalizeStatusBadgeToken = (value) => String(value || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+var resolveVideoGridStatusBadgeIconToken = (badge) => {
+  if (badge.kind === "no_plan") {
+    return "clipboard-x";
+  }
+  const reasonTokens = /* @__PURE__ */ new Set([
+    normalizeStatusBadgeToken(badge.label),
+    normalizeStatusBadgeToken(badge.display_name),
+    normalizeStatusBadgeToken(badge.title)
+  ]);
+  if (reasonTokens.has("no_material")) {
+    return "package";
+  }
+  if (reasonTokens.has("machine_maintenance") || reasonTokens.has("machine_downtime")) {
+    return "wrench";
+  }
+  const iconToken = normalizeStatusBadgeToken(badge.icon_token);
+  if (VALID_STATUS_BADGE_ICON_TOKENS.has(iconToken)) {
+    return iconToken;
+  }
+  return "activity";
+};
 function getTrendArrowAndColor(trend) {
   if (trend > 0) {
     return { arrow: "\u2191", color: "text-green-400" };
@@ -38222,7 +38260,7 @@ var VideoCard = React144__namespace.default.memo(({
                   label: badge.label,
                   displayName: badge.display_name,
                   paletteToken: badge.palette_token,
-                  iconToken: badge.icon_token,
+                  iconToken: resolveVideoGridStatusBadgeIconToken(badge),
                   isKnown: badge.is_known
                 });
                 const Icon2 = presentation.Icon;
@@ -64929,6 +64967,8 @@ var EMPTY_LINE_IDS = [];
 var EMPTY_WORKSPACES = [];
 var ALL_GREEN_CELEBRATION_DURATION_MS = 6e3;
 var ALL_GREEN_MILESTONE_DURATION_MS = 6e3;
+var ALL_GREEN_CELEBRATION_SEEN_PREFIX = "optifye:all-green-celebration:v1:";
+var ALL_GREEN_MILESTONE_SEEN_PREFIX = "optifye:all-green-milestone:v1:";
 var formatAllGreenCelebrationTimer = (elapsedSeconds) => {
   const safeElapsedSeconds = Math.max(1, Math.floor(elapsedSeconds));
   const minutes = Math.floor(safeElapsedSeconds / 60);
@@ -64939,6 +64979,29 @@ var getAllGreenBackendVisibleSeconds = (confirmedSeconds, tickOriginAtMs, nowMs2
   const localSecondOffset = Math.max(0, Math.floor((nowMs2 - tickOriginAtMs) / 1e3));
   return confirmedSeconds + localSecondOffset;
 };
+var getSessionSeenValue = (key) => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  try {
+    const storage = window.sessionStorage;
+    return storage ? storage.getItem(key) : null;
+  } catch {
+    return null;
+  }
+};
+var setSessionSeenValue = (key) => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  try {
+    const storage = window.sessionStorage;
+    storage?.setItem(key, "1");
+  } catch {
+  }
+};
+var buildAllGreenCelebrationSeenKey = (identity) => `${ALL_GREEN_CELEBRATION_SEEN_PREFIX}${identity}`;
+var buildAllGreenMilestoneSeenKey = (identity, milestoneSeconds) => `${ALL_GREEN_MILESTONE_SEEN_PREFIX}${identity}:${milestoneSeconds}`;
 var LoadingPageCmp = LoadingPage_default;
 var LoadingOverlayCmp = LoadingOverlay_default;
 function HomeView({
@@ -65499,6 +65562,12 @@ function HomeView({
     if (milestoneTracking.identity !== allGreenMilestoneIdentity) {
       milestoneTracking.identity = allGreenMilestoneIdentity;
       milestoneTracking.lastMilestoneSeconds = currentMilestoneSeconds;
+      if (currentMilestoneSeconds !== null) {
+        setSessionSeenValue(buildAllGreenMilestoneSeenKey(
+          allGreenMilestoneIdentity,
+          currentMilestoneSeconds
+        ));
+      }
       dismissGreenStreakMilestoneBanner();
       return;
     }
@@ -65508,6 +65577,15 @@ function HomeView({
     }
     if ((milestoneTracking.lastMilestoneSeconds ?? 0) < currentMilestone.milestoneSeconds) {
       milestoneTracking.lastMilestoneSeconds = currentMilestone.milestoneSeconds;
+      const milestoneSeenKey = buildAllGreenMilestoneSeenKey(
+        allGreenMilestoneIdentity,
+        currentMilestone.milestoneSeconds
+      );
+      if (getSessionSeenValue(milestoneSeenKey) === "1") {
+        dismissGreenStreakMilestoneBanner();
+        return;
+      }
+      setSessionSeenValue(milestoneSeenKey);
       triggerGreenStreakMilestoneBanner(currentMilestone);
     }
   }, [
@@ -65526,6 +65604,9 @@ function HomeView({
     if (transitionState.signature !== allGreenCelebrationSignature) {
       transitionState.signature = allGreenCelebrationSignature;
       transitionState.previousValidStreakIdentity = currentValidStreakIdentity;
+      if (currentValidStreakIdentity) {
+        setSessionSeenValue(buildAllGreenCelebrationSeenKey(currentValidStreakIdentity));
+      }
       dismissAllGreenCelebration();
       return;
     }
@@ -65536,11 +65617,18 @@ function HomeView({
     }
     if (transitionState.previousValidStreakIdentity === null) {
       transitionState.previousValidStreakIdentity = currentValidStreakIdentity;
+      const celebrationSeenKey = buildAllGreenCelebrationSeenKey(currentValidStreakIdentity);
+      if (getSessionSeenValue(celebrationSeenKey) === "1") {
+        dismissAllGreenCelebration();
+        return;
+      }
+      setSessionSeenValue(celebrationSeenKey);
       triggerAllGreenCelebration();
       return;
     }
     if (transitionState.previousValidStreakIdentity !== currentValidStreakIdentity) {
       transitionState.previousValidStreakIdentity = currentValidStreakIdentity;
+      setSessionSeenValue(buildAllGreenCelebrationSeenKey(currentValidStreakIdentity));
       dismissAllGreenCelebration();
     }
   }, [
@@ -84101,11 +84189,19 @@ var normalizeSummary = (value) => ({
   avg_idle_per_workstation: normalizeIdleMetric(value?.avg_idle_per_workstation)
 });
 var normalizeLineRow = (value) => ({
+  row_type: value?.row_type ?? null,
   line_id: value?.line_id,
   line_name: value?.line_name?.trim() || value?.line_id || "",
   avg_efficiency: normalizeNumber(value?.avg_efficiency),
   previous_avg_efficiency: normalizeNumber(value?.previous_avg_efficiency),
-  delta_pp: normalizeNumber(value?.delta_pp)
+  delta_pp: normalizeNumber(value?.delta_pp),
+  factory_id: value?.factory_id ?? null,
+  factory_area_id: value?.factory_area_id ?? null,
+  factory_area_key: value?.factory_area_key ?? null,
+  factory_area_name: value?.factory_area_name?.trim() || null,
+  factory_area_sort_order: normalizeNumber(value?.factory_area_sort_order),
+  factory_area_enabled: typeof value?.factory_area_enabled === "boolean" ? value.factory_area_enabled : null,
+  line_count: normalizeNumber(value?.line_count)
 });
 var normalizePoorestLines = (value) => ({
   output: (value?.output || []).map((item) => normalizeLineRow(item)),
@@ -84449,6 +84545,23 @@ var toNumber4 = (value) => {
   return null;
 };
 var roundOne = (value) => Math.round(value * 10) / 10;
+var isFiniteNumber4 = (value) => typeof value === "number" && Number.isFinite(value);
+var averageFinite = (values) => {
+  const finiteValues = values.filter(isFiniteNumber4);
+  if (finiteValues.length === 0) return null;
+  return finiteValues.reduce((sum, value) => sum + value, 0) / finiteValues.length;
+};
+var getEnabledAreaInfo2 = (row) => {
+  const areaId = row.factory_area_id?.trim();
+  const areaName = row.factory_area_name?.trim();
+  if (!areaId || !areaName) return null;
+  if (row.factory_area_enabled !== true) return null;
+  return {
+    areaId,
+    areaName,
+    factoryId: row.factory_id?.trim() || null
+  };
+};
 var formatIdleDuration = (seconds) => {
   if (seconds === null || seconds === void 0 || !Number.isFinite(seconds)) {
     return "--";
@@ -85183,11 +85296,49 @@ var PoorestPerformersCard = React144__namespace.default.memo(({
   const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
   const mergedPoorestLines = React144__namespace.default.useMemo(() => {
     const rows = snapshot.data.poorest_lines?.[poorestLineMode] || [];
-    return rows.slice(0, 3).map((line) => {
+    const lineRows = [];
+    const areaGroups = /* @__PURE__ */ new Map();
+    rows.forEach((line) => {
+      if (line.row_type === "area") {
+        const efficiency = toNumber4(line.avg_efficiency);
+        if (efficiency === null) return;
+        const previousEfficiency = toNumber4(line.previous_avg_efficiency);
+        const lineCount = Math.max(1, Math.round(toNumber4(line.line_count) || 1));
+        lineRows.push({
+          rowType: "area",
+          id: line.line_id || `area:${line.factory_area_id || line.line_name || "unknown"}`,
+          name: line.factory_area_name?.trim() || line.line_name?.trim() || "Unknown Area",
+          efficiency: roundOne(efficiency),
+          previousEfficiency: previousEfficiency === null ? null : roundOne(previousEfficiency),
+          delta: toNumber4(line.delta_pp) ?? (previousEfficiency === null ? null : roundOne(efficiency - previousEfficiency)),
+          supervisor: `${lineCount} ${lineCount === 1 ? "line" : "lines"}`,
+          supervisorImage: null,
+          lineCount,
+          factoryId: line.factory_id ?? null,
+          factoryAreaId: line.factory_area_id ?? null
+        });
+        return;
+      }
+      const area = getEnabledAreaInfo2(line);
+      if (area) {
+        const group = areaGroups.get(area.areaId);
+        if (group) {
+          group.lines.push(line);
+        } else {
+          areaGroups.set(area.areaId, {
+            areaId: area.areaId,
+            areaName: area.areaName,
+            factoryId: area.factoryId,
+            lines: [line]
+          });
+        }
+        return;
+      }
       const lineId = line.line_id || "";
       const supervisors = supervisorsByLineId.get(lineId) || [];
       const supervisor = supervisors[0];
-      return {
+      lineRows.push({
+        rowType: "line",
         id: lineId,
         name: line.line_name?.trim() || "Unknown Line",
         efficiency: roundOne(toNumber4(line.avg_efficiency) || 0),
@@ -85195,8 +85346,31 @@ var PoorestPerformersCard = React144__namespace.default.memo(({
         delta: toNumber4(line.delta_pp),
         supervisor: supervisor?.displayName || "Unassigned",
         supervisorImage: supervisor?.profilePhotoUrl ?? null
-      };
+      });
     });
+    areaGroups.forEach((group) => {
+      const efficiency = averageFinite(group.lines.map((line) => toNumber4(line.avg_efficiency)));
+      if (efficiency === null) return;
+      const previousEfficiency = averageFinite(group.lines.map((line) => toNumber4(line.previous_avg_efficiency)));
+      const lineCount = group.lines.length;
+      lineRows.push({
+        rowType: "area",
+        id: `area:${group.areaId}`,
+        name: group.areaName,
+        efficiency: roundOne(efficiency),
+        previousEfficiency: previousEfficiency === null ? null : roundOne(previousEfficiency),
+        delta: previousEfficiency === null ? null : roundOne(efficiency - previousEfficiency),
+        supervisor: `${lineCount} ${lineCount === 1 ? "line" : "lines"}`,
+        supervisorImage: null,
+        lineCount,
+        factoryId: group.factoryId,
+        factoryAreaId: group.areaId
+      });
+    });
+    return lineRows.sort((left, right) => {
+      if (left.efficiency !== right.efficiency) return left.efficiency - right.efficiency;
+      return left.name.localeCompare(right.name, void 0, { sensitivity: "base", numeric: true });
+    }).slice(0, 3);
   }, [poorestLineMode, snapshot.data.poorest_lines, supervisorsByLineId]);
   const showPoorestModeToggle = !!availableLineModes?.has_output && !!availableLineModes?.has_uptime;
   const poorestMetricLabel = poorestLineMode === "uptime" ? "Uptime" : "Efficiency";
@@ -85242,7 +85416,7 @@ var PoorestPerformersCard = React144__namespace.default.memo(({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex flex-col p-0 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "divide-y divide-slate-50 flex-1 px-5", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between py-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider min-w-[120px]", children: "Line" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider min-w-[120px]", children: "Line / Area" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider text-left shrink-0 w-[110px] flex items-center justify-between", children: poorestMetricLabel })
       ] }),
       showSnapshotSkeleton ? /* @__PURE__ */ jsxRuntime.jsx(OverviewListSkeleton, {}) : mergedPoorestLines.length > 0 ? mergedPoorestLines.map((line) => {
@@ -85250,7 +85424,7 @@ var PoorestPerformersCard = React144__namespace.default.memo(({
         return /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            onClick: () => onLineClick(line.id, line.name),
+            onClick: () => onLineClick(line),
             className: "block py-3 hover:bg-slate-50/50 transition-colors cursor-pointer group relative",
             children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
               /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
@@ -85261,7 +85435,7 @@ var PoorestPerformersCard = React144__namespace.default.memo(({
                     alt: line.supervisor,
                     className: "w-full h-full object-cover"
                   }
-                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] font-bold text-slate-500", children: line.supervisor.split(" ").map((part) => part[0]).join("").slice(0, 2) }) }),
+                ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] font-bold text-slate-500", children: (line.rowType === "area" ? line.name : line.supervisor).split(" ").map((part) => part[0]).join("").slice(0, 2) }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-bold text-slate-800 text-[13px] truncate group-hover:text-indigo-600 transition-colors", children: line.name }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-[10px] text-slate-400 font-medium", children: line.supervisor }) })
@@ -86551,18 +86725,33 @@ var PlantHeadView = () => {
       resolvedOperationalToday
     ]
   );
-  const handleOpenLineDetails = React144__namespace.default.useCallback((lineId, lineName) => {
+  const handleOpenLineDetails = React144__namespace.default.useCallback((line) => {
     trackCoreEvent("Operations Overview Line Clicked", {
-      line_id: lineId,
-      line_name: lineName,
+      line_id: line.rowType === "line" ? line.id : null,
+      line_name: line.name,
+      row_type: line.rowType,
+      factory_id: line.factoryId ?? null,
+      factory_area_id: line.factoryAreaId ?? null,
       range_start: dateRange.startKey,
       range_end: dateRange.endKey
     });
+    if (line.rowType === "area" && line.factoryId && line.factoryAreaId) {
+      const params = new URLSearchParams({
+        factory_id: line.factoryId,
+        factory_area_id: line.factoryAreaId
+      });
+      navigate(`/kpis?${params.toString()}`);
+      return;
+    }
+    if (line.rowType === "area") {
+      navigate("/kpis");
+      return;
+    }
     if (isLiveScope) {
-      navigate(`/kpis/${lineId}?returnTo=${encodeURIComponent("/")}`);
+      navigate(`/kpis/${line.id}?returnTo=${encodeURIComponent("/")}`);
       return;
     }
-    navigate(buildLineMonthlyHistoryUrl(lineId));
+    navigate(buildLineMonthlyHistoryUrl(line.id));
   }, [buildLineMonthlyHistoryUrl, dateRange.endKey, dateRange.startKey, isLiveScope, navigate]);
   useOperationsOverviewRefresh({
     store,

package/dist/index.mjs

@@ -14722,6 +14722,7 @@ var transformMonitorWorkspaceMetrics = ({
       video_grid_green_streak_minutes: item.video_grid_green_streak_minutes ?? null,
       video_grid_green_streak_anchor_at: item.video_grid_green_streak_anchor_at ?? null,
       video_grid_green_streak_started_at: item.video_grid_green_streak_started_at ?? null,
+      video_grid_green_streak_observed_at: item.video_grid_green_streak_observed_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,
@@ -37994,17 +37995,22 @@ var getAllVideoGridGreenStreakDisplay = (workspaces, legend = DEFAULT_EFFICIENCY
   const activeStreaks = visibleWorkspaces.map((workspace) => {
     const startedAt = workspace.video_grid_green_streak_started_at;
     const anchorAt = workspace.video_grid_green_streak_anchor_at;
+    const observedAt = workspace.video_grid_green_streak_observed_at;
     const streakMinutes = workspace.video_grid_green_streak_minutes;
     const startedAtMs = parseTimestampMs(startedAt);
     const anchorAtMs = parseTimestampMs(anchorAt);
+    const observedAtMs = parseTimestampMs(observedAt);
     const isFresh = isAllGreenStreakFresh(workspace, anchorAtMs, nowMs2);
-    const tickOriginAtMs = anchorAtMs + CONFIRMED_MINUTE_DURATION_MS;
+    const tickOriginAtMs = Number.isFinite(observedAtMs) ? observedAtMs : anchorAtMs + CONFIRMED_MINUTE_DURATION_MS;
+    const confirmedSeconds2 = Math.max(0, Math.floor((streakMinutes || 0) * 60));
+    const visibleSeconds = confirmedSeconds2 + Math.max(0, Math.floor((nowMs2 - tickOriginAtMs) / 1e3));
     if (workspace.video_grid_green_streak_active === true && isFiniteNumber3(streakMinutes) && streakMinutes > 0 && startedAt && anchorAt && Number.isFinite(startedAtMs) && isFresh) {
       return {
         startedAt,
         startedAtMs,
         anchorAt,
         streakMinutes,
+        visibleSeconds,
         tickOriginAtMs
       };
     }
@@ -38013,7 +38019,7 @@ var getAllVideoGridGreenStreakDisplay = (workspaces, legend = DEFAULT_EFFICIENCY
   if (activeStreaks.some((streak) => streak === null)) {
     return null;
   }
-  const strictestStartedAt = activeStreaks.reduce((latest, current) => current.streakMinutes < latest.streakMinutes || current.streakMinutes === latest.streakMinutes && current.startedAtMs > latest.startedAtMs ? current : latest);
+  const strictestStartedAt = activeStreaks.reduce((latest, current) => current.visibleSeconds < latest.visibleSeconds || current.visibleSeconds === latest.visibleSeconds && current.startedAtMs > latest.startedAtMs ? current : latest);
   const confirmedSeconds = Math.max(0, Math.floor(strictestStartedAt.streakMinutes * 60));
   return {
     label: "All green",
@@ -38046,6 +38052,38 @@ var getStatusBadgeSignature = (workspace) => {
     badge.title
   ].join(":")).join("|");
 };
+var VALID_STATUS_BADGE_ICON_TOKENS = /* @__PURE__ */ new Set([
+  "alert-triangle",
+  "refresh-cw",
+  "package",
+  "clock",
+  "user-x",
+  "wrench",
+  "activity",
+  "clipboard-x"
+]);
+var normalizeStatusBadgeToken = (value) => String(value || "").trim().toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+var resolveVideoGridStatusBadgeIconToken = (badge) => {
+  if (badge.kind === "no_plan") {
+    return "clipboard-x";
+  }
+  const reasonTokens = /* @__PURE__ */ new Set([
+    normalizeStatusBadgeToken(badge.label),
+    normalizeStatusBadgeToken(badge.display_name),
+    normalizeStatusBadgeToken(badge.title)
+  ]);
+  if (reasonTokens.has("no_material")) {
+    return "package";
+  }
+  if (reasonTokens.has("machine_maintenance") || reasonTokens.has("machine_downtime")) {
+    return "wrench";
+  }
+  const iconToken = normalizeStatusBadgeToken(badge.icon_token);
+  if (VALID_STATUS_BADGE_ICON_TOKENS.has(iconToken)) {
+    return iconToken;
+  }
+  return "activity";
+};
 function getTrendArrowAndColor(trend) {
   if (trend > 0) {
     return { arrow: "\u2191", color: "text-green-400" };
@@ -38193,7 +38231,7 @@ var VideoCard = React144__default.memo(({
                   label: badge.label,
                   displayName: badge.display_name,
                   paletteToken: badge.palette_token,
-                  iconToken: badge.icon_token,
+                  iconToken: resolveVideoGridStatusBadgeIconToken(badge),
                   isKnown: badge.is_known
                 });
                 const Icon2 = presentation.Icon;
@@ -64900,6 +64938,8 @@ var EMPTY_LINE_IDS = [];
 var EMPTY_WORKSPACES = [];
 var ALL_GREEN_CELEBRATION_DURATION_MS = 6e3;
 var ALL_GREEN_MILESTONE_DURATION_MS = 6e3;
+var ALL_GREEN_CELEBRATION_SEEN_PREFIX = "optifye:all-green-celebration:v1:";
+var ALL_GREEN_MILESTONE_SEEN_PREFIX = "optifye:all-green-milestone:v1:";
 var formatAllGreenCelebrationTimer = (elapsedSeconds) => {
   const safeElapsedSeconds = Math.max(1, Math.floor(elapsedSeconds));
   const minutes = Math.floor(safeElapsedSeconds / 60);
@@ -64910,6 +64950,29 @@ var getAllGreenBackendVisibleSeconds = (confirmedSeconds, tickOriginAtMs, nowMs2
   const localSecondOffset = Math.max(0, Math.floor((nowMs2 - tickOriginAtMs) / 1e3));
   return confirmedSeconds + localSecondOffset;
 };
+var getSessionSeenValue = (key) => {
+  if (typeof window === "undefined") {
+    return null;
+  }
+  try {
+    const storage = window.sessionStorage;
+    return storage ? storage.getItem(key) : null;
+  } catch {
+    return null;
+  }
+};
+var setSessionSeenValue = (key) => {
+  if (typeof window === "undefined") {
+    return;
+  }
+  try {
+    const storage = window.sessionStorage;
+    storage?.setItem(key, "1");
+  } catch {
+  }
+};
+var buildAllGreenCelebrationSeenKey = (identity) => `${ALL_GREEN_CELEBRATION_SEEN_PREFIX}${identity}`;
+var buildAllGreenMilestoneSeenKey = (identity, milestoneSeconds) => `${ALL_GREEN_MILESTONE_SEEN_PREFIX}${identity}:${milestoneSeconds}`;
 var LoadingPageCmp = LoadingPage_default;
 var LoadingOverlayCmp = LoadingOverlay_default;
 function HomeView({
@@ -65470,6 +65533,12 @@ function HomeView({
     if (milestoneTracking.identity !== allGreenMilestoneIdentity) {
       milestoneTracking.identity = allGreenMilestoneIdentity;
       milestoneTracking.lastMilestoneSeconds = currentMilestoneSeconds;
+      if (currentMilestoneSeconds !== null) {
+        setSessionSeenValue(buildAllGreenMilestoneSeenKey(
+          allGreenMilestoneIdentity,
+          currentMilestoneSeconds
+        ));
+      }
       dismissGreenStreakMilestoneBanner();
       return;
     }
@@ -65479,6 +65548,15 @@ function HomeView({
     }
     if ((milestoneTracking.lastMilestoneSeconds ?? 0) < currentMilestone.milestoneSeconds) {
       milestoneTracking.lastMilestoneSeconds = currentMilestone.milestoneSeconds;
+      const milestoneSeenKey = buildAllGreenMilestoneSeenKey(
+        allGreenMilestoneIdentity,
+        currentMilestone.milestoneSeconds
+      );
+      if (getSessionSeenValue(milestoneSeenKey) === "1") {
+        dismissGreenStreakMilestoneBanner();
+        return;
+      }
+      setSessionSeenValue(milestoneSeenKey);
       triggerGreenStreakMilestoneBanner(currentMilestone);
     }
   }, [
@@ -65497,6 +65575,9 @@ function HomeView({
     if (transitionState.signature !== allGreenCelebrationSignature) {
       transitionState.signature = allGreenCelebrationSignature;
       transitionState.previousValidStreakIdentity = currentValidStreakIdentity;
+      if (currentValidStreakIdentity) {
+        setSessionSeenValue(buildAllGreenCelebrationSeenKey(currentValidStreakIdentity));
+      }
       dismissAllGreenCelebration();
       return;
     }
@@ -65507,11 +65588,18 @@ function HomeView({
     }
     if (transitionState.previousValidStreakIdentity === null) {
       transitionState.previousValidStreakIdentity = currentValidStreakIdentity;
+      const celebrationSeenKey = buildAllGreenCelebrationSeenKey(currentValidStreakIdentity);
+      if (getSessionSeenValue(celebrationSeenKey) === "1") {
+        dismissAllGreenCelebration();
+        return;
+      }
+      setSessionSeenValue(celebrationSeenKey);
       triggerAllGreenCelebration();
       return;
     }
     if (transitionState.previousValidStreakIdentity !== currentValidStreakIdentity) {
       transitionState.previousValidStreakIdentity = currentValidStreakIdentity;
+      setSessionSeenValue(buildAllGreenCelebrationSeenKey(currentValidStreakIdentity));
       dismissAllGreenCelebration();
     }
   }, [
@@ -84072,11 +84160,19 @@ var normalizeSummary = (value) => ({
   avg_idle_per_workstation: normalizeIdleMetric(value?.avg_idle_per_workstation)
 });
 var normalizeLineRow = (value) => ({
+  row_type: value?.row_type ?? null,
   line_id: value?.line_id,
   line_name: value?.line_name?.trim() || value?.line_id || "",
   avg_efficiency: normalizeNumber(value?.avg_efficiency),
   previous_avg_efficiency: normalizeNumber(value?.previous_avg_efficiency),
-  delta_pp: normalizeNumber(value?.delta_pp)
+  delta_pp: normalizeNumber(value?.delta_pp),
+  factory_id: value?.factory_id ?? null,
+  factory_area_id: value?.factory_area_id ?? null,
+  factory_area_key: value?.factory_area_key ?? null,
+  factory_area_name: value?.factory_area_name?.trim() || null,
+  factory_area_sort_order: normalizeNumber(value?.factory_area_sort_order),
+  factory_area_enabled: typeof value?.factory_area_enabled === "boolean" ? value.factory_area_enabled : null,
+  line_count: normalizeNumber(value?.line_count)
 });
 var normalizePoorestLines = (value) => ({
   output: (value?.output || []).map((item) => normalizeLineRow(item)),
@@ -84420,6 +84516,23 @@ var toNumber4 = (value) => {
   return null;
 };
 var roundOne = (value) => Math.round(value * 10) / 10;
+var isFiniteNumber4 = (value) => typeof value === "number" && Number.isFinite(value);
+var averageFinite = (values) => {
+  const finiteValues = values.filter(isFiniteNumber4);
+  if (finiteValues.length === 0) return null;
+  return finiteValues.reduce((sum, value) => sum + value, 0) / finiteValues.length;
+};
+var getEnabledAreaInfo2 = (row) => {
+  const areaId = row.factory_area_id?.trim();
+  const areaName = row.factory_area_name?.trim();
+  if (!areaId || !areaName) return null;
+  if (row.factory_area_enabled !== true) return null;
+  return {
+    areaId,
+    areaName,
+    factoryId: row.factory_id?.trim() || null
+  };
+};
 var formatIdleDuration = (seconds) => {
   if (seconds === null || seconds === void 0 || !Number.isFinite(seconds)) {
     return "--";
@@ -85154,11 +85267,49 @@ var PoorestPerformersCard = React144__default.memo(({
   const showSnapshotSkeleton = snapshot.loading && !snapshot.hasLoadedOnce;
   const mergedPoorestLines = React144__default.useMemo(() => {
     const rows = snapshot.data.poorest_lines?.[poorestLineMode] || [];
-    return rows.slice(0, 3).map((line) => {
+    const lineRows = [];
+    const areaGroups = /* @__PURE__ */ new Map();
+    rows.forEach((line) => {
+      if (line.row_type === "area") {
+        const efficiency = toNumber4(line.avg_efficiency);
+        if (efficiency === null) return;
+        const previousEfficiency = toNumber4(line.previous_avg_efficiency);
+        const lineCount = Math.max(1, Math.round(toNumber4(line.line_count) || 1));
+        lineRows.push({
+          rowType: "area",
+          id: line.line_id || `area:${line.factory_area_id || line.line_name || "unknown"}`,
+          name: line.factory_area_name?.trim() || line.line_name?.trim() || "Unknown Area",
+          efficiency: roundOne(efficiency),
+          previousEfficiency: previousEfficiency === null ? null : roundOne(previousEfficiency),
+          delta: toNumber4(line.delta_pp) ?? (previousEfficiency === null ? null : roundOne(efficiency - previousEfficiency)),
+          supervisor: `${lineCount} ${lineCount === 1 ? "line" : "lines"}`,
+          supervisorImage: null,
+          lineCount,
+          factoryId: line.factory_id ?? null,
+          factoryAreaId: line.factory_area_id ?? null
+        });
+        return;
+      }
+      const area = getEnabledAreaInfo2(line);
+      if (area) {
+        const group = areaGroups.get(area.areaId);
+        if (group) {
+          group.lines.push(line);
+        } else {
+          areaGroups.set(area.areaId, {
+            areaId: area.areaId,
+            areaName: area.areaName,
+            factoryId: area.factoryId,
+            lines: [line]
+          });
+        }
+        return;
+      }
       const lineId = line.line_id || "";
       const supervisors = supervisorsByLineId.get(lineId) || [];
       const supervisor = supervisors[0];
-      return {
+      lineRows.push({
+        rowType: "line",
         id: lineId,
         name: line.line_name?.trim() || "Unknown Line",
         efficiency: roundOne(toNumber4(line.avg_efficiency) || 0),
@@ -85166,8 +85317,31 @@ var PoorestPerformersCard = React144__default.memo(({
         delta: toNumber4(line.delta_pp),
         supervisor: supervisor?.displayName || "Unassigned",
         supervisorImage: supervisor?.profilePhotoUrl ?? null
-      };
+      });
     });
+    areaGroups.forEach((group) => {
+      const efficiency = averageFinite(group.lines.map((line) => toNumber4(line.avg_efficiency)));
+      if (efficiency === null) return;
+      const previousEfficiency = averageFinite(group.lines.map((line) => toNumber4(line.previous_avg_efficiency)));
+      const lineCount = group.lines.length;
+      lineRows.push({
+        rowType: "area",
+        id: `area:${group.areaId}`,
+        name: group.areaName,
+        efficiency: roundOne(efficiency),
+        previousEfficiency: previousEfficiency === null ? null : roundOne(previousEfficiency),
+        delta: previousEfficiency === null ? null : roundOne(efficiency - previousEfficiency),
+        supervisor: `${lineCount} ${lineCount === 1 ? "line" : "lines"}`,
+        supervisorImage: null,
+        lineCount,
+        factoryId: group.factoryId,
+        factoryAreaId: group.areaId
+      });
+    });
+    return lineRows.sort((left, right) => {
+      if (left.efficiency !== right.efficiency) return left.efficiency - right.efficiency;
+      return left.name.localeCompare(right.name, void 0, { sensitivity: "base", numeric: true });
+    }).slice(0, 3);
   }, [poorestLineMode, snapshot.data.poorest_lines, supervisorsByLineId]);
   const showPoorestModeToggle = !!availableLineModes?.has_output && !!availableLineModes?.has_uptime;
   const poorestMetricLabel = poorestLineMode === "uptime" ? "Uptime" : "Efficiency";
@@ -85213,7 +85387,7 @@ var PoorestPerformersCard = React144__default.memo(({
     ] }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col p-0 overflow-auto", children: /* @__PURE__ */ jsxs("div", { className: "divide-y divide-slate-50 flex-1 px-5", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider min-w-[120px]", children: "Line" }),
+        /* @__PURE__ */ jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider min-w-[120px]", children: "Line / Area" }),
         /* @__PURE__ */ jsx("div", { className: "font-semibold text-slate-400 text-[10px] uppercase tracking-wider text-left shrink-0 w-[110px] flex items-center justify-between", children: poorestMetricLabel })
       ] }),
       showSnapshotSkeleton ? /* @__PURE__ */ jsx(OverviewListSkeleton, {}) : mergedPoorestLines.length > 0 ? mergedPoorestLines.map((line) => {
@@ -85221,7 +85395,7 @@ var PoorestPerformersCard = React144__default.memo(({
         return /* @__PURE__ */ jsx(
           "div",
           {
-            onClick: () => onLineClick(line.id, line.name),
+            onClick: () => onLineClick(line),
             className: "block py-3 hover:bg-slate-50/50 transition-colors cursor-pointer group relative",
             children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0", children: [
@@ -85232,7 +85406,7 @@ var PoorestPerformersCard = React144__default.memo(({
                     alt: line.supervisor,
                     className: "w-full h-full object-cover"
                   }
-                ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] font-bold text-slate-500", children: line.supervisor.split(" ").map((part) => part[0]).join("").slice(0, 2) }) }),
+                ) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[10px] font-bold text-slate-500", children: (line.rowType === "area" ? line.name : line.supervisor).split(" ").map((part) => part[0]).join("").slice(0, 2) }) }),
                 /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
                   /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("div", { className: "font-bold text-slate-800 text-[13px] truncate group-hover:text-indigo-600 transition-colors", children: line.name }) }),
                   /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2 mt-0.5 flex-wrap", children: /* @__PURE__ */ jsx("span", { className: "text-[10px] text-slate-400 font-medium", children: line.supervisor }) })
@@ -86522,18 +86696,33 @@ var PlantHeadView = () => {
       resolvedOperationalToday
     ]
   );
-  const handleOpenLineDetails = React144__default.useCallback((lineId, lineName) => {
+  const handleOpenLineDetails = React144__default.useCallback((line) => {
     trackCoreEvent("Operations Overview Line Clicked", {
-      line_id: lineId,
-      line_name: lineName,
+      line_id: line.rowType === "line" ? line.id : null,
+      line_name: line.name,
+      row_type: line.rowType,
+      factory_id: line.factoryId ?? null,
+      factory_area_id: line.factoryAreaId ?? null,
       range_start: dateRange.startKey,
       range_end: dateRange.endKey
     });
+    if (line.rowType === "area" && line.factoryId && line.factoryAreaId) {
+      const params = new URLSearchParams({
+        factory_id: line.factoryId,
+        factory_area_id: line.factoryAreaId
+      });
+      navigate(`/kpis?${params.toString()}`);
+      return;
+    }
+    if (line.rowType === "area") {
+      navigate("/kpis");
+      return;
+    }
     if (isLiveScope) {
-      navigate(`/kpis/${lineId}?returnTo=${encodeURIComponent("/")}`);
+      navigate(`/kpis/${line.id}?returnTo=${encodeURIComponent("/")}`);
       return;
     }
-    navigate(buildLineMonthlyHistoryUrl(lineId));
+    navigate(buildLineMonthlyHistoryUrl(line.id));
   }, [buildLineMonthlyHistoryUrl, dateRange.endKey, dateRange.startKey, isLiveScope, navigate]);
   useOperationsOverviewRefresh({
     store,

package/package.json

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