{% from "_macros.html" import icon, brandlink, model_avatar %} {# Sidebar: brand, new chat, pinned models, the folder tree, then unfiled chats. "New chat" is a link, not a button that creates a row. The chat is written when the first message is sent, so opening one and walking away leaves nothing behind. #}

{{ brandlink(uid="side") }} {# The way out, and the reason it is *inside* the drawer. Below the phone breakpoint this whole element is a fixed overlay, and the toggle that opens it lives in the topbar underneath -- so once it was open, the control for closing it was behind it. That was true on /chat, where at least a toggle existed; on the seven other pages that carry this sidebar there was no such control at all, and no way back. Hidden above that breakpoint, where the sidebar is an ordinary column and the topbar's toggle is perfectly visible. #}

{% include "partials/_sidebar_actions.html" %} {# Every 10s, refresh the unread dots and announce anything that finished while this page was showing something else. Out-of-band spans only, so the folder tree keeps its open/closed state. #}

{% if can.get("library.use") %} {{ icon("archive", "icon--sm") }} Library {% endif %} {% if can.get("agent.ssh") %} {{ icon("server", "icon--sm") }} Connections {% endif %} {{ icon("user", "icon--sm") }} {{ user.name }} {% if user.is_admin %}admin{% endif %}

{# Installing. The only one of these was in the Appearance tab of /settings, which on a phone is behind a drawer that used to be impossible to close and a tab strip that gave no sign of scrolling -- so the button for installing this on a phone was, on a phone, three taps into a place you could not get to. It stays there as well; this is simply where somebody will meet it. Hidden until the browser says the app is installable: `app.js` reveals every `[data-install-app]` when `beforeinstallprompt` fires, and hides them again once it is installed. Firefox and desktop Safari never fire it, and an Install button that does nothing is worse than none. #} {% if user.is_admin %} {{ icon("shield") }} {% endif %}

{# The scrim behind the open drawer. It carries the same `data-toggle` as every other control that closes it, so tapping beside the drawer closes it through exactly one code path rather than a second one written for touch. Rendered always and shown by CSS: it exists only below the breakpoint and only while the drawer is open, which is a question about width and state that the server cannot answer and the stylesheet can. #}