{#-
  Full replacement of shadcn's templates/sidebar_section.html.

  The theme's own version only renders sidebar_item.children|selectattr("is_page"),
  so any section nested inside a collapsible section (4th+ nav level, e.g.
  Advanced > Sources > CLI > ArgparseSource) is silently dropped from the sidebar.
  This recurses into sidebar_section.html itself for non-page children instead of
  filtering them out, so nav depth is no longer capped at 3 levels.
-#}
<li data-slot="sidebar-menu-item" data-sidebar="menu-item" class="group/menu-item relative">
    {# nested items #}
    <button data-slot="collapsible-trigger" data-sidebar="menu-button" data-size="default" data-active="false"
        class="peer/menu-button group/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left ring-sidebar-ring outline-hidden transition-[width,height,padding] group-has-data-[sidebar=menu-action]/menu-item:pr-8 group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-open:hover:bg-sidebar-accent data-open:hover:text-sidebar-accent-foreground data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground [&amp;_svg]:size-4 [&amp;_svg]:shrink-0 [&amp;&gt;span:last-child]:truncate hover:bg-sidebar-accent hover:text-sidebar-accent-foreground h-8 text-[0.8rem] font-medium"
        type="button" aria-expanded="true"
        data-state="{% if sidebar_item.children|map(attribute='active')|select|first is defined %}open{% else %}closed{% endif %}"
        onclick="this.setAttribute('data-state', this.getAttribute('data-state') === 'closed' ? 'open' : 'closed')">
        <span class="pixel-label">
            {% if sidebar_item.meta and sidebar_item.meta.sidebar_title %}
            {{ sidebar_item.meta.sidebar_title }}
            {% else %}
            {{ sidebar_item.title }}
            {% endif %}
        </span>
        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="lucide lucide-chevron-right ml-auto transition-[stroke,rotate] duration-200 group-data-[state=open]/menu-button:rotate-90 group-data-[state=closed]/menu-button:stroke-muted-foreground">
            <path d="m9 18 6-6-6-6"></path>
        </svg>
    </button>
    <div data-state="open" data-slot="collapsible-content"
        class="grid grid-rows-[0fr] transition-[grid-template-rows] peer-data-[state=open]/menu-button:grid-rows-[1fr] py-0.5">
        <ul data-slot="sidebar-menu-sub" data-sidebar="menu-sub"
            class="overflow-hidden ml-3.5 flex flex-col gap-0.5 border-l border-sidebar-border pl-2.5">

            {% for sub_item in sidebar_item.children %}
            {% if sub_item.is_page %}
            {% with sidebar_item=sub_item %}
            {% include "templates/sidebar_item.html" %}
            {% endwith %}
            {% elif sub_item.children %}
            {% with sidebar_item=sub_item %}
            {% include "templates/sidebar_section.html" %}
            {% endwith %}
            {% endif %}
            {% endfor %}
        </ul>
    </div>
</li>