@optifye/dashboard-core 6.0.1 → 6.0.3

package/dist/index.d.mts

@@ -201,7 +201,10 @@ interface ShiftConfig {
     transitionPeriodMinutes?: number;
 }
 interface WorkspaceConfig {
+    /** @deprecated Use lineDisplayNames for multi-line support */
     displayNames?: Record<string, string>;
+    /** Line-aware display names: lineId -> workspaceId -> displayName */
+    lineDisplayNames?: Record<string, Record<string, string>>;
     specialWorkspaces?: {
         startId?: number;
         endId?: number;
@@ -254,6 +257,17 @@ interface S3Config {
         /** Workspace-specific category overrides by UUID */
         workspaceOverrides?: Record<string, SOPCategory[]>;
     };
+    /** Processing configuration for S3 clips */
+    processing?: {
+        /** Default limit per category when fetching clips (default: 30) */
+        defaultLimitPerCategory?: number;
+        /** Maximum allowed limit per category (default: 1000) */
+        maxLimitPerCategory?: number;
+        /** Number of concurrent video processing operations (default: 10) */
+        concurrencyLimit?: number;
+        /** Maximum initial fetch limit for S3 listing (default: 60) */
+        maxInitialFetch?: number;
+    };
 }
 interface VideoCroppingRect {
     /** X offset as percentage (0-100) from left */
@@ -275,7 +289,10 @@ interface VideoConfig {
     /** HLS stream URLs for workspaces */
     hlsUrls?: {
         defaultHlsUrl?: string;
+        /** @deprecated Use lineWorkspaceHlsUrls for multi-line support */
         workspaceHlsUrls?: Record<string, string>;
+        /** Line-aware workspace HLS URLs: lineId -> workspaceName -> URL */
+        lineWorkspaceHlsUrls?: Record<string, Record<string, string>>;
     };
     /** Video cropping configuration */
     cropping?: VideoCroppingConfig;
@@ -830,6 +847,10 @@ interface LeaderboardDetailViewProps {
      * Second line ID reference (Line 2)
      */
     line2Id?: string;
+    /**
+     * Mapping of line IDs to their display names
+     */
+    lineNames?: Record<string, string>;
     /**
      * Optional className for custom styling
      */
@@ -2603,18 +2624,20 @@ locale?: string) => string;
  *
  * @param workspaceId - The workspace ID (e.g., 'WS01').
  * @param workspaceConfig - The WorkspaceConfig object from the dashboard configuration.
+ * @param lineId - Optional line ID for line-aware display names.
  * @returns The display name from the config, or a fallback based on the ID.
  */
-declare const getConfigurableWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig) => string;
+declare const getConfigurableWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig, lineId?: string) => string;
 /**
  * Gets a potentially shortened or specific part of the workspace display name.
  * (The logic here might need adjustment based on actual naming conventions used).
  *
  * @param workspaceId - The workspace ID (e.g., 'WS01').
  * @param workspaceConfig - The WorkspaceConfig object from the dashboard configuration.
+ * @param lineId - Optional line ID for line-aware display names.
  * @returns A potentially shortened name, or the full display name, or a fallback.
  */
-declare const getConfigurableShortWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig) => string;
+declare const getConfigurableShortWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig, lineId?: string) => string;
 
 /**
  * @internal
@@ -2642,6 +2665,7 @@ interface WorkspaceUrlMapping {
     urlName: string;
     workspaceId: string;
     workspaceName: string;
+    lineId?: string;
 }
 declare const toUrlFriendlyName: (workspaceName: string | undefined) => string;
 declare const fromUrlFriendlyName: (urlName: string) => string;

package/dist/index.d.ts

@@ -201,7 +201,10 @@ interface ShiftConfig {
     transitionPeriodMinutes?: number;
 }
 interface WorkspaceConfig {
+    /** @deprecated Use lineDisplayNames for multi-line support */
     displayNames?: Record<string, string>;
+    /** Line-aware display names: lineId -> workspaceId -> displayName */
+    lineDisplayNames?: Record<string, Record<string, string>>;
     specialWorkspaces?: {
         startId?: number;
         endId?: number;
@@ -254,6 +257,17 @@ interface S3Config {
         /** Workspace-specific category overrides by UUID */
         workspaceOverrides?: Record<string, SOPCategory[]>;
     };
+    /** Processing configuration for S3 clips */
+    processing?: {
+        /** Default limit per category when fetching clips (default: 30) */
+        defaultLimitPerCategory?: number;
+        /** Maximum allowed limit per category (default: 1000) */
+        maxLimitPerCategory?: number;
+        /** Number of concurrent video processing operations (default: 10) */
+        concurrencyLimit?: number;
+        /** Maximum initial fetch limit for S3 listing (default: 60) */
+        maxInitialFetch?: number;
+    };
 }
 interface VideoCroppingRect {
     /** X offset as percentage (0-100) from left */
@@ -275,7 +289,10 @@ interface VideoConfig {
     /** HLS stream URLs for workspaces */
     hlsUrls?: {
         defaultHlsUrl?: string;
+        /** @deprecated Use lineWorkspaceHlsUrls for multi-line support */
         workspaceHlsUrls?: Record<string, string>;
+        /** Line-aware workspace HLS URLs: lineId -> workspaceName -> URL */
+        lineWorkspaceHlsUrls?: Record<string, Record<string, string>>;
     };
     /** Video cropping configuration */
     cropping?: VideoCroppingConfig;
@@ -830,6 +847,10 @@ interface LeaderboardDetailViewProps {
      * Second line ID reference (Line 2)
      */
     line2Id?: string;
+    /**
+     * Mapping of line IDs to their display names
+     */
+    lineNames?: Record<string, string>;
     /**
      * Optional className for custom styling
      */
@@ -2603,18 +2624,20 @@ locale?: string) => string;
  *
  * @param workspaceId - The workspace ID (e.g., 'WS01').
  * @param workspaceConfig - The WorkspaceConfig object from the dashboard configuration.
+ * @param lineId - Optional line ID for line-aware display names.
  * @returns The display name from the config, or a fallback based on the ID.
  */
-declare const getConfigurableWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig) => string;
+declare const getConfigurableWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig, lineId?: string) => string;
 /**
  * Gets a potentially shortened or specific part of the workspace display name.
  * (The logic here might need adjustment based on actual naming conventions used).
  *
  * @param workspaceId - The workspace ID (e.g., 'WS01').
  * @param workspaceConfig - The WorkspaceConfig object from the dashboard configuration.
+ * @param lineId - Optional line ID for line-aware display names.
  * @returns A potentially shortened name, or the full display name, or a fallback.
  */
