React: Downtime Reasons Visualization Table

Product Version History

Resources

• Loom Demo

Purpose of this Feature

This feature provides a read-only view of all downtime categories and reasons configured for a given scope, with the ability to export the data as a CSV file.

Problems it solves:

• No easy way to see which categories and reasons are available for downtime labeling
• Difficult to understand which label schemas are in use across different areas and lines
• No way to export the list of reasons for documentation or review

Who benefits:

• Production managers who need to understand what labeling options are available
• Site administrators reviewing downtime configurations across areas and lines
• Anyone who needs to export reason lists for training, documentation, or auditing

Key Functionalities and Workflows

Capabilities:

• View all downtime categories and reasons for the current scope
• See which label schemas are in use and where they're applied
• Search reasons by text
• Filter by category (multi-select)
• Export the current view to CSV

Scope behavior:

• Line level: Shows the label schema in use, plus the full categories/reasons table
• Area level: Shows the label schema in use, plus the full categories/reasons table
• Site level: Shows all label schemas in use across the site and where they're applied (no categories/reasons table, since reasons are assigned at the Area or Line level)

Step-by-Step Usage Instructions

View Downtime Reasons

• Navigate to React and select a Site, Area, or Line
• Click the Settings tab
• Click the Downtime Reasons sub-tab

• View the label schema(s) in use and where they're applied

• Scroll down to see the categories and reasons table (Area and Line level only)

Search for a Reason

1. In the Downtime Reasons sub-tab, locate the search box
2. Enter a keyword (e.g., "motor", "shortage")
3. The table filters to show matching reasons

Filter by Category

1. Click the Category filter dropdown
2. Select one or more categories
3. The table updates to show only reasons in the selected categories
4. Click a selected category again to deselect it

Export to CSV

1. Apply any search or category filters you want
2. Click the Export button
3. A CSV file downloads with the currently displayed categories and reasons
4. The file is named arch-export-reasons.csv

Configuration or Setup Requirements

Prerequisites:

• User must have access to the React application
• Downtime label schemas must be configured and assigned to the relevant areas/lines

This feature is read-only:

• Users cannot edit categories or reasons from this page
• To modify downtime configurations, use the standard configuration management tools

Expected Outputs or Reports

On-screen display:

At Line or Area level:

• Label Schemas in Use table showing schema name and where it's applied
• Downtime Reasons table with Category and Reason columns

At Site level:

• Label Schemas in Use table only (shows all schemas used across the site)

CSV Export:

• File name: arch-export-reasons.csv
• Contains: Category and Reason columns
• Respects applied filters (search and category selections)