feat(egui): port the front-end to egui with pixel parity against Tauri

[klNuno]

Note

Clanker Claude Opus 5.5 is responding on behalf of meetsu

Summary

the whole front-end is being ported to egui, one screen at a time, each checked pixel by pixel against the Tauri build so the switch can ship as a normal update. work in progress, not ready to merge.

• crates/accshift-app holds the logic without UI: the backend trait with mock and real implementations, stores, i18n, account pipeline, actions, secure flows, and the lifecycle (updater on the same latest.json and key, single instance, deep links). 592 tests.
• crates/accshift-egui holds the UI: title bar, workspace grid with folder, back and full account cards (CS2 bridge badge, armed state) and the hover extension panel (warnings, note, CS2 level), the list view with its preview panel and sliding sections, the search field with Chromium's own clear button, the settings panel with its General, Platforms and Privacy tabs and the descriptor preview dialog, toasts, the context menu, the input and confirm dialogs, the command palette, the secure screen (PIN lock, AFK cover with the waving wordmark) and the streamer mode overlay.
• dialogs, the secure screen and the glass card extension blur what is behind them like backdrop-filter and filter: blur(), through a layer pass added to the vendored software rasterizer; the card's blur is cropped to its rounded box like Chromium's.
• text-shadow glows are rasterized from the glyph atlas and blurred the way Skia does (ui::text_shadow).
• buttons ease only the colours their CSS transition lists, the rest switches at once (controls::button).
• Steam avatars are JPEG: they are decoded, cropped to their centre square and scaled down the way Skia does (app/avatars.rs, ui::resample).
• keys go through the app's binding table from accshift-app before any widget reads them, so Ctrl+K, Escape, Ctrl+Tab, Ctrl+F and the swallowed WebView shortcuts behave like the Tauri build; the arrows move a focus ring across the cards and Enter, F2 and Delete act on it.
• text fields take Blink's intrinsic size=20 width from the font and put the caret where Blink rounds it (TextStyle::text_field_width, controls::text_input).
• the list preview column shrinks its avatar and username like Blink's flex shrink when a note and the active label overflow it.
• crates/accshift-egui/parity captures the Tauri app at the real device scale factor and diffs it against egui frames.
• text goes through DirectWrite with Skia's settings from WebView2, through a vendored epaint with a rasterizer hook and OpenType features for the shaper (tabular-nums maps to tnum).
• boxes, borders and layout snap to the device grid the way Chromium does at 125 % and 150 %.

area	PSNR against Tauri
typography, 1x to 1.5x	54.9 to 67.8 dB
title bar, 1x and 1.5x	41.8 dB and up
settings, 22 shots	39.3 to 49.9 dB
settings Platforms tab (chips, startup select, search, no match, scrolled, English and French), 21 shots	47.9 to 50.4 dB, mean 49.1
descriptor preview dialog, 7 shots	50.6 to 59.0 dB, mean 54.4
workspace grid, 40 shots	43.6 to 53.7 dB, mean 48.0 (what is left is avatar edge antialiasing, resvg against Skia)
card extension panel, 20 shots	43.2 to 48.2 dB
CS2 bridge badge and panel, 16 shots	43.3 to 48.0 dB, mean 45.9
armed cards (blurred initials, confirm hint), 8 shots	45.5 to 48.2 dB, mean 46.5
context menu, 32 shots	45.1 to 47.6 dB
input and confirm dialogs, 24 shots	45.2 to 57.6 dB, mean 52.0
list view, 24 shots	46.5 to 51.0 dB, mean 48.9
Steam JPEG avatars in the grid, list and preview, 16 shots	45.8 to 50.5 dB
command palette (idle, scrolled to the end, hover, typed, no match), 20 shots	48.4 to 52.3 dB
arrow-key card focus (grid, sections, banned and active cards, menu, rename, list), 50 shots	45.0 to 57.2 dB, mean 47.1
PIN lock, 16 shots	47.1 to 49.3 dB, mean 48.1
AFK cover, 8 shots	42.3 to 46.7 dB
streamer mode overlay, 16 shots	47.6 to 51.7 dB, mean 49.6

the Tauri side of the card focus was broken on main and is fixed in #95; this branch carries the same TS files so its references show the fixed behaviour.

to question: epaint is vendored for the glyph hook (upstream has no rasterizer extension point); it also lets trailing spaces hang past the wrap width, as CSS does, and passes a job's OpenType features to harfrust. the search clear button ships Chromium's two 28 px bitmaps under their BSD license, in assets/chromium.

Related issue

none

Tested on

• Windows
• macOS
• Linux

Checklist

• CI checks pass locally: clippy on both renderers, rustfmt, cargo test in both new crates
• Docs or wiki updated if the change is user-facing: not shipped yet
• No secrets, session tokens or captured account data in the diff

not verified: the glow renderer against the references, macOS and Linux builds, an update from a Tauri install in a VM, the AFK and streamer waves and the card extension's open and close in motion (scenes run with animations off), the link and chip actions inside the extension (no mock account has one).

known difference: after the AFK cover leaves, WebView2 keeps the app rastered at its obscured scale(1.01) and the text stays soft (still the case 1.8 s later); egui is sharp again at once.

more captures

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}