LevelCode v1.0.3
·
125 commits
to develop
since this release
LevelCode v1.0.3
A design release for the one screen everyone opens: the signed-in account panel is rebuilt in the levelcode.ai "classic" look — a floating-chevron hero, a model-agnostic plan pill, a Documentation link, and a primary Manage account button — followed by the fixes that make it fit and close cleanly.
Highlights
A redesigned account panel
The signed-in panel used to be a plain card: an initials avatar, a model name, a credits figure, and a paragraph explaining "gateway mode." It's now the levelcode.ai classic (atom.io) surface end to end — the same light / One Dark palette, system type, and tabular numerals as the rest of the product.
- A floating-chevron hero. The three rising chevrons and drifting "portal" circles from the landing page open the panel in place of the initials block — brand-forward and quietly in motion (
portalDrift, 7s, staggered per layer), and perfectly still for anyone who setsprefers-reduced-motion. - Model-agnostic. The pill reads
plan · Pro+on the gateway, oryour own keyon BYOK — never a specific model name (those churn, and naming one confused people about what they were paying for). The credits number is gone from here; it lives on the account page, where there's room to explain it. - The gateway explainer is gone. That "how the gateway works" paragraph wasn't telling you anything the routing chip in the footer doesn't. BYOK keeps a single line — that your keys never leave your machine — because there it's genuinely reassuring.
- A Documentation link (→
levelcode.ai/ai/docs) sits in the footer beside the "Synced · settings · skills · keymaps" note. It's keyboard-operable, and like every external link in the panel it can only ever open a fixed, known destination — never a URL handed in from the page. - Manage account is the primary button — the one you're most likely to want — except on the free tier, where the accent belongs to Upgrade to Pro so two buttons never compete for it.
Fit and finish
The redesign shipped with three follow-ups from actually living with it:
- The chevron no longer clips. It's smaller and top-anchored, so the hero is fully contained at every window size instead of being cut off along the top edge.
- The × closes again. The full-bleed hero was painting over the close button and swallowing the click; it's back on top (
z-indexabove the hero, which no longer intercepts pointer events) and closes the panel as expected — by keyboard too. - High-contrast themes defer to the editor's own tokens. The card maps its colors to
--vscode-contrastBorderand friends under a high-contrast theme, so your VS Code accessibility choice wins instead of the card hard-coding its palette.
Test coverage
- 24 suites across the bundled extensions, all green.
- This is a webview change, so it's verified the way the picker and plan-card work were — by parsing the shipped
chat.html(thewebviewCsssuite and friends) rather than by snapshot.
Full changelog: v1.0.2...v1.0.3