-declare const getConfigurableShortWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig) => string;
+declare const getConfigurableShortWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig, lineId?: string) => string;
 
 /**
  * @internal
@@ -2642,6 +2665,7 @@ interface WorkspaceUrlMapping {
     urlName: string;
     workspaceId: string;
     workspaceName: string;
+    lineId?: string;
 }
 declare const toUrlFriendlyName: (workspaceName: string | undefined) => string;
 declare const fromUrlFriendlyName: (urlName: string) => string;

package/dist/index.js

@@ -161,6 +161,9 @@ var DEFAULT_AUTH_CONFIG = {
   // Defaults related to auth providers, redirects etc.
 };
 var DEFAULT_VIDEO_CONFIG = {
+  hlsUrls: {
+    lineWorkspaceHlsUrls: {}
+  },
   canvasConfig: {
     fps: 30,
     useRAF: true
@@ -890,17 +893,18 @@ var dashboardService = {
     const queryShiftId = shiftProp !== void 0 ? shiftProp : currentShiftResult.shiftId;
     try {
       if (lineIdToQuery === factoryViewId) {
-        if (!defaultLineId || !secondaryLineId || !companyId) {
-          throw new Error("Factory View requires defaultLineId, secondaryLineId, and companyId to be configured.");
+        if (!defaultLineId || !companyId) {
+          throw new Error("Factory View requires at least defaultLineId and companyId to be configured.");
         }
         const { data: line1Data, error: line1Error } = await supabase.from(linesTable).select("id, line_name, factory_id, factories!lines_factory_id_fkey(factory_name), company_id, companies!lines_company_id_fkey(company_name:name)").eq("id", defaultLineId).single();
         if (line1Error) throw line1Error;
         if (!line1Data) {
           throw new Error(`Default line ${defaultLineId} for Factory View not found.`);
         }
-        const { data: metricsData, error: metricsError2 } = await supabase.from(lineMetricsTable).select("*").in("line_id", [defaultLineId, secondaryLineId]).eq("shift_id", queryShiftId).eq("date", queryDate);
+        const lineIdsToQuery = [defaultLineId, secondaryLineId].filter((id3) => id3 !== void 0 && id3 !== null);
+        const { data: metricsData, error: metricsError2 } = await supabase.from(lineMetricsTable).select("*").in("line_id", lineIdsToQuery).eq("shift_id", queryShiftId).eq("date", queryDate);
         if (metricsError2) throw metricsError2;
-        const { data: performanceData2, error: performanceError2 } = await supabase.from(metricsTable).select("efficiency").in("line_id", [defaultLineId, secondaryLineId]).eq("shift_id", queryShiftId).eq("date", queryDate);
+        const { data: performanceData2, error: performanceError2 } = await supabase.from(metricsTable).select("efficiency").in("line_id", lineIdsToQuery).eq("shift_id", queryShiftId).eq("date", queryDate);
         if (performanceError2) throw performanceError2;
         const underperformingCount2 = performanceData2?.filter((w) => w.efficiency >= 10 && w.efficiency < 70).length || 0;
         const totalValidWorkspaces2 = performanceData2?.filter((w) => w.efficiency >= 10).length || 0;
@@ -5125,19 +5129,23 @@ var useActiveBreaks = (lineIds) => {
   const checkActiveBreaks = React14.useCallback(async () => {
     try {
       setError(null);
-      if (!lineIds || lineIds.length === 0) {
+      const validLineIds = lineIds.filter(
+        (id3) => id3 && id3 !== "factory" && id3 !== "all" && // Basic UUID format check
+        id3.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i)
+      );
+      if (!validLineIds || validLineIds.length === 0) {
         setActiveBreaks([]);
         setIsLoading(false);
         return;
       }
       const currentMinutes = getCurrentTimeInMinutes();
-      const { data: dayShifts, error: dayError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 0).in("line_id", lineIds);
-      const { data: nightShifts, error: nightError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 1).in("line_id", lineIds);
+      const { data: dayShifts, error: dayError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 0).in("line_id", validLineIds);
+      const { data: nightShifts, error: nightError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 1).in("line_id", validLineIds);
       if (dayError || nightError) {
         throw new Error("Failed to fetch shift configurations");
       }
       const foundActiveBreaks = [];
-      for (const lineId of lineIds) {
+      for (const lineId of validLineIds) {
         const dayShift = dayShifts?.find((s) => s.line_id === lineId);
         const nightShift = nightShifts?.find((s) => s.line_id === lineId);
         if (!dayShift || !nightShift) continue;
@@ -5621,12 +5629,18 @@ var FALLBACK_DISPLAY_NAMES = {
   "WS03": "Filling station"
   // ... Add others if known defaults are useful
 };
-var getConfigurableWorkspaceDisplayName = (workspaceId, workspaceConfig) => {
+var getConfigurableWorkspaceDisplayName = (workspaceId, workspaceConfig, lineId) => {
+  if (lineId && workspaceConfig?.lineDisplayNames?.[lineId]) {
+    const lineDisplayNames = workspaceConfig.lineDisplayNames[lineId];
+    if (lineDisplayNames[workspaceId]) {
+      return lineDisplayNames[workspaceId];
+    }
+  }
   const displayNames = workspaceConfig?.displayNames || FALLBACK_DISPLAY_NAMES;
   return displayNames[workspaceId] || workspaceId.replace(/^WS/i, "") || workspaceId;
 };
-var getConfigurableShortWorkspaceDisplayName = (workspaceId, workspaceConfig) => {
-  const fullName = getConfigurableWorkspaceDisplayName(workspaceId, workspaceConfig);
+var getConfigurableShortWorkspaceDisplayName = (workspaceId, workspaceConfig, lineId) => {
+  const fullName = getConfigurableWorkspaceDisplayName(workspaceId, workspaceConfig, lineId);
   const match = fullName.match(/([A-Z]\d+(?:-\w+)?)/i);
   if (match && match[0]) {
     return match[0];
@@ -17631,18 +17645,6 @@ var VideoCard = React14__namespace.default.memo(({
   return prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.workspace_name === nextProps.workspace.workspace_name && Math.abs(prevProps.workspace.efficiency - nextProps.workspace.efficiency) < 1 && prevProps.hlsUrl === nextProps.hlsUrl && prevProps.shouldPlay === nextProps.shouldPlay && prevProps.cropping?.x === nextProps.cropping?.x && prevProps.cropping?.y === nextProps.cropping?.y && prevProps.cropping?.width === nextProps.cropping?.width && prevProps.cropping?.height === nextProps.cropping?.height;
 });
 VideoCard.displayName = "VideoCard";
-var DEFAULT_WORKSPACE_HLS_URLS = {
-  "WS1": "https://dnh-hls.optifye.ai/cam1/index.m3u8",
-  "WS2": "https://dnh-hls.optifye.ai/cam2/index.m3u8",
-  "WS3": "https://dnh-hls.optifye.ai/cam3/index.m3u8",
-  "WS4": "https://dnh-hls.optifye.ai/cam3/index.m3u8",
-  "WS01": "https://59.144.218.58:8443/camera6.m3u8",
-  "WS02": "https://59.144.218.58:8443/camera2.m3u8",
-  "WS03": "https://59.144.218.58:8443/camera3.m3u8",
-  "WS04": "https://59.144.218.58:8443/camera4.m3u8",
-  "WS05": "https://59.144.218.58:8443/camera1.m3u8",
-  "WS06": "https://59.144.218.58:8443/camera5.m3u8"
-};
 var DEFAULT_HLS_URL = "https://192.168.5.9:8443/cam1.m3u8";
 var VideoGridView = React14__namespace.default.memo(({
   workspaces,
@@ -17656,13 +17658,20 @@ var VideoGridView = React14__namespace.default.memo(({
   const [gridCols, setGridCols] = React14.useState(4);
   const [visibleWorkspaces, setVisibleWorkspaces] = React14.useState(/* @__PURE__ */ new Set());
   const videoConfig = useVideoConfig();
