feat(widgets): value colors on the usage, context, memory, remaining and cache hit widgets - #46

…el-glyphs

The percent widgets (Context %, Context % (usable), Session and Weekly
Usage, Extra Usage Utilization) get one more style for (p): a single
glyph for how high the used percent runs, 🟢 under 20%, ⚡ from 20%, 🔥
from 70% and 🚨 from 90%. It replaces the number; a second copy of the
widget merged beside it shows both, e.g. `⚡ 42.0%`.

The glyph always measures what's used, so (u) isn't offered in this
mode. (g) sets the glyph for each level in the glyph editor, picker
included, and (l) the three break points. Settings store only what
differs from the defaults: `levelGlyph<Level>` and `levelFrom<Level>`.

A row's glyphs are unique within its group, so they make a stable key
where the row's position doesn't.

The curated groups hold about 280 of Nerd Fonts' 10,600 icons, so many,
like the pull request created, merged, closed and draft icons, weren't
there. Typing in the picker now searches every glyph by name: the
curated groups' and all of Nerd Fonts', matching every word of the
search (`pull req draft`). The groups stay for browsing; a long list of
matches scrolls.

The full set comes from Nerd Fonts' glyph names
(`scripts/generate-nerd-font-glyphs.ts` regenerates it), with aliases
sharing a codepoint merged into one entry. The picker loads all its glyph
data when it opens, from its own build chunk, so the status line's
render path no longer loads even the curated groups.

The full Nerd Font set was only reachable by searching. After the 17
curated groups, the picker now has a group for each icon set: Codicons,
Devicons, Font Awesome, Material Design (6,896 icons), Octicons, Weather
Icons and the rest, 33 groups in all. PgUp/PgDn move a page within a
group and Tab/Shift+Tab switch groups (PgUp/PgDn switched groups
before).

A break point held one above its neighbor, or typed, kept its odd offset
on every later step (21, 26, 31...), so it never landed on a multiple of
5 again. Steps now go to the next multiple of 5 in that direction.

The arrow and paging keys now work out where the highlight goes in one
function, so the key handler only decides between picking, going back,
moving and typing. The Nerd Font name format builds its alias list
first, and the generator script reads glyphnames.json from the current
directory instead of taking a path.

…el-glyphs

The picker's search found every Nerd Font icon but only the curated
emoji and symbols, so most emoji (🤡 clown, 🤢 nauseated) couldn't be
found at all. It now also searches every fully-qualified Unicode 18.0
emoji, without the skin tone variants, and every character in the
Unicode symbol blocks (arrows, box drawing, math, dingbats and more),
plus a few common ones from elsewhere (§ ± × ÷ π ...).

scripts/generate-unicode-glyphs.ts generates the data from Unicode's
emoji-test.txt and UnicodeData.txt, as the Nerd Font data is generated
from glyphnames.json. It loads with the rest of the picker's data, so
the status line still never loads it. A glyph is listed once, under its
first name, and found by any of its names; an emoji's text and emoji
forms (❤ and ❤️) stay separate glyphs.

…el-glyphs

Ctrl+T in the glyph picker cycles the emoji skin tone: the default, then
light, medium-light, medium, medium-dark and dark. Every emoji that takes
a tone (332 of them) shows and picks in it, in the groups and in search,
with both people toned in a two-person emoji. The tone is a new optional
setting, emojiSkinTone, so it's remembered next time; an unknown value
falls back to the default rather than invalidating the settings.

The Unicode generator records each such emoji's light tone version,
worked out from Unicode's own toned versions (the emoji selector goes
when a tone comes in, and both people take it), keeping only emoji that
have all five tones. The picker turns that into the chosen tone. It
reads and saves the tone through a small context that the line editor
provides, so the widget editors in between don't change.

The glyph editor now shows a multi-part emoji whole (👍🏾, 👩‍💻). Ink lays
out each part as its own character, so the "(default: …)" text after it
overwrote the tone or the rest of the emoji; the two are one Text now.

…el-glyphs

# Conflicts:
#	src/tui/App.tsx

A new object on every app render made everything reading the context
redraw with it; the value is memoized on the tone now.

…el-glyphs

…ue-colors-more

# Conflicts:
#	docs/USAGE.md
#	src/widgets/ExtraUsageUtilization.ts
#	src/widgets/__tests__/ExtraUsageUtilization.test.ts

A scale can mark a higher value as the good one, as a cache hit rate is:
its bands then default to red, yellow and green, and a gradient runs from
its urgent end, so 100% is the calm color.

…h they run

Session Usage, Weekly Usage, Weekly Sonnet, Weekly Opus and Weekly Fable
get value colors (v) on their plain percent, with Extra Usage
Utilization's break points: green below 70% used, yellow below 90%, red
from 90%, following the used percent even while they show what's left.
Their bar modes keep their gradients and the level glyph has no number
to color, so (v) is offered only on the plain percent. Utilization now
uses the same helpers for when that is.

…text is

Context % and Context % (usable) get value colors (v) on their plain
percent, with the usage widgets' break points, following the used
percent while they show what's left; the slider and the level glyph
keep their own looks, so (v) is offered only on the plain percent.
Context Length gets them too, measured against the context window as
Context % is: 150k of a 200k window is yellow.

…t Rate

Memory Usage colors by the share of memory used, and Extra Usage
Remaining by the share of the limit spent, as Extra Usage Used does,
both with the usage widgets' break points. Cache Hit Rate counts the
other way, since a higher rate is the good one: red below 50%, yellow
below 80%, green from 80%. The docs list every widget with value
colors and how each one measures.

# Conflicts:
#	src/widgets/ExtraUsageUtilization.ts
#	src/widgets/shared/context-percentage-widget-base.ts
#	src/widgets/shared/symbol-override.tsx

…el-glyphs

# Conflicts:
#	src/widgets/CacheHitRate.ts
#	src/widgets/ContextLength.ts
#	src/widgets/FreeMemory.ts
#	src/widgets/shared/context-percentage-widget-base.ts
#	src/widgets/shared/symbol-override.tsx

# Conflicts:
#	docs/USAGE.md

↑ and ↓ each spelled out the wrap-around in the editor's key handler,
which the picker key and the Shift+Tab toggle had already made long. One
helper keeps it short; a test now covers the wrap in both directions.

# Conflicts:
#	docs/USAGE.md

The level glyph stays the last style (p) cycles to, now after the line:
text, block, slider, line, glyph on the percent widgets, and percentage,
slider, line, glyph on Context %. The timers still go from the line back to
text.

# Conflicts:
#	docs/USAGE.md

# Conflicts:
#	docs/USAGE.md