@optifye/dashboard-core 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,3529 @@
+import * as _supabase_supabase_js from '@supabase/supabase-js';
+import { SupabaseClient as SupabaseClient$1, Session, User, AuthError } from '@supabase/supabase-js';
+import { LucideProps, Share2, Download } from 'lucide-react';
+import * as React$1 from 'react';
+import React__default, { ReactNode } from 'react';
+import * as querystring from 'querystring';
+import { ClassValue } from 'clsx';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Modifiers } from 'react-day-picker';
+import html2canvas from 'html2canvas';
+
+interface LineInfo {
+    line_id: string;
+    line_name: string;
+    company_id: string;
+    company_name: string;
+    factory_id: string;
+    factory_name: string;
+    shift_id: number;
+    date: string;
+    metrics: {
+        avg_efficiency: number;
+        avg_cycle_time: number;
+        current_output: number;
+        ideal_output: number;
+        total_workspaces: number;
+        underperforming_workspaces: number;
+        underperforming_workspace_names: string[];
+        underperforming_workspace_uuids: string[];
+        output_array: number[];
+        line_threshold: number;
+        threshold_pph?: number;
+        shift_start?: string;
+        shift_end?: string;
+        last_updated?: string;
+        poorest_performing_workspaces?: PoorPerformingWorkspace[];
+    };
+}
+interface PoorPerformingWorkspace {
+    workspace_name: string;
+    efficiency: number;
+    action_count: number;
+    action_threshold: number;
+}
+interface WorkspaceMetrics {
+    company_id: string;
+    line_id: string;
+    shift_id: number;
+    date: string;
+    workspace_uuid: string | null;
+    workspace_name: string;
+    action_count: number;
+    pph: number;
+    performance_score: 0 | 1 | 2;
+    avg_cycle_time: number;
+    trend: 0 | 1 | 2;
+    predicted_output: number;
+    efficiency: number;
+    action_threshold: number;
+}
+interface WorkspaceDetailedMetrics {
+    line_id: string;
+    line_name: string;
+    workspace_name: string;
+    workspace_id: string;
+    company_id: string;
+    company_name: string;
+    date: string;
+    shift_id: number;
+    action_name: string;
+    shift_start: string;
+    shift_end: string;
+    shift_type: string;
+    pph_threshold: number;
+    target_output: number;
+    avg_pph: number;
+    avg_cycle_time: number;
+    ideal_cycle_time: number;
+    avg_efficiency: number;
+    total_actions: number;
+    hourly_action_counts: number[];
+    workspace_rank: number;
+    total_workspaces: number;
+    ideal_output_until_now: number;
+    output_difference: number;
+    compliance_efficiency?: number;
+    sop_check?: Record<string, number>;
+}
+interface DashboardKPIs {
+    underperformingWorkers: {
+        current: number;
+        total: number;
+        change: number;
+    };
+    efficiency: {
+        value: number;
+        change: number;
+    };
+    outputProgress: {
+        current: number;
+        target: number;
+        change: number;
+        idealOutput: number;
+    };
+    qualityCompliance: {
+        value: number;
+        change: number;
+    };
+    avgCycleTime: {
+        value: number;
+        change: number;
+    };
+}
+
+interface ThemeColorValue {
+    DEFAULT: string;
+    foreground?: string;
+    [key: string]: string | undefined;
+}
+interface ThemeConfig {
+    primary?: ThemeColorValue;
+    secondary?: ThemeColorValue;
+    accent?: ThemeColorValue;
+    [key: string]: ThemeColorValue | Record<string, string> | string | undefined;
+}
+interface AuthConfig {
+    /** Name of the table storing user profiles/roles, if applicable */
+    userProfileTable?: string;
+    /** Column name in the profile table that stores the user's role */
+    roleColumn?: string;
+    /** Default path to redirect to after login (app can override) */
+    defaultLoginRedirect?: string;
+    /** Default path to redirect to after logout (app can override) */
+    defaultLogoutRedirect?: string;
+}
+interface AnalyticsConfig {
+    mixpanelToken?: string;
+    mixpanelDebug?: boolean;
+    mixpanelTrackPageView?: boolean;
+}
+interface DashboardConfig {
+    supabaseUrl: string;
+    supabaseKey: string;
+    apiBaseUrl?: string;
+    theme?: ThemeConfig;
+    analyticsConfig?: AnalyticsConfig;
+    dateTimeConfig?: DateTimeConfig;
+    authConfig?: AuthConfig;
+    databaseConfig?: DatabaseConfig;
+    entityConfig?: EntityConfig;
+    shiftConfig?: ShiftConfig;
+    workspaceConfig?: WorkspaceConfig;
+    endpoints?: EndpointsConfig;
+    edgeFunctionBaseUrl?: string;
+    /** Feature flags or other arbitrary app-specific config */
+    featureFlags?: Record<string, boolean>;
+    /** Generic object to allow any other custom config values needed by the app or overrides */
+    customConfig?: Record<string, unknown>;
+}
+interface DatabaseConfig {
+    schema?: string;
+    tables?: {
+        lines?: string;
+        lineMetrics?: string;
+        actions?: string;
+        workspaces?: string;
+        actionThresholds?: string;
+        lineThresholds?: string;
+        shiftConfigurations?: string;
+        qualityMetrics?: string;
+    };
+}
+interface EntityConfig {
+    companyId?: string;
+    factoryId?: string;
+    defaultLineId?: string;
+    secondaryLineId?: string;
+    factoryViewId?: string;
+    /** Optional mapping of line IDs to their display names */
+    lineNames?: Record<string, string>;
+}
+interface ShiftConfig {
+    dayShift?: {
+        id?: number;
+        startTime?: string;
+        endTime?: string;
+    };
+    nightShift?: {
+        id?: number;
+        startTime?: string;
+        endTime?: string;
+    };
+    transitionPeriodMinutes?: number;
+}
+interface WorkspaceConfig {
+    displayNames?: Record<string, string>;
+    specialWorkspaces?: {
+        startId?: number;
+        endId?: number;
+        /** Number of recent readings to display for special workspaces' hourly/minute-by-minute charts */
+        hourlyReadingsCount?: number;
+    };
+    totalWorkspaces?: number;
+}
+interface EndpointsConfig {
+    whatsapp?: string;
+    worstPerformingWorkspaces?: string;
+}
+interface DateTimeConfig {
+    defaultTimezone?: string;
+    defaultLocale?: string;
+    dateFormatOptions?: Intl.DateTimeFormatOptions;
+    timeFormatOptions?: Intl.DateTimeFormatOptions;
+    dateTimeFormatOptions?: Intl.DateTimeFormatOptions;
+}
+
+interface BasePerformanceMetric {
+    id: string;
+    workspace_id: string;
+    date: string;
+    shift: string;
+    target: number;
+    actual: number;
+    created_at: string;
+    updated_at: string;
+}
+interface BaseLineMetric {
+    id: string;
+    line_id: string;
+    date: string;
+    shift: string;
+    target: number;
+    actual: number;
+    created_at: string;
+    updated_at: string;
+}
+interface OverviewWorkspaceMetric {
+    workspace_id: string;
+    date: string;
+    total_target: number;
+    total_actual: number;
+    efficiency: number;
+    shift_metrics: {
+        shift: string;
+        target: number;
+        actual: number;
+        efficiency: number;
+    }[];
+}
+interface OverviewLineMetric {
+    line_id: string;
+    date: string;
+    total_target: number;
+    total_actual: number;
+    efficiency: number;
+    shift_metrics: {
+        shift: string;
+        target: number;
+        actual: number;
+        efficiency: number;
+    }[];
+}
+type MetricsError = {
+    message: string;
+    code?: string;
+};
+
+type SupabaseClient = SupabaseClient$1;
+
+interface AuthUser {
+    id: string;
+    email?: string;
+    role?: string;
+}
+
+/**
+ * Represents an operator assigned to a workspace
+ */
+interface OperatorInfo {
+    id: string;
+    name: string;
+    skill_level?: 'beginner' | 'intermediate' | 'expert';
+    shift_id?: number | string;
+    workspace_id?: string;
+    efficiency?: number;
+    position?: string;
+    experience_months?: number;
+    photo_url?: string;
+    last_training_date?: string;
+}
+
+/**
+ * Data for a single shift in the history calendar
+ */
+interface ShiftHistoryData {
+    shiftId: number | string;
+    date: string;
+    efficiency: number;
+    target: number;
+    actual: number;
+    performanceScore?: 0 | 1 | 2;
+}
+/**
+ * Aggregated data for a single day in the history calendar
+ */
+interface DayHistoryData {
+    date: string;
+    shifts: ShiftHistoryData[];
+    avgEfficiency: number;
+    totalTarget: number;
+    totalActual: number;
+    overallPerformance?: 0 | 1 | 2;
+}
+/**
+ * Properties for calendar components displaying historical data
+ */
+interface HistoryCalendarProps {
+    entityId: string;
+    data: DayHistoryData[];
+    selectedDate?: string;
+    onDateChange?: (date: string) => void;
+    onShiftSelect?: (date: string, shiftId: number | string) => void;
+    showEfficiencyLabels?: boolean;
+    className?: string;
+}
+/**
+ * Generic summary data for a single day to be displayed on a history calendar.
+ * This can be extended or used as a base for more specific day data types.
+ */
+interface DaySummaryData {
+    date: string;
+    efficiency?: number;
+    target?: number;
+    actual?: number;
+    performanceScore?: 0 | 1 | 2;
+    isInactive?: boolean;
+    shifts?: ShiftSummaryData[];
+    [key: string]: any;
+}
+/**
+ * Generic summary data for a single shift within a day.
+ */
+interface ShiftSummaryData {
+    shiftId: string | number;
+    efficiency?: number;
+    target?: number;
+    actual?: number;
+    performanceScore?: 0 | 1 | 2;
+    [key: string]: any;
+}
+
+/** Represents a URL path */
+type RoutePath = string;
+interface TrackingEventProperties {
+    source: string;
+    [key: string]: any;
+}
+interface NavItemTrackingEvent {
+    name: string;
+    properties: TrackingEventProperties;
+}
+interface NavItem {
+    /** Unique key for the navigation item */
+    key: string;
+    /** The URL path or a dynamic path generator function */
+    path: RoutePath | ((params: Record<string, string | number>) => RoutePath);
+    /** Label for the navigation item */
+    label: string;
+    /** Icon component from lucide-react */
+    icon?: React.ComponentType<LucideProps>;
+    /** Optional feature flag to control visibility */
+    featureFlag?: string;
+    /** Optional tracking event configuration */
+    trackingEvent?: NavItemTrackingEvent | ((params: Record<string, string | number>) => NavItemTrackingEvent);
+    /** Optional parameters for dynamic paths or tracking events */
+    params?: Record<string, string | number>;
+    /** Optional sub-navigation items for dropdowns or nested menus */
+    subItems?: NavItem[];
+    /** Function to determine if the item is active, receives current pathname and query */
+    isActive?: (pathname: string, query: Record<string, any>) => boolean;
+}
+interface SideNavBarProps {
+    /** Array of navigation items to display */
+    navItems: NavItem[];
+    /** Optional logo element to display at the top */
+    logo?: React.ReactNode;
+    /** Additional CSS class for the container */
+    className?: string;
+    /** Current pathname, to be provided by the router context or parent */
+    currentPathname: string;
+    /** Current query parameters */
+    currentQuery?: Record<string, any>;
+}
+
+interface BreadcrumbItem {
+    label: string;
+    path?: RoutePath;
+    icon?: any;
+}
+interface ProfileMenuItem {
+    key: string;
+    label: string;
+    path?: RoutePath;
+    onClick?: () => void;
+    icon?: any;
+    isDivider?: boolean;
+    featureFlag?: string;
+}
+interface UserProfileConfig {
+    showAvatar?: boolean;
+    showName?: boolean;
+    showRole?: boolean;
+    dropdownItems?: ProfileMenuItem[];
+    logoutButtonText?: string;
+    customAvatar?: React.ReactNode;
+}
+interface PageHeaderProps {
+    /** The main title of the page */
+    title: string;
+    /** Optional array of breadcrumb items */
+    breadcrumbs?: BreadcrumbItem[];
+    /** Optional React node for actions (e.g., buttons, filters) on the right side */
+    actions?: React.ReactNode;
+    /** Whether to display the DateTimeDisplay component */
+    showDateTime?: boolean;
+    /** Configuration for the user profile section. If undefined, no user profile section is shown. */
+    userProfileConfig?: UserProfileConfig;
+    /** Additional CSS classes for the main header container */
+    className?: string;
+    /** Optional logo to display on the left, usually for mobile or specific layouts */
+    headerLogo?: React.ReactNode;
+    /** Stickiness of the header */
+    sticky?: boolean;
+}
+
+/**
+ * Represents the current operational shift information.
+ */
+type CurrentShiftResult = {
+    /**
+     * Identifier for the shift.
+     * Typically 0 for Day shift, 1 for Night shift, based on default configuration.
+     */
+    shiftId: 0 | 1;
+    /**
+     * The operational date associated with the shift, in YYYY-MM-DD format.
+     */
+    date: string;
+};
+/**
+ * Type definitions for the Shifts management functionality
+ */
+/**
+ * Represents a break period with start and end times
+ */
+interface Break {
+    /** Break start time in HH:MM format */
+    startTime: string;
+    /** Break end time in HH:MM format */
+    endTime: string;
+    /** Duration of the break in minutes */
+    duration: number;
+}
+/**
+ * Represents day or night shift time configuration
+ */
+interface ShiftTime {
+    /** Shift start time in HH:MM format */
+    startTime: string;
+    /** Shift end time in HH:MM format */
+    endTime: string;
+    /** Array of breaks during this shift */
+    breaks: Break[];
+}
+/**
+ * Represents a complete shift configuration for a line
+ */
+interface LineShiftConfig {
+    /** Line ID */
+    id: string;
+    /** Line name for display */
+    name: string;
+    /** Day shift configuration */
+    dayShift: ShiftTime;
+    /** Night shift configuration */
+    nightShift: ShiftTime;
+    /** Whether the line configuration panel is open/expanded */
+    isOpen: boolean;
+    /** Whether the configuration is currently being saved */
+    isSaving: boolean;
+    /** Whether the save operation was successful */
+    saveSuccess: boolean;
+}
+/**
+ * Map of line ID to shift hours configuration
+ */
+interface ShiftHoursMap {
+    [key: string]: ShiftTime;
+}
+/**
+ * Props for BreakRow component
+ */
+interface BreakRowProps {
+    /** Break configuration */
+    break: Break;
+    /** Index of this break in the list */
+    index: number;
+    /** Function to update break time */
+    onUpdate: (index: number, field: 'startTime' | 'endTime', value: string) => void;
+    /** Function to remove this break */
+    onRemove: (index: number) => void;
+}
+/**
+ * Props for the ShiftPanel component
+ */
+interface ShiftPanelProps {
+    /** Title of the shift panel (e.g., "Day Shift", "Night Shift") */
+    title: string;
+    /** Icon to display next to the title */
+    icon: React.ReactNode;
+    /** Shift start time in HH:MM format */
+    startTime: string;
+    /** Shift end time in HH:MM format */
+    endTime: string;
+    /** Array of breaks during this shift */
+    breaks: Break[];
+    /** Function to handle start time changes */
+    onStartTimeChange: (value: string) => void;
+    /** Function to handle end time changes */
+    onEndTimeChange: (value: string) => void;
+    /** Function to update break times */
+    onBreakUpdate: (index: number, field: 'startTime' | 'endTime', value: string) => void;
+    /** Function to remove a break */
+    onBreakRemove: (index: number) => void;
+    /** Function to add a new break */
+    onBreakAdd: () => void;
+    /** Total shift hours after subtracting breaks */
+    shiftHours: number;
+}
+/**
+ * Props for the ShiftsView component
+ */
+interface ShiftsViewProps {
+    /** Line configurations to display, or default to LINE_1_UUID if not provided */
+    lineIds?: string[];
+    /** Map of line IDs to line names, or use defaults if not provided */
+    lineNames?: Record<string, string>;
+    /** Company UUID for identifying the company */
+    companyUuid?: string;
+    /** Function called when back button is clicked */
+    onBackClick?: () => void;
+    /** Function to override default toast behavior (useful for testing or custom notifications) */
+    onToast?: (type: 'success' | 'error', message: string) => void;
+    /** Optional className for custom styling */
+    className?: string;
+}
+
+/**
+ * Represents a line with nested factory and company info.
+ */
+interface SimpleLine {
+    id: string;
+    line_name: string;
+    factory_id: string;
+    factory_name: string;
+    company_id: string;
+    company_name: string;
+}
+interface WorkspaceMonthlyMetric {
+    date: string;
+    shift_id: number;
+    shift_type: string;
+    avg_efficiency: number;
+    total_output: number;
+    avg_cycle_time: number;
+    ideal_output: number;
+    avg_pph: number;
+    pph_threshold: number;
+    workspace_rank: number;
+}
+interface LineMonthlyMetric {
+    date: string;
+    shift_id: number;
+    avg_efficiency: number;
+    underperforming_workspaces: number;
+    total_workspaces: number;
+}
+interface UnderperformingWorkspace {
+    workspace_name: string;
+    workspace_uuid: string;
+    last_5_days: {
+        date: string;
+        performance_score: number;
+    }[];
+}
+interface UnderperformingWorkspaces {
+    dayShift: UnderperformingWorkspace[];
+    nightShift: UnderperformingWorkspace[];
+}
+
+interface QualityMetric {
+    workspace_id: string;
+    workspace_name: string;
+    compliance_efficiency: number;
+    sop_check: Record<string, number>;
+    total_output: number;
+    shift_id: number;
+}
+interface WorkspaceQualityData {
+    workspace_id: string;
+    workspace_name: string;
+    compliance_efficiency: number | null;
+    sop_check: Record<string, number> | null;
+    total_output: number | null;
+    line_id?: string;
+}
+interface QualityOverview {
+    overallCompliance: number;
+    underperformingWorkspaces: number;
+    totalWorkspaces: number;
+    topIssues: Array<{
+        check: string;
+        count: number;
+        percentage: number;
+    }>;
+    hourlyCompliance: number[];
+}
+
+interface Action {
+    id: string;
+    action_name: string;
+    company_id: string;
+}
+
+interface Workspace {
+    id: string;
+    line_id: string;
+    workspace_id: string;
+    action_id: string;
+    action_type?: 'assembly' | 'packaging';
+    action_pph_threshold: number | null;
+    action_cycle_time: number | null;
+    action_total_day_output: number | null;
+}
+interface ActionThreshold {
+    line_id: string;
+    shift_id: number;
+    action_id: string;
+    workspace_id: string;
+    date: string;
+    pph_threshold: number;
+    ideal_cycle_time: number;
+    total_day_output: number;
+    action_name: string | null;
+    updated_by: string;
+    created_at?: string;
+    last_updated?: string;
+}
+interface WorkspaceActionUpdate {
+    id: string;
+    action_id: string;
+}
+interface LineThreshold {
+    factory_id: string;
+    line_id: string;
+    date: string;
+    shift_id: number;
+    product_code: string;
+    threshold_day_output: number;
+    threshold_pph: number;
+}
+interface ShiftConfiguration {
+    id?: string;
+    lineId: string;
+    dayShift: {
+        startTime: string;
+        endTime: string;
+        breaks: {
+            startTime: string;
+            endTime: string;
+            duration: number;
+        }[];
+    };
+    nightShift: {
+        startTime: string;
+        endTime: string;
+        breaks: {
+            startTime: string;
+            endTime: string;
+            duration: number;
+        }[];
+    };
+    date: string;
+    updatedBy: string;
+}
+interface ShiftConfigurationRecord {
+    id: string;
+    line_id: string;
+    day_shift: object;
+    night_shift: object;
+    date: string;
+    updated_by: string;
+    created_at: string;
+    last_updated: string;
+}
+
+/**
+ * @deprecated Use DateDisplay from @optifye/dashboard-core instead
+ */
+declare function formatISTDate(date?: Date, options?: Intl.DateTimeFormatOptions): string;
+/**
+ * @deprecated Use DateDisplay from @optifye/dashboard-core instead
+ */
+interface ISTDateProps {
+}
+
+/**
+ * @deprecated Use ISTTimer component from @optifye/dashboard-core/components/common directly
+ */
+interface ISTTimerProps {
+}
+
+/**
+ * Props for the LeaderboardIndexView component
+ */
+interface LeaderboardIndexViewProps {
+    /**
+     * Factory View identifier - used to add the factory view option to the lines list
+     */
+    factoryViewId?: string;
+    /**
+     * Company UUID to use when displaying factory view
+     */
+    companyUuid?: string;
+    /**
+     * Function to handle navigation to a specific line
+     */
+    onLineSelect?: (lineId: string) => void;
+    /**
+     * Optional className for custom styling
+     */
+    className?: string;
+}
+/**
+ * Props for the LeaderboardDetailView component
+ */
+interface LeaderboardDetailViewProps {
+    /**
+     * Selected line ID to display the leaderboard for
+     */
+    lineId: string;
+    /**
+     * Optional date parameter to display metrics for a specific date
+     */
+    date?: string;
+    /**
+     * Optional shift parameter to display metrics for a specific shift
+     */
+    shift?: number;
+    /**
+     * Function to handle navigation back to the leaderboard index
+     */
+    onBackClick?: () => void;
+    /**
+     * Function to handle clicking on a workspace in the leaderboard
+     */
+    onWorkspaceClick?: (workspace: WorkspaceMetrics, rank: number) => void;
+    /**
+     * First line ID reference (Line 1)
+     */
+    line1Id?: string;
+    /**
+     * Second line ID reference (Line 2)
+     */
+    line2Id?: string;
+    /**
+     * Optional className for custom styling
+     */
+    className?: string;
+}
+/**
+ * Line option type for the leaderboard index
+ */
+interface LeaderboardLineOption extends SimpleLine {
+    /**
+     * Unique identifier for the line
+     */
+    id: string;
+}
+
+/**
+ * Represents hourly performance metrics for a line
+ */
+interface HourlyPerformance {
+    /** Hour of the day (0-23) */
+    hour: number;
+    /** Efficiency percentage for that hour */
+    efficiency: number;
+}
+/**
+ * Detailed snapshot of a production line
+ */
+interface LineSnapshot {
+    /** Basic line details */
+    details: {
+        /** UUID of the line */
+        id: string;
+        /** Display name of the line */
+        line_name: string;
+        /** UUID of the parent factory */
+        factory_id: string;
+        /** Display name of the parent factory */
+        factory_name: string;
+    } | null;
+    /** Current output count for the line */
+    current_output: number;
+    /** Ideal/target output for the line */
+    ideal_output: number;
+    /** Average efficiency percentage */
+    avg_efficiency: number;
+    /** Total number of workspaces in the line */
+    total_workspaces: number;
+    /** Number of underperforming workspaces */
+    underperforming_workspaces: number;
+    /** Hourly performance data for recent hours */
+    last5Hours: HourlyPerformance[];
+    /** Product ID associated with this line */
+    productId: string;
+}
+/**
+ * Processed data for display in the factory view UI
+ */
+interface LineDisplayData {
+    /** Display name of the line */
+    name: string;
+    /** Line metrics data */
+    metrics: LineInfo | null;
+    /** Loading state for this line */
+    isLoading: boolean;
+    /** Error state for this line */
+    error: MetricsError | null;
+    /** Last 5 hours of data for the line */
+    last5Hours: {
+        /** Hour of the day (0-23) */
+        hour: number;
+        /** Output count for that hour */
+        output: number;
+        /** Parts per hour metric */
+        pph: number;
+        /** Efficiency percentage */
+        efficiency: number;
+        /** Target/threshold for the hour */
+        target: number;
+    }[];
+}
+/**
+ * Configuration properties for the FactoryView component
+ */
+interface FactoryViewProps {
+    /** UUID for line 1 */
+    line1Id: string;
+    /** UUID for line 2 */
+    line2Id: string;
+    /** Name of the factory to display in the header */
+    factoryName?: string;
+    /** Timezone to use for calculations - defaults to 'Asia/Kolkata' */
+    timezone?: string;
+    /** Shift configuration - defaults to 6am/6pm shifts */
+    shiftConfig?: ShiftConfig;
+    /** Optional product IDs to display for each line, keyed by line ID */
+    productIds?: Record<string, string>;
+}
+
+declare const DEFAULT_DATABASE_CONFIG: DatabaseConfig;
+declare const DEFAULT_ENTITY_CONFIG: EntityConfig;
+declare const DEFAULT_SHIFT_CONFIG: ShiftConfig;
+declare const DEFAULT_WORKSPACE_CONFIG: WorkspaceConfig;
+declare const DEFAULT_DATE_TIME_CONFIG: DateTimeConfig;
+declare const DEFAULT_ENDPOINTS_CONFIG: EndpointsConfig;
+declare const DEFAULT_THEME_CONFIG: ThemeConfig;
+declare const DEFAULT_ANALYTICS_CONFIG: AnalyticsConfig;
+declare const DEFAULT_AUTH_CONFIG: AuthConfig;
+declare const LINE_1_UUID = "910a224b-0abc-459a-babb-4c899824cfe7";
+declare const DEFAULT_CONFIG: Omit<DashboardConfig, 'supabaseUrl' | 'supabaseKey'>;
+
+/**
+ * Standard action names used across the dashboard.
+ * These represent common operations or activities tracked in the system.
+ */
+declare const ACTION_NAMES: {
+    /** Assembly operations */
+    readonly ASSEMBLY: "Assembly";
+    /** Packaging operations */
+    readonly PACKAGING: "Packaging";
+    /** Inspection operations */
+    readonly INSPECTION: "Inspection";
+    /** Testing operations */
+    readonly TESTING: "Testing";
+    /** Quality control operations */
+    readonly QUALITY_CONTROL: "Quality Control";
+};
+type ActionName = typeof ACTION_NAMES[keyof typeof ACTION_NAMES];
+
+interface DashboardProviderProps {
+    config: Partial<DashboardConfig>;
+    children: React$1.ReactNode;
+}
+declare const DashboardProvider: React$1.FC<DashboardProviderProps>;
+declare const useDashboardConfig: () => DashboardConfig;
+declare const useTheme: () => ThemeConfig | undefined;
+declare function useThemeConfig(): ThemeConfig;
+declare function useAnalyticsConfig(): AnalyticsConfig;
+declare function useDateTimeConfig(): DateTimeConfig;
+declare function useAuthConfig(): AuthConfig;
+declare function useDatabaseConfig(): DatabaseConfig;
+declare function useEntityConfig(): EntityConfig;
+declare function useShiftConfig(): ShiftConfig;
+declare function useWorkspaceConfig(): WorkspaceConfig;
+declare function useEndpointsConfig(): EndpointsConfig;
+declare function useFeatureFlags(): Record<string, boolean>;
+declare function useCustomConfig(): Record<string, unknown>;
+
+interface AuthContextType {
+    session: Session | null;
+    user: AuthUser | null;
+    loading: boolean;
+    error: Error | null;
+    signOut: () => Promise<void>;
+}
+declare const useAuth: () => AuthContextType;
+declare const AuthProvider: React__default.FC<{
+    children: React__default.ReactNode;
+}>;
+
+type ComponentOverride = React__default.ComponentType<any>;
+type HookOverride = Function;
+type PageOverride = React__default.ComponentType<any>;
+interface OverridesMap {
+    components?: Record<string, ComponentOverride>;
+    hooks?: Record<string, HookOverride>;
+    pages?: Record<string, PageOverride>;
+}
+interface OverridesProviderProps {
+    overrides?: OverridesMap;
+    children: React__default.ReactNode;
+}
+declare const DashboardOverridesProvider: React__default.FC<OverridesProviderProps>;
+/**
+ * Hook to get a component override by key, falling back to the default component if not overridden
+ * @param key Component key to look up in the overrides map
+ * @param Default Default component to use if no override is found
+ * @returns The overridden component or the default component
+ */
+declare function useComponentOverride<TProps>(key: string, Default: React__default.ComponentType<TProps>): React__default.ComponentType<TProps>;
+/**
+ * Hook to get a hook override by key, falling back to the default hook if not overridden
+ * @param key Hook key to look up in the overrides map
+ * @param Default Default hook to use if no override is found
+ * @returns The overridden hook or the default hook
+ */
+declare function useHookOverride<T extends Function>(key: string, Default: T): T;
+/**
+ * Hook to get a page override by key, falling back to the default page if not overridden
+ * @param key Page key to look up in the overrides map
+ * @param Default Default page to use if no override is found
+ * @returns The overridden page or the default page
+ */
+declare function usePageOverride<TProps>(key: string, Default: React__default.ComponentType<TProps>): React__default.ComponentType<TProps>;
+/**
+ * Hook to get all available overrides
+ * @returns The complete overrides map
+ */
+declare function useOverrides(): OverridesMap;
+
+declare const SupabaseProvider: React__default.FC<{
+    client: SupabaseClient$1;
+    children: ReactNode;
+}>;
+/**
+ * Hook to access the Supabase client within React components and other hooks.
+ * Must be used within a <SupabaseProvider>.
+ */
+declare const useSupabase: () => SupabaseClient$1;
+
+/**
+ * @hook useWorkspaceMetrics
+ * @summary Fetches and subscribes to overview metrics for a specific workspace.
+ *
+ * @description This hook retrieves aggregated performance metrics for a given workspace
+ * and establishes real-time subscriptions to update data when changes occur in the database.
+ * It fetches from both the company-specific metrics table and the overview workspace metrics view.
+ *
+ * @param {string} workspaceId - The unique identifier of the workspace to fetch metrics for.
+ *
+ * @returns {object} An object containing:
+ * @returns {OverviewWorkspaceMetric | null} workspaceMetrics - The overview metrics for the workspace, or null if not loaded/found.
+ * @returns {boolean} isLoading - True if metrics are currently being fetched, false otherwise.
+ * @returns {MetricsError | null} error - An error object if fetching failed, null otherwise.
+ * @returns {() => Promise<void>} refetch - A function to manually trigger a refetch of the metrics.
+ */
+declare const useWorkspaceMetrics: (workspaceId: string) => {
+    workspaceMetrics: OverviewWorkspaceMetric | null;
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+/**
+ * @hook useLineMetrics
+ * @summary Fetches and subscribes to overview metrics for a specific production line.
+ *
+ * @description This hook retrieves aggregated performance metrics for a given production line
+ * and establishes real-time subscriptions to update data when changes occur in the database.
+ * It fetches from both the base line metrics table and the overview line metrics view.
+ *
+ * @param {string} lineId - The unique identifier of the production line to fetch metrics for.
+ *
+ * @returns {object} An object containing:
+ * @returns {OverviewLineMetric | null} lineMetrics - The overview metrics for the line, or null if not loaded/found.
+ * @returns {boolean} isLoading - True if metrics are currently being fetched, false otherwise.
+ * @returns {MetricsError | null} error - An error object if fetching failed, null otherwise.
+ * @returns {() => Promise<void>} refetch - A function to manually trigger a refetch of the metrics.
+ */
+declare const useLineMetrics: (lineId: string) => {
+    lineMetrics: OverviewLineMetric | null;
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+interface Metric {
+    id: string;
+    created_at: string;
+    [key: string]: any;
+}
+/**
+ * @hook useMetrics
+ * @summary Generic hook for fetching and optionally subscribing to any metrics table.
+ *
+ * @template T - The type of metric data being fetched, must extend the base Metric interface.
+ * @param {string} tableName - The name of the table to query. Use 'metrics' as a special case to fetch from the company-specific metrics table.
+ * @param {object} [options] - Optional configuration for the query.
+ * @param {Record<string, any>} [options.filter] - Optional filter criteria, each key-value pair will create an equals filter (e.g., {workspace_id: 'ws-123'}).
+ * @param {boolean} [options.realtime] - Whether to set up real-time subscriptions to changes in the table.
+ *
+ * @returns {object} An object containing:
+ * @returns {T[]} data - Array of fetched metrics data.
+ * @returns {boolean} isLoading - True if data is currently being fetched, false otherwise.
+ * @returns {MetricsError | null} error - An error object if fetching failed, null otherwise.
+ * @returns {() => Promise<void>} refetch - A function to manually trigger a refetch of the data.
+ */
+declare const useMetrics: <T extends Metric>(tableName: string, options?: {
+    filter?: Record<string, any>;
+    realtime?: boolean;
+}) => {
+    data: T[];
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * @hook useWorkspaceDetailedMetrics
+ * @summary Fetches and subscribes to detailed real-time metrics for a specific workspace.
+ *
+ * @description This hook retrieves comprehensive performance data for a given workspace,
+ * including current and historical metrics, action counts, and efficiency. It supports
+ * fetching data for the current operational date/shift or for a specified override date/shift.
+ * The hook also establishes real-time subscriptions to relevant database tables to update
+ * metrics automatically when changes occur. Fallback logic is included to fetch the most
+ * recent available data if no metrics are found for the exact current/specified period.
+ *
+ * @param {string} workspaceId - The unique identifier of the workspace to fetch metrics for.
+ * @param {string} [date] - Optional. An ISO date string (YYYY-MM-DD) to fetch metrics for a specific date,
+ *                                  overriding the current operational date.
+ * @param {number} [shiftId] - Optional. The ID of the shift to fetch metrics for, overriding the current shift.
+ *                                     Requires `dateOverride` to also be provided if used.
+ *
+ * @returns {object} An object containing:
+ * @returns {WorkspaceDetailedMetrics | null} metrics - The detailed metrics for the workspace, or null if not loaded/found.
+ * @returns {boolean} isLoading - True if metrics are currently being fetched, false otherwise.
+ * @returns {MetricsError | null} error - An error object if fetching failed, null otherwise.
+ * @returns {() => Promise<void>} refetch - A function to manually trigger a refetch of the metrics.
+ *
+ * @example
+ * const { metrics, isLoading, error } = useWorkspaceDetailedMetrics('ws-123');
+ * if (isLoading) return <p>Loading detailed metrics...</p>;
+ * if (error) return <p>Error: {error.message}</p>;
+ * if (metrics) {
+ *   // Render workspace details using metrics object
+ * }
+ */
+declare const useWorkspaceDetailedMetrics: (workspaceId: string, date?: string, shiftId?: number) => {
+    metrics: WorkspaceDetailedMetrics | null;
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * Options for initializing the useLineWorkspaceMetrics hook.
+ */
+interface UseLineWorkspaceMetricsOptions {
+    /** Specific date (YYYY-MM-DD) to fetch metrics for, overriding the current operational date. */
+    initialDate?: string;
+    /** Specific shift ID to fetch metrics for, overriding the current shift. */
+    initialShiftId?: number;
+}
+/**
+ * @hook useLineWorkspaceMetrics
+ * @summary Fetches and subscribes to workspace metrics for a specific production line, date, and shift.
+ *
+ * @description This hook retrieves performance metrics for all workspaces associated with a given line.
+ * It can be initialized with a specific date and shift, or it defaults to the current operational date and shift.
+ * The hook establishes real-time subscriptions to update metrics when relevant changes occur in the database.
+ * It also handles re-fetching data when the `lineId`, `initialDate`, or `initialShiftId` props change.
+ *
+ * @param {string} lineId - The unique identifier of the production line.
+ * @param {UseLineWorkspaceMetricsOptions} [options] - Optional parameters to specify an initial date and shift.
+ *
+ * @returns {object} An object containing:
+ * @returns {WorkspaceMetrics[]} workspaces - Array of workspace metrics data for the specified line.
+ * @returns {boolean} loading - True if data is currently being fetched, false otherwise.
+ * @returns {MetricsError | null} error - An error object if fetching failed, null otherwise.
+ * @returns {() => Promise<void>} refreshWorkspaces - A function to manually trigger a refetch of the workspace metrics.
+ *
+ * @example
+ * // Fetch metrics for the current operational date/shift
+ * const { workspaces, loading, error } = useLineWorkspaceMetrics('line-abc');
+ *
+ * // Fetch metrics for a specific past date and shift
+ * const { workspaces: pastWorkspaces } = useLineWorkspaceMetrics('line-abc', {
+ *   initialDate: '2023-10-15',
+ *   initialShiftId: 1,
+ * });
+ */
+declare const useLineWorkspaceMetrics: (lineId: string, options?: UseLineWorkspaceMetricsOptions) => {
+    workspaces: WorkspaceMetrics[];
+    loading: boolean;
+    error: MetricsError | null;
+    refreshWorkspaces: () => Promise<void>;
+};
+
+/**
+ * @hook useHistoricWorkspaceMetrics
+ * @summary Fetches historic detailed metrics for a specific workspace, date, and shift.
+ *
+ * @description This hook retrieves detailed performance data for a given workspace from a
+ * specific past date and shift. It's designed for looking up historical records rather than
+ * real-time data. The `hourly_action_counts` are animated on the initial successful fetch.
+ * This hook relies on the `DashboardService` for data retrieval.
+ *
+ * @param {string} workspaceId - The unique identifier of the workspace.
+ * @param {string} date - The specific date (YYYY-MM-DD) for which to fetch metrics. This is required.
+ * @param {number} inputShiftId - The specific shift ID for which to fetch metrics. This is required.
+ *
+ * @returns {object} An object containing:
+ * @returns {WorkspaceDetailedMetrics | null} metrics - The historic detailed metrics for the workspace, or null if not loaded/found or if parameters are missing.
+ * @returns {boolean} isLoading - True if metrics are currently being fetched, false otherwise.
+ * @returns {MetricsError | null} error - An error object if fetching failed, null otherwise.
+ * @returns {() => Promise<void>} refetch - A function to manually trigger a refetch of the historic metrics (note: animation currently does not re-run on manual refetch).
+ *
+ * @example
+ * const { metrics, isLoading, error } = useHistoricWorkspaceMetrics('ws-001', '2023-10-15', 1);
+ * if (isLoading) return <p>Loading historic data...</p>;
+ * if (error) return <p>Error: {error.message}</p>;
+ */
+declare const useHistoricWorkspaceMetrics: (workspaceId: string, date?: string, inputShiftId?: number) => {
+    metrics: WorkspaceDetailedMetrics | null;
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * @hook useLineDetailedMetrics
+ * @summary Fetches and subscribes to detailed metrics and information for a specific production line or the entire factory.
+ *
+ * @description This hook retrieves comprehensive data for a line, including its operational metrics and descriptive details.
+ * It utilizes the `DashboardService` to fetch this information. If the special `lineIdFromProp` 'factory'
+ * (or the configured `entityConfig.factoryViewId`) is provided, it fetches and aggregates data for the lines
+ * configured as `entityConfig.defaultLineId` and `entityConfig.secondaryLineId` to provide a factory-level overview.
+ * The hook also establishes real-time subscriptions to the line metrics table to update data automatically.
+ *
+ * @param {string} lineIdFromProp - The unique identifier of the production line. Use 'factory' (or the configured `factoryViewId`)
+ *                                  to get an aggregated factory view if `defaultLineId` and `secondaryLineId` are set in `entityConfig`.
+ *
+ * @returns {object} An object containing:
+ * @returns {LineInfo | null} lineData - The detailed metrics and information for the line or factory view, or null if not loaded/found.
+ * @returns {boolean} loading - True if data is currently being fetched, false otherwise.
+ * @returns {MetricsError | null} error - An error object if fetching failed, null otherwise.
+ * @returns {() => Promise<void>} refetch - A function to manually trigger a refetch of the data.
+ *
+ * @example
+ * // Fetch data for a specific line
+ * const { lineData, loading, error } = useLineDetailedMetrics('line-123');
+ *
+ * // Fetch data for the factory view
+ * const { lineData: factoryData, loading: factoryLoading } = useLineDetailedMetrics('factory');
+ *
+ * if (loading) return <p>Loading line details...</p>;
+ * if (error) return <p>Error: {error.message}</p>;
+ * if (lineData) {
+ *   // Render line details and metrics using lineData object
+ * }
+ */
+declare const useLineDetailedMetrics: (lineIdFromProp: string) => {
+    lineData: LineInfo | null;
+    loading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * Represents a single entry in the workspace performance leaderboard
+ */
+interface LeaderboardEntry {
+    workspace_name: string;
+    total_output: number;
+    avg_pph: number;
+    efficiency: number;
+    workspace_id: string;
+    rank: number;
+    [key: string]: any;
+}
+/**
+ * @hook useLeaderboardMetrics
+ * @summary Fetches and subscribes to top-performing workspaces for a specific production line.
+ *
+ * @description This hook retrieves a ranked list of workspaces based on efficiency for a given
+ * production line. It establishes real-time subscriptions to update the leaderboard when changes
+ * occur in the database. The data is automatically refreshed at regular intervals (1 minute).
+ *
+ * @param {string} lineId - The unique identifier of the production line to fetch metrics for.
+ * @param {number} [topCount=10] - The number of top performers to retrieve.
+ *
+ * @returns {object} An object containing:
+ * @returns {LeaderboardEntry[]} topPerformers - Array of ranked workspace entries, sorted by efficiency.
+ * @returns {boolean} isLoading - True if metrics are currently being fetched, false otherwise.
+ * @returns {MetricsError | null} error - An error object if fetching failed, null otherwise.
+ * @returns {() => Promise<void>} refetch - A function to manually trigger a refetch of the leaderboard.
+ *
+ * @example
+ * const { topPerformers, isLoading, error } = useLeaderboardMetrics('line-123', 5);
+ * if (isLoading) return <p>Loading leaderboard...</p>;
+ * if (error) return <p>Error: {error.message}</p>;
+ * return (
+ *   <div>
+ *     <h2>Top Performers</h2>
+ *     <ul>
+ *       {topPerformers.map(entry => (
+ *         <li key={entry.workspace_id}>
+ *           {entry.rank}. {entry.workspace_name} - Efficiency: {entry.efficiency}%
+ *         </li>
+ *       ))}
+ *     </ul>
+ *   </div>
+ * );
+ */
+declare const useLeaderboardMetrics: (lineId: string, topCount?: number) => {
+    topPerformers: LeaderboardEntry[];
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * Props for the {@link useDashboardMetrics} hook.
+ */
+interface UseDashboardMetricsProps {
+    /**
+     * The ID of the current line or special view (e.g., "factory") being observed.
+     * This determines which line(s) to fetch metrics for.
+     */
+    lineId: string;
+    /**
+     * Optional callback invoked when underlying line metrics data might have changed,
+     * suggesting that related components (like a Line KPI display) might need to refresh.
+     */
+    onLineMetricsUpdate?: () => void;
+}
+/**
+ * Custom hook to fetch and subscribe to real-time dashboard metrics.
+ *
+ * This hook aggregates workspace-level performance data and overall line metrics.
+ * It is designed to support views for individual lines or a consolidated "factory" view.
+ * Data is fetched based on the operational date and current shift, derived from dashboard configuration.
+ * The hook also implements a basic localStorage caching mechanism to provide an immediate initial state.
+ * Real-time updates are subscribed to via Supabase for relevant tables.
+ *
+ * Configuration for Supabase, table names, entity IDs (for factory view), and date/time settings
+ * are sourced from `DashboardConfigContext`.
+ *
+ * @param props - The properties for the hook, see {@link UseDashboardMetricsProps}.
+ * @returns An object containing:
+ *  - `workspaceMetrics`: An array of `WorkspaceMetrics` for the targeted line(s).
+ *  - `lineMetrics`: An array of `OverviewLineMetric` for the targeted line(s).
+ *  - `isLoading`: Boolean indicating if the initial data fetch (or fetch after cache expiry) is in progress.
+ *  - `error`: A `MetricsError` object if an error occurred, otherwise `null`.
+ *  - `refetch`: A function to manually trigger a data refetch.
+ *
+ * @example
+ * ```tsx
+ * const MyDashboardView = ({ currentLineId }) => {
+ *   const { workspaceMetrics, lineMetrics, isLoading, error, refetch } = useDashboardMetrics({ lineId: currentLineId });
+ *
+ *   if (isLoading) return <p>Loading dashboard data...</p>;
+ *   if (error) return <p>Error: {error.message}</p>;
+ *
+ *   return (
+ *     <div>
+ *       <h2>Workspace Performance</h2>
+ *       {workspaceMetrics.map(ws => <div key={ws.workspace_uuid}>{ws.workspace_name}: {ws.efficiency}%</div>)}
+ *       <h2>Line Overview</h2>
+ *       {lineMetrics.map(line => <div key={line.line_id}>{line.line_id} Efficiency: {line.efficiency}%</div>)}
+ *       <button onClick={refetch}>Refresh Data</button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+declare const useDashboardMetrics: ({ onLineMetricsUpdate, lineId }: UseDashboardMetricsProps) => {
+    workspaceMetrics: WorkspaceMetrics[];
+    lineMetrics: OverviewLineMetric[];
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * Props for the useLineKPIs hook.
+ */
+type LineKPIsProps = {
+    /**
+     * The unique identifier of the production line.
+     * Use 'factory' (or the configured `entityConfig.factoryViewId`) for an aggregated factory view.
+     */
+    lineId: string;
+};
+/**
+ * @hook useLineKPIs
+ * @summary Fetches and subscribes to Key Performance Indicators (KPIs) for a specific production line or factory view.
+ *
+ * @description This hook retrieves and calculates KPIs such as efficiency, output progress, and underperforming workers.
+ * It leverages the `DashboardService` to first fetch detailed line information (via `getDetailedLineInfo`)
+ * and then to calculate the KPIs (via `calculateKPIs`). For a 'factory' view (identified by `lineId` matching
+ * `entityConfig.factoryViewId` or the string 'factory'), the service is expected to aggregate data from configured
+ * primary (`entityConfig.defaultLineId`) and secondary (`entityConfig.secondaryLineId`) lines.
+ * The hook implements localStorage caching for KPIs to provide a faster initial load and reduce redundant fetches.
+ * Real-time subscriptions are established to relevant tables (`line_metrics` and the company-specific performance table)
+ * to automatically update KPIs when underlying data changes.
+ *
+ * @param {LineKPIsProps} props - The properties for the hook.
+ *
+ * @returns {object} An object containing:
+ * @returns {DashboardKPIs | null} kpis - The calculated KPIs for the line/factory, or null if not available.
+ * @returns {boolean} isLoading - True if KPIs are currently being fetched (and not available from cache), false otherwise.
+ * @returns {MetricsError | null} error - An error object if fetching or calculation failed, null otherwise.
+ * @returns {() => Promise<void>} refetch - A function to manually trigger a refetch and recalculation of KPIs.
+ *
+ * @example
+ * const { kpis, isLoading, error } = useLineKPIs({ lineId: 'line-xyz' });
+ * if (isLoading && !kpis) return <p>Loading KPIs...</p>; // Show loading only if no cached KPIs
+ * if (error) return <p>Error: {error.message}</p>;
+ * if (kpis) {
+ *   // Render KPIs using kpis object
+ *   // e.g., <p>Efficiency: {kpis.efficiency.value}%</p>
+ * }
+ */
+declare const useLineKPIs: ({ lineId }: LineKPIsProps) => {
+    kpis: DashboardKPIs | null;
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * Props for the {@link useRealtimeLineMetrics} hook.
+ */
+interface UseRealtimeLineMetricsProps {
+    /**
+     * The ID of the line to fetch metrics for.
+     * Can be a specific line UUID or a special identifier (e.g., "factory")
+     * which will be resolved using `entityConfig.factoryViewId`.
+     */
+    lineId: string;
+    /**
+     * Optional date override in 'YYYY-MM-DD' format.
+     * If not provided, the current operational date is used.
+     */
+    dateOverride?: string;
+    /**
+     * Optional shift ID override.
+     * If not provided, the current operational shift is used.
+     */
+    shiftIdOverride?: number;
+    /**
+     * Optional callback function that is invoked when metrics are updated.
+     * @param lineInfo - The updated line information or null if an error occurs or no data.
+     */
+    onMetricsUpdate?: (lineInfo: LineInfo | null) => void;
+}
+interface LineMetrics {
+    line_id: string;
+    shift_id: number;
+    date: string;
+    factory_id: string;
+    avg_efficiency: number;
+    avg_cycle_time: number;
+    current_output: number;
+    ideal_output: number;
+    total_workspaces: number;
+    underperforming_workspaces: number;
+    underperforming_workspace_names: string[];
+    underperforming_workspace_uuids: string[];
+    output_array: number[];
+    line_threshold: number;
+    threshold_pph: number;
+    shift_start: string;
+    shift_end: string;
+    last_updated: string;
+    poorest_performing_workspaces?: PoorPerformingWorkspace[];
+}
+interface LineDetails {
+    id: string;
+    line_name: string;
+    factory_id: string;
+    factory: {
+        id: string;
+        factory_name: string;
+    };
+}
+type RealtimeLineMetricsProps = {
+    lineId: string;
+    date?: string;
+    shiftId?: number;
+    onMetricsUpdate?: () => void;
+};
+/**
+ * Custom hook to fetch and subscribe to real-time line metrics for a specified line or factory view.
+ *
+ * @param {object} props - Hook properties.
+ * @param {string} props.lineId - The line ID to fetch metrics for.
+ * @param {string} [props.date] - Optional date override in 'YYYY-MM-DD' format.
+ * @param {number} [props.shiftId] - Optional shift ID override.
+ * @param {Function} [props.onMetricsUpdate] - Optional callback when metrics are updated.
+ *
+ * @returns {object} An object containing:
+ *  - `metrics`: The current line metrics.
+ *  - `lineDetails`: Details about the line.
+ *  - `loading`: A boolean indicating if data is being fetched.
+ *  - `error`: Error object if an error occurred.
+ *  - `refreshMetrics`: Function to manually refresh metrics.
+ */
+declare const useRealtimeLineMetrics: ({ lineId, date: urlDate, shiftId: urlShiftId, onMetricsUpdate }: RealtimeLineMetricsProps) => {
+    metrics: LineMetrics | null;
+    lineDetails: LineDetails | null;
+    loading: boolean;
+    error: MetricsError | null;
+    refreshMetrics: () => Promise<void>;
+};
+
+/**
+ * @interface Target
+ * @description Represents a generic target or goal.
+ * This is a placeholder structure and should be refined based on actual data models.
+ * @property {string} id - Unique identifier for the target.
+ * @property {string} name - Name or description of the target.
+ * @property {number} value - The target value.
+ * @property {string} unit - Unit of the target value (e.g., 'pieces', '%', 'minutes').
+ * @property {string} [entityId] - Optional ID of the entity this target applies to (e.g., workspace ID, line ID).
+ * @property {'workspace' | 'line' | 'company' | string} [entityType] - Optional type of the entity.
+ * @property {string} period - Time period for the target (e.g., 'daily', 'shift', 'hourly', specific date YYYY-MM-DD).
+ * @property {string} [date] - Optional specific date for the target (YYYY-MM-DD).
+ * @property {number | string} [shiftId] - Optional specific shift ID for the target.
+ * @property {string} [createdAt] - Timestamp of creation (typically ISO string from DB).
+ * @property {string} [updatedAt] - Timestamp of last update (typically ISO string from DB).
+ * @property {string} [company_id] - Company ID this target belongs to. Used for filtering.
+ * @property {Record<string, any>} [additionalDetails] - For any other custom fields.
+ */
+interface Target {
+    id: string;
+    name: string;
+    value: number;
+    unit: string;
+    entityId?: string;
+    entityType?: 'workspace' | 'line' | 'company' | string;
+    period: string;
+    date?: string;
+    shiftId?: number | string;
+    createdAt?: string;
+    updatedAt?: string;
+    company_id?: string;
+    additionalDetails?: Record<string, any>;
+}
+/**
+ * @typedef UseTargetsOptions
+ * @description Options for fetching targets.
+ * @property {string} [entityId] - Filter targets for a specific entity ID.
+ * @property {string} [entityType] - Filter targets for a specific entity type (e.g., 'workspace', 'line').
+ * @property {string} [date] - Filter targets for a specific date.
+ * @property {string | number} [shiftId] - Filter targets for a specific shift.
+ * @property {string} [period] - Filter targets for a specific period (e.g., 'daily').
+ */
+interface UseTargetsOptions {
+    entityId?: string;
+    entityType?: string;
+    date?: string;
+    shiftId?: string | number;
+    period?: string;
+}
+/**
+ * @hook useTargets
+ * @summary Fetches target data based on specified filters.
+ * @description This hook retrieves a list of targets from a table, which defaults to "${DEFAULT_TARGETS_TABLE_NAME}".
+ * To make the table name configurable, \`databaseConfig.tables.targets\` would need to be defined in the \`DashboardConfig\` type
+ * and then accessed via \`useDatabaseConfig()\`.\n * It filters targets based on the current \`companyId\` from \`entityConfig\` and any provided options \n * such as \`entityId\`, \`entityType\`, \`date\`, \`shiftId\`, or \`period\`.\n * Assumes the target table has a \`company_id\` column for filtering by the current company context.\n * Currently, this hook does not implement real-time subscriptions.\n * \n * @param {UseTargetsOptions} [options] - Optional filtering criteria for fetching targets.\n * \n * @returns {{ targets: Target[]; isLoading: boolean; error: MetricsError | null; refetch: () => Promise<void> }}\n *   An object containing the array of targets, loading state, error state, and a refetch function.\n *
+ * @example\n * const { targets, isLoading, error } = useTargets({ entityType: 'line', entityId: 'line-123' });\n * if (isLoading) return <p>Loading targets...</p>;\n * if (error) return <p>Error: {error.message}</p>;\n * // Render targets list\n */
+declare const useTargets: (options?: UseTargetsOptions) => {
+    targets: Target[];
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * @interface ShiftData
+ * @description Represents the data structure for a single shift configuration.
+ * @property {string | number} id - Unique identifier for the shift.
+ * @property {string} name - Name of the shift (e.g., "Day Shift", "Night Shift A").
+ * @property {string} startTime - Start time of the shift (e.g., "07:00").
+ * @property {string} endTime - End time of the shift (e.g., "19:00").
+ * @property {string} [company_id] - Company ID this shift configuration belongs to.
+ * @property {number[]} [daysOfWeek] - Optional array of numbers representing days of the week (e.g., [1,2,3,4,5] for Mon-Fri, where 0=Sun, 1=Mon,...).
+ * @property {boolean} [isActive] - Whether the shift configuration is currently active.
+ * @property {string} [createdAt] - Timestamp of creation.
+ * @property {string} [updatedAt] - Timestamp of last update.
+ */
+interface ShiftData$2 {
+    id: string | number;
+    name: string;
+    startTime: string;
+    endTime: string;
+    company_id?: string;
+    daysOfWeek?: number[];
+    isActive?: boolean;
+    createdAt?: string;
+    updatedAt?: string;
+}
+/**
+ * @hook useShifts
+ * @summary Fetches shift configuration data for the current company.
+ * @description This hook retrieves a list of shift configurations (like shift names, start/end times)
+ * from a table (defaulting to "${DEFAULT_SHIFTS_TABLE_NAME}").
+ * The table name can be configured via \`databaseConfig.tables.shiftConfigurations\` in the \`DashboardConfig\`
+ * It automatically filters the shifts based on the current \`companyId\` from \`entityConfig\`
+ * Assumes the shift configurations table has a \`company_id\` column.
+ * This initial version does not implement real-time subscriptions.
+ *
+ * @returns {{ shifts: ShiftData[]; isLoading: boolean; error: MetricsError | null; refetch: () => Promise<void> }}
+ *   An object containing the array of shift configurations, loading state, error state, and a refetch function.
+ *
+ * @example
+ * const { shifts, isLoading, error } = useShifts();
+ * if (isLoading) return <p>Loading shift data...</p>;
+ * if (error) return <p>Error: {error.message}</p>;
+ * // Render shifts information
+ */
+declare const useShifts: () => {
+    shifts: ShiftData$2[];
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * @interface OperatorData
+ * @description Represents data for an operator assigned to or active in a workspace.
+ * This is a placeholder and should be adjusted based on the actual data model.
+ * @property {string} id - Unique identifier for the operator record or assignment.
+ * @property {string} operatorId - Identifier for the operator/employee (e.g., employee ID).
+ * @property {string} operatorName - Name of the operator.
+ * @property {string} workspaceId - ID of the workspace the operator is associated with.
+ * @property {string} [company_id] - Company ID this record belongs to.
+ * @property {string} [date] - Specific date of activity/assignment (YYYY-MM-DD).
+ * @property {string | number} [shiftId] - Specific shift ID of activity/assignment.
+ * @property {string} [loginTime] - Timestamp when the operator logged in or started.
+ * @property {string} [logoutTime] - Timestamp when the operator logged out or ended.
+ * @property {string} [role] - Operator's role or position, if applicable.
+ * @property {string} [createdAt] - Record creation timestamp.
+ */
+interface OperatorData {
+    id: string;
+    operatorId: string;
+    operatorName: string;
+    workspaceId: string;
+    company_id?: string;
+    date?: string;
+    shiftId?: string | number;
+    loginTime?: string;
+    logoutTime?: string;
+    role?: string;
+    createdAt?: string;
+}
+/**
+ * @typedef UseWorkspaceOperatorsOptions
+ * @description Options for fetching workspace operators.
+ * @property {string} [date] - Filter operators for a specific date.
+ * @property {string | number} [shiftId] - Filter operators for a specific shift.
+ */
+interface UseWorkspaceOperatorsOptions {
+    date?: string;
+    shiftId?: string | number;
+}
+/**
+ * @hook useWorkspaceOperators
+ * @summary Fetches operator data for a specific workspace, optionally filtered by date and shift.
+ * @description This hook retrieves a list of operators associated with a given workspace.
+ * It fetches from a table, which defaults to "${DEFAULT_OPERATORS_TABLE_NAME}".
+ * To make the table name configurable, \`databaseConfig.tables.workspaceOperators\` would need to be defined in \`DashboardConfig\`.
+ * Filters are applied for \`companyId\` (from \`entityConfig\`), the provided \`workspaceId\`, and optional \`date\` and \`shiftId\`
+ * Assumes the table has \`company_id\` and \`workspace_id\` columns for filtering.
+ * This initial version does not implement real-time subscriptions.
+ *
+ * @param {string} workspaceId - The unique identifier of the workspace for which to fetch operators. Required.
+ * @param {UseWorkspaceOperatorsOptions} [options] - Optional filtering criteria for date and shift.
+ *
+ * @returns {{ operators: OperatorData[]; isLoading: boolean; error: MetricsError | null; refetch: () => Promise<void> }}
+ *   An object containing the array of operators, loading state, error state, and a refetch function.
+ *
+ * @example
+ * const { operators, isLoading } = useWorkspaceOperators('ws-123', { date: '2023-10-15' });
+ */
+declare const useWorkspaceOperators: (workspaceId: string, options?: UseWorkspaceOperatorsOptions) => {
+    operators: OperatorData[];
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * @interface FactoryOverviewData
+ * @description Represents aggregated overview metrics for the entire factory.
+ * This is a placeholder and should align with the actual data available or calculated.
+ * @property {string} [company_id] - Identifier of the company.
+ * @property {string} [factoryId] - Identifier of the factory.
+ * @property {string} date - The operational date for which these metrics apply (YYYY-MM-DD).
+ * @property {string | number} shiftId - The shift identifier for which these metrics apply.
+ * @property {number} totalOutput - Total output from all lines/workspaces in the factory.
+ * @property {number} overallEfficiency - Average efficiency across the factory.
+ * @property {number} totalWorkspacesActive - Number of workspaces that were active or reporting data.
+ * @property {number} totalLinesActive - Number of production lines that were active.
+ * @property {number} [alertsCritical] - Number of critical alerts in the factory.
+ * @property {string} [lastUpdated] - Timestamp of when this overview was last generated/updated.
+ */
+interface FactoryOverviewData {
+    company_id?: string;
+    factoryId?: string;
+    date: string;
+    shiftId: string | number;
+    totalOutput: number;
+    overallEfficiency: number;
+    totalWorkspacesActive: number;
+    totalLinesActive: number;
+    alertsCritical?: number;
+    lastUpdated?: string;
+}
+/**
+ * @typedef UseFactoryOverviewOptions
+ * @description Options for fetching factory overview metrics.
+ * @property {string} [date] - Specific date (YYYY-MM-DD) to fetch overview for. Defaults to current operational date.
+ * @property {string | number} [shiftId] - Specific shift ID. Defaults to current operational shift.
+ * @property {string} [factoryId] - Specific factory ID, if the system supports multiple factories under one company config and this data is available per factory.
+ */
+interface UseFactoryOverviewOptions {
+    date?: string;
+    shiftId?: string | number;
+    factoryId?: string;
+}
+/**
+ * @hook useFactoryOverviewMetrics
+ * @summary Fetches aggregated overview metrics for the factory.
+ * @description This hook retrieves factory-level summary data (e.g., total output, overall efficiency)
+ * for a given date and shift (defaulting to current operational date/shift).
+ * It fetches from a table, which defaults to "factory_daily_summary".
+ * To make the table name configurable, `databaseConfig.tables.factoryOverviewMetrics` would need to be defined in `DashboardConfig`.
+ * Filters are applied for `companyId` (from `entityConfig`) and optionally `factoryId` if provided and supported.
+ * This initial version does not implement real-time subscriptions and assumes a pre-aggregated data source (one row per company/factory/date/shift).
+ * For more complex calculations from raw data, a dedicated DashboardService method would be more appropriate.
+ *
+ * @param {UseFactoryOverviewOptions} [options] - Optional parameters to specify date, shift, or factoryId.
+ *
+ * @returns {{ factoryOverview: FactoryOverviewData | null; isLoading: boolean; error: MetricsError | null; refetch: () => Promise<void> }}
+ *   An object containing the factory overview data, loading state, error state, and a refetch function.
+ *
+ * @example
+ * const { factoryOverview, isLoading } = useFactoryOverviewMetrics();
+ * if (isLoading) return <p>Loading factory overview...</p>;
+ * if (factoryOverview) {
+ *   // Render overview
+ * }
+ */
+declare const useFactoryOverviewMetrics: (options?: UseFactoryOverviewOptions) => {
+    factoryOverview: FactoryOverviewData | null;
+    isLoading: boolean;
+    error: MetricsError | null;
+    refetch: () => Promise<void>;
+};
+
+/**
+ * Interface for navigation method used across packages
+ * Abstracts navigation implementation details from components
+ */
+type NavigationMethod = (url: string, options?: any) => void;
+
+/**
+ * @interface WorkspaceNavigationParams
+ * @description Defines the parameters for navigating to a workspace view.
+ * @property {string} workspaceId - The unique identifier of the workspace.
+ * @property {string} [date] - Optional ISO date string (YYYY-MM-DD) to specify the context date.
+ * @property {string | number} [shift] - Optional shift ID or identifier for the context.
+ * @property {string} [sourceType] - Optional analytics marker for the source of navigation.
+ */
+interface WorkspaceNavigationParams {
+    workspaceId: string;
+    date?: string;
+    shift?: string | number;
+    sourceType?: string;
+}
+/**
+ * @interface LineNavigationParams
+ * @description Defines the parameters for navigating to a line (KPI) view.
+ * @property {string} lineId - The unique identifier of the line.
+ * @property {string} [date] - Optional ISO date string (YYYY-MM-DD) to specify the context date.
+ * @property {string | number} [shift] - Optional shift ID or identifier for the context.
+ * @property {string} [tab] - Optional identifier for a specific tab to activate on the line view.
+ */
+interface LineNavigationParams {
+    lineId: string;
+    date?: string;
+    shift?: string | number;
+    tab?: string;
+}
+/**
+ * @typedef EntityConfigShape
+ * @description Shape of the entityConfig object expected from useDashboardConfig.
+ * @property {string} [companyId] - The ID of the company.
+ * @property {string} [defaultLineId] - The default line ID for the application.
+ * @property {string} [secondaryLineId] - A secondary line ID, often used in factory views.
+ * @property {string} [factoryViewId] - Identifier for the factory view (e.g., 'factory').
+ */
+/**
+ * @typedef NavigationHookReturn
+ * @description The return type of the `useNavigation` hook, providing router state and navigation actions.
+ * @property {string} pathname - Current route's pathname (e.g., '/workspace/123'). Directly from Next.js router.
+ * @property {NextRouter['query']} query - Current route's query parameters as an object. Directly from Next.js router.
+ * @property {boolean} isReady - True if Next.js router is initialized. Directly from Next.js router.
+ * @property {string | undefined} activeLineId - ID of the current line. Derived from `router.query.lineId` if on a line view (e.g., '/kpis/:lineId'), otherwise falls back to `entityConfig.defaultLineId` (see {@link EntityConfigShape}).
+ * @property {string | null} activeWorkspaceId - ID of the current workspace. Derived from `router.query.id` if on a workspace view (e.g., '/workspace/:id'), otherwise null.
+ * @property {(path: string) => boolean} isActive - Checks if the given path matches the current route exactly (trailing slashes are normalized).
+ * @property {(path: string) => boolean} isInSection - Checks if the current route starts with the given path (useful for parent section highlighting).
+ * @property {boolean} isLineView - True if current path starts with '/kpis/' and `router.query.lineId` is present.
+ * @property {boolean} isWorkspaceView - True if current path starts with '/workspace/' and `router.query.id` is present.
+ * @property {() => void} goToDashboard - Navigates to the root dashboard page ('/').
+ * @property {(params: WorkspaceNavigationParams) => void} goToWorkspace - Navigates to a workspace page, e.g., '/workspace/[workspaceId]'.
+ * @property {(params: LineNavigationParams) => void} goToLine - Navigates to a line (KPI) page, e.g., '/kpis/[lineId]'.
+ * @property {() => void} goToTargets - Navigates to the '/targets' page.
+ * @property {() => void} goToShifts - Navigates to the '/shifts' page.
+ * @property {() => void} goToLeaderboard - Navigates to the '/leaderboard' page.
+ * @property {() => void} goToFactoryView - Navigates to the '/factory-view' page.
+ * @property {(path: string, options?: NavigationOptions) => Promise<void>} navigate - Navigates to an arbitrary path with retry logic and optional tracking.
+ */
+/**
+ * @hook useNavigation
+ * @summary Provides abstracted navigation utilities and current route state for the dashboard application.
+ * @description This hook serves as a wrapper around the Next.js `useRouter` hook, offering a simplified API for common navigation tasks
+ * and for accessing dashboard-specific route information. It helps maintain consistency in navigation logic and route patterns.
+ * Assumed route patterns include: `/` (dashboard), `/workspace/[id]`, `/kpis/[lineId]`, `/targets`, `/shifts`, `/leaderboard`, `/factory-view`.
+ * The `activeLineId` property has a fallback to `entityConfig.defaultLineId` when not on a specific line page, which implies a global default line context (see {@link EntityConfigShape} for expected structure).
+ *
+ * @returns {NavigationHookReturn} An object containing various navigation actions and properties related to the current route.
+ *
+ * @example
+ * const navigation = useNavigation();
+ * if (navigation.isActive('/dashboard')) {
+ *   console.log('Currently on the dashboard.');
+ * }
+ * navigation.goToWorkspace({ workspaceId: 'ws-abc' });
+ */
+declare function useNavigation(customNavigate?: NavigationMethod): {
+    pathname: string;
+    query: querystring.ParsedUrlQuery;
+    isReady: boolean;
+    activeLineId: string | undefined;
+    activeWorkspaceId: string | null;
+    isActive: (path: string) => boolean;
+    isInSection: (path: string) => boolean;
+    isLineView: boolean;
+    isWorkspaceView: boolean;
+    goToDashboard: () => void;
+    goToWorkspace: ({ workspaceId, date, shift, sourceType }: WorkspaceNavigationParams) => void;
+    goToLine: ({ lineId, date, shift, tab }: LineNavigationParams) => void;
+    goToTargets: () => void;
+    goToShifts: () => void;
+    goToLeaderboard: () => void;
+    goToFactoryView: () => void;
+    navigate: NavigationMethod;
+};
+
+/**
+ * @typedef GetWorkspaceNavigationParamsOptions
+ * @description Options for the `getWorkspaceNavigationParams` method within the `useWorkspaceNavigation` hook.
+ * @property {string} [date] - Specific ISO date string (YYYY-MM-DD). If provided, this date is used.
+ * @property {string | number} [shift] - Specific shift ID or identifier.
+ * @property {string} [sourceType] - Analytics marker for the source of navigation.
+ * @property {boolean} [useCurrentDate] - If true and `date` is not provided, the current operational date will be used.
+ */
+/**
+ * @typedef WorkspaceNavigationHookReturn
+ * @description Return type of the `useWorkspaceNavigation` hook.
+ * @property {(workspaceId: string, options?: GetWorkspaceNavigationParamsOptions) => WorkspaceNavigationParams} getWorkspaceNavigationParams - Function to generate navigation parameters for a workspace.
+ */
+/**
+ * @hook useWorkspaceNavigation
+ * @summary Provides a utility method to generate `WorkspaceNavigationParams`, with an option to use the current operational date.
+ * @description This hook simplifies the creation of navigation parameters for workspaces. Its primary method,
+ * `getWorkspaceNavigationParams`, allows specifying a date or opting to use the current operational date automatically.
+ * It relies on `useDateTimeConfig` for timezone information needed to determine the current operational date.
+ * See also the standalone {@link getWorkspaceNavigationParams} function for a version without automatic current date injection.
+ *
+ * @returns {WorkspaceNavigationHookReturn} An object containing the `getWorkspaceNavigationParams` method.
+ *
+ * @example
+ * const { getWorkspaceNavigationParams } = useWorkspaceNavigation();
+ * const navParamsCurrent = getWorkspaceNavigationParams('ws-123', { useCurrentDate: true });
+ * // Assuming useNavigation() is available as navigation
+ * // navigation.goToWorkspace(navParamsCurrent);
+ *
+ * const navParamsSpecific = getWorkspaceNavigationParams('ws-456', { date: '2023-01-15' });
+ * // navigation.goToWorkspace(navParamsSpecific);
+ */
+declare function useWorkspaceNavigation(): {
+    getWorkspaceNavigationParams: (workspaceId: string, options?: {
+        date?: string;
+        shift?: string | number;
+        sourceType?: string;
+        useCurrentDate?: boolean;
+    }) => WorkspaceNavigationParams;
+};
+
+/**
+ * @typedef {object} DateTimeConfigShape
+ * @description Shape of the dateTimeConfig object expected from useDateTimeConfig.
+ * @property {string} [defaultTimezone] - Default IANA timezone (e.g., 'America/New_York').
+ * @property {string} [defaultLocale] - Default locale (e.g., 'en-US').
+ * @property {Intl.DateTimeFormatOptions} [dateFormatOptions] - Intl options for date formatting.
+ * @property {Intl.DateTimeFormatOptions} [timeFormatOptions] - Intl options for time formatting.
+ * @property {Intl.DateTimeFormatOptions} [dateTimeFormatOptions] - Intl options for date-time formatting.
+ */
+/**
+ * @typedef {object} DateFormatterHookReturn
+ * @description The return type of the `useDateFormatter` hook.
+ * @property {(date: Date | string, formatString?: string) => string} formatDate - Formats a date.
+ *   If `formatString` is provided, uses date-fns `formatInTimeZone`. Otherwise, uses `Intl.DateTimeFormat` with configured options (see {@link DateTimeConfigShape}).
+ * @property {(date: Date | string, formatString?: string) => string} formatTime - Formats a time.
+ *   If `formatString` is provided, uses date-fns `formatInTimeZone`. Otherwise, uses `Intl.DateTimeFormat` with configured options (see {@link DateTimeConfigShape}).
+ * @property {(date: Date | string, formatString?: string) => string} formatDateTime - Formats a date and time.
+ *   If `formatString` is provided, uses date-fns `formatInTimeZone`. Otherwise, uses `Intl.DateTimeFormat` with configured options (see {@link DateTimeConfigShape}).
+ * @property {() => Date} getNow - Returns the current Date object (represents a UTC timestamp).
+ * @property {string} timezone - The default IANA timezone identifier used by the formatters (e.g., 'America/New_York'), defaults to 'UTC'.
+ * @property {string} locale - The default locale string used by `Intl.DateTimeFormat` (e.g., 'en-US'), defaults to 'en-US'.
+ */
+/**
+ * @hook useDateFormatter
+ * @summary Provides configured date and time formatting utilities.
+ * @description This hook offers functions to format dates, times, and date-times according to the dashboard's
+ * configuration obtained via `useDateTimeConfig()` (see {@link DateTimeConfigShape}). It can also use custom date-fns format strings.
+ * All formatting functions handle both `Date` objects and ISO string inputs, and include basic validation.
+ * If specific `dateFormatOptions`, `timeFormatOptions`, or `dateTimeFormatOptions` are not provided in the configuration,
+ * sensible defaults are used for `Intl.DateTimeFormat`.
+ *
+ * @returns {DateFormatterHookReturn} An object with formatting functions and current timezone/locale settings.
+ *
+ * @example
+ * const { formatDate, formatTime, timezone } = useDateFormatter();
+ * const myDate = new Date();
+ * console.log(formatDate(myDate)); // Formats using Intl.DateTimeFormat options from config or defaults
+ * console.log(formatTime(myDate, 'HH:mm:ss zzz')); // Formats using date-fns string in configured timezone
+ * console.log(`Current timezone: ${timezone}`);
+ */
+declare function useDateFormatter(): {
+    formatDate: (date: Date | string, formatString?: string) => string;
+    formatTime: (date: Date | string, formatString?: string) => string;
+    formatDateTime: (date: Date | string, formatString?: string) => string;
+    getNow: () => Date;
+    timezone: string;
+    locale: string;
+};
+
+interface FormatNumberOptions extends Intl.NumberFormatOptions {
+}
+interface UseFormatNumberResult {
+    formatNumber: (value: number, options?: FormatNumberOptions) => string;
+}
+/**
+ * Hook for number formatting with internationalization support
+ */
+declare const useFormatNumber: () => UseFormatNumberResult;
+
+declare const actionService: {
+    getActionsByName(actionNames: string[], companyIdInput?: string): Promise<Action[]>;
+};
+type ActionService = typeof actionService;
+
+declare const dashboardService: {
+    getLineInfo(lineIdInput: string): Promise<LineInfo>;
+    getWorkspacesData(lineIdInput?: string, dateProp?: string, shiftProp?: number): Promise<WorkspaceMetrics[]>;
+    getWorkspaceDetailedMetrics(workspaceUuid: string, dateProp?: string, shiftIdProp?: number): Promise<WorkspaceDetailedMetrics | null>;
+    calculateKPIs(lineInfo: LineInfo): DashboardKPIs;
+    getAllLines(): Promise<SimpleLine[]>;
+    getDetailedLineInfo(lineIdInput?: string, dateProp?: string, shiftProp?: number): Promise<LineInfo | null>;
+    getWorkspaceMonthlyData(workspaceUuid: string, month: number, year: number): Promise<WorkspaceMonthlyMetric[]>;
+    getLineMonthlyData(lineIdInput: string, month: number, year: number): Promise<LineMonthlyMetric[]>;
+    getUnderperformingWorkspaces(lineIdInput: string, monthInput: number | undefined, yearInput: number | undefined): Promise<UnderperformingWorkspaces>;
+    getSopViolations(): never[];
+};
+type DashboardService = typeof dashboardService;
+
+declare function isValidLineInfoPayload(payload: any): payload is LineInfo;
+declare function isValidWorkspaceMetricsPayload(payload: any): payload is WorkspaceMetrics;
+declare function isValidWorkspaceDetailedMetricsPayload(payload: any): payload is WorkspaceDetailedMetrics;
+declare const realtimeService: {
+    subscribeToLineInfo(lineId: string, shiftId: number, date: string, onDataUpdate: (data: LineInfo) => void): (() => void);
+    subscribeToOverviewMetrics(lineId: string, shiftId: number, date: string, onDataUpdate: (data: WorkspaceMetrics[]) => void): (() => void);
+    subscribeToWorkspaceDetailedMetrics(workspaceId: string, date: string, shiftId: number, onDataUpdate: (data: WorkspaceDetailedMetrics) => void): (() => void);
+};
+type RealtimeService = typeof realtimeService;
+
+interface WhatsAppSendResult {
+    success: boolean;
+    messageId?: string;
+    recipient?: string;
+    error?: string;
+}
+/**
+ * Factory function to create the WhatsApp service.
+ * It configures the service based on the provided dashboard configuration.
+ */
+declare const whatsappService: {
+    sendWhatsAppTemplate(lineInfo: LineInfo, _recipientNumber?: string, formattedTime?: string): Promise<WhatsAppSendResult>;
+};
+type WhatsappService = typeof whatsappService;
+
+declare const qualityService: {
+    getWorkspaceQualityMetrics(workspaceId: string, date: string, shiftId: number): Promise<QualityMetric | null>;
+    getLineQualityOverview(lineId: string, date: string, shiftId: number): Promise<QualityOverview | null>;
+};
+type QualityService = typeof qualityService;
+
+declare const workspaceService: {
+    getWorkspaces(lineId: string): Promise<Workspace[]>;
+    updateWorkspaceAction(updates: WorkspaceActionUpdate[]): Promise<void>;
+    updateActionThresholds(thresholds: ActionThreshold[]): Promise<void>;
+    getActionThresholds(lineId: string, date: string, shiftId?: number): Promise<ActionThreshold[]>;
+    updateLineThresholds(lineId: string, productId: string, workspaces: Workspace[], shiftId: number): Promise<void>;
+    getShiftConfigurations(lineId: string): Promise<ShiftConfiguration[]>;
+    updateShiftConfigurations(shiftConfig: ShiftConfiguration): Promise<void>;
+};
+
+declare const authCoreService: {
+    signInWithPassword(supabase: SupabaseClient$1, email: string, password: string): Promise<{
+        user: User;
+        session: Session;
+        error: null;
+    } | {
+        user: null;
+        session: null;
+        error: AuthError;
+    }>;
+    signOut(supabase: SupabaseClient$1): Promise<{
+        error: AuthError | null;
+    }>;
+    resetPasswordForEmail(supabase: SupabaseClient$1, email: string, redirectTo?: string): Promise<{
+        error: AuthError | null;
+    }>;
+    updateUserPassword(supabase: SupabaseClient$1, newPassword: string): Promise<{
+        user: User | null;
+        error: AuthError | null;
+    }>;
+    getMappedAuthErrorMessage: (error: AuthError) => string;
+    fetchCoreUserProfile(supabase: SupabaseClient$1, user: User, profileTable: string, roleColumn?: string): Promise<Partial<AuthUser>>;
+};
+
+/**
+ * Initializes Mixpanel with the provided token.
+ * Should be called once from the application setup (e.g., within DashboardProvider)
+ * when the token is available from configuration.
+ * @param token - The Mixpanel project token.
+ * @param debug - Optional. Enable Mixpanel debug mode.
+ * @param trackPageView - Optional. Enable automatic page view tracking by Mixpanel.
+ */
+declare const initializeCoreMixpanel: (token: string, debug?: boolean, trackPageView?: boolean) => void;
+declare const trackCorePageView: (pageName: string, properties?: Record<string, any>) => void;
+declare const trackCoreEvent: (eventName: string, properties?: Record<string, any>) => void;
+declare const identifyCoreUser: (userId: string, userProperties?: Record<string, any>) => void;
+declare const resetCoreMixpanel: () => void;
+
+interface BottleneckVideo {
+    id: string;
+    src: string;
+    timestamp: string;
+    severity: 'low' | 'medium' | 'high';
+    description: string;
+    type: 'bottleneck' | 'low_value';
+    originalUri: string;
+}
+interface S3ServiceConfig {
+    region?: string;
+    bucketName: string;
+    signedUrlExpiresIn?: number;
+    accessKeyId?: string;
+    secretAccessKey?: string;
+    sessionToken?: string;
+    endpoint?: string;
+    useAccelerateEndpoint?: boolean;
+    customUserAgent?: string;
+    useSimulatedMode?: boolean;
+    publicBaseUrl?: string;
+}
+declare class S3Service {
+    private s3Client;
+    private bucketName;
+    private signedUrlExpiresIn;
+    private useSimulatedMode;
+    private publicBaseUrl;
+    constructor(config: S3ServiceConfig);
+    /**
+     * Check if service is in simulated mode
+     */
+    isSimulated(): boolean;
+    /**
+     * List S3 clips for a specific workspace and date
+     */
+    listS3Clips(workspaceId: string, date?: string): Promise<string[]>;
+    /**
+     * Generate mock S3 URIs for simulated mode
+     */
+    private generateMockS3Uris;
+    /**
+     * Generate a signed URL for an S3 URI
+     */
+    generateSignedS3Url(s3Uri: string): Promise<string | null>;
+    /**
+     * Parse simulated URI for demo mode
+     */
+    private parseSimulatedUri;
+    /**
+     * Parse S3 URI to extract information about the video
+     */
+    parseS3Uri(s3Uri: string): Omit<BottleneckVideo, 'id' | 'src'> | null;
+    /**
+     * Get all clips for a workspace on a specific date
+     */
+    getWorkspaceClips(workspaceId: string, date?: string): Promise<BottleneckVideo[]>;
+}
+
+/**
+ * Helper object for making authenticated API requests using Supabase auth token.
+ * Assumes endpoints are relative to the apiBaseUrl configured in DashboardConfig.
+ */
+declare const apiUtils: {
+    /**
+     * Generic fetch function to make authenticated API requests.
+     *
+     * @param supabase - The Supabase client instance.
+     * @param config - The DashboardConfig containing apiBaseUrl.
+     * @param relativeEndpoint - The API endpoint relative to apiBaseUrl (e.g., '/users/profile').
+     * @param options - Standard Fetch API options.
+     * @returns The parsed JSON response.
+     * @throws Error if no auth token is available or if the API response is not ok.
+     */
+    fetch(supabase: SupabaseClient, config: Pick<DashboardConfig, "apiBaseUrl">, relativeEndpoint: string, options?: RequestInit): Promise<any>;
+    /**
+     * Makes a GET request.
+     */
+    get(supabase: SupabaseClient, config: Pick<DashboardConfig, "apiBaseUrl">, relativeEndpoint: string): Promise<any>;
+    /**
+     * Makes a POST request.
+     */
+    post(supabase: SupabaseClient, config: Pick<DashboardConfig, "apiBaseUrl">, relativeEndpoint: string, data: unknown): Promise<any>;
+    /**
+     * Makes a PUT request.
+     */
+    put(supabase: SupabaseClient, config: Pick<DashboardConfig, "apiBaseUrl">, relativeEndpoint: string, data: unknown): Promise<any>;
+    /**
+     * Makes a DELETE request.
+     */
+    delete(supabase: SupabaseClient, config: Pick<DashboardConfig, "apiBaseUrl">, relativeEndpoint: string): Promise<any>;
+};
+
+/**
+ * Merges the provided user configuration with the default configuration.
+ * Ensures required fields (supabaseUrl, supabaseKey) are present.
+ *
+ * @param userConfig - The partial configuration provided by the user.
+ * @returns The fully merged and validated DashboardConfig object.
+ * @throws Error if required configuration fields are missing.
+ */
+declare const mergeWithDefaultConfig: (userConfig: Partial<DashboardConfig>) => DashboardConfig;
+
+/**
+ * Calculates the operational date based on a specific time cutoff (e.g., 6 AM).
+ * If the time is before the cutoff, it's considered the previous operational day.
+ *
+ * @param timezone - IANA timezone string (e.g., 'Asia/Kolkata') from config.
+ * @param date - The date object to check (defaults to now).
+ * @param shiftStartTime - The start time of the day shift (e.g., "06:00") from config, used to determine the day boundary.
+ * @returns The operational date formatted as "yyyy-MM-dd".
+ */
+declare const getOperationalDate: (timezone?: string, date?: Date, shiftStartTime?: string) => string;
+/**
+ * @function formatTimeInZone
+ * @summary Formats a time string in a specified timezone using date-fns.
+ * @description Standalone utility function (not a hook) to format a date/time string or Date object
+ * into a specified string format, for a given IANA timezone. Useful for server-side or non-React contexts.
+ *
+ * @param {Date | string} time - The date/time to format (Date object or ISO string).
+ * @param {string} timezone - The IANA timezone identifier (e.g., 'America/New_York', 'Europe/London'). This parameter is required.
+ * @param {string} [formatString='HH:mm:ss'] - Optional date-fns compatible format string. Defaults to 'HH:mm:ss'.
+ * @returns {string} The formatted time string, or 'Invalid Date' if input is not a valid date.
+ *
+ * @example
+ * formatTimeInZone(new Date(), 'America/Los_Angeles', 'hh:mm a z'); // e.g., "09:30 AM PDT"
+ * formatTimeInZone('2023-01-01T12:00:00Z', 'Europe/Paris'); // e.g., "13:00:00"
+ */
+declare function formatTimeInZone(time: Date | string, timezone: string, formatString?: string): string;
+/**
+ * @function getCurrentTimeInZone
+ * @summary Gets the current time, optionally formatted in a specified timezone.
+ * @description Standalone utility function (not a hook). Returns the current `Date` object if no `formatString` is provided.
+ * If `formatString` is given, returns the current time formatted as a string in the specified IANA timezone.
+ *
+ * @param {string} timezone - The IANA timezone identifier (e.g., 'America/New_York', 'Europe/London'). This parameter is required.
+ * @param {string} [formatString] - Optional date-fns compatible format string.
+ * @returns {string | Date} The formatted current time string if `formatString` is provided, otherwise the current `Date` object, or 'Invalid Date' if formatting an invalid date (should not occur with `new Date()`).
+ *
+ * @example
+ * const dateObj = getCurrentTimeInZone('Europe/Berlin') as Date; // Get Date object
+ * const timeStr = getCurrentTimeInZone('Europe/Berlin', 'HH:mm zzz'); // e.g., "18:30 CEST"
+ */
+declare function getCurrentTimeInZone(timezone: string, formatString?: string): string | Date;
+
+/**
+ * Determines the current or most recent shift based on the current time and shift configuration.
+ *
+ * @param timezone - IANA timezone string (e.g., 'Asia/Kolkata') from config.
+ * @param shiftConfig - The ShiftConfig object from the dashboard configuration.
+ * @param now - The current date/time (optional, defaults to new Date()).
+ * @returns An object containing the current shiftId (0 for day, 1 for night typically) and the operational date (YYYY-MM-DD).
+ */
+declare const getCurrentShift: (timezone: string, shiftConfig?: ShiftConfig, now?: Date) => CurrentShiftResult;
+/**
+ * Checks if the current time falls within a transition period around shift changes.
+ *
+ * @param timezone - IANA timezone string (e.g., 'Asia/Kolkata') from config.
+ * @param shiftConfig - The ShiftConfig object from the dashboard configuration.
+ * @param now - The current date/time (optional, defaults to new Date()).
+ * @returns True if the current time is within the transition window, false otherwise.
+ */
+declare const isTransitionPeriod: (timezone: string, shiftConfig?: ShiftConfig, now?: Date) => boolean;
+
+/**
+ * Utility functions for timezone-aware time calculations
+ */
+/**
+ * Format date and time in a specific timezone using Intl.DateTimeFormat
+ * @param date - The date object to format
+ * @param timezone - IANA timezone string
+ * @param options - Intl.DateTimeFormat options (will merge with defaults from config later)
+ * @param locale - Locale string (e.g., 'en-IN') (will use default from config later)
+ * @returns Formatted date/time string
+ */
+declare const formatDateTimeInZone: (date: Date, timezone: string, options?: Intl.DateTimeFormatOptions, locale?: string) => string;
+/**
+ * Format date in a specific timezone
+ * @param date - The date object to format (defaults to now)
+ * @param timezone - IANA timezone string
+ * @param options - Specific Intl.DateTimeFormat date options (will merge with defaults from config later)
+ * @param locale - Locale string (will use default from config later)
+ * @returns Formatted date string (e.g., '15 Jul 2024')
+ */
+declare const formatDateInZone: (date: Date | undefined, timezone: string, options?: Omit<Intl.DateTimeFormatOptions, "timeZone" | "hour" | "minute" | "second">, locale?: string) => string;
+/**
+ * Get days difference between a date and today in a specific timezone
+ * @param compareDate - The date to compare against today (string or Date object)
+ * @param timezone - IANA timezone string
+ * @returns String description like 'Today', 'Yesterday', or 'X days ago'
+ */
+declare const getDaysDifferenceInZone: (compareDate: string | Date, timezone: string) => string;
+/**
+ * Get formatted time suitable for a dashboard header in a specific timezone
+ * @param date - The date object to format (defaults to now)
+ * @param timezone - IANA timezone string
+ * @param timeOptions - Specific Intl.DateTimeFormat time options (will merge with defaults from config later)
+ * @param locale - Locale string (will use default from config later)
+ * @returns Formatted time string
+ */
+declare const getDashboardHeaderTimeInZone: (date: Date | undefined, timezone: string, timeOptions?: Intl.DateTimeFormatOptions, // Allow overriding format
+locale?: string) => string;
+
+/**
+ * Gets the user-friendly display name for a workspace ID based on the configuration.
+ *
+ * @param workspaceId - The workspace ID (e.g., 'WS01').
+ * @param workspaceConfig - The WorkspaceConfig object from the dashboard configuration.
+ * @returns The display name from the config, or a fallback based on the ID.
+ */
+declare const getConfigurableWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig) => 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.
+ * @returns A potentially shortened name, or the full display name, or a fallback.
+ */
+declare const getConfigurableShortWorkspaceDisplayName: (workspaceId: string, workspaceConfig?: WorkspaceConfig) => string;
+
+/**
+ * @internal
+ * Generates a table name for company-specific metrics (e.g., workspace performance data).
+ * This allows for data isolation per company if needed, by using company ID in the table name.
+ *
+ * @param companyId - The UUID of the company. If undefined, a generic fallback name is used.
+ * @param prefix - The base prefix for the table name (e.g., 'workspace_performance', 'line_summary').
+ * @returns The generated table name, typically in the format `prefix_company_id_with_underscores`.
+ */
+declare const getCompanyMetricsTableName: (companyId: string | undefined, prefix?: string) => string;
+/**
+ * Helper function to get the metrics table prefix based on company UUID.
+ * This provides backward compatibility with legacy database schemas while
+ * consolidating around a new standard structure.
+ *
+ * @param companyId - The UUID of the company
+ * @returns The appropriate table prefix to use for metrics queries
+ */
+declare const getMetricsTablePrefix: (companyId?: string) => string;
+
+declare function cn(...inputs: ClassValue[]): string;
+
+interface WorkspaceUrlMapping {
+    urlName: string;
+    workspaceId: string;
+    workspaceName: string;
+}
+declare const toUrlFriendlyName: (workspaceName: string | undefined) => string;
+declare const fromUrlFriendlyName: (urlName: string) => string;
+declare const storeWorkspaceMapping: (mapping: WorkspaceUrlMapping) => void;
+declare const getWorkspaceFromUrl: (urlName: string) => WorkspaceUrlMapping | null;
+declare const getStoredWorkspaceMappings: () => Record<string, WorkspaceUrlMapping>;
+
+declare const workspaceDisplayNames: Record<string, string>;
+declare const getWorkspaceDisplayName: (workspaceId: string) => string;
+declare const getShortWorkspaceDisplayName: (workspaceId: string) => string;
+
+/**
+ * Centralized workspace preferences manager
+ * Contains functions to determine tab visibility and default tabs for workspaces
+ */
+/**
+ * Determines the default tab for a workspace
+ * Returns 'overview' by default
+ */
+declare const getDefaultTabForWorkspace: (workspaceId?: string, displayName?: string) => "overview" | "monthly_history";
+/**
+ * Creates URL query parameters for workspace navigation that preserve tab preferences
+ */
+declare const getWorkspaceNavigationParams: (workspaceId: string, displayName: string) => string;
+
+/**
+ * VideoPreloader – lightweight, URL-only video pre-loading helper.
+ *
+ * It keeps a Set-based cache of already processed URLs, runs a FIFO queue with a
+ * maximum concurrency of two, and supports both regular file sources (e.g.
+ * .mp4) as well as HLS playlists (.m3u8). For the latter it dynamically imports
+ * `hls.js`, buffers a single fragment, and tears everything down afterwards.
+ *
+ * No S3 / presigned-URL logic should live here – keep this file focused on pure
+ * URL pre-loading.
+ */
+declare class VideoPreloader {
+    /** URLs that have finished (or at least attempted) pre-loading. */
+    private readonly cache;
+    /** FIFO queue of pending URLs. */
+    private queue;
+    /** Currently running pre-load operations. */
+    private active;
+    preloadVideo: (url: string | null | undefined) => void;
+    preloadVideos: (urls: (string | null | undefined)[]) => void;
+    clear: () => void;
+    private processQueue;
+    private preloadUrlInternal;
+    private bufferNative;
+    private handleHls;
+    private bufferHls;
+}
+declare const videoPreloader: VideoPreloader;
+declare const preloadVideoUrl: (url: string | null | undefined) => void;
+declare const preloadVideosUrl: (urls: (string | null | undefined)[]) => void;
+
+declare const createSupabaseClient: (url: string, key: string) => _supabase_supabase_js.SupabaseClient<any, "public", any>;
+declare const getAnonClient: () => _supabase_supabase_js.SupabaseClient<any, "public", any>;
+
+interface LoadingSpinnerProps {
+    size?: 'sm' | 'md' | 'lg';
+    message?: string;
+    className?: string;
+}
+declare const LoadingSpinner: React__default.FC<LoadingSpinnerProps>;
+
+declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface LoadingOverlayProps {
+    isVisible: boolean;
+    message?: string;
+    className?: string;
+}
+declare const LoadingOverlay: React__default.FC<LoadingOverlayProps>;
+
+interface LoadingPageProps {
+    message?: string;
+    subMessage?: string;
+    className?: string;
+}
+declare const LoadingPage: React__default.FC<LoadingPageProps>;
+
+interface TimeDisplayProps {
+    className?: string;
+    variant?: 'default' | 'minimal';
+}
+declare const TimeDisplay: React__default.FC<TimeDisplayProps>;
+
+interface DateDisplayProps {
+    className?: string;
+    variant?: 'default' | 'minimal';
+}
+declare const DateDisplay: React__default.FC<DateDisplayProps>;
+
+interface MetricCardProps {
+    title: string;
+    value: number | string;
+    unit?: string;
+    trend?: number | null;
+}
+declare const MetricCard: React__default.FC<MetricCardProps>;
+
+interface DateTimeDisplayProps {
+    className?: string;
+    showDate?: boolean;
+    showTime?: boolean;
+}
+declare const DateTimeDisplay: React__default.FC<DateTimeDisplayProps>;
+
+declare const IconMap: {
+    readonly info: React__default.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+    readonly warning: React__default.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+    readonly success: React__default.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+    readonly search: React__default.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+};
+type IconKey = keyof typeof IconMap;
+interface EmptyStateMessageProps {
+    iconType?: IconKey | React__default.ComponentType<LucideProps> | React__default.ReactNode;
+    title: string;
+    message?: string;
+    actionButton?: {
+        text: string;
+        onClick: () => void;
+        className?: string;
+    };
+    className?: string;
+    titleClassName?: string;
+    messageClassName?: string;
+    iconClassName?: string;
+}
+declare const EmptyStateMessage: React__default.FC<EmptyStateMessageProps>;
+
+interface WhatsAppShareButtonProps {
+    /** The message text to pre-fill. It will be URL-encoded. */
+    message: string;
+    /** Optional phone number to pre-fill. Should include country code without '+' or spaces. */
+    phoneNumber?: string;
+    /** Text for the button. Defaults to "Share on WhatsApp". */
+    buttonText?: string;
+    /** Additional classes for the button. */
+    className?: string;
+    /** Props for the icon, if you want to customize it or pass a custom icon node. */
+    iconProps?: React__default.ComponentProps<typeof Share2>;
+    /** Custom icon node to replace the default. */
+    customIcon?: React__default.ReactNode;
+    /** Aria-label for the button for accessibility. */
+    ariaLabel?: string;
+}
+declare const WhatsAppShareButton: React__default.FC<WhatsAppShareButtonProps>;
+
+interface BaseHistoryCalendarProps {
+    dailyData: Record<string, DaySummaryData>;
+    displayMonth: Date;
+    onMonthChange: (newMonth: Date) => void;
+    onDateSelect?: (date: string, shiftId?: string | number) => void;
+    renderDayCellContent: (params: {
+        date: Date;
+        daySummary?: DaySummaryData;
+        selectedShiftSummary?: ShiftSummaryData;
+        isToday: boolean;
+        isFuture: boolean;
+        isOutside: boolean;
+        modifiers: Modifiers;
+    }) => React__default.ReactElement | null;
+    getPerformanceColor?: (params: {
+        daySummary?: DaySummaryData;
+        selectedShiftSummary?: ShiftSummaryData;
+        date: Date;
+        isFuture: boolean;
+        isToday: boolean;
+        isOutside: boolean;
+    }) => string;
+    selectedShiftId?: string | number;
+    disableFutureDates?: boolean;
+    highlightToday?: boolean;
+    className?: string;
+    dayCellClassName?: string | ((date: Date, modifiers: Modifiers) => string);
+}
+declare const BaseHistoryCalendar: React__default.FC<BaseHistoryCalendarProps>;
+
+interface ShiftDisplayProps {
+    className?: string;
+}
+declare const ShiftDisplay: React__default.FC<ShiftDisplayProps>;
+
+/**
+ * ISTTimer composes TimeDisplay and ShiftDisplay from within @optifye/dashboard-core.
+ * Assumes DashboardProvider is configured with necessary dateTimeConfig and shiftConfig.
+ */
+declare const ISTTimer: React__default.FC;
+
+interface BarChartDataItem {
+    name: string;
+    [key: string]: string | number | undefined;
+}
+interface BarProps {
+    dataKey: string;
+    name?: string;
+    fill?: string;
+    radius?: number | [number, number, number, number];
+    labelList?: boolean | React__default.ReactElement | object;
+    [key: string]: any;
+}
+interface BarChartProps {
+    data: BarChartDataItem[];
+    bars: BarProps[];
+    xAxisDataKey?: string;
+    xAxisLabel?: string;
+    yAxisLabel?: string;
+    yAxisUnit?: string;
+    tooltipFormatter?: (value: any, name: any, props: any) => React__default.ReactNode;
+    legendPayload?: any[];
+    layout?: 'horizontal' | 'vertical';
+    className?: string;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    responsive?: boolean;
+    aspect?: number;
+    [key: string]: any;
+}
+declare const BarChart: React__default.FC<BarChartProps>;
+
+interface LineChartDataItem {
+    name: string;
+    [key: string]: string | number | undefined;
+}
+interface LineProps {
+    dataKey: string;
+    name?: string;
+    stroke?: string;
+    strokeWidth?: number;
+    type?: 'basis' | 'basisClosed' | 'basisOpen' | 'linear' | 'linearClosed' | 'natural' | 'monotoneX' | 'monotoneY' | 'monotone' | 'step' | 'stepBefore' | 'stepAfter';
+    dot?: boolean | {
+        r?: number;
+        [key: string]: any;
+    };
+    activeDot?: boolean | {
+        r?: number;
+        [key: string]: any;
+    };
+    labelList?: boolean | object;
+    [key: string]: any;
+}
+interface LineChartProps {
+    data: LineChartDataItem[];
+    lines: LineProps[];
+    xAxisDataKey?: string;
+    xAxisLabel?: string;
+    xAxisTickFormatter?: (value: any, index: number) => string;
+    yAxisLabel?: string;
+    yAxisUnit?: string;
+    yAxisDomain?: [number | string, number | string];
+    tooltipFormatter?: (value: any, name: any, props: any) => React__default.ReactNode;
+    legendPayload?: any[];
+    className?: string;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    responsive?: boolean;
+    aspect?: number;
+    [key: string]: any;
+}
+declare const LineChart: React__default.FC<LineChartProps>;
+
+interface OutputProgressChartProps {
+    currentOutput: number;
+    targetOutput: number;
+    className?: string;
+}
+declare const OutputProgressChart: React__default.FC<OutputProgressChartProps>;
+
+interface LargeOutputProgressChartProps {
+    currentOutput: number;
+    targetOutput: number;
+    className?: string;
+}
+declare const LargeOutputProgressChart: React__default.FC<LargeOutputProgressChartProps>;
+
+interface CycleTimeChartProps {
+    data?: Array<{
+        time: string;
+        value: number;
+    }>;
+    className?: string;
+}
+/**
+ * CycleTimeChart - A placeholder chart component for displaying cycle time data.
+ * Note: The original source file was empty, so this is a minimal implementation
+ * to satisfy the migration plan requirements.
+ */
+declare const CycleTimeChart: React__default.FC<CycleTimeChartProps>;
+
+interface CycleTimeOverTimeChartProps {
+    data: number[];
+    idealCycleTime: number;
+    shiftStart: string;
+    className?: string;
+}
+declare const CycleTimeOverTimeChart: React__default.FC<CycleTimeOverTimeChartProps>;
+
+interface HourlyOutputChartProps {
+    data: number[];
+    pphThreshold: number;
+    shiftStart: string;
+    className?: string;
+}
+declare const HourlyOutputChart: React__default.FC<HourlyOutputChartProps>;
+
+interface SOPComplianceChartProps {
+    data?: number[];
+    targetCompliance?: number;
+    shiftStart: string;
+    className?: string;
+}
+declare const SOPComplianceChart: React__default.FC<SOPComplianceChartProps>;
+
+interface LinePdfExportButtonProps {
+    /** The DOM element or a selector string for the element to capture. */
+    targetElement: HTMLElement | string;
+    /** The desired filename for the PDF, without the .pdf extension. Defaults to "line-export". */
+    fileName?: string;
+    /** Text for the button. Defaults to "Export Line as PDF". */
+    buttonText?: string;
+    /** Additional classes for the button. */
+    className?: string;
+    /** Props for the icon. */
+    iconProps?: React__default.ComponentProps<typeof Download>;
+    /** Custom icon node to replace the default. */
+    customIcon?: React__default.ReactNode;
+    /** Aria-label for the button. */
+    ariaLabel?: string;
+    /** Optional function to call before export starts. */
+    onBeforeExport?: () => void;
+    /** Optional function to call after export completes (successfully or not). */
+    onAfterExport?: () => void;
+    /** Optional options for html2canvas. */
+    html2canvasOptions?: Partial<Parameters<typeof html2canvas>[1]>;
+    /** Optional options for jsPDF. */
+    jsPdfOptions?: {
+        orientation?: 'p' | 'portrait' | 'l' | 'landscape';
+        unit?: 'pt' | 'mm' | 'cm' | 'in';
+        format?: string | number[];
+    };
+}
+declare const LinePdfExportButton: React__default.FC<LinePdfExportButtonProps>;
+
+interface ShiftData$1 {
+    avg_efficiency: number;
+    underperforming_workspaces: number;
+    total_workspaces: number;
+}
+interface DayData$1 {
+    date: Date | string;
+    dayShift: ShiftData$1;
+    nightShift: ShiftData$1;
+}
+interface LineHistoryCalendarProps {
+    data: DayData$1[];
+    month: number;
+    year: number;
+    lineId: string;
+    selectedShift: 'day' | 'night';
+    onDateSelect?: (date: string, shiftId: string) => void;
+    className?: string;
+}
+declare const LineHistoryCalendar: React__default.FC<LineHistoryCalendarProps>;
+
+interface PerformanceData {
+    avg_efficiency: number;
+    underperforming_workspaces: number;
+    total_workspaces: number;
+    compliance_percentage?: number;
+}
+interface WorkspacePerformance {
+    workspace_name: string;
+    workspace_uuid: string;
+    avg_efficiency?: number;
+    last_5_days: {
+        date: string;
+        performance_score: 0 | 1 | 2;
+        efficiency?: number;
+    }[];
+}
+interface LineMonthlyHistoryProps {
+    month: number;
+    year: number;
+    monthlyData: {
+        date: Date;
+        dayShift: PerformanceData;
+        nightShift: PerformanceData;
+    }[];
+    underperformingWorkspaces: {
+        dayShift: WorkspacePerformance[];
+        nightShift: WorkspacePerformance[];
+    };
+    lineId: string;
+    onWorkspaceSelect?: (workspaceId: string, navigationParams?: Partial<WorkspaceNavigationParams> & {
+        returnTo?: string;
+    }) => void;
+    onCalendarDateSelect?: (date: string, shiftId: string | number) => void;
+    onCalendarMonthChange?: (newMonthDate: Date) => void;
+    className?: string;
+}
+declare const LineMonthlyHistory: React__default.FC<LineMonthlyHistoryProps>;
+
+interface LineWhatsAppShareProps {
+    lineInfo: LineInfo;
+    className?: string;
+}
+declare const LineWhatsAppShareButton: React__default.FC<LineWhatsAppShareProps>;
+
+interface LinePdfGeneratorProps {
+    lineInfo: LineInfo;
+    workspaceData: WorkspaceMetrics[];
+    className?: string;
+}
+declare const LinePdfGenerator: React__default.FC<LinePdfGeneratorProps>;
+
+interface WorkspacePdfExportButtonProps {
+    targetElement: HTMLElement | string;
+    fileName?: string;
+    buttonText?: string;
+    className?: string;
+    iconProps?: React__default.ComponentProps<typeof Download>;
+    customIcon?: React__default.ReactNode;
+    ariaLabel?: string;
+    onBeforeExport?: () => void;
+    onAfterExport?: () => void;
+    html2canvasOptions?: Partial<Parameters<typeof html2canvas>[1]>;
+    jsPdfOptions?: {
+        orientation?: 'p' | 'portrait' | 'l' | 'landscape';
+        unit?: 'pt' | 'mm' | 'cm' | 'in';
+        format?: string | number[];
+    };
+}
+declare const WorkspacePdfExportButton: React__default.FC<WorkspacePdfExportButtonProps>;
+
+type KPITrend = 'up' | 'down' | 'neutral';
+interface KPICardProps {
+    /**
+     * The title or label for the KPI
+     */
+    title: string;
+    /**
+     * The primary value to display
+     */
+    value: string | number;
+    /**
+     * Optional trend direction ('up', 'down', 'neutral')
+     */
+    trend?: KPITrend;
+    /**
+     * Optional numerical change value (e.g., 5.2 for +5.2%)
+     */
+    change?: number;
+    /**
+     * Optional unit/suffix to display next to the value (e.g., '%', 'units')
+     */
+    suffix?: string;
+    /**
+     * Optional additional/secondary metric to display
+     */
+    secondaryMetric?: {
+        label: string;
+        value: string | number;
+        suffix?: string;
+    };
+    /**
+     * Optional status indicator
+     */
+    status?: {
+        indicator?: React__default.ReactNode;
+        tooltipText?: string;
+        positive?: boolean;
+    };
+    /**
+     * Whether this KPI is in a loading state
+     */
+    isLoading?: boolean;
+    /**
+     * Click handler for the card
+     */
+    onClick?: () => void;
+    /**
+     * Additional CSS classes for the component
+     */
+    className?: string;
+    /**
+     * Additional styling options
+     */
+    style?: {
+        compact?: boolean;
+        variant?: 'default' | 'filled' | 'outlined' | 'subtle';
+    };
+    /**
+     * Whether to show output details indicator (for backward compatibility with src version)
+     * @deprecated Use status prop instead
+     */
+    showOutputDetails?: boolean;
+    /**
+     * Output difference for determining indicator color (for backward compatibility with src version)
+     * @deprecated Use status prop instead
+     */
+    outputDifference?: number;
+}
+/**
+ * KPICard component
+ *
+ * Displays a single KPI metric with various configuration options including
+ * trend indicators, secondary metrics, and status indicators.
+ */
+declare const KPICard: React__default.FC<KPICardProps>;
+
+interface WorkspaceCardProps {
+    workspaceId: string;
+    workspaceName: string;
+    efficiency?: {
+        value: number;
+        trend?: KPITrend;
+    };
+    output?: {
+        current: number;
+        target?: number;
+        unit?: string;
+    };
+    pph?: {
+        value: number;
+        target?: number;
+        unit?: string;
+    };
+    cycleTime?: {
+        value: number;
+        target?: number;
+        unit?: string;
+    };
+    operators?: Pick<OperatorInfo, 'id' | 'name' | 'photo_url'>[];
+    status?: 'bottleneck' | 'lowEfficiency' | 'inactive' | 'normal';
+    onCardClick?: (workspaceId: string) => void;
+    headerActions?: React__default.ReactNode;
+    footerContent?: React__default.ReactNode;
+    chartData?: {
+        type: 'line' | 'bar';
+        data: LineChartDataItem[] | BarChartDataItem[];
+        dataKey: string;
+        xAxisKey?: string;
+    };
+    isLoading?: boolean;
+    className?: string;
+    metricCardClassName?: string;
+}
+declare const WorkspaceCard: React__default.FC<WorkspaceCardProps>;
+
+interface ShiftData {
+    efficiency: number;
+    output: number;
+    cycleTime: number;
+    pph: number;
+    pphThreshold: number;
+    idealOutput: number;
+    rank: number;
+}
+interface DayData {
+    date: Date;
+    dayShift: ShiftData;
+    nightShift: ShiftData;
+}
+interface WorkspaceHistoryCalendarProps {
+    data: DayData[];
+    onDateSelect: (date: string) => void;
+    month: number;
+    year: number;
+    workspaceId: string;
+    selectedShift?: 'day' | 'night';
+    onMonthNavigate?: (newMonth: number, newYear: number) => void;
+    onShiftChange?: (shift: 'day' | 'night') => void;
+    className?: string;
+}
+declare const WorkspaceHistoryCalendar: React__default.FC<WorkspaceHistoryCalendarProps>;
+
+interface WorkspaceWhatsAppShareProps {
+    workspace: WorkspaceDetailedMetrics;
+    className?: string;
+}
+declare const WorkspaceWhatsAppShareButton: React__default.FC<WorkspaceWhatsAppShareProps>;
+
+interface WorkspacePdfGeneratorProps {
+    workspace: WorkspaceDetailedMetrics;
+    className?: string;
+}
+declare const WorkspacePdfGenerator: React__default.FC<WorkspacePdfGeneratorProps>;
+
+interface WorkspaceMetricCardsProps {
+    workspace: WorkspaceDetailedMetrics;
+    className?: string;
+}
+declare const WorkspaceMetricCards: React__default.FC<WorkspaceMetricCardsProps>;
+
+/**
+ * LiveTimer component that displays the current time in IST format
+ * This is used in the workspace detail view to show real-time updates
+ */
+declare const LiveTimer: React__default.FC;
+
+/**
+ * Types for BottlenecksContent component
+ */
+
+/**
+ * Props for the BottlenecksContent component
+ */
+interface BottlenecksContentProps {
+    /**
+     * ID of the workspace to fetch clips for
+     */
+    workspaceId: string;
+    /**
+     * Display name of the workspace
+     */
+    workspaceName: string;
+    /**
+     * Optional date to fetch clips for (defaults to current date)
+     */
+    date?: string;
+    /**
+     * Optional S3 service configuration
+     */
+    s3Config?: S3ServiceConfig;
+    /**
+     * Optional className for styling
+     */
+    className?: string;
+    /**
+     * Optional custom fetch function for clips
+     */
+    customFetchClips?: (workspaceId: string, date?: string) => Promise<BottleneckVideo[]>;
+}
+/**
+ * Filter type for bottleneck clips
+ */
+type BottleneckFilterType = 'all' | 'high' | 'medium' | 'low' | 'low_value';
+/**
+ * Clip counts for each type/severity
+ */
+interface ClipCounts {
+    bottlenecks: number;
+    lowValue: number;
+    highSeverity: number;
+    mediumSeverity: number;
+    lowSeverity: number;
+    total: number;
+}
+
+/**
+ * BottlenecksContent Component
+ *
+ * Displays video clips of bottlenecks and low-value activities for a workspace.
+ * This component directly uses S3 to fetch and display videos without requiring an API endpoint.
+ */
+declare const BottlenecksContent: React__default.FC<BottlenecksContentProps>;
+
+interface WorkspacePosition {
+    id: string;
+    x: number;
+    y: number;
+    section: 'top' | 'middle-top' | 'middle-bottom' | 'bottom' | 'left-side';
+    size?: 'normal' | 'large' | 'extra-large' | 'extra-wide' | 'rectangular-small' | 'conveyor';
+    orientation?: 'right' | 'left';
+}
+interface WorkspaceGridItemProps {
+    data: {
+        workspace_id: string;
+        workspace_name: string;
+        efficiency: number;
+        performance_score: number;
+        trend_score: 0 | 1 | 2;
+        avg_cycle_time: number;
+        avg_pph: number;
+        total_output: number;
+        ideal_output: number;
+        line_id: string;
+        company_id: string;
+        shift_id: number;
+        date: string;
+    };
+    position: WorkspacePosition;
+    isBottleneck?: boolean;
+    isLowEfficiency?: boolean;
+    isVeryLowEfficiency?: boolean;
+    onHoverChange?: (isHovered: boolean) => void;
+}
+declare const Legend: () => react_jsx_runtime.JSX.Element;
+declare const WorkspaceGridItem: React__default.FC<WorkspaceGridItemProps>;
+
+declare const DEFAULT_WORKSPACE_POSITIONS: WorkspacePosition[];
+declare const WORKSPACE_POSITIONS: WorkspacePosition[];
+
+interface WorkspaceGridProps {
+    workspaces: WorkspaceMetrics[];
+    isPdfMode?: boolean;
+    customWorkspacePositions?: typeof DEFAULT_WORKSPACE_POSITIONS;
+    lineNames?: Record<string, string>;
+    factoryView?: string;
+    line2Uuid?: string;
+    className?: string;
+    videoSources?: {
+        defaultHlsUrl?: string;
+        workspaceHlsUrls?: Record<string, string>;
+        mp4VideoMapping?: Record<string, string>;
+    };
+}
+declare const WorkspaceGrid: React__default.FC<WorkspaceGridProps>;
+
+interface TargetWorkspaceGridProps {
+    lineId: string;
+    selectedWorkspaces: string[];
+    onWorkspaceSelect: (workspaceId: string) => void;
+    previouslyAssignedWorkspaces?: string[];
+    positions: WorkspacePosition[];
+    lineNames?: Record<string, string>;
+    className?: string;
+}
+declare const TargetWorkspaceGrid: React__default.FC<TargetWorkspaceGridProps>;
+
+interface VideoGridViewProps {
+    workspaces: WorkspaceMetrics[];
+    selectedLine?: number;
+    className?: string;
+    lineIdMapping?: Record<string, string>;
+    videoSources?: {
+        defaultHlsUrl?: string;
+        workspaceHlsUrls?: Record<string, string>;
+        mp4VideoMapping?: Record<string, string>;
+    };
+    streamConfig?: {
+        maxConcurrentInitializations?: number;
+        staggerDelay?: number;
+        initialPlayDelay?: number;
+        maxPlayRetries?: number;
+        maxFatalErrorRetries?: number;
+        errorRetryBaseDelay?: number;
+        maxErrorRetryDelay?: number;
+        streamHealthCheckInterval?: number;
+        debugCropRegions?: boolean;
+    };
+    hlsConfig?: Partial<Record<string, any>>;
+}
+/**
+ * VideoGridView component for displaying a grid of workspace video streams
+ * with efficiency metrics and controls.
+ */
+declare const VideoGridView: React__default.FC<VideoGridViewProps>;
+
+declare const GridComponentsPlaceholder: {};
+
+interface KPIGridProps {
+    /**
+     * Child components (typically KPICard components)
+     */
+    children: React__default.ReactNode;
+    /**
+     * Layout orientation
+     */
+    layout?: 'row' | 'grid';
+    /**
+     * Number of columns for grid layout (default is responsive)
+     */
+    columns?: number | {
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+    /**
+     * Spacing between items
+     */
+    gap?: 'none' | 'sm' | 'md' | 'lg';
+    /**
+     * Additional CSS classes
+     */
+    className?: string;
+}
+/**
+ * KPIGrid component
+ *
+ * A layout component for arranging KPI cards in either a row or a grid.
+ * Provides responsive behavior by default.
+ */
+declare const KPIGrid: React__default.FC<KPIGridProps>;
+
+interface KPIHeaderProps {
+    /**
+     * Main header title
+     */
+    title: string;
+    /**
+     * Optional subtitle or description
+     */
+    subtitle?: string;
+    /**
+     * Optional additional content to render in the header (e.g., actions, filters)
+     */
+    actions?: React__default.ReactNode;
+    /**
+     * Additional CSS classes for the container
+     */
+    className?: string;
+    /**
+     * Additional CSS classes for the title
+     */
+    titleClassName?: string;
+    /**
+     * Additional CSS classes for the subtitle
+     */
+    subtitleClassName?: string;
+    /**
+     * Additional CSS classes for the actions container
+     */
+    actionsClassName?: string;
+    /**
+     * Header size variant
+     */
+    size?: 'sm' | 'md' | 'lg';
+}
+/**
+ * KPIHeader component
+ *
+ * A header component for KPI sections that displays a title,
+ * optional subtitle, and optional action buttons.
+ */
+declare const KPIHeader: React__default.FC<KPIHeaderProps>;
+
+interface KPISectionProps {
+    /**
+     * The KPI data to display
+     */
+    kpis: DashboardKPIs;
+    /**
+     * Additional className for the container
+     */
+    className?: string;
+    /**
+     * Layout for the KPI cards
+     * @default 'row'
+     */
+    layout?: 'row' | 'grid';
+    /**
+     * Columns for grid layout, passed to KPIGrid
+     */
+    gridColumns?: number | {
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+    };
+    /**
+     * Gap for KPIGrid
+     */
+    gridGap?: 'none' | 'sm' | 'md' | 'lg';
+    /**
+     * Style variant for the KPICards
+     * @default 'default'
+     */
+    cardVariant?: 'default' | 'filled' | 'outlined' | 'subtle';
+    /**
+     * Compact mode for KPICards
+     * @default false
+     */
+    compactCards?: boolean;
+    /**
+     * Flag to use the original src layout (3 cards with specific styling)
+     * @default false
+     */
+    useSrcLayout?: boolean;
+}
+/**
+ * KPISection component
+ *
+ * Displays a section of KPI cards with different layouts and styles.
+ * Compatible with the original src implementation while providing extended functionality.
+ */
+declare const KPISection: React__default.FC<KPISectionProps>;
+
+interface DashboardHeaderProps {
+    lineTitle: string;
+    className?: string;
+}
+/**
+ * Header component for dashboard pages with title and timer
+ */
+declare const DashboardHeader: React__default.MemoExoticComponent<({ lineTitle, className }: DashboardHeaderProps) => react_jsx_runtime.JSX.Element>;
+
+interface NoWorkspaceDataProps {
+    className?: string;
+}
+/**
+ * Component to display when no workspace data is available
+ */
+declare const NoWorkspaceData: React__default.MemoExoticComponent<({ className }: NoWorkspaceDataProps) => react_jsx_runtime.JSX.Element>;
+
+/**
+ * SideNavBar is a fixed implementation for the original src version,
+ * hardcoded with specific routes and icons.
+ * It does not use the navItems prop for backward compatibility.
+ */
+declare const SideNavBar: React__default.FC<SideNavBarProps>;
+
+declare const PageHeader: React__default.FC<PageHeaderProps>;
+
+interface DashboardLayoutProps {
+    children: React__default.ReactNode;
+    pageTitle: string;
+    navItems?: NavItem[];
+    logo?: React__default.ReactNode;
+    headerActions?: React__default.ReactNode;
+    headerBreadcrumbs?: BreadcrumbItem[];
+    headerUserProfileConfig?: UserProfileConfig;
+    showHeaderDateTime?: boolean;
+    isLoading?: boolean;
+    error?: Error | string | null;
+    currentPathname: string;
+    currentQuery?: Record<string, any>;
+    className?: string;
+    contentClassName?: string;
+    hideSideBar?: boolean;
+    hideHeader?: boolean;
+}
+declare const DashboardLayout: React__default.FC<DashboardLayoutProps>;
+
+interface MainLayoutProps {
+    children: React__default.ReactNode;
+    className?: string;
+    navItems?: NavItem[];
+    logo?: React__default.ReactNode;
+}
+declare const MainLayout: React__default.FC<MainLayoutProps>;
+
+interface HeaderProps {
+    className?: string;
+}
+declare const Header: React__default.FC<HeaderProps>;
+
+declare const withAuth: <P extends object>(WrappedComponent: React$1.ComponentType<P>) => (props: P) => react_jsx_runtime.JSX.Element;
+
+declare const DEFAULT_HLS_CONFIG: {
+    maxBufferLength: number;
+    maxMaxBufferLength: number;
+    maxBufferSize: number;
+    maxBufferHole: number;
+    lowLatencyMode: boolean;
+    enableWorker: boolean;
+    backBufferLength: number;
+};
+interface SingleVideoStreamProps {
+    /**
+     * Workspace ID for the stream
+     */
+    workspaceId: string;
+    /**
+     * Workspace name used to determine the camera number
+     */
+    workspaceName: string;
+    /**
+     * Optional direct stream URL. If not provided, will be generated based on workspaceName and baseUrl
+     */
+    streamUrl?: string;
+    /**
+     * Base URL for HLS streams. Default is 'https://172.20.135.100:8443/'
+     */
+    baseUrl?: string;
+    /**
+     * Function to get camera URL based on workspace name. If not provided, default implementation is used.
+     */
+    getCameraStreamUrl?: (workspaceName: string, baseUrl: string) => string;
+    /**
+     * Optional handler for video click events
+     */
+    onVideoClick?: () => void;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Maximum number of retry attempts for video playback. Default is 3.
+     */
+    maxPlayRetries?: number;
+    /**
+     * Initial delay before playing video (in ms). Default is 100.
+     */
+    initialPlayDelay?: number;
+    /**
+     * Custom HLS configuration to override defaults
+     */
+    hlsConfig?: Partial<typeof DEFAULT_HLS_CONFIG>;
+}
+/**
+ * Default function to get camera number from workspace name
+ */
+declare const getCameraNumber: (workspaceName: string) => number;
+/**
+ * Default function to get camera URL based on workspace name
+ */
+declare const getDefaultCameraStreamUrl: (workspaceName: string, baseUrl: string) => string;
+/**
+ * SingleVideoStream component for displaying HLS video streams
+ */
+declare const SingleVideoStream: React__default.FC<SingleVideoStreamProps>;
+
+interface WorkspaceMonthlyDataFetcherProps {
+    /**
+     * The ID of the workspace to fetch monthly data for
+     */
+    workspaceId: string;
+    /**
+     * The month to fetch data for (0-based, where 0 = January)
+     */
+    selectedMonth: number;
+    /**
+     * The year to fetch data for
+     */
+    selectedYear: number;
+    /**
+     * Callback function that receives the loaded data
+     */
+    onDataLoaded: (data: any[]) => void;
+    /**
+     * Callback function that receives the loading state
+     */
+    onLoadingChange: (isLoading: boolean) => void;
+}
+/**
+ * A non-visual component that fetches monthly workspace data and passes it to its parent via callbacks.
+ */
+declare const WorkspaceMonthlyDataFetcher: React__default.FC<WorkspaceMonthlyDataFetcherProps>;
+
+interface HomeViewProps {
+    /**
+     * UUID of the default line to display
+     */
+    defaultLineId: string;
+    /**
+     * UUID for the factory view
+     */
+    factoryViewId: string;
+    /**
+     * UUID for Line 1
+     */
+    line1Uuid: string;
+    /**
+     * UUID for Line 2
+     */
+    line2Uuid: string;
+    /**
+     * Names for each line, keyed by UUID
+     */
+    lineNames: Record<string, string>;
+    /**
+     * Optional video sources configuration
+     */
+    videoSources?: {
+        workspaceHlsUrls?: Record<string, string>;
+        mp4VideoMapping?: Record<string, string>;
+    };
+    /**
+     * Optional factory name to display in the header
+     */
+    factoryName?: string;
+}
+/**
+ * HomeView component - Main dashboard landing page showing factory overview with workspace grid
+ */
+declare function HomeView({ defaultLineId, factoryViewId, line1Uuid, line2Uuid, lineNames, videoSources, factoryName }: HomeViewProps): React__default.ReactNode;
+declare const AuthenticatedHomeView: (props: HomeViewProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * FactoryView Component - Displays factory-level overview with metrics for each production line
+ */
+declare const FactoryView: React__default.FC<FactoryViewProps>;
+declare const AuthenticatedFactoryView: (props: FactoryViewProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * LeaderboardIndexView component for displaying a list of lines that can be selected for the leaderboard
+ */
+declare const LeaderboardIndexView: React__default.FC<LeaderboardIndexViewProps>;
+
+/**
+ * LeaderboardDetailView component for displaying a detailed leaderboard for a specific line
+ */
+declare const LeaderboardDetailView: React__default.FC<LeaderboardDetailViewProps>;
+
+interface TargetsViewProps {
+    /** Line UUIDs to display and configure in the view */
+    lineIds: string[];
+    /** Line display names mapping (lineId to display name) */
+    lineNames: Record<string, string>;
+    /** Company UUID for fetching actions */
+    companyId: string;
+    /** Optional router instance for navigation */
+    router?: {
+        push: (path: string) => void;
+    };
+    /** Optional user ID for tracking who made changes */
+    userId?: string;
+    /** Callback when changes are saved */
+    onSaveChanges?: (lineId: string) => void;
+}
+
+/**
+ * TargetsView component for managing production targets
+ *
+ * This component allows for configuring:
+ * - Production targets (PPH, cycle time, day output)
+ * - Action types per workspace
+ * - Product codes
+ * - Supports both day and night shifts
+ */
+declare const TargetsView: React__default.FC<TargetsViewProps>;
+
+declare const AuthenticatedTargetsView: (props: TargetsViewProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * ShiftsView component for managing day and night shift configurations
+ */
+declare const ShiftsView: React__default.FC<ShiftsViewProps>;
+
+interface KPIDetailViewProps {
+    /**
+     * The ID of the line to display details for
+     */
+    lineId: string;
+    /**
+     * Optional specific date to view (YYYY-MM-DD)
+     */
+    date?: string;
+    /**
+     * Optional shift ID (0 for day, 1 for night)
+     */
+    shift?: string | number;
+    /**
+     * Initial tab to show
+     */
+    tab?: string;
+    /**
+     * Month to display in monthly history (0-11)
+     */
+    month?: string | number;
+    /**
+     * Year to display in monthly history
+     */
+    year?: string | number;
+    /**
+     * Company ID (if not using the default)
+     */
+    companyId?: string;
+    /**
+     * Optional custom navigation handler
+     * Default is Next.js router push
+     */
+    navigate?: NavigationMethod;
+    /**
+     * Optional custom class name for additional styling
+     */
+    className?: string;
+    /**
+     * Custom back link URL
+     */
+    backLinkUrl?: string;
+    /**
+     * Back button click handler
+     */
+    onBackClick?: () => void;
+}
+
+/**
+ * Main KPIDetailView component.
+ * Shows efficiency metrics and KPIs for a specific line, including:
+ * - Line output progress
+ * - Underperforming workspaces count
+ * - Average efficiency
+ * - Poorest performing workspaces list
+ * - Hourly output chart
+ *
+ * Also provides monthly history view with calendar and underperforming workspaces tracking.
+ */
+declare const KPIDetailView: React__default.FC<KPIDetailViewProps>;
+
+type TabType = 'overview' | 'monthly_history' | 'bottlenecks';
+type NavigationHandler = (url: string) => void;
+interface WorkspaceDetailViewProps {
+    /**
+     * Workspace ID to display
+     */
+    workspaceId: string;
+    /**
+     * Optional date string for viewing historical data
+     * Format: YYYY-MM-DD
+     */
+    date?: string;
+    /**
+     * Optional shift ID for viewing historical data
+     * 0 = Day shift, 1 = Night shift
+     */
+    shift?: number | string;
+    /**
+     * Optional parameter to indicate if coming from monthly view
+     */
+    fromMonthly?: boolean;
+    /**
+     * Optional parameter to indicate source type
+     */
+    sourceType?: 'lineMonthlyHistory' | string;
+    /**
+     * Optional display name override for the workspace
+     */
+    displayName?: string;
+    /**
+     * Optional default tab to show
+     */
+    defaultTab?: TabType;
+    /**
+     * Optional return URL for back navigation
+     */
+    returnUrl?: string;
+    /**
+     * Line IDs for reference (configurable to avoid hardcoded constants)
+     */
+    lineIds?: {
+        line1?: string;
+        line2?: string;
+    };
+    /**
+     * Optional navigation handler override
+     */
+    onNavigate?: NavigationHandler;
+    /**
+     * Optional callback when a tab is changed
+     */
+    onTabChange?: (tab: TabType) => void;
+    /**
+     * Optional callback when calendar date is selected
+     */
+    onDateSelect?: (date: string, shift: 'day' | 'night') => void;
+    /**
+     * Optional className for styling
+     */
+    className?: string;
+    /**
+     * Optional prop for UI customization
+     */
+    showCycleTimeChart?: boolean;
+    /**
+     * Optional render props for custom header actions
+     */
+    renderHeaderActions?: (workspace: any) => ReactNode;
+}
+declare const WrappedComponent: (props: WorkspaceDetailViewProps) => react_jsx_runtime.JSX.Element;
+
+export { ACTION_NAMES, type Action, type ActionName, type ActionService, type ActionThreshold, type AnalyticsConfig, type AuthConfig, AuthProvider, type AuthUser, AuthenticatedFactoryView, AuthenticatedHomeView, AuthenticatedTargetsView, BarChart, type BarChartDataItem, type BarChartProps, type BarProps, BaseHistoryCalendar, type BaseLineMetric, type BasePerformanceMetric, type BottleneckFilterType, type BottleneckVideo, BottlenecksContent, type BottlenecksContentProps, type BreadcrumbItem, type Break, type BreakRowProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type ClipCounts, type ComponentOverride, type CurrentShiftResult, CycleTimeChart, type CycleTimeChartProps, CycleTimeOverTimeChart, type CycleTimeOverTimeChartProps, DEFAULT_ANALYTICS_CONFIG, DEFAULT_AUTH_CONFIG, DEFAULT_CONFIG, DEFAULT_DATABASE_CONFIG, DEFAULT_DATE_TIME_CONFIG, DEFAULT_ENDPOINTS_CONFIG, DEFAULT_ENTITY_CONFIG, DEFAULT_SHIFT_CONFIG, DEFAULT_THEME_CONFIG, DEFAULT_WORKSPACE_CONFIG, DEFAULT_WORKSPACE_POSITIONS, type DashboardConfig, DashboardHeader, type DashboardKPIs, DashboardLayout, type DashboardLayoutProps, DashboardOverridesProvider, DashboardProvider, type DashboardService, type DatabaseConfig, DateDisplay, type DateTimeConfig, DateTimeDisplay, type DayHistoryData, type DaySummaryData, EmptyStateMessage, type EndpointsConfig, type EntityConfig, type FactoryOverviewData, FactoryView, type FactoryViewProps, type FormatNumberOptions, GridComponentsPlaceholder, Header, type HeaderProps, type HistoryCalendarProps, HomeView, type HomeViewProps, type HookOverride, HourlyOutputChart, type HourlyOutputChartProps, type HourlyPerformance, type ISTDateProps, ISTTimer, type ISTTimerProps, KPICard, type KPICardProps, KPIDetailView, KPIGrid, type KPIGridProps, KPIHeader, type KPIHeaderProps, KPISection, type KPITrend, LINE_1_UUID, LargeOutputProgressChart, type LargeOutputProgressChartProps, LeaderboardDetailView, type LeaderboardDetailViewProps, type LeaderboardEntry, LeaderboardIndexView, type LeaderboardIndexViewProps, type LeaderboardLineOption, Legend, LineChart, type LineChartDataItem, type LineChartProps, type LineDetails, type LineDisplayData, LineHistoryCalendar, type LineHistoryCalendarProps, type LineInfo, type LineMetrics, LineMonthlyHistory, type LineMonthlyHistoryProps, type LineMonthlyMetric, type LineNavigationParams, LinePdfExportButton, type LinePdfExportButtonProps, LinePdfGenerator, type LinePdfGeneratorProps, type LineProps, type LineShiftConfig, type LineSnapshot, type LineThreshold, LineWhatsAppShareButton, type LineWhatsAppShareProps, LiveTimer, LoadingOverlay, LoadingPage, LoadingSpinner, MainLayout, type MainLayoutProps, type Metric, MetricCard, type MetricsError, type NavItem, type NavItemTrackingEvent, NoWorkspaceData, type OperatorData, type OperatorInfo, OutputProgressChart, type OutputProgressChartProps, type OverridesMap, type OverviewLineMetric, type OverviewWorkspaceMetric, PageHeader, type PageHeaderProps, type PageOverride, type PoorPerformingWorkspace, type ProfileMenuItem, type QualityMetric, type QualityOverview, type QualityService, type RealtimeService, type RoutePath, S3Service, type S3ServiceConfig, SOPComplianceChart, type SOPComplianceChartProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, type ShiftConfig, type ShiftConfiguration, type ShiftConfigurationRecord, type ShiftData$2 as ShiftData, ShiftDisplay, type ShiftHistoryData, type ShiftHoursMap, type ShiftPanelProps, type ShiftSummaryData, type ShiftTime, ShiftsView, type ShiftsViewProps, SideNavBar, type SideNavBarProps, type SimpleLine, SingleVideoStream, type SingleVideoStreamProps, Skeleton, type SupabaseClient, SupabaseProvider, type Target, TargetWorkspaceGrid, type TargetWorkspaceGridProps, TargetsView, type ThemeColorValue, type ThemeConfig, TimeDisplay, type TrackingEventProperties, type UnderperformingWorkspace, type UnderperformingWorkspaces, type UseDashboardMetricsProps, type UseFactoryOverviewOptions, type UseFormatNumberResult, type UseRealtimeLineMetricsProps, type UseTargetsOptions, type UseWorkspaceOperatorsOptions, type UserProfileConfig, VideoGridView, VideoPreloader, WORKSPACE_POSITIONS, type WhatsAppSendResult, WhatsAppShareButton, type WhatsappService, type Workspace, type WorkspaceActionUpdate, WorkspaceCard, type WorkspaceCardProps, type WorkspaceConfig, WrappedComponent as WorkspaceDetailView, type WorkspaceDetailedMetrics, WorkspaceGrid, WorkspaceGridItem, type WorkspaceGridItemProps, WorkspaceHistoryCalendar, WorkspaceMetricCards, type WorkspaceMetricCardsProps, type WorkspaceMetrics, WorkspaceMonthlyDataFetcher, type WorkspaceMonthlyDataFetcherProps, type WorkspaceMonthlyMetric, type WorkspaceNavigationParams, WorkspacePdfExportButton, type WorkspacePdfExportButtonProps, WorkspacePdfGenerator, type WorkspacePdfGeneratorProps, type WorkspacePosition, type WorkspaceQualityData, type WorkspaceUrlMapping, WorkspaceWhatsAppShareButton, type WorkspaceWhatsAppShareProps, actionService, apiUtils, authCoreService, cn, createSupabaseClient, dashboardService, formatDateInZone, formatDateTimeInZone, formatISTDate, formatTimeInZone, fromUrlFriendlyName, getAnonClient, getCameraNumber, getCompanyMetricsTableName, getConfigurableShortWorkspaceDisplayName, getConfigurableWorkspaceDisplayName, getCurrentShift, getCurrentTimeInZone, getDashboardHeaderTimeInZone, getDaysDifferenceInZone, getDefaultCameraStreamUrl, getDefaultTabForWorkspace, getMetricsTablePrefix, getOperationalDate, getShortWorkspaceDisplayName, getStoredWorkspaceMappings, getWorkspaceDisplayName, getWorkspaceFromUrl, getWorkspaceNavigationParams, identifyCoreUser, initializeCoreMixpanel, isTransitionPeriod, isValidLineInfoPayload, isValidWorkspaceDetailedMetricsPayload, isValidWorkspaceMetricsPayload, mergeWithDefaultConfig, preloadVideoUrl, preloadVideosUrl, qualityService, realtimeService, resetCoreMixpanel, storeWorkspaceMapping, toUrlFriendlyName, trackCoreEvent, trackCorePageView, useAnalyticsConfig, useAuth, useAuthConfig, useComponentOverride, useCustomConfig, useDashboardConfig, useDashboardMetrics, useDatabaseConfig, useDateFormatter, useDateTimeConfig, useEndpointsConfig, useEntityConfig, useFactoryOverviewMetrics, useFeatureFlags, useFormatNumber, useHistoricWorkspaceMetrics, useHookOverride, useLeaderboardMetrics, useLineDetailedMetrics, useLineKPIs, useLineMetrics, useLineWorkspaceMetrics, useMetrics, useNavigation, useOverrides, usePageOverride, useRealtimeLineMetrics, useShiftConfig, useShifts, useSupabase, useTargets, useTheme, useThemeConfig, useWorkspaceConfig, useWorkspaceDetailedMetrics, useWorkspaceMetrics, useWorkspaceNavigation, useWorkspaceOperators, videoPreloader, whatsappService, withAuth, workspaceDisplayNames, workspaceService };