{# Shared applet-scroll-style list section — vertical-title <h2> on the   #}
{# left + scrollable <ul> aperture. Inclusion shell (NOT a base template) #}
{# so a single page can invoke it more than once (e.g. my_posts.html     #}
{# stacks "My Posts" + "Posts shared with me").                          #}
{#                                                                       #}
{# Parameters:                                                           #}
{#   shell_title         — vertical-rotated heading text (string)        #}
{#   shell_items         — iterable rendered into the list               #}
{#   shell_item_template — partial rendering each <li>; receives `item`  #}
{#   shell_list_id       — optional `id=` for the <ul> (e.g. "id_buds_list" #}
{#                         so buddy-panel JS can target it)              #}
{#   shell_empty         — text for the {% empty %} fallback row         #}
<section class="applet-scroll">
    <h2>{{ shell_title }}</h2>
    <ul {% if shell_list_id %}id="{{ shell_list_id }}"{% endif %} class="applet-list">
        {% for item in shell_items %}
            {% include shell_item_template %}
        {% empty %}
            <li class="applet-list-entry applet-list-entry--empty">{{ shell_empty|default:"Nothing here yet." }}</li>
        {% endfor %}
        <li class="applet-list-buffer" aria-hidden="true"></li>
    </ul>
</section>