HomerandClaude Opus 5
b7bf7d728b
Administration has a nav of its own rather than the chat sidebar, and 1.1.0 gave every `.sidebar` the drawer behaviour -- starts closed, slides in -- without giving that one any of the drawer's furniture. No id for the toggle to resolve, no toggle, no close, no scrim: it sat at left:-280 with nothing in the application able to open it. The close button and the scrim are partials now, used by both, and the test that guards it *finds* sidebars by scanning the templates rather than working from a list, which is exactly why this one was missed. The chat, measured at 390px, spent forty pixels of side padding and a forty-four pixel avatar column before drawing a word -- close to a quarter of the screen on margin, so anything that could not wrap had to be reached sideways. Padding halved and the avatar moved above the turn; a code block gained about sixty pixels. Worse in the same row: `.topbar__actions` asked for 317px of a 390px bar, because the control that used to give in that row is display:none below a tablet width, so the group went rigid and the title -- flex: 1 -- was squeezed to exactly zero. And `.btn--icon` sets a width with no `flex: none`, so the row shrank the button instead of the text: the sidebar toggle measured eighteen pixels across. The picker gives now, and shows its avatar rather than its name on a phone. Also the instrument, which lied twice more: it could not see horizontal overflow at all, because `.shell` is overflow:hidden and its "is this contained" test therefore answered yes for everything on the page; and run from a copy it resolved `STATIC` to a directory that did not exist, rewrote every asset URL to a dead file:// path and reported the whole application overflowing by thirty thousand pixels. It resolves from the imported package now and asserts that what it rewrote to is really there. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
139 lines
5.5 KiB
HTML
139 lines
5.5 KiB
HTML
{% extends "base.html" %}
|
|
{% from "_macros.html" import icon, brandlink %}
|
|
{#
|
|
Shared chrome for the admin area: its own narrow nav rather than the chat
|
|
sidebar, so administration is visibly a different place from chatting.
|
|
#}
|
|
|
|
{% block head %}
|
|
<link rel="stylesheet" href="{{ asset('css/chat.css') }}">
|
|
<link rel="stylesheet" href="{{ asset('css/admin.css') }}">
|
|
{% endblock %}
|
|
|
|
{% block body_attrs %} data-authenticated="true"{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="shell">
|
|
{#
|
|
`id="sidebar"` and the drawer's furniture, because below the phone
|
|
breakpoint `.sidebar` is a fixed overlay that starts closed -- and this one
|
|
had neither an id for `data-toggle="#sidebar"` to find nor any control to
|
|
open it. The administration area was reachable on a phone and then
|
|
unnavigable once you arrived.
|
|
#}
|
|
<aside class="sidebar" id="sidebar">
|
|
<header class="sidebar__header">
|
|
<div class="sidebar__brand-slot">
|
|
{{ brandlink(uid="admin") }}
|
|
</div>
|
|
{% include "partials/_sidebar_close.html" %}
|
|
</header>
|
|
|
|
<nav class="sidebar__scroll" aria-label="Administration">
|
|
<div class="nav-group">
|
|
<div class="nav-group__label">Administration</div>
|
|
<a class="nav-item {{ 'is-active' if section == 'general' }}" href="/admin/general">
|
|
{{ icon("gear", "icon--sm") }}
|
|
<span class="nav-item__label">General</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'customization' }}"
|
|
href="/admin/customization">
|
|
{{ icon("sun", "icon--sm") }}
|
|
<span class="nav-item__label">Customization</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'connections' }}"
|
|
href="/admin/connections">
|
|
{{ icon("server", "icon--sm") }}
|
|
<span class="nav-item__label">Connections</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'models' }}" href="/admin/models">
|
|
{{ icon("sliders", "icon--sm") }}
|
|
<span class="nav-item__label">Models</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'audio' }}" href="/admin/audio">
|
|
{{ icon("speaker", "icon--sm") }}
|
|
<span class="nav-item__label">Audio</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'search' }}" href="/admin/search">
|
|
{{ icon("globe", "icon--sm") }}
|
|
<span class="nav-item__label">Web search</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'images' }}" href="/admin/images">
|
|
{{ icon("image", "icon--sm") }}
|
|
<span class="nav-item__label">Image generation</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'extraction' }}"
|
|
href="/admin/extraction">
|
|
{{ icon("file-text", "icon--sm") }}
|
|
<span class="nav-item__label">Extraction</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'tools' }}" href="/admin/tools">
|
|
{{ icon("link", "icon--sm") }}
|
|
<span class="nav-item__label">Tools</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'agents' }}" href="/admin/agents">
|
|
{{ icon("sparkle", "icon--sm") }}
|
|
<span class="nav-item__label">Agents</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'schedules' }}" href="/admin/schedules">
|
|
{{ icon("clock", "icon--sm") }}
|
|
<span class="nav-item__label">Scheduling</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'mcp' }}" href="/admin/mcp">
|
|
{{ icon("server", "icon--sm") }}
|
|
<span class="nav-item__label">MCP servers</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'prompts' }}" href="/admin/prompts">
|
|
{{ icon("sparkle", "icon--sm") }}
|
|
<span class="nav-item__label">Prompts</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'suggestions' }}"
|
|
href="/admin/suggestions">
|
|
{{ icon("star", "icon--sm") }}
|
|
<span class="nav-item__label">Suggestions</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'users' }}" href="/admin/users">
|
|
{{ icon("user", "icon--sm") }}
|
|
<span class="nav-item__label">Users</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'updates' }}" href="/admin/updates">
|
|
{{ icon("refresh", "icon--sm") }}
|
|
<span class="nav-item__label">Updates</span>
|
|
</a>
|
|
<a class="nav-item {{ 'is-active' if section == 'groups' }}" href="/admin/groups">
|
|
{{ icon("users", "icon--sm") }}
|
|
<span class="nav-item__label">Groups & permissions</span>
|
|
</a>
|
|
</div>
|
|
|
|
</nav>
|
|
|
|
<div class="sidebar__footer">
|
|
<a class="nav-item" href="/chat">
|
|
{{ icon("chat", "icon--sm") }}
|
|
<span class="nav-item__label">Back to chats</span>
|
|
</a>
|
|
</div>
|
|
</aside>
|
|
|
|
{% include "partials/_sidebar_scrim.html" %}
|
|
|
|
<main class="main">
|
|
<header class="topbar">
|
|
{% include "partials/_sidebar_toggle.html" %}
|
|
<h1 class="topbar__title">{% block heading %}Administration{% endblock %}</h1>
|
|
<button class="btn btn--icon" type="button" data-theme-toggle aria-label="Switch theme">
|
|
<span class="theme-icon theme-icon--dark">{{ icon("moon") }}</span>
|
|
<span class="theme-icon theme-icon--light">{{ icon("sun") }}</span>
|
|
</button>
|
|
</header>
|
|
|
|
<div class="admin-scroll">
|
|
<div class="admin-page">
|
|
{% block admin_content %}{% endblock %}
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
{% endblock %}
|