Files
LLeMbas/src/lembas/web/templates/chat/_model_picker.html
T
HomerandClaude Opus 5 a16510aba8 The interface speaks Slovak
969 strings, an instance default and a per-person choice, and no half-done corner:
the admin prose is translated too. Design and reasoning: LLeMbas.wiki/Translations.

KEYED BY THE ENGLISH SENTENCE

A missing entry renders the key, which is the English -- so an untranslated string
looks as it always did, an English instance is byte-for-byte 1.6.0, and a
half-finished catalogue is a half-translated page rather than a page of dotted key
names. The cost is that editing an English sentence orphans its translation
silently, which is what tests/test_translations.py asserts in both directions.

No gettext: .po -> .mo is a build step and this project does not have one.

A JINJA GLOBAL, AND THEREFORE A CONTEXTVAR

`t()` is a global for the reason `brand` already documents -- render() is bypassed
by 25 TemplateResponse calls and 8 get_template().render() calls, the latter being
the SSE frames, which have no Request at all. A global is bound once at import and
the language is per person, so the active language is a ContextVar set per request.

🚨 `get_current_user` had to become `async def`. FastAPI runs a sync dependency in a
threadpool, and anyio copies the context in and discards it on the way out -- so
the language was set where nothing could see it and every page rendered in the
instance's language whatever anybody had chosen, with no error anywhere.

NOT TRANSLATED, ON PURPOSE

Everything a model reads: the 60 prompt fragments, and the dates in harness.py,
schedule/runner.py and schedule/compile.py. Only `i18n.stamp` is localised, and
only where a person reads it -- with the *format* translatable as well as the
words, because "26. septembra 2026" is a different pattern rather than the same one
with different words in it. A process locale is not an option: global, not
thread-safe, two people's pages at once.

A second fragment telling models to answer in the reader's language was written
during this work and removed: `core.style` has said it since long before, and
test_an_empty_override_turns_a_fragment_off caught the duplicate.

THE BULK PASS

1213 sites wrapped by a one-off script that only touched patterns it could not
misread. It got three wrong in a way that mattered -- `t('…')` inside `attr="…"`
where the sentence held an apostrophe, closing the Jinja string and 500ing two
pages whose partials no test renders. tests/test_translations.py now compiles all
110 templates. It also wrapped the product's own name, an SSH key header, a
keystroke hint and an example URL, all taken back out: a string is not
translatable just because it is a string.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-26 14:46:33 +00:00

78 lines
3.3 KiB
HTML

{% from "_macros.html" import icon, model_avatar %}
{#
Model picker.
A real dropdown rather than a <select>, because a <select> cannot show an
image, a description or capability badges -- browsers render only text in an
<option>. The hidden input is what actually carries the value, so the control
still behaves like a form field.
Inside a chat it PATCHes the chat; on /chat it navigates, because there is no
chat row to patch yet.
#}
<div class="picker" data-picker>
<button class="picker__button" type="button" data-picker-toggle
aria-haspopup="listbox" aria-expanded="false">
{% if current_model %}
{{ model_avatar(current_model, cls="picker__avatar") }}
<span class="picker__label">{{ current_model.label }}</span>
{% else %}
<span class="picker__label">{{ t("Choose a model") }}</span>
{% endif %}
{{ icon("chevron-down", "icon--sm picker__chevron") }}
</button>
<div class="picker__menu" data-picker-menu role="listbox" hidden
aria-label="{{ t('Models') }}">
{% if models|length > 8 %}
<div class="picker__search">
<input class="input input--sm" type="search" data-picker-filter
placeholder="{{ t('Filter models…') }}" aria-label="{{ t('Filter models') }}">
</div>
{% endif %}
<div class="picker__list">
{% for model in models %}
<button class="picker__option {{ 'is-selected' if current_model and model.model_id == current_model.model_id }}"
type="button" role="option"
aria-selected="{{ 'true' if current_model and model.model_id == current_model.model_id else 'false' }}"
data-picker-value="{{ model.model_id }}"
data-picker-search="{{ model.label|lower }} {{ model.model_id|lower }}">
{{ model_avatar(model, cls="picker__avatar") }}
<span class="picker__option-body">
<span class="picker__option-name">
{{ model.label }}
{% if model.pinned %}{{ icon("pin", "icon--sm picker__pin") }}{% endif %}
</span>
{% if model.description %}
<span class="picker__option-desc">{{ model.description }}</span>
{% endif %}
<span class="picker__option-tags">
{% for name, on in (model.capabilities_json or {}).items() %}
{% if on %}<span class="tag">{{ name }}</span>{% endif %}
{% endfor %}
</span>
</span>
{% if current_model and model.model_id == current_model.model_id %}
{{ icon("check", "icon--sm picker__tick") }}
{% endif %}
</button>
{% endfor %}
</div>
<p class="picker__empty" data-picker-empty hidden>{{ t("No model matches that.") }}</p>
</div>
{% if chat %}
{# Changing the value fires the PATCH; htmx serialises the hidden input. #}
<form hx-patch="/api/chats/{{ chat.id }}" hx-swap="none"
hx-trigger="change from:find input" data-picker-form>
<input type="hidden" name="model_id" data-picker-input
value="{{ current_model.model_id if current_model else '' }}">
</form>
{% else %}
{# No chat yet: selecting navigates so the whole composer re-renders with the
right vision warning and the right hidden model_id. #}
<span hidden data-picker-navigate="/chat?model="></span>
{% endif %}
</div>