@optifye/dashboard-core 6.9.1 → 6.9.4

package/dist/index.css

@@ -2454,10 +2454,6 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
 }
-.bg-red-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
-}
 .bg-red-400\/50 {
   background-color: rgb(248 113 113 / 0.5);
 }
@@ -3384,10 +3380,6 @@ body {
   --tw-text-opacity: 1;
   color: rgb(146 64 14 / var(--tw-text-opacity, 1));
 }
-.text-amber-900 {
-  --tw-text-opacity: 1;
-  color: rgb(120 53 15 / var(--tw-text-opacity, 1));
-}
 .text-blue-500 {
   --tw-text-opacity: 1;
   color: rgb(59 130 246 / var(--tw-text-opacity, 1));
@@ -5631,6 +5623,10 @@ input[type=range]:active::-moz-range-thumb {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
   }
+  .lg\:py-3\.5 {
+    padding-top: 0.875rem;
+    padding-bottom: 0.875rem;
+  }
   .lg\:text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;

package/dist/index.d.mts

@@ -933,6 +933,11 @@ interface LeaderboardDetailViewProps {
      * Optional className for custom styling
      */
     className?: string;
+    /**
+     * Optional array of line IDs that the user has access to
+     * Used to filter leaderboard for supervisors
+     */
+    userAccessibleLineIds?: string[];
 }
 
 /**
@@ -2422,6 +2427,12 @@ interface UseDashboardMetricsProps {
      * suggesting that related components (like a Line KPI display) might need to refresh.
      */
     onLineMetricsUpdate?: () => void;
+    /**
+     * Optional array of line IDs that the user has access to.
+     * Used to filter factory view to only show accessible lines for supervisors.
+     * If not provided, defaults to all configured lines.
+     */
+    userAccessibleLineIds?: string[];
 }
 /**
  * Custom hook to fetch and subscribe to real-time dashboard metrics.
@@ -2463,7 +2474,7 @@ interface UseDashboardMetricsProps {
  * }
  * ```
  */
