Files
LLeMbas/src/lembas/web/templates/chat/_canvas.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

59 lines
2.8 KiB
HTML

{% from "_macros.html" import icon %}
{#
The canvas panel: files, open beside the conversation.
Built the way the terminal panel is -- a child of .shell, `hidden` until a
toggle removes it, its own drag handle, the shared panel head. Filled the way
the *inspector* is, though: `hx-trigger="intersect once"`, because a hidden
element never intersects, so a panel nobody opens costs one element and no
round trip to somebody's machine. There is nothing heavy to construct here,
which is the whole reason it does not need the terminal's lazy-build dance.
Everything shown inside came off somebody else's disk, or out of a model. It
is rendered through pygments (which escapes), through render_markdown (the one
path allowed to emit HTML), or into a <textarea>, whose contents Jinja escapes
and which cannot contain markup by construction.
#}
<aside class="canvas" id="canvas" hidden aria-label="{{ t('Canvas') }}"
data-canvas
data-chat="{{ chat.id if chat else "" }}"
data-resize-target>
{# The left edge, dragged. A separator rather than a decoration: it takes
focus and answers the arrow keys, or the panel is only resizable with a
mouse and the grip is a focus trap that does nothing. #}
<div class="panel-resize" data-resize="--canvas-width" data-resize-min="384"
role="separator" aria-orientation="vertical" tabindex="0"
aria-label="{{ t('Resize the canvas') }}">
{{ icon("grip", "icon--sm") }}
</div>
<div class="canvas__inner" id="canvas-inner"
{# Before a chat exists this fetches nothing until `draft.js` rewrites it,
which is what "intersect once" gives for free: the panel is hidden until
it is opened, so the trigger has not fired yet.
The attribute is *omitted* rather than left empty, and that distinction is
the whole bug it fixes: htmx looks for the attribute's presence, not for a
value -- `if(s(t,"hx-"+r))` is `hasAttribute` -- so `hx-get=""` is a real
request for the empty path, which the browser resolves against the current
document. Opening the canvas on the new-chat screen therefore fetched the
new-chat screen and swapped the entire site into this panel. #}
{% if chat %}hx-get="/api/chats/{{ chat.id }}/canvas"{% endif %}
hx-trigger="intersect once"
hx-target="this" hx-swap="innerHTML">
<div class="panel-head">
<h2 class="panel-head__title">
{{ icon("file-text", "icon--sm") }}
<span>{{ t("Canvas") }}</span>
</h2>
<button class="btn btn--icon btn--sm" type="button" data-toggle="#canvas"
aria-label="{{ t('Close canvas') }}">
{{ icon("x", "icon--sm") }}
</button>
</div>
<div class="canvas__body">
<p class="canvas__empty">{{ t("Opening…") }}</p>
</div>
</div>
</aside>