ui: flip tone relabel — "Pro" now maps to INTERMEDIATE, not NOVICE

Reverses the polarity of 71155a6 to match the actual semantics:

- "Novice" stays labelled "Novice" → glossary tooltips, plainer prose.
- "Intermediate" is relabelled "Pro" → terse, assumes fluency, no
  hand-holding. This is the mode an expert reader wants, so the "Pro"
  badge actually fits.

Backend tone values (NOVICE, INTERMEDIATE) are unchanged — no API,
prompt, or stored-preference impact. Only the display strings flip.

Also drops the .tone-toggle button min-width: 10em override added in
71155a6. With "Intermediate" gone from the visible label, the longest
remaining label is "Novice" (6 chars), which fits the shared 5.5em
just like the theme and language toggles.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Giorgio Gilestro 2026-05-29 11:23:52 +02:00
parent 71155a67be
commit 3e1a14f334
3 changed files with 9 additions and 13 deletions

View file

@ -234,16 +234,17 @@
<a href="/log" class="{% if request.url.path.startswith('/log') %}active{% endif %}">Log</a>
</nav>
<div class="header-right">
{# The "Pro" label maps to the NOVICE tone server-side — kept that
way to avoid touching every stored user preference and API
contract. The mode itself (glossary tooltips + plainer
framing) is unchanged; only the display label changes. #}
{# The "Pro" label maps to the INTERMEDIATE tone server-side —
kept that way to avoid touching every stored user preference
and API contract. The mode itself (terse, no glossary
tooltips, assumes fluency) is unchanged; only the display
label changes. #}
<div id="tone-toggle" class="tone-toggle" data-tone="INTERMEDIATE"
role="group" aria-label="Explanation level">
<button type="button" data-value="NOVICE"
onclick="cassandraSetTone('NOVICE')">Pro</button>
onclick="cassandraSetTone('NOVICE')">Novice</button>
<button type="button" data-value="INTERMEDIATE"
onclick="cassandraSetTone('INTERMEDIATE')">Intermediate</button>
onclick="cassandraSetTone('INTERMEDIATE')">Pro</button>
</div>
<div id="theme-toggle" class="theme-toggle" data-theme="light"
role="group" aria-label="Theme">