-  const { cropping, canvasConfig } = videoConfig;
+  const { cropping, canvasConfig, hlsUrls } = videoConfig;
   const mergedVideoSources = {
-    defaultHlsUrl: videoSources.defaultHlsUrl || DEFAULT_HLS_URL,
-    workspaceHlsUrls: { ...DEFAULT_WORKSPACE_HLS_URLS, ...videoSources.workspaceHlsUrls }
+    defaultHlsUrl: videoSources.defaultHlsUrl || hlsUrls?.defaultHlsUrl || DEFAULT_HLS_URL,
+    workspaceHlsUrls: { ...videoSources.workspaceHlsUrls, ...hlsUrls?.workspaceHlsUrls },
+    lineWorkspaceHlsUrls: hlsUrls?.lineWorkspaceHlsUrls || {}
   };
-  const getWorkspaceHlsUrl = React14.useCallback((workspaceName) => {
+  const getWorkspaceHlsUrl = React14.useCallback((workspaceName, lineId) => {
     const wsName = workspaceName.toUpperCase();
+    if (lineId && mergedVideoSources.lineWorkspaceHlsUrls[lineId]) {
+      const lineUrls = mergedVideoSources.lineWorkspaceHlsUrls[lineId];
+      if (lineUrls[wsName]) {
+        return lineUrls[wsName];
+      }
+    }
     return mergedVideoSources.workspaceHlsUrls[wsName] || mergedVideoSources.defaultHlsUrl;
   }, [mergedVideoSources]);
   const getWorkspaceCropping = React14.useCallback((workspaceName) => {
@@ -17822,7 +17831,7 @@ var VideoGridView = React14__namespace.default.memo(({
               VideoCard,
               {
                 workspace,
-                hlsUrl: getWorkspaceHlsUrl(workspace.workspace_name),
+                hlsUrl: getWorkspaceHlsUrl(workspace.workspace_name, workspace.line_id),
                 shouldPlay: isVisible,
                 onClick: () => handleWorkspaceClick(workspace),
                 onFatalError: throttledReloadDashboard,
@@ -21475,7 +21484,7 @@ function parseS3Uri(s3Uri, sopCategories) {
         break;
       case "long_cycle_time":
         severity = "high";
-        type = "bottleneck";
+        type = "long_cycle_time";
         description = "Long Cycle Time Detected";
         break;
       case "best_cycle_time":
@@ -21519,7 +21528,7 @@ function parseS3Uri(s3Uri, sopCategories) {
           severity = "low";
           description = "Best Cycle Time Performance";
         } else if (normalizedViolationType.includes("long") && normalizedViolationType.includes("cycle")) {
-          type = "bottleneck";
+          type = "long_cycle_time";
           severity = "high";
           description = "Long Cycle Time Detected";
         } else if (normalizedViolationType.includes("cycle") && (normalizedViolationType.includes("completion") || normalizedViolationType.includes("complete"))) {
@@ -21546,6 +21555,11 @@ var S3ClipsService = class {
     if (!config.s3Config) {
       throw new Error("S3 configuration is required");
     }
+    const processing = config.s3Config.processing || {};
+    this.defaultLimitPerCategory = processing.defaultLimitPerCategory || 30;
+    this.maxLimitPerCategory = processing.maxLimitPerCategory || 1e3;
+    this.concurrencyLimit = processing.concurrencyLimit || 10;
+    this.maxInitialFetch = processing.maxInitialFetch || 60;
     const region = this.validateAndSanitizeRegion(config.s3Config.region);
     console.log(`S3ClipsService: Using AWS region: ${region}`);
     this.s3Client = new clientS3.S3Client({
@@ -21830,9 +21844,9 @@ var S3ClipsService = class {
       }
       return summary;
     }
-    const limitPerCategory = limit ? Math.min(Math.max(limit, 1), 1e3) : 30;
+    const limitPerCategory = limit ? Math.min(Math.max(limit, 1), this.maxLimitPerCategory) : this.defaultLimitPerCategory;
     const shouldFetchAll = category === "missing_quality_check" || category === "low_value";
-    const initialFetchLimit = shouldFetchAll ? void 0 : category ? limitPerCategory * 3 : void 0;
+    const initialFetchLimit = shouldFetchAll ? void 0 : category ? Math.min(limitPerCategory * 3, this.maxInitialFetch) : void 0;
     const s3Uris = await this.listS3Clips({ workspaceId, date, shiftId, maxKeys: initialFetchLimit });
     if (s3Uris.length === 0) {
       console.log(`S3ClipsService: No HLS playlists found for workspace ${workspaceId} on date ${date}, shift ${shiftId}`);
@@ -21900,12 +21914,11 @@ var S3ClipsService = class {
       }
       console.log(`S3ClipsService: Total filtered URIs across all categories: ${filteredUris.length}`);
     }
-    const concurrencyLimit = 10;
     let processedCount = 0;
     const videoResults = [];
     console.log(`S3ClipsService: Processing ${filteredUris.length} URIs for ${category || "all categories"} with limit ${limitPerCategory} per category`);
-    for (let i = 0; i < filteredUris.length; i += concurrencyLimit) {
-      const batch = filteredUris.slice(i, i + concurrencyLimit);
+    for (let i = 0; i < filteredUris.length; i += this.concurrencyLimit) {
+      const batch = filteredUris.slice(i, i + this.concurrencyLimit);
       const batchPromises = batch.map(async (uri, batchIndex) => {
         const index = i + batchIndex;
         const result = await this.processFullVideo(uri, index, workspaceId, date, shiftId, includeCycleTime || false, includeMetadata || (!!timestampStart || !!timestampEnd));
@@ -22064,6 +22077,7 @@ var BottlenecksContent = ({
         const firstWorstCycle = videos.find((v) => v.type === "worst_cycle_time");
         const firstSOPDeviation = videos.find((v) => v.type === "missing_quality_check");
         const firstCycleCompletion = videos.find((v) => v.type === "cycle_completions");
+        const firstLongCycleTime = videos.find((v) => v.type === "long_cycle_time");
         preloadVideosUrl2([
           firstHigh?.src,
           firstMed?.src,
@@ -22072,7 +22086,8 @@ var BottlenecksContent = ({
           firstBestCycle?.src,
           firstWorstCycle?.src,
           firstSOPDeviation?.src,
-          firstCycleCompletion?.src
+          firstCycleCompletion?.src,
+          firstLongCycleTime?.src
         ].filter(Boolean));
       }
       setAllVideos(videos);
@@ -22098,7 +22113,7 @@ var BottlenecksContent = ({
       if (activeFilter === "worst_cycle_time") return video.type === "worst_cycle_time";
       if (activeFilter === "cycle_completions") return video.type === "cycle_completions";
       if (activeFilter === "long_cycle_time") {
-        return video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time");
+        return video.type === "long_cycle_time";
       }
       return video.type === "bottleneck" && video.severity === activeFilter;
     });
@@ -22116,11 +22131,6 @@ var BottlenecksContent = ({
         const selectedCategory = sopCategories.find((cat) => cat.id === activeFilter);
         if (selectedCategory) {
           filtered = allVideos.filter((video) => video.type === selectedCategory.id);
-          if (selectedCategory.id === "long_cycle_time") {
-            filtered = allVideos.filter(
-              (video) => video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time")
-            );
-          }
         }
       } else {
         if (activeFilter === "low_value") {
@@ -22134,9 +22144,7 @@ var BottlenecksContent = ({
         } else if (activeFilter === "cycle_completions") {
           filtered = allVideos.filter((video) => video.type === "cycle_completions");
         } else if (activeFilter === "long_cycle_time") {
-          filtered = allVideos.filter(
-            (video) => video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time")
-          );
+          filtered = allVideos.filter((video) => video.type === "long_cycle_time");
         } else {
           filtered = allVideos.filter((video) => video.type === "bottleneck" && video.severity === activeFilter);
         }
@@ -22423,13 +22431,7 @@ var BottlenecksContent = ({
     const counts = { total: allVideos.length };
     if (sopCategories && sopCategories.length > 0) {
       sopCategories.forEach((category) => {
-        if (category.id === "long_cycle_time") {
-          counts[category.id] = allVideos.filter(
-            (video) => video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time")
-          ).length;
-        } else {
-          counts[category.id] = allVideos.filter((video) => video.type === category.id).length;
-        }
+        counts[category.id] = allVideos.filter((video) => video.type === category.id).length;
       });
     } else {
       counts.bottlenecks = allVideos.filter((video) => video.type === "bottleneck").length;
@@ -22440,9 +22442,7 @@ var BottlenecksContent = ({
       counts.sopDeviations = allVideos.filter((video) => video.type === "missing_quality_check").length;
       counts.bestCycleTimes = allVideos.filter((video) => video.type === "best_cycle_time").length;
       counts.worstCycleTimes = allVideos.filter((video) => video.type === "worst_cycle_time").length;
-      counts.longCycleTimes = allVideos.filter(
-        (video) => video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time")
-      ).length;
+      counts.longCycleTimes = allVideos.filter((video) => video.type === "long_cycle_time").length;
       counts.cycleCompletions = allVideos.filter((video) => video.type === "cycle_completions").length;
     }
     return counts;
@@ -22468,7 +22468,7 @@ var BottlenecksContent = ({
         return "Cycle Completion";
       case "bottleneck":
       default:
-        return "Bottleneck";
+        return "";
     }
   };
   const getColorClasses = (color2) => {
@@ -27386,11 +27386,17 @@ function HomeView({
     lineId: selectedLineId,
     onLineMetricsUpdate
   });
+  const lineIdsForBreaks = React14.useMemo(() => {
+    if (selectedLineId === factoryViewId) {
+      return allLineIds;
+    }
+    return [selectedLineId];
+  }, [selectedLineId, factoryViewId, allLineIds]);
   const {
     activeBreaks,
     isLoading: breaksLoading,
     error: breaksError
-  } = useActiveBreaks([selectedLineId]);
+  } = useActiveBreaks(lineIdsForBreaks);
   const memoizedWorkspaceMetrics = React14.useMemo(() => workspaceMetrics, [
     // Only update reference if meaningful properties change
     workspaceMetrics.length,
@@ -28657,8 +28663,7 @@ var MobileWorkspaceCard = React14.memo(({
   cardClass,
   onWorkspaceClick,
   getMedalIcon,
-  line1Id,
-  line2Id
+  getLineName
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
@@ -28676,7 +28681,7 @@ var MobileWorkspaceCard = React14.memo(({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-gray-900", children: getWorkspaceDisplayName(workspace.workspace_name) }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: workspace.line_id === line1Id ? "Line 1" : workspace.line_id === line2Id ? "Line 2" : workspace.line_id })
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: getLineName(workspace.line_id) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
@@ -28714,8 +28719,7 @@ var DesktopWorkspaceRow = React14.memo(({
   rowClass,
   onWorkspaceClick,
   getMedalIcon,
-  line1Id,
-  line2Id
+  getLineName
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "tr",
   {
@@ -28727,7 +28731,7 @@ var DesktopWorkspaceRow = React14.memo(({
         getMedalIcon(index + 1)
       ] }) }),
       /* @__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: getWorkspaceDisplayName(workspace.workspace_name) }) }),
-      /* @__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.line_id === line1Id ? "Line 1" : workspace.line_id === line2Id ? "Line 2" : workspace.line_id }) }),
+      /* @__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: getLineName(workspace.line_id) }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium whitespace-nowrap", children: [
         (workspace.efficiency || 0).toFixed(1),
         "%"
@@ -28755,10 +28759,19 @@ var LeaderboardDetailView = React14.memo(({
   onWorkspaceClick,
   line1Id = "",
   line2Id = "",
+  lineNames = {},
   className = ""
 }) => {
   const navigation = useNavigation();
   const [sortAscending, setSortAscending] = React14.useState(false);
+  const getLineName = React14.useCallback((lineId2) => {
+    if (lineNames[lineId2]) {
+      return lineNames[lineId2];
+    }
+    if (lineId2 === line1Id) return "Line 1";
+    if (lineId2 === line2Id) return "Line 2";
+    return lineId2;
+  }, [lineNames, line1Id, line2Id]);
   const handleSortToggle = React14.useCallback(() => {
     setSortAscending(!sortAscending);
   }, [sortAscending]);
@@ -28932,8 +28945,7 @@ var LeaderboardDetailView = React14.memo(({
             cardClass,
             onWorkspaceClick: handleWorkspaceClick,
             getMedalIcon,
-            line1Id,
-            line2Id
+            getLineName
           },
           ws.workspace_uuid
         );
@@ -28958,8 +28970,7 @@ var LeaderboardDetailView = React14.memo(({
               rowClass,
               onWorkspaceClick: handleWorkspaceClick,
               getMedalIcon,
-              line1Id,
-              line2Id
+              getLineName
             },
             ws.workspace_uuid
           );
@@ -28968,7 +28979,7 @@ var LeaderboardDetailView = React14.memo(({
     ] })
   ] });
 }, (prevProps, nextProps) => {
-  return prevProps.lineId === nextProps.lineId && prevProps.date === nextProps.date && prevProps.shift === nextProps.shift && prevProps.line1Id === nextProps.line1Id && prevProps.line2Id === nextProps.line2Id && prevProps.className === nextProps.className && prevProps.onBackClick === nextProps.onBackClick && prevProps.onWorkspaceClick === nextProps.onWorkspaceClick;
+  return prevProps.lineId === nextProps.lineId && prevProps.date === nextProps.date && prevProps.shift === nextProps.shift && prevProps.line1Id === nextProps.line1Id && prevProps.line2Id === nextProps.line2Id && JSON.stringify(prevProps.lineNames) === JSON.stringify(nextProps.lineNames) && prevProps.className === nextProps.className && prevProps.onBackClick === nextProps.onBackClick && prevProps.onWorkspaceClick === nextProps.onWorkspaceClick;
 });
 LeaderboardDetailView.displayName = "LeaderboardDetailView";
 var LeaderboardDetailView_default = LeaderboardDetailView;

package/dist/index.mjs

@@ -132,6 +132,9 @@ var DEFAULT_AUTH_CONFIG = {
   // Defaults related to auth providers, redirects etc.
 };
 var DEFAULT_VIDEO_CONFIG = {
+  hlsUrls: {
+    lineWorkspaceHlsUrls: {}
+  },
   canvasConfig: {
     fps: 30,
     useRAF: true
@@ -861,17 +864,18 @@ var dashboardService = {
     const queryShiftId = shiftProp !== void 0 ? shiftProp : currentShiftResult.shiftId;
     try {
       if (lineIdToQuery === factoryViewId) {
-        if (!defaultLineId || !secondaryLineId || !companyId) {
-          throw new Error("Factory View requires defaultLineId, secondaryLineId, and companyId to be configured.");
+        if (!defaultLineId || !companyId) {
+          throw new Error("Factory View requires at least defaultLineId and companyId to be configured.");
         }
         const { data: line1Data, error: line1Error } = await supabase.from(linesTable).select("id, line_name, factory_id, factories!lines_factory_id_fkey(factory_name), company_id, companies!lines_company_id_fkey(company_name:name)").eq("id", defaultLineId).single();
         if (line1Error) throw line1Error;
         if (!line1Data) {
           throw new Error(`Default line ${defaultLineId} for Factory View not found.`);
         }
-        const { data: metricsData, error: metricsError2 } = await supabase.from(lineMetricsTable).select("*").in("line_id", [defaultLineId, secondaryLineId]).eq("shift_id", queryShiftId).eq("date", queryDate);
+        const lineIdsToQuery = [defaultLineId, secondaryLineId].filter((id3) => id3 !== void 0 && id3 !== null);
+        const { data: metricsData, error: metricsError2 } = await supabase.from(lineMetricsTable).select("*").in("line_id", lineIdsToQuery).eq("shift_id", queryShiftId).eq("date", queryDate);
         if (metricsError2) throw metricsError2;
-        const { data: performanceData2, error: performanceError2 } = await supabase.from(metricsTable).select("efficiency").in("line_id", [defaultLineId, secondaryLineId]).eq("shift_id", queryShiftId).eq("date", queryDate);
+        const { data: performanceData2, error: performanceError2 } = await supabase.from(metricsTable).select("efficiency").in("line_id", lineIdsToQuery).eq("shift_id", queryShiftId).eq("date", queryDate);
         if (performanceError2) throw performanceError2;
         const underperformingCount2 = performanceData2?.filter((w) => w.efficiency >= 10 && w.efficiency < 70).length || 0;
         const totalValidWorkspaces2 = performanceData2?.filter((w) => w.efficiency >= 10).length || 0;
@@ -5096,19 +5100,23 @@ var useActiveBreaks = (lineIds) => {
   const checkActiveBreaks = useCallback(async () => {
     try {
       setError(null);
-      if (!lineIds || lineIds.length === 0) {
+      const validLineIds = lineIds.filter(
+        (id3) => id3 && id3 !== "factory" && id3 !== "all" && // Basic UUID format check
+        id3.match(/^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i)
+      );
+      if (!validLineIds || validLineIds.length === 0) {
         setActiveBreaks([]);
         setIsLoading(false);
         return;
       }
       const currentMinutes = getCurrentTimeInMinutes();
-      const { data: dayShifts, error: dayError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 0).in("line_id", lineIds);
-      const { data: nightShifts, error: nightError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 1).in("line_id", lineIds);
+      const { data: dayShifts, error: dayError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 0).in("line_id", validLineIds);
+      const { data: nightShifts, error: nightError } = await supabase.from("line_operating_hours").select("line_id, start_time, end_time, breaks").eq("shift_id", 1).in("line_id", validLineIds);
       if (dayError || nightError) {
         throw new Error("Failed to fetch shift configurations");
       }
       const foundActiveBreaks = [];
-      for (const lineId of lineIds) {
+      for (const lineId of validLineIds) {
         const dayShift = dayShifts?.find((s) => s.line_id === lineId);
         const nightShift = nightShifts?.find((s) => s.line_id === lineId);
         if (!dayShift || !nightShift) continue;
@@ -5592,12 +5600,18 @@ var FALLBACK_DISPLAY_NAMES = {
   "WS03": "Filling station"
   // ... Add others if known defaults are useful
 };
-var getConfigurableWorkspaceDisplayName = (workspaceId, workspaceConfig) => {
+var getConfigurableWorkspaceDisplayName = (workspaceId, workspaceConfig, lineId) => {
+  if (lineId && workspaceConfig?.lineDisplayNames?.[lineId]) {
+    const lineDisplayNames = workspaceConfig.lineDisplayNames[lineId];
+    if (lineDisplayNames[workspaceId]) {
+      return lineDisplayNames[workspaceId];
+    }
+  }
   const displayNames = workspaceConfig?.displayNames || FALLBACK_DISPLAY_NAMES;
   return displayNames[workspaceId] || workspaceId.replace(/^WS/i, "") || workspaceId;
 };
-var getConfigurableShortWorkspaceDisplayName = (workspaceId, workspaceConfig) => {
-  const fullName = getConfigurableWorkspaceDisplayName(workspaceId, workspaceConfig);
+var getConfigurableShortWorkspaceDisplayName = (workspaceId, workspaceConfig, lineId) => {
+  const fullName = getConfigurableWorkspaceDisplayName(workspaceId, workspaceConfig, lineId);
   const match = fullName.match(/([A-Z]\d+(?:-\w+)?)/i);
   if (match && match[0]) {
     return match[0];
@@ -17602,18 +17616,6 @@ var VideoCard = React14__default.memo(({
   return prevProps.workspace.workspace_uuid === nextProps.workspace.workspace_uuid && prevProps.workspace.workspace_name === nextProps.workspace.workspace_name && Math.abs(prevProps.workspace.efficiency - nextProps.workspace.efficiency) < 1 && prevProps.hlsUrl === nextProps.hlsUrl && prevProps.shouldPlay === nextProps.shouldPlay && prevProps.cropping?.x === nextProps.cropping?.x && prevProps.cropping?.y === nextProps.cropping?.y && prevProps.cropping?.width === nextProps.cropping?.width && prevProps.cropping?.height === nextProps.cropping?.height;
 });
 VideoCard.displayName = "VideoCard";
-var DEFAULT_WORKSPACE_HLS_URLS = {
-  "WS1": "https://dnh-hls.optifye.ai/cam1/index.m3u8",
-  "WS2": "https://dnh-hls.optifye.ai/cam2/index.m3u8",
-  "WS3": "https://dnh-hls.optifye.ai/cam3/index.m3u8",
-  "WS4": "https://dnh-hls.optifye.ai/cam3/index.m3u8",
-  "WS01": "https://59.144.218.58:8443/camera6.m3u8",
-  "WS02": "https://59.144.218.58:8443/camera2.m3u8",
-  "WS03": "https://59.144.218.58:8443/camera3.m3u8",
-  "WS04": "https://59.144.218.58:8443/camera4.m3u8",
-  "WS05": "https://59.144.218.58:8443/camera1.m3u8",
-  "WS06": "https://59.144.218.58:8443/camera5.m3u8"
-};
 var DEFAULT_HLS_URL = "https://192.168.5.9:8443/cam1.m3u8";
 var VideoGridView = React14__default.memo(({
   workspaces,
@@ -17627,13 +17629,20 @@ var VideoGridView = React14__default.memo(({
   const [gridCols, setGridCols] = useState(4);
   const [visibleWorkspaces, setVisibleWorkspaces] = useState(/* @__PURE__ */ new Set());
   const videoConfig = useVideoConfig();
-  const { cropping, canvasConfig } = videoConfig;
+  const { cropping, canvasConfig, hlsUrls } = videoConfig;
   const mergedVideoSources = {
-    defaultHlsUrl: videoSources.defaultHlsUrl || DEFAULT_HLS_URL,
-    workspaceHlsUrls: { ...DEFAULT_WORKSPACE_HLS_URLS, ...videoSources.workspaceHlsUrls }
+    defaultHlsUrl: videoSources.defaultHlsUrl || hlsUrls?.defaultHlsUrl || DEFAULT_HLS_URL,
+    workspaceHlsUrls: { ...videoSources.workspaceHlsUrls, ...hlsUrls?.workspaceHlsUrls },
+    lineWorkspaceHlsUrls: hlsUrls?.lineWorkspaceHlsUrls || {}
   };
-  const getWorkspaceHlsUrl = useCallback((workspaceName) => {
+  const getWorkspaceHlsUrl = useCallback((workspaceName, lineId) => {
     const wsName = workspaceName.toUpperCase();
+    if (lineId && mergedVideoSources.lineWorkspaceHlsUrls[lineId]) {
+      const lineUrls = mergedVideoSources.lineWorkspaceHlsUrls[lineId];
+      if (lineUrls[wsName]) {
+        return lineUrls[wsName];
+      }
+    }
     return mergedVideoSources.workspaceHlsUrls[wsName] || mergedVideoSources.defaultHlsUrl;
   }, [mergedVideoSources]);
   const getWorkspaceCropping = useCallback((workspaceName) => {
@@ -17793,7 +17802,7 @@ var VideoGridView = React14__default.memo(({
               VideoCard,
               {
                 workspace,
-                hlsUrl: getWorkspaceHlsUrl(workspace.workspace_name),
+                hlsUrl: getWorkspaceHlsUrl(workspace.workspace_name, workspace.line_id),
                 shouldPlay: isVisible,
                 onClick: () => handleWorkspaceClick(workspace),
                 onFatalError: throttledReloadDashboard,
@@ -21446,7 +21455,7 @@ function parseS3Uri(s3Uri, sopCategories) {
         break;
       case "long_cycle_time":
         severity = "high";
-        type = "bottleneck";
+        type = "long_cycle_time";
         description = "Long Cycle Time Detected";
         break;
       case "best_cycle_time":
@@ -21490,7 +21499,7 @@ function parseS3Uri(s3Uri, sopCategories) {
           severity = "low";
           description = "Best Cycle Time Performance";
         } else if (normalizedViolationType.includes("long") && normalizedViolationType.includes("cycle")) {
-          type = "bottleneck";
+          type = "long_cycle_time";
           severity = "high";
           description = "Long Cycle Time Detected";
         } else if (normalizedViolationType.includes("cycle") && (normalizedViolationType.includes("completion") || normalizedViolationType.includes("complete"))) {
@@ -21517,6 +21526,11 @@ var S3ClipsService = class {
     if (!config.s3Config) {
       throw new Error("S3 configuration is required");
     }
+    const processing = config.s3Config.processing || {};
+    this.defaultLimitPerCategory = processing.defaultLimitPerCategory || 30;
+    this.maxLimitPerCategory = processing.maxLimitPerCategory || 1e3;
+    this.concurrencyLimit = processing.concurrencyLimit || 10;
+    this.maxInitialFetch = processing.maxInitialFetch || 60;
     const region = this.validateAndSanitizeRegion(config.s3Config.region);
     console.log(`S3ClipsService: Using AWS region: ${region}`);
     this.s3Client = new S3Client({
@@ -21801,9 +21815,9 @@ var S3ClipsService = class {
       }
       return summary;
     }
-    const limitPerCategory = limit ? Math.min(Math.max(limit, 1), 1e3) : 30;
+    const limitPerCategory = limit ? Math.min(Math.max(limit, 1), this.maxLimitPerCategory) : this.defaultLimitPerCategory;
     const shouldFetchAll = category === "missing_quality_check" || category === "low_value";
-    const initialFetchLimit = shouldFetchAll ? void 0 : category ? limitPerCategory * 3 : void 0;
+    const initialFetchLimit = shouldFetchAll ? void 0 : category ? Math.min(limitPerCategory * 3, this.maxInitialFetch) : void 0;
     const s3Uris = await this.listS3Clips({ workspaceId, date, shiftId, maxKeys: initialFetchLimit });
     if (s3Uris.length === 0) {
       console.log(`S3ClipsService: No HLS playlists found for workspace ${workspaceId} on date ${date}, shift ${shiftId}`);
@@ -21871,12 +21885,11 @@ var S3ClipsService = class {
       }
       console.log(`S3ClipsService: Total filtered URIs across all categories: ${filteredUris.length}`);
     }
-    const concurrencyLimit = 10;
     let processedCount = 0;
     const videoResults = [];
     console.log(`S3ClipsService: Processing ${filteredUris.length} URIs for ${category || "all categories"} with limit ${limitPerCategory} per category`);
-    for (let i = 0; i < filteredUris.length; i += concurrencyLimit) {
-      const batch = filteredUris.slice(i, i + concurrencyLimit);
+    for (let i = 0; i < filteredUris.length; i += this.concurrencyLimit) {
+      const batch = filteredUris.slice(i, i + this.concurrencyLimit);
       const batchPromises = batch.map(async (uri, batchIndex) => {
         const index = i + batchIndex;
         const result = await this.processFullVideo(uri, index, workspaceId, date, shiftId, includeCycleTime || false, includeMetadata || (!!timestampStart || !!timestampEnd));
@@ -22035,6 +22048,7 @@ var BottlenecksContent = ({
         const firstWorstCycle = videos.find((v) => v.type === "worst_cycle_time");
         const firstSOPDeviation = videos.find((v) => v.type === "missing_quality_check");
         const firstCycleCompletion = videos.find((v) => v.type === "cycle_completions");
+        const firstLongCycleTime = videos.find((v) => v.type === "long_cycle_time");
         preloadVideosUrl2([
           firstHigh?.src,
           firstMed?.src,
@@ -22043,7 +22057,8 @@ var BottlenecksContent = ({
           firstBestCycle?.src,
           firstWorstCycle?.src,
           firstSOPDeviation?.src,
-          firstCycleCompletion?.src
+          firstCycleCompletion?.src,
+          firstLongCycleTime?.src
         ].filter(Boolean));
       }
       setAllVideos(videos);
@@ -22069,7 +22084,7 @@ var BottlenecksContent = ({
       if (activeFilter === "worst_cycle_time") return video.type === "worst_cycle_time";
       if (activeFilter === "cycle_completions") return video.type === "cycle_completions";
       if (activeFilter === "long_cycle_time") {
-        return video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time");
+        return video.type === "long_cycle_time";
       }
       return video.type === "bottleneck" && video.severity === activeFilter;
     });
@@ -22087,11 +22102,6 @@ var BottlenecksContent = ({
         const selectedCategory = sopCategories.find((cat) => cat.id === activeFilter);
         if (selectedCategory) {
           filtered = allVideos.filter((video) => video.type === selectedCategory.id);
-          if (selectedCategory.id === "long_cycle_time") {
-            filtered = allVideos.filter(
-              (video) => video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time")
-            );
-          }
         }
       } else {
         if (activeFilter === "low_value") {
@@ -22105,9 +22115,7 @@ var BottlenecksContent = ({
         } else if (activeFilter === "cycle_completions") {
           filtered = allVideos.filter((video) => video.type === "cycle_completions");
         } else if (activeFilter === "long_cycle_time") {
-          filtered = allVideos.filter(
-            (video) => video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time")
-          );
+          filtered = allVideos.filter((video) => video.type === "long_cycle_time");
         } else {
           filtered = allVideos.filter((video) => video.type === "bottleneck" && video.severity === activeFilter);
         }
@@ -22394,13 +22402,7 @@ var BottlenecksContent = ({
     const counts = { total: allVideos.length };
     if (sopCategories && sopCategories.length > 0) {
       sopCategories.forEach((category) => {
-        if (category.id === "long_cycle_time") {
-          counts[category.id] = allVideos.filter(
-            (video) => video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time")
-          ).length;
-        } else {
-          counts[category.id] = allVideos.filter((video) => video.type === category.id).length;
-        }
+        counts[category.id] = allVideos.filter((video) => video.type === category.id).length;
       });
     } else {
       counts.bottlenecks = allVideos.filter((video) => video.type === "bottleneck").length;
@@ -22411,9 +22413,7 @@ var BottlenecksContent = ({
       counts.sopDeviations = allVideos.filter((video) => video.type === "missing_quality_check").length;
       counts.bestCycleTimes = allVideos.filter((video) => video.type === "best_cycle_time").length;
       counts.worstCycleTimes = allVideos.filter((video) => video.type === "worst_cycle_time").length;
-      counts.longCycleTimes = allVideos.filter(
-        (video) => video.type === "bottleneck" && video.description.toLowerCase().includes("cycle time")
-      ).length;
+      counts.longCycleTimes = allVideos.filter((video) => video.type === "long_cycle_time").length;
       counts.cycleCompletions = allVideos.filter((video) => video.type === "cycle_completions").length;
     }
     return counts;
@@ -22439,7 +22439,7 @@ var BottlenecksContent = ({
         return "Cycle Completion";
       case "bottleneck":
       default:
-        return "Bottleneck";
+        return "";
     }
   };
   const getColorClasses = (color2) => {
@@ -27357,11 +27357,17 @@ function HomeView({
     lineId: selectedLineId,
     onLineMetricsUpdate
   });
+  const lineIdsForBreaks = useMemo(() => {
+    if (selectedLineId === factoryViewId) {
+      return allLineIds;
+    }
+    return [selectedLineId];
+  }, [selectedLineId, factoryViewId, allLineIds]);
   const {
     activeBreaks,
     isLoading: breaksLoading,
     error: breaksError
-  } = useActiveBreaks([selectedLineId]);
+  } = useActiveBreaks(lineIdsForBreaks);
   const memoizedWorkspaceMetrics = useMemo(() => workspaceMetrics, [
     // Only update reference if meaningful properties change
     workspaceMetrics.length,
@@ -28628,8 +28634,7 @@ var MobileWorkspaceCard = memo(({
   cardClass,
   onWorkspaceClick,
   getMedalIcon,
-  line1Id,
-  line2Id
+  getLineName
 }) => /* @__PURE__ */ jsxs(
   "div",
   {
@@ -28647,7 +28652,7 @@ var MobileWorkspaceCard = memo(({
           ] }),
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("div", { className: "font-semibold text-gray-900", children: getWorkspaceDisplayName(workspace.workspace_name) }),
-            /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: workspace.line_id === line1Id ? "Line 1" : workspace.line_id === line2Id ? "Line 2" : workspace.line_id })
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-gray-500", children: getLineName(workspace.line_id) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
@@ -28685,8 +28690,7 @@ var DesktopWorkspaceRow = memo(({
   rowClass,
   onWorkspaceClick,
   getMedalIcon,
-  line1Id,
-  line2Id
+  getLineName
 }) => /* @__PURE__ */ jsxs(
   "tr",
   {
@@ -28698,7 +28702,7 @@ var DesktopWorkspaceRow = memo(({
         getMedalIcon(index + 1)
       ] }) }),
       /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: getWorkspaceDisplayName(workspace.workspace_name) }) }),
-      /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: workspace.line_id === line1Id ? "Line 1" : workspace.line_id === line2Id ? "Line 2" : workspace.line_id }) }),
+      /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base whitespace-nowrap", children: /* @__PURE__ */ jsx("div", { className: "font-medium", children: getLineName(workspace.line_id) }) }),
       /* @__PURE__ */ jsxs("td", { className: "px-3 py-2.5 sm:p-4 text-sm sm:text-base font-medium whitespace-nowrap", children: [
         (workspace.efficiency || 0).toFixed(1),
         "%"
@@ -28726,10 +28730,19 @@ var LeaderboardDetailView = memo(({
   onWorkspaceClick,
   line1Id = "",
   line2Id = "",
+  lineNames = {},
   className = ""
 }) => {
   const navigation = useNavigation();
   const [sortAscending, setSortAscending] = useState(false);
+  const getLineName = useCallback((lineId2) => {
+    if (lineNames[lineId2]) {
+      return lineNames[lineId2];
+    }
+    if (lineId2 === line1Id) return "Line 1";
+    if (lineId2 === line2Id) return "Line 2";
+    return lineId2;
+  }, [lineNames, line1Id, line2Id]);
   const handleSortToggle = useCallback(() => {
     setSortAscending(!sortAscending);
   }, [sortAscending]);
@@ -28903,8 +28916,7 @@ var LeaderboardDetailView = memo(({
             cardClass,
             onWorkspaceClick: handleWorkspaceClick,
             getMedalIcon,
-            line1Id,
-            line2Id
+            getLineName
           },
           ws.workspace_uuid
         );
@@ -28929,8 +28941,7 @@ var LeaderboardDetailView = memo(({
               rowClass,
               onWorkspaceClick: handleWorkspaceClick,
               getMedalIcon,
-              line1Id,
-              line2Id
+              getLineName
             },
             ws.workspace_uuid
           );
@@ -28939,7 +28950,7 @@ var LeaderboardDetailView = memo(({
     ] })
   ] });
 }, (prevProps, nextProps) => {
-  return prevProps.lineId === nextProps.lineId && prevProps.date === nextProps.date && prevProps.shift === nextProps.shift && prevProps.line1Id === nextProps.line1Id && prevProps.line2Id === nextProps.line2Id && prevProps.className === nextProps.className && prevProps.onBackClick === nextProps.onBackClick && prevProps.onWorkspaceClick === nextProps.onWorkspaceClick;
+  return prevProps.lineId === nextProps.lineId && prevProps.date === nextProps.date && prevProps.shift === nextProps.shift && prevProps.line1Id === nextProps.line1Id && prevProps.line2Id === nextProps.line2Id && JSON.stringify(prevProps.lineNames) === JSON.stringify(nextProps.lineNames) && prevProps.className === nextProps.className && prevProps.onBackClick === nextProps.onBackClick && prevProps.onWorkspaceClick === nextProps.onWorkspaceClick;
 });
 LeaderboardDetailView.displayName = "LeaderboardDetailView";
 var LeaderboardDetailView_default = LeaderboardDetailView;

package/package.json

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