# XWUIHrAutomationHistoryPage

`XWUIHrAutomationHistoryPage` is an HR shell page (extends `HrListPage` → `HrPageBase` → `XWUIShellPage`) that lists past automation-workflow executions in an `XWUIDataGrid`. On mount it calls `hrApi.listAutomationHistory()` and renders a striped, hoverable grid with the columns **Workflow** (`workflowName`), **Ran at** (`ranAt`), and **Outcome** (`outcome`); an empty result shows "No records found" / "لا توجد بيانات". The default page title is "Automation History". Configure it with the standard page-base `conf_comp` props (`maxWidth`, `centered`, `padding`, `hideHeader`, `hideBreadcrumbs`, `asideStartWidth`/`asideEndWidth`, `hideAsideStart`/`hideAsideEnd`, `className`) plus data props such as `title`, `description`, `breadcrumbs`, and `nav`; supplying `rows` in data bypasses the API call.

## Basic Usage

Loads the page against the sandbox HR API (`hrApiOptions: { env: 'sandbox' }`, `locale: 'en'`) and renders the run-history grid (Workflow / Ran at / Outcome) under the "Automation History" header.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts XWUIHrAutomationHistoryPage against the sandbox HR API and renders the Workflow/Ran at/Outcome execution-history grid.
```

## Arabic locale (RTL)

Passes `{ locale: 'ar' }` with a `titleAr` so the page resolves the Arabic title (`سجل الأتمتة`) and renders right-to-left.

```example
file: examples/ArabicLocale.ts
html: examples/ArabicLocale.html
title: Arabic locale (RTL)
description: Arabic title via titleAr plus locale 'ar' for a right-to-left page.
```

## Constrained, centered layout

Caps the content column at 1200px, centers it, and adds roomier padding via the shell-page config.

```example
file: examples/ConstrainedLayout.ts
html: examples/ConstrainedLayout.html
title: Constrained, centered layout
description: `{ maxWidth: '1200px', centered: true, padding: '2rem' }` constrains and centers the page column.
```

```api
```