-declare const useDashboardMetrics: ({ onLineMetricsUpdate, lineId }: UseDashboardMetricsProps) => {
+declare const useDashboardMetrics: ({ onLineMetricsUpdate, lineId, userAccessibleLineIds }: UseDashboardMetricsProps) => {
     workspaceMetrics: WorkspaceMetrics[];
     lineMetrics: OverviewLineMetric[];
     isLoading: boolean;
@@ -3007,6 +3018,8 @@ interface UseAllWorkspaceMetricsOptions {
     initialDate?: string;
     /** Specific shift ID to fetch metrics for, overriding the current shift. */
     initialShiftId?: number;
+    /** Optional array of line IDs that the user has access to. If not provided, uses all configured lines. */
+    allowedLineIds?: string[];
 }
 /**
  * @hook useAllWorkspaceMetrics
@@ -3607,13 +3620,13 @@ interface UseWorkspaceHealthStatusReturn {
  *
  * @description This hook subscribes to the workspace_health_status table and monitors
  * the last_heartbeat column for real-time updates. It automatically formats the time
- * as "Xs ago", "Xm Ys ago", etc. and updates the display every second for accuracy.
+ * with whole numbers (e.g., "Less than a minute ago", "4 minutes ago") and updates periodically.
  *
  * @param {string} workspaceId - The workspace UUID to monitor
  *
  * @returns {UseWorkspaceHealthStatusReturn} Object containing:
  * - lastHeartbeat: ISO timestamp string or null
- * - timeSinceUpdate: Formatted relative time string (e.g., "30s ago")
+ * - timeSinceUpdate: Formatted relative time string (e.g., "Less than a minute ago", "4 minutes ago")
  * - isHealthy: Boolean health status flag
  * - healthData: Full health status record from database
  * - loading: Loading state
@@ -3622,7 +3635,7 @@ interface UseWorkspaceHealthStatusReturn {
  *
  * @example
  * const { lastHeartbeat, timeSinceUpdate, isHealthy } = useWorkspaceHealthStatus('workspace-123');
- * // timeSinceUpdate: "45s ago" or "5m 30s ago"
+ * // timeSinceUpdate: "Less than a minute ago" or "4 minutes ago"
  */
 declare const useWorkspaceHealthStatus: (workspaceId: string) => UseWorkspaceHealthStatusReturn;
 
@@ -3708,17 +3721,18 @@ interface UseSessionKeepAliveOptions {
  */
 declare const useSessionKeepAlive: (options?: UseSessionKeepAliveOptions) => void;
 
-type UserRole = 'owner' | 'plant_head' | 'supervisor';
+type UserRole = 'owner' | 'plant_head' | 'supervisor' | 'optifye';
 interface AccessControlReturn {
     userRole: UserRole | null;
     hasAccess: (path: string) => boolean;
     accessiblePages: string[];
     isPageVisible: (path: string) => boolean;
     canAccessPage: (path: string) => boolean;
+    assignedLineIds: string[];
+    assignedFactoryIds: string[];
 }
 /**
  * Hook to manage role-based access control
- * TEMPORARILY DISABLED: All users have access to all pages
  *
  * @returns {AccessControlReturn} Access control utilities and state
  */
@@ -3842,21 +3856,17 @@ declare class UserManagementService {
         optifye: number;
     }>;
     /**
-     * Deactivate a user
-     * @param input - Deactivation input
-     */
-    deactivateUser(input: {
-        user_id: string;
-        deactivated_by: string;
-    }): Promise<void>;
-    /**
-     * Reactivate a user
-     * @param input - Reactivation input
+     * Permanently delete a user
+     * @param userId - The ID of the user to delete
+     * @returns Promise with deletion response
      */
-    reactivateUser(input: {
-        user_id: string;
-        reactivated_by: string;
-    }): Promise<void>;
+    deleteUser(userId: string): Promise<{
+        success: boolean;
+        message: string;
+        deleted_user_id: string;
+        deleted_user_email: string;
+        deleted_by: string;
+    }>;
 }
 /**
  * Factory function to create UserManagementService
@@ -3914,6 +3924,7 @@ interface LineSupervisor {
 interface UseLineSupervisorReturn {
     supervisorName: string | null;
     supervisor: LineSupervisor | null;
+    supervisors: LineSupervisor[];
     isLoading: boolean;
     error: Error | null;
 }
@@ -4013,6 +4024,21 @@ declare const workspaceService: {
     updateLineThresholds(lineId: string, productId: string, workspaces: Workspace[], shiftId: number): Promise<void>;
     getShiftConfigurations(lineId: string): Promise<ShiftConfiguration[]>;
     updateShiftConfigurations(shiftConfig: ShiftConfiguration): Promise<void>;
+    /**
+     * Fetch bulk targets data for multiple lines and shifts in a single API call
+     * This replaces 120+ individual API calls with 1 optimized call
+     *
+     * @param params - Parameters for the bulk fetch
+     * @returns Promise with complete targets data for all lines and shifts
+     */
+    fetchBulkTargets(params: {
+        companyId: string;
+        lineIds: string[];
+        date: string;
+        shifts?: number[];
+        includeSkus?: boolean;
+        includeActions?: boolean;
+    }): Promise<any>;
 };
 
 declare class WorkspaceHealthService {
@@ -4919,15 +4945,15 @@ declare const getCompanyMetricsTableName: (companyId: string | undefined, prefix
 declare const getMetricsTablePrefix: (companyId?: string) => string;
 
 /**
- * Format a timestamp as relative time with detailed precision
- * Shows seconds, minutes, hours, or days ago
+ * Format a timestamp as relative time with whole number precision
+ * Shows minutes, hours, or days ago without real-time seconds
  *
  * @param timestamp - Date object or ISO string timestamp
- * @returns Formatted relative time string (e.g., "30s ago", "5m 30s ago", "2h ago", "3d ago")
+ * @returns Formatted relative time string (e.g., "Less than a minute ago", "4 minutes ago", "2 hours ago", "3 days ago")
  *
  * @example
- * formatRelativeTime(new Date()) // "0s ago"
- * formatRelativeTime("2024-01-01T12:00:00Z") // "5m 30s ago"
+ * formatRelativeTime(new Date()) // "Less than a minute ago"
+ * formatRelativeTime("2024-01-01T12:00:00Z") // "4 minutes ago"
  */
 declare function formatRelativeTime(timestamp: string | Date | null | undefined): string;
 /**

package/dist/index.d.ts

@@ -933,6 +933,11 @@ interface LeaderboardDetailViewProps {
      * Optional className for custom styling
      */
     className?: string;
+    /**
+     * Optional array of line IDs that the user has access to
+     * Used to filter leaderboard for supervisors
+     */
+    userAccessibleLineIds?: string[];
 }
 
 /**
@@ -2422,6 +2427,12 @@ interface UseDashboardMetricsProps {
      * suggesting that related components (like a Line KPI display) might need to refresh.
      */
     onLineMetricsUpdate?: () => void;
+    /**
+     * Optional array of line IDs that the user has access to.
+     * Used to filter factory view to only show accessible lines for supervisors.
+     * If not provided, defaults to all configured lines.
+     */
+    userAccessibleLineIds?: string[];
 }
 /**
  * Custom hook to fetch and subscribe to real-time dashboard metrics.
@@ -2463,7 +2474,7 @@ interface UseDashboardMetricsProps {
  * }
  * ```
  */
-declare const useDashboardMetrics: ({ onLineMetricsUpdate, lineId }: UseDashboardMetricsProps) => {
+declare const useDashboardMetrics: ({ onLineMetricsUpdate, lineId, userAccessibleLineIds }: UseDashboardMetricsProps) => {
     workspaceMetrics: WorkspaceMetrics[];
     lineMetrics: OverviewLineMetric[];
     isLoading: boolean;
@@ -3007,6 +3018,8 @@ interface UseAllWorkspaceMetricsOptions {
     initialDate?: string;
     /** Specific shift ID to fetch metrics for, overriding the current shift. */
     initialShiftId?: number;
+    /** Optional array of line IDs that the user has access to. If not provided, uses all configured lines. */
+    allowedLineIds?: string[];
 }
 /**
  * @hook useAllWorkspaceMetrics
@@ -3607,13 +3620,13 @@ interface UseWorkspaceHealthStatusReturn {
  *
  * @description This hook subscribes to the workspace_health_status table and monitors
  * the last_heartbeat column for real-time updates. It automatically formats the time
- * as "Xs ago", "Xm Ys ago", etc. and updates the display every second for accuracy.
+ * with whole numbers (e.g., "Less than a minute ago", "4 minutes ago") and updates periodically.
  *
  * @param {string} workspaceId - The workspace UUID to monitor
  *
  * @returns {UseWorkspaceHealthStatusReturn} Object containing:
  * - lastHeartbeat: ISO timestamp string or null
- * - timeSinceUpdate: Formatted relative time string (e.g., "30s ago")
+ * - timeSinceUpdate: Formatted relative time string (e.g., "Less than a minute ago", "4 minutes ago")
  * - isHealthy: Boolean health status flag
  * - healthData: Full health status record from database
  * - loading: Loading state
@@ -3622,7 +3635,7 @@ interface UseWorkspaceHealthStatusReturn {
  *
  * @example
  * const { lastHeartbeat, timeSinceUpdate, isHealthy } = useWorkspaceHealthStatus('workspace-123');
- * // timeSinceUpdate: "45s ago" or "5m 30s ago"
+ * // timeSinceUpdate: "Less than a minute ago" or "4 minutes ago"
  */
 declare const useWorkspaceHealthStatus: (workspaceId: string) => UseWorkspaceHealthStatusReturn;
 
@@ -3708,17 +3721,18 @@ interface UseSessionKeepAliveOptions {
  */
 declare const useSessionKeepAlive: (options?: UseSessionKeepAliveOptions) => void;
 
-type UserRole = 'owner' | 'plant_head' | 'supervisor';
+type UserRole = 'owner' | 'plant_head' | 'supervisor' | 'optifye';
 interface AccessControlReturn {
     userRole: UserRole | null;
     hasAccess: (path: string) => boolean;
     accessiblePages: string[];
     isPageVisible: (path: string) => boolean;
     canAccessPage: (path: string) => boolean;
+    assignedLineIds: string[];
+    assignedFactoryIds: string[];
 }
 /**
  * Hook to manage role-based access control
- * TEMPORARILY DISABLED: All users have access to all pages
  *
  * @returns {AccessControlReturn} Access control utilities and state
  */
@@ -3842,21 +3856,17 @@ declare class UserManagementService {
         optifye: number;
     }>;
     /**
-     * Deactivate a user
-     * @param input - Deactivation input
-     */
-    deactivateUser(input: {
-        user_id: string;
-        deactivated_by: string;
-    }): Promise<void>;
-    /**
-     * Reactivate a user
-     * @param input - Reactivation input
+     * Permanently delete a user
+     * @param userId - The ID of the user to delete
+     * @returns Promise with deletion response
      */
-    reactivateUser(input: {
-        user_id: string;
-        reactivated_by: string;
-    }): Promise<void>;
+    deleteUser(userId: string): Promise<{
+        success: boolean;
+        message: string;
+        deleted_user_id: string;
+        deleted_user_email: string;
+        deleted_by: string;
+    }>;
 }
 /**
  * Factory function to create UserManagementService
@@ -3914,6 +3924,7 @@ interface LineSupervisor {
 interface UseLineSupervisorReturn {
     supervisorName: string | null;
     supervisor: LineSupervisor | null;
+    supervisors: LineSupervisor[];
     isLoading: boolean;
     error: Error | null;
 }
@@ -4013,6 +4024,21 @@ declare const workspaceService: {
     updateLineThresholds(lineId: string, productId: string, workspaces: Workspace[], shiftId: number): Promise<void>;
     getShiftConfigurations(lineId: string): Promise<ShiftConfiguration[]>;
     updateShiftConfigurations(shiftConfig: ShiftConfiguration): Promise<void>;
+    /**
+     * Fetch bulk targets data for multiple lines and shifts in a single API call
+     * This replaces 120+ individual API calls with 1 optimized call
+     *
+     * @param params - Parameters for the bulk fetch
+     * @returns Promise with complete targets data for all lines and shifts
+     */
+    fetchBulkTargets(params: {
+        companyId: string;
+        lineIds: string[];
+        date: string;
+        shifts?: number[];
+        includeSkus?: boolean;
+        includeActions?: boolean;
+    }): Promise<any>;
 };
 
 declare class WorkspaceHealthService {
@@ -4919,15 +4945,15 @@ declare const getCompanyMetricsTableName: (companyId: string | undefined, prefix
 declare const getMetricsTablePrefix: (companyId?: string) => string;
 
 /**
- * Format a timestamp as relative time with detailed precision
- * Shows seconds, minutes, hours, or days ago
+ * Format a timestamp as relative time with whole number precision
+ * Shows minutes, hours, or days ago without real-time seconds
  *
  * @param timestamp - Date object or ISO string timestamp
- * @returns Formatted relative time string (e.g., "30s ago", "5m 30s ago", "2h ago", "3d ago")
+ * @returns Formatted relative time string (e.g., "Less than a minute ago", "4 minutes ago", "2 hours ago", "3 days ago")
  *
  * @example
- * formatRelativeTime(new Date()) // "0s ago"
- * formatRelativeTime("2024-01-01T12:00:00Z") // "5m 30s ago"
+ * formatRelativeTime(new Date()) // "Less than a minute ago"
+ * formatRelativeTime("2024-01-01T12:00:00Z") // "4 minutes ago"
  */
 declare function formatRelativeTime(timestamp: string | Date | null | undefined): string;
 /**