# XWUISuperAccounting

Canonical Super-app shell for the accounting industry: its static `menuTree()` and `pages()` compose the eleven `industry/accounting/` page-classes under one expanded `acc` accordion group (icon `banknote`) - General Ledger, Aging Report, Bank Reconciliation, Invoices, Tax Summary, Trial Balance, Analytic Distribution, and a nested Charts sub-group (Aging Buckets, Budget Breakdown, Budget Line, Cashflow Timeline) - fronted by a `acc-dashboard` landing page built from `power/XWUIDashboard` with a four-tile KPI ribbon over the four chart cards. The Dashboard leaf is flagged `meta.default: true`, so it is the cold-start landing when no `data.activeKey` is given; every other leaf carries an `acc-*` key that survives a merge so deep-link routes like `#acc-invoices` keep working. Hosts tune the shell via `conf_comp.title` / `sidebarWidth` / `sidebarCollapsed`, set the sidebar-footer identity through `data.user`, and fold it next to sibling Super apps via `extraTree` / `extraPages` or `XWUISuperApp.merge()`.

## Basic Usage

Mounts the Accounting shell standalone with an Ada Accountant identity and no `activeKey`, proving the default-landing contract by auto-selecting the dashboard.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts XWUISuperAccounting on its own and omits activeKey so the base class auto-picks the meta.default acc-dashboard, with every ledger, document and chart page reachable from the accordion.
```

## Merged With CRM

Folds Accounting and `XWUISuperCRM` into one shell via `XWUISuperApp.merge()`, passing the combined descriptor as `extraTree` / `extraPages` while landing on the populated accounting dashboard.

```example
file: examples/MergedWithCRM.ts
html: examples/MergedWithCRM.html
title: Merged With CRM
description: Union-merges XWUISuperAccounting with XWUISuperCRM into one host XWUISuperApp, showing both top-level groups side by side and opening on acc-dashboard.
```

## Arabic RTL - Invoices leaf

The accounting shell localized for an Arabic finance team, landing on the Invoices page with a branded logo and an overdue-count badge.

```example
file: examples/InvoicesArabicRtl.ts
html: examples/InvoicesArabicRtl.html
title: Arabic RTL - Invoices leaf
description: locale 'ar' mirrors the shell and lands on acc-invoices with an Arabic user name, rounded logo and notifications badge.
```

## Cashflow chart, sidebar collapsed

Deep-links into the nested cash-flow chart leaf with the sidebar collapsed and the layout persisted to localStorage.

```example
file: examples/CashflowChartCollapsed.ts
html: examples/CashflowChartCollapsed.html
title: Cashflow chart, sidebar collapsed
description: activeKey acc-chart-cashflow with sidebarCollapsed + persistLayout to a namespaced storage key.
```

```api
```