{# Sign-gate Brief — fired when the user has no `significator` set on the   #}
{# My Sea page OR the My Sea applet. Replaces the prior inline `.my-sea-    #}
{# sign-gate` markup w. a DRY call into the project-wide `Brief.showBanner` #}
{# pattern (gaussian-glass `.note-banner` shell, portaled to the h2 anchor  #}
{# by `note.js`'s `_alignToH2`). FYI → /billboard/my-sign/ (pick a sign);   #}
{# NVM dismisses (built into Brief). `.my-sea-sign-gate-brief` modifier     #}
{# class is added post-render so FT selectors can disambiguate this banner  #}
{# from any other Brief on the same page.                                   #}
{#                                                                          #}
{# Host pages MUST load `apps/dashboard/note.js` themselves (the partial    #}
{# can't safely re-load it — `note.js` declares `const Brief = ...` at     #}
{# global scope, so a second load would SyntaxError on re-declaration).    #}
<script>
    document.addEventListener('DOMContentLoaded', function () {
        if (!window.Brief || !Brief.showBanner) return;
        Brief.showBanner({
            title: 'Sign required',
            line_text: 'Look!—pick your sign before drawing the Sea.',
            post_url: '{% url "billboard:my_sign" %}',
            created_at: '',
            kind: 'NUDGE',
        });
        var banner = document.querySelector('.note-banner');
        if (banner) banner.classList.add('my-sea-sign-gate-brief');
    });
</script>