{% load static %}
{% if scholar_asset_stage == "head" %}
        {% comment %}
        scitex-sdk's `stx-mount` contract: the server declares where this app
        is mounted so client code never has to guess. Always ends in "/", so
        JS joins endpoint names WITHOUT a leading slash and never normalises.
        Emitted here rather than by the SDK because `scitex_editor_page` --
        which injects it automatically -- serves built SPA shells, and this is
        a Django-rendered template.
        {% endcomment %}
        {% comment %}
        NO |default FILTER. The root prefix is "" under scitex-sdk,
        and Django's `default` fires on FALSY -- so `|default:'/'` silently
        rewrote the correct "" back into the old "/", making every root
        request build "//api/..." : protocol-relative, off-origin. That is
        the exact failure the convention reversal exists to prevent, and it
        passed a test asserting the OLD value.

        This block used to be `{# ... #}`, which DJANGO ONLY STRIPS ON A
        SINGLE LINE -- a multi-line `{# #}` is emitted verbatim into the
        page. It was rendering as visible text at the top of the UI; the
        operator saw it in the browser before any test did.
        {% endcomment %}
    <meta name="stx-mount" content="{{ stx_mount }}">
    {% comment %}
    PWA (installable): scholar's own manifest + theme + iOS icon. The shared
    shell deliberately stays PWA-agnostic (every leaf has its own name/icons),
    so the app declares its own. No service worker: the standalone app is
    stateless and a cache layer would risk stale-data surprises — installable
    is the goal here, offline is a separate decision.
    {% endcomment %}
    <link rel="manifest" href="{% static 'scholar/pwa/manifest.json' %}">
    <meta name="theme-color" content="#0d0d0d">
    <link rel="apple-touch-icon" href="{% static 'scholar/pwa/apple-touch-icon.png' %}">
    <link rel="stylesheet" href="{% static 'scitex_sdk/ui/css/app/app-header.css' %}">
    {% comment %}
    SDK SSoT content-tabs primitive (operator UI standard, card
    scholar-ui-standard-tabs-colors-20261016): the shared sheet owns the
    tab layout + selected state (read from aria-selected). Requires
    scitex-sdk>=0.3.9 -- underline-only selected tab (navy/gold, SDK #60);
    older releases carry the vetoed boxed + brand-blue look.
    {% endcomment %}
    <link rel="stylesheet" href="{% static 'scitex_sdk/ui/css/app/content-tabs.css' %}">
    {% comment %}
    SDK SSoT panes (operator brief-04): the columns are the shared
    data-stx-panes / data-stx-pane element; this sheet + panes.js own
    the desktop row contract and the phone tab bar. layout="app" keeps
    scholar's own desktop geometry (see _layout.css).
    {% endcomment %}
    <link rel="stylesheet" href="{% static 'scitex_sdk/ui/css/app/panes.css' %}">
    <link rel="stylesheet" href="{% static 'scholar/css/scholar.css' %}">
{% elif scholar_asset_stage == "scripts" %}
        <!-- Must load FIRST: declares STX_MOUNT, which every other script uses. -->
                <!-- i18n: the JS-only strings, translated server-side for the current
             request language (LocaleMiddleware). Rendered as a <script
             type="application/json" id="SCHOLAR_I18N"> block; the client reads
             it via window["SCHOLAR_I18N"] (see scholarT in stx-mount.js). The
             whole page flips together, so there is never an EN/JA mix. -->
        <!-- json_script, not a plain variable: autoescape turns " into &quot;, which a script body never decodes. -->
        {{ scholar_i18n|json_script:"SCHOLAR_I18N" }}
        <script src="{% static 'scholar/js/stx-mount.js' %}"></script>
        <script type="module" src="{% static 'scholar/js/app.js' %}"></script>
<script src="{% static 'scholar/js/search.js' %}"></script>
        <script src="{% static 'scholar/js/library.js' %}"></script>
        <script src="{% static 'scholar/js/graph/ForceSimulation.js' %}"></script>
        <script src="{% static 'scholar/js/graph/GraphRenderer.js' %}"></script>
        <script src="{% static 'scholar/js/graph/citation-graph.js' %}"></script>
        {% comment %}
        Shared AppHeader mount + picker placement. Deferred modules run in
        document order, so the mount client registers before this placement
        script, and both run before DOMContentLoaded fires.
        {% endcomment %}
        <script type="module" src="{% static 'scitex_sdk/ui/js/app/app-header.js' %}"></script>
        {% comment %}
        SDK SSoT panes companion (operator brief-04): auto-mounts on
        [data-stx-panes] and owns the phone pane tab bar + switching.
        {% endcomment %}
        <script type="module" src="{% static 'scitex_sdk/ui/js/app/panes.js' %}"></script>
        <script type="module" src="{% static 'scholar/js/header-picker.js' %}"></script>
{% endif %}