{# @description The app sidebar: brand header, AppMenu, fixed footer. #}
{# @prop bg:text | default:"bg-base-200" | description:"Background class, passed to the header and footer." #}
{# @prop brand-url:text | default:"/" | description:"URL the brand mark links to." #}
{# @prop class:text | description:"Extra classes on the sidebar root." #}
{# @prop menu:text | default:"" | description:"Menu name to render. Empty renders AppMenu (or the mounted app's menu) with no back link." #}
{# @prop :collapse:text | description:"How the sidebar collapses: icons for an icon rail, or the default drawer behaviour." #}
{# @prop :title:text | description:"Title text shown in the sidebar header." #}
{# @prop :boost:boolean | description:"Set hx-boost on the sidebar root so every link inside it — menu items, brand link, footer actions — navigates with htmx." #}
{% load flex_menu %}
{# The drawer lives inside , and htmx swaps the body's innerHTML, so a #}
{# boosted click renders a fresh drawer in its server-side (closed) state and #}
{# the mobile overlay closes on its own. #}