{% block title %}DemandTrail Messaging{% endblock %}

{% load static %} {% block title %}DemandTrail Messaging{% endblock %} {% comment %} **Leg 1 of the anti-flash contract.** The sidebar can start a page at either of two widths, and the stored one has to be known before first paint — so this runs synchronously, ahead of the stylesheet's effect and long before Alpine. Legs 2 and 3 are the {% block extra_head %}{% endblock %} {% csrf_token %} {% include "partials/_toast_host.html" %} {% if show_app_shell %} {% comment %} Two pieces of shell state. `sidebarCollapsed` is desktop-only and persisted — x-effect writes it back on every change through the head script's guarded helper, and the pre-paint script beside that helper reads it before Alpine exists. `mobileMenuOpen` is the drawer and is deliberately NOT persisted: a drawer that reopens itself on the next page is a drawer covering the page you asked for. `wsOpen` used to be here because two controls opened one panel. There is one trigger now, so it lives on the switcher — see partials/_app_sidebar.html. {% endcomment %}

{% comment %} `lg:hidden`, never a bare `hidden`: Alpine shows an element by clearing its inline display, after which an unconditional display:none utility reasserts itself and the element stays invisible forever. A responsive variant is fine, and test_no_element_combines_x_show_with_a_display_none_utility splits on tokens for exactly that reason. {% endcomment %} {% comment %} The one sidebar, on every page of the product. The block is not a seam for replacing it — a second

would mean a second `nav-badge-inbox` — it is how a settings layout hands this same partial its rows, which is the only thing about the sidebar a layout may decide. The guard is apps/notifications/tests/test_shell.py::test_every_layout_that_takes_the_sidebar_block_uses_the_one_partial. See partials/_app_sidebar.html and layouts/settings.html. There used to be a 232px settings column rendered after it, in a {% block secondary_nav %}. The settings rows are in the sidebar itself now, so the column and its block are both gone. {% endcomment %} {% block app_sidebar %}{% include "partials/_app_sidebar.html" %}{% endblock %}

{% comment %} The only chrome above the page, and only below `lg`. On a desktop the sidebar names the workspace and there is nothing else a bar would carry — the search that used to sit in one is on the page it searched (templates/contacts/list.html) and the bell is a nav row. Not a {% templatetag openblock %} block {% templatetag closeblock %}: it is shell furniture, and the header block it replaces was never overridden by anything. {% endcomment %} {% block sub_nav %}{% endblock %} {% comment %}

is transparent now. It used to be one big white rounded card that every page rendered inside; the redesign puts the ground at --surface-page and lets each screen supply its own .card sections. {% block main_pad %} is the seam for a screen that wants to go full-bleed to the viewport edges. The flow builder takes it: its canvas is the whole page. {% endcomment %}

{% block page_header %}{% endblock %} {% if messages %}

{% for message in messages %}

{% endfor %}

{% endif %} {% comment %} .app-content gives unclassed markup a sensible default look — see the note in styles.css for why those rules are in @layer base and these ones are not. Kept: roughly seventeen settings and org templates are still written as bare semantic HTML and would unstyle completely without it. {% endcomment %}

{% block content %}{% endblock %}

{% else %}

{% comment %} Issue #31 owns the auth templates. They extend this file and fill this block; .auth-card and .auth-bg are already in the design system, so a login page is `{% extends "base.html" %}` plus a card. {% endcomment %} {% block auth_content %}{% endblock %}

{% endif %} {% comment %} Vendored JS (deviation 6). Studio pulls flatpickr, Chart.js and Sortable off a public CDN, which forces that origin into script-src and style-src. Every library here is served from 'self'; see scripts/vendor-js.mjs. A Django comment rather than an HTML one on purpose: an HTML comment ships to the browser, so a page documenting the removal of a CDN origin would still contain that origin's hostname — and the test asserting no CDN reference survives in any rendered template would fail on its own explanation. Order is load-bearing: htmx synchronously first, then any inline script that DEFINES an Alpine component, then Alpine itself deferred so those definitions exist by the time it boots. {% endcomment %} {% include "partials/_modal_behaviours.html" %} {% block alpine_components %}{% endblock %} {% block extra_js %}{% endblock %}