# `PhiaUiDesign.Web.Layouts`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phiaui_design/web/layouts.ex#L1)

Inline layout module for the PhiaUI Design tool.

Both the root layout and the app layout are defined as function
components here — no external HTML template files are needed,
keeping the design tool self-contained within the library.

## JavaScript strategy

Since this is a library with no asset build pipeline, we load the
pre-built IIFE bundles for Phoenix and LiveView via `<script>` tags.
These expose `window.Phoenix` and `window.LiveView` globals, which
the inline bootstrap script uses to create the `LiveSocket`.

# `app`

App layout — wraps each LiveView render.

Provides a flash message region and delegates the rest to the
LiveView's own `render/1`.

# `root`

Root HTML layout.

Renders the full `<!DOCTYPE html>` document shell including:

- Meta tags (charset, viewport, CSRF token)
- Inline CSS for the editor chrome and the active PhiaUI theme
- Script tags for Phoenix, LiveView, and the editor hooks
- The inner content slot

---

*Consult [api-reference.md](api-reference.md) for complete listing*
