Jaroslav BenešandClaude Opus 5
b8e7745311
A name, a tagline, a logo, a favicon and the launcher icons derived from it; the Middle-earth strings as data; themes as token sets; and a stylesheet for what none of that reaches. All four are on one page, in one settings group. The snapshot is a Jinja global over a process-level cache, because render() has no session and four render paths never reach it at all -- the sign-in page, the error pages, the offline page and the SSE fragments. A context value would have had to be threaded through every one and would still have missed those. It being a global is also what lets mark() branch on an uploaded logo without any of its six call sites learning about branding; the macro that renders the sidebar link is called brandlink now, because a macro imported as `brand` shadows the global for the whole template and took out every page at once. Defaults in code and overrides in the database, as the prompt fragments do, with one difference stated in the module: an empty fragment means off, an empty flavour string means the shipped wording. And blanked rather than dropped -- settings_store.update merges, so an omitted key leaves what was stored last time and "I typed the default back in" would store something different from "I changed nothing". A custom theme sets a handful of tokens and inherits the rest, and the inheritance is a CSS fact: tokens.css matches [data-base="shire"] as well as [data-theme="shire"], so a custom light theme lands on parchment rather than four light colours on near-black. Values are validated on read rather than on save, because a theme written straight into the settings table still has to produce a stylesheet that parses -- a `}` in a value ends the rule and silently breaks every rule after it. The soft variants are derived from the accent, or a changed accent leaves focus rings in the old hue and reads as half-working. /branding.css is a route, not an inline block: an external stylesheet has no HTML context to escape from. The link carries a content hash, so a save is not left to the browser's cache, and it is deliberately outside the service worker's precache list, which is versioned by the release. The instance name moved off /admin/general rather than being duplicated there. An upgrade keeps it: the general row is read as a seed exactly while the branding row has never mentioned the name, which is `key in row` and not `row[key] is truthy` -- the two read alike would resurrect the old name underneath a cleared one. The theme list stops being a hard-coded pair in five places. Every failure mode in that area is silent, so it is driven under a DOM stub as well as tested. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
152 lines
6.2 KiB
HTML
152 lines
6.2 KiB
HTML
{% extends "admin/_layout.html" %}
|
||
{% from "_macros.html" import icon, model_avatar %}
|
||
{% set section = "models" %}
|
||
|
||
{% block title %}Models - {{ brand.name }}{% endblock %}
|
||
{% block heading %}Models{% endblock %}
|
||
|
||
{% block admin_content %}
|
||
<p class="admin-lede">
|
||
Every model discovered across your connections. The order here is the order
|
||
users see in the picker. <strong>Pinning</strong> does not reorder anything —
|
||
it puts a shortcut in the chat sidebar. The <strong>default</strong> is what a
|
||
new chat starts with.
|
||
</p>
|
||
|
||
{% if saved %}
|
||
<div class="alert alert--success">{{ icon("check", "icon--sm") }} <span>{{ saved }}</span></div>
|
||
{% endif %}
|
||
|
||
{% if not total %}
|
||
<div class="empty" style="padding: var(--sp-10) 0">
|
||
{{ icon("server", "empty__mark") }}
|
||
<p class="empty__text">
|
||
No models yet. <a href="/admin/connections">Add a connection</a> and run
|
||
“Test & refresh”.
|
||
</p>
|
||
</div>
|
||
{% else %}
|
||
|
||
{# Filters are links, so a filtered view is a real URL you can keep or share. #}
|
||
<div class="filter-bar">
|
||
<div class="filter-tabs">
|
||
{% for key, label in filters.items() %}
|
||
<a class="filter-tab {{ 'is-active' if key == active_filter }}"
|
||
href="/admin/models?filter={{ key }}{% if q %}&q={{ q|urlencode }}{% endif %}{% if connection_id %}&connection={{ connection_id }}{% endif %}">
|
||
{{ label }} <span class="filter-tab__count">{{ counts[key] }}</span>
|
||
</a>
|
||
{% endfor %}
|
||
</div>
|
||
|
||
<form class="filter-form" method="get" action="/admin/models">
|
||
<input type="hidden" name="filter" value="{{ active_filter }}">
|
||
<input class="input" type="search" name="q" value="{{ q }}"
|
||
placeholder="Search models…" aria-label="Search models">
|
||
<select class="select" name="connection" aria-label="Connection">
|
||
<option value="">All connections</option>
|
||
{% for conn in connections %}
|
||
<option value="{{ conn.id }}" {{ 'selected' if conn.id == connection_id }}>
|
||
{{ conn.name }}
|
||
</option>
|
||
{% endfor %}
|
||
</select>
|
||
<button class="btn" type="submit">{{ icon("search", "icon--sm") }} Filter</button>
|
||
{% if q or connection_id or active_filter != "all" %}
|
||
<a class="btn btn--ghost" href="/admin/models">Clear</a>
|
||
{% endif %}
|
||
</form>
|
||
</div>
|
||
|
||
{% if not models %}
|
||
<div class="empty" style="padding: var(--sp-8) 0">
|
||
<p class="empty__text">Nothing matches that filter.</p>
|
||
</div>
|
||
{% else %}
|
||
|
||
<form method="post" action="/admin/models/bulk">
|
||
<div class="bulk-bar">
|
||
<label class="checkbox">
|
||
<input type="checkbox" data-select-all="#model-rows"
|
||
aria-label="Select every model on this page">
|
||
<span class="bulk-bar__label">Select all</span>
|
||
</label>
|
||
<span class="spacer"></span>
|
||
<span class="bulk-bar__label">With selected:</span>
|
||
<button class="btn btn--sm" name="action" value="enable" type="submit">Enable</button>
|
||
<button class="btn btn--sm" name="action" value="disable" type="submit">Disable</button>
|
||
<button class="btn btn--sm" name="action" value="public" type="submit">Make public</button>
|
||
<button class="btn btn--sm" name="action" value="private" type="submit">Restrict</button>
|
||
</div>
|
||
|
||
<div class="model-rows" id="model-rows">
|
||
{% for model in models %}
|
||
<div class="model-row {{ 'is-off' if not model.enabled }}">
|
||
<input class="model-row__check" type="checkbox" name="model_ids" value="{{ model.id }}"
|
||
aria-label="Select {{ model.label }}">
|
||
|
||
<span class="model-row__pos">{{ page_start + loop.index }}</span>
|
||
|
||
{{ model_avatar(model, cls="model-row__avatar") }}
|
||
|
||
<div class="model-row__main">
|
||
<div class="model-row__title">
|
||
<a class="model-row__name" href="/admin/models/{{ model.id }}/edit">{{ model.label }}</a>
|
||
{% if model.model_id == default_model %}
|
||
<span class="badge badge--leaf">default</span>
|
||
{% endif %}
|
||
{% if model.pinned %}<span class="badge">pinned</span>{% endif %}
|
||
{% if not model.enabled %}<span class="badge badge--danger">disabled</span>{% endif %}
|
||
{% if not model.public %}<span class="badge">restricted</span>{% endif %}
|
||
{% for name, on in (model.capabilities_json or {}).items() %}
|
||
{% if on %}<span class="badge badge--leaf">{{ name }}</span>{% endif %}
|
||
{% endfor %}
|
||
</div>
|
||
<code class="model-row__id">{{ model.model_id }} · {{ model.connection.name }}</code>
|
||
</div>
|
||
|
||
<div class="model-row__actions">
|
||
{# formaction lets these post elsewhere without nesting a second form. #}
|
||
<button class="btn btn--icon btn--sm" type="submit" aria-label="Move up"
|
||
formaction="/admin/models/{{ model.id }}/move" name="direction" value="up"
|
||
{{ 'disabled' if page == 1 and loop.first }}>
|
||
{{ icon("arrow-up", "icon--sm") }}
|
||
</button>
|
||
<button class="btn btn--icon btn--sm" type="submit" aria-label="Move down"
|
||
formaction="/admin/models/{{ model.id }}/move" name="direction" value="down"
|
||
{{ 'disabled' if page == pages and loop.last }}>
|
||
{{ icon("arrow-down", "icon--sm") }}
|
||
</button>
|
||
<a class="btn btn--sm" href="/admin/models/{{ model.id }}/edit">Edit</a>
|
||
</div>
|
||
</div>
|
||
{% endfor %}
|
||
</div>
|
||
</form>
|
||
|
||
<div class="list-footer">
|
||
<span class="text-xs faint">
|
||
Showing {{ page_start + 1 }}–{{ page_start + models|length }} of {{ matched }}
|
||
{%- if matched != total %} (filtered from {{ total }}){% endif %}
|
||
</span>
|
||
|
||
{% if pages > 1 %}
|
||
{% set base = "/admin/models?filter=" ~ active_filter ~ ("&q=" ~ q|urlencode if q else "") ~ ("&connection=" ~ connection_id if connection_id else "") %}
|
||
<div class="btn-row">
|
||
{% if page > 1 %}
|
||
<a class="btn btn--sm" href="{{ base }}&page={{ page - 1 }}">Previous</a>
|
||
{% else %}
|
||
<span class="btn btn--sm" aria-disabled="true" style="opacity: .45">Previous</span>
|
||
{% endif %}
|
||
<span class="text-xs faint">Page {{ page }} of {{ pages }}</span>
|
||
{% if page < pages %}
|
||
<a class="btn btn--sm" href="{{ base }}&page={{ page + 1 }}">Next</a>
|
||
{% else %}
|
||
<span class="btn btn--sm" aria-disabled="true" style="opacity: .45">Next</span>
|
||
{% endif %}
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
{% endif %}
|
||
{% endif %}
|
||
{% endblock %}
|