# XWUISuperSocialmedia

Super-tier app shell that composes the 22-component `industry/socialmedia/` surface into one sidebar-driven Instagram / TikTok / YouTube hybrid, exposing a single `social` group with nine leaves: Home Feed, Reels, Watch, Live, Stories, Saved, Trending, Insights, and Settings. `social-home` is the cold-start landing leaf, rendering a `XWUIStoryRingStrip` over two `XWUIFeedPost` cards; Reels mounts `XWUIReelsPlayer`, Watch mounts `XWUILongVideoPlayer`, Live composes `XWUIVideoPlayer` with `XWUILiveBadge` / `XWUILiveViewerCount` / `XWUILiveChat`, Stories mounts `XWUIStoryViewer`, Saved mounts `XWUIVideoThumbnailGrid`, Insights synthesises a KPI dashboard from the seed feed, and Trending / Settings are placeholders. The menu tree and page registry are static, so a host can deep-link by menu-key, set `title` / `sidebarWidth` / `sidebarCollapsed`, pass `activeKey`, `locale`, `user` and `notifications` as data, or merge with sibling Super apps via `extraTree` / `extraPages` or `XWUISuperApp.merge()`.

## Basic Usage

Mounts the Socialmedia shell standalone with an Ada Lovelace identity and a notification badge, cold-launching on the Home Feed with all nine surfaces reachable from the sidebar.

```example
file: examples/BasicUsage.ts
html: examples/BasicUsage.html
title: Basic Usage
description: Mounts XWUISuperSocialmedia on its own, opening on the default social-home feed of stories strip plus feed-post column.
```

## Merged With Chat

Merges Socialmedia with `XWUISuperChat` via `XWUISuperApp.merge()`, the canonical creator-app composition where the nine-leaf Social group and the eight-leaf Chat group share one shell without subclassing.

```example
file: examples/MergedWithChat.ts
html: examples/MergedWithChat.html
title: Merged With Chat
description: Union-merges XWUISuperSocialmedia with XWUISuperChat into one host XWUISuperApp, cold-landing on social-home from the first default leaf.
```

## Creator Insights (Arabic)

A creator opens on the insights / analytics view with the shell flipped to Arabic / RTL and a 25-notification badge.

```example
file: examples/CreatorInsightsArabic.ts
html: examples/CreatorInsightsArabic.html
title: Creator Insights (Arabic)
description: Deep-links XWUISuperSocialmedia onto social-insights with locale ar, landing a creator on the analytics view under RTL with a 25-notification badge.
```

## Reels Focus

A short-form viewing session lands on Reels with the sidebar collapsed for an immersive feed.

```example
file: examples/ReelsFocus.ts
html: examples/ReelsFocus.html
title: Reels Focus
description: Deep-links XWUISuperSocialmedia onto social-reels with sidebarCollapsed true, dropping into an immersive short-form feed.
```

```api
```