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.
Summary
Functions
App layout — wraps each LiveView render.
Provides a flash message region and delegates the rest to the
LiveView's own render/1.
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