# XWUISuperAI

Super-tier app shell for the AI domain, contributing a static `menuTree()` and `pages()` to the `XWUISuperApp` base under one top-level `ai` group (icon `sparkles`): a KPI Dashboard synthesised from `power/XWUIDashboard` (Active Agents, Prompts in Library, Runs This Week, Avg. Latency), the real `industry/ai/XWUIAutomationCenter`, and three "Coming soon" placeholder leaves - Prompt Library, Agents and Models - rendered through `basic/XWUIEmpty`. The Dashboard leaf carries `meta.default: true`, so it is the cold-start landing page when no `data.activeKey` is passed. Because the descriptors are pure static data, a host can deep-link by menu key, set `conf_comp.title` / `sidebarWidth` / `sidebarCollapsed`, attach a sidebar-footer identity via `data.user`, or fold this shell next to a sibling Super app through `extraTree` / `extraPages` or `XWUISuperApp.merge()`.

## Basic Usage

Mounts the AI shell standalone with an Ada Lovelace identity, opening on the Dashboard while the Automation Center and three Coming-Soon leaves stay reachable from the sidebar.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Stands XWUISuperAI up on its own with activeKey ai-dashboard, landing on the four-KPI dashboard with the Automation Center and three placeholder leaves alongside.
```

## Merged With Chat

Pairs XWUISuperAI with an inline `XWUISuperChatPlaceholder` (stand-in for the eventual `XWUISuperChat`) via `XWUISuperApp.merge()`, layering the chat group into the AI sidebar as `extraTree` / `extraPages`.

```example
file: examples/MergedWithChat.ts
html: examples/MergedWithChat.html
title: Merged With Chat
description: Union-merges XWUISuperAI with a placeholder chat Super app and feeds the chat-only slice as extraTree/extraPages, keeping ai-dashboard the default landing while the Chat group renders beneath it.
```

## Arabic RTL - Agents leaf

The same shell rendered right-to-left for an Arabic locale, landing on the Agents page with a branded logo and a notifications badge.

```example
file: examples/ArabicAgentsRtl.ts
html: examples/ArabicAgentsRtl.html
title: Arabic RTL - Agents leaf
description: locale 'ar' mirrors the shell and lands on ai-agents with an Arabic user name, text-mark logo and notifications badge.
```

## Persisted, collapsed shell - Models leaf

Boots onto the Models page with a collapsed sidebar, layout persisted to localStorage, and URL route-sync disabled.

```example
file: examples/PersistedCollapsedShell.ts
html: examples/PersistedCollapsedShell.html
title: Persisted, collapsed shell - Models leaf
description: activeKey ai-models with sidebarCollapsed + persistLayout to a namespaced storage key and autoSyncRoute off.
```

```api
```