@optifye/dashboard-core 6.0.1 → 6.0.2

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
@@ -5125,19 +5128,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 +5628,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 +17644,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 +17657,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 +17830,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,
@@ -21546,6 +21554,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 +21843,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 +21913,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));
@@ -22468,7 +22480,7 @@ var BottlenecksContent = ({
         return "Cycle Completion";
       case "bottleneck":
       default:
-        return "Bottleneck";
+        return "";
     }
   };
   const getColorClasses = (color2) => {
@@ -27386,11 +27398,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 +28675,7 @@ var MobileWorkspaceCard = React14.memo(({
   cardClass,
   onWorkspaceClick,
   getMedalIcon,
-  line1Id,
-  line2Id
+  getLineName
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "div",
   {
@@ -28676,7 +28693,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 +28731,7 @@ var DesktopWorkspaceRow = React14.memo(({
   rowClass,
   onWorkspaceClick,
   getMedalIcon,
-  line1Id,
-  line2Id
+  getLineName
 }) => /* @__PURE__ */ jsxRuntime.jsxs(
   "tr",
   {
@@ -28727,7 +28743,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 +28771,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 +28957,7 @@ var LeaderboardDetailView = React14.memo(({
             cardClass,
             onWorkspaceClick: handleWorkspaceClick,
             getMedalIcon,
-            line1Id,
-            line2Id
+            getLineName
           },
           ws.workspace_uuid
         );
@@ -28958,8 +28982,7 @@ var LeaderboardDetailView = React14.memo(({
               rowClass,
               onWorkspaceClick: handleWorkspaceClick,
               getMedalIcon,
-              line1Id,
-              line2Id
+              getLineName
             },
             ws.workspace_uuid
           );
@@ -28968,7 +28991,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
@@ -5096,19 +5099,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 +5599,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 +17615,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 +17628,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 +17801,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,
@@ -21517,6 +21525,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 +21814,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 +21884,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));
@@ -22439,7 +22451,7 @@ var BottlenecksContent = ({
         return "Cycle Completion";
       case "bottleneck":
       default:
-        return "Bottleneck";
+        return "";
     }
   };
   const getColorClasses = (color2) => {
@@ -27357,11 +27369,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 +28646,7 @@ var MobileWorkspaceCard = memo(({
   cardClass,
   onWorkspaceClick,
   getMedalIcon,
-  line1Id,
-  line2Id
+  getLineName
 }) => /* @__PURE__ */ jsxs(
   "div",
   {
@@ -28647,7 +28664,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 +28702,7 @@ var DesktopWorkspaceRow = memo(({
   rowClass,
   onWorkspaceClick,
   getMedalIcon,
-  line1Id,
-  line2Id
+  getLineName
 }) => /* @__PURE__ */ jsxs(
   "tr",
   {
@@ -28698,7 +28714,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 +28742,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 +28928,7 @@ var LeaderboardDetailView = memo(({
             cardClass,
             onWorkspaceClick: handleWorkspaceClick,
             getMedalIcon,
-            line1Id,
-            line2Id
+            getLineName
           },
           ws.workspace_uuid
         );
@@ -28929,8 +28953,7 @@ var LeaderboardDetailView = memo(({
               rowClass,
               onWorkspaceClick: handleWorkspaceClick,
               getMedalIcon,
-              line1Id,
-              line2Id
+              getLineName
             },
             ws.workspace_uuid
           );
@@ -28939,7 +28962,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.2",
   "description": "Reusable UI & logic for Optifye dashboard",
   "main": "dist/index.js",
   "module": "dist/index.mjs",