{# 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"). The inner <ul> is in the #}
{# shared `_applet-grid-list.html` partial so the in-grid applet         #}
{# partials can reuse it without the .applet-scroll <section> wrapper.   #}
{#                                                                       #}
{# 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>
    {% include "apps/applets/_partials/_applet-grid-list.html" with list_items=shell_items list_item_template=shell_item_template list_empty=shell_empty list_id=shell_list_id %}
</section>