kayg/calternal
Watch
1
0
Fork
You've already forked calternal
 0
Code Issues 803 Pull requests Projects Releases Packages Wiki Activity Actions 472

TOAST: accent hairline around the capsule that drains with the dismiss timer (pauses on hover) #405

New issue
Closed
opened 2026-09-29 05:30:41 +00:00 by kayg · 22 comments
kayg commented 2026-09-29 05:30:41 +00:00
Owner
Copy link

Request (owner, restated 2026-09-29; first asked 2026-09-28 and dropped)

"the toasts should have a very thin border line (accent colour from the theme) that is around the capsule and it basically runs out from being full to being not there depending on how much time it takes for the toast to dismiss."

Spec

  • A hairline stroke (role token for width, the theme's accent colour) traces the full capsule outline (a rounded-rect path, stroke-dasharray/stroke-dashoffset on an SVG path that follows the capsule's exact radius, or an equivalent that stays sharp at any size).
  • It starts full when the toast appears and drains linearly to nothing over the toast's remaining time; when it reaches zero the toast dismisses (#317 durations: plain confirmations 4 s; action toasts and errors keep their own timing).
  • Hover or keyboard focus pauses it (and resumes from the remaining time, as the existing pause/resume bank in toasts.svelte.ts does); a toast with no timeout (sticky) shows no ring.
  • The ring follows the capsule when the text wraps to two lines or the toast resizes.
  • Reduced motion: no animation; the ring is hidden (or shown static) and the timeout still applies.
  • Toasts use the see-through overlay glass (#402).
  • Reference for the overall toast feel: https://emilkowal.ski/ui/building-a-toast-component.
    Evidence: a frame strip of the drain, hover-pause, two-line and phone widths, light and dark (theme asserted).
## Request (owner, restated 2026-09-29; first asked 2026-09-28 and dropped) "the toasts should have a very thin border line (accent colour from the theme) that is around the capsule and it basically runs out from being full to being not there depending on how much time it takes for the toast to dismiss." ## Spec - A hairline stroke (role token for width, the theme's accent colour) traces the full capsule outline (a rounded-rect path, `stroke-dasharray`/`stroke-dashoffset` on an SVG path that follows the capsule's exact radius, or an equivalent that stays sharp at any size). - It starts full when the toast appears and drains linearly to nothing over the toast's remaining time; when it reaches zero the toast dismisses (#317 durations: plain confirmations 4 s; action toasts and errors keep their own timing). - **Hover or keyboard focus pauses it** (and resumes from the remaining time, as the existing pause/resume bank in toasts.svelte.ts does); a toast with no timeout (sticky) shows no ring. - The ring follows the capsule when the text wraps to two lines or the toast resizes. - Reduced motion: no animation; the ring is hidden (or shown static) and the timeout still applies. - Toasts use the see-through overlay glass (#402). - Reference for the overall toast feel: https://emilkowal.ski/ui/building-a-toast-component. Evidence: a frame strip of the drain, hover-pause, two-line and phone widths, light and dark (theme asserted).
drain-strip-paper.png
15 KiB
drain-strip-tokyo-night.png
15 KiB
hover-pause-paper.png
675 KiB
hover-pause-tokyo-night.png
608 KiB
two-line-phone-paper.png
200 KiB
two-line-phone-tokyo-night.png
188 KiB
two-line-tablet-paper.png
438 KiB
two-line-tablet-tokyo-night.png
444 KiB
two-line-desktop-paper.png
676 KiB
two-line-desktop-tokyo-night.png
631 KiB
keyboard-focus-pause-paper.png
676 KiB
reduced-motion-paper.png
871 KiB
toast-ring-two-line-390-tokyo-night-top-4x.png
4.6 KiB
toast-ring-two-line-820-paper-left-4x.png
15 KiB
toast-ring-one-line-390-paper-top-4x.png
4.1 KiB
drain-strip-paper.png
212 KiB
drain-strip-tokyo-night.png
243 KiB
toast-ring-one-line-1440-paper-left-4x.png
11 KiB
toast-ring-one-line-1440-paper-right-4x.png
8.8 KiB
toast-ring-one-line-1440-paper-top-4x.png
5.3 KiB
toast-ring-one-line-1440-tokyo-night-left-4x.png
10 KiB
toast-ring-one-line-1440-tokyo-night-right-4x.png
5.9 KiB
toast-ring-one-line-1440-tokyo-night-top-4x.png
4.5 KiB
toast-ring-one-line-390-paper-left-4x.png
16 KiB
toast-ring-one-line-390-paper-right-4x.png
15 KiB
toast-ring-one-line-390-tokyo-night-left-4x.png
13 KiB
toast-ring-one-line-390-tokyo-night-right-4x.png
8.1 KiB
toast-ring-one-line-390-tokyo-night-top-4x.png
5.8 KiB
toast-ring-one-line-820-paper-left-4x.png
13 KiB
toast-ring-one-line-820-paper-right-4x.png
9.6 KiB
toast-ring-one-line-820-paper-top-4x.png
5.8 KiB
toast-ring-one-line-820-tokyo-night-left-4x.png
12 KiB
toast-ring-one-line-820-tokyo-night-right-4x.png
13 KiB
toast-ring-one-line-820-tokyo-night-top-4x.png
13 KiB
toast-ring-two-line-1440-paper-left-4x.png
18 KiB
toast-ring-two-line-1440-paper-right-4x.png
15 KiB
toast-ring-two-line-1440-paper-top-4x.png
4.9 KiB
toast-ring-two-line-1440-tokyo-night-left-4x.png
15 KiB
toast-ring-two-line-1440-tokyo-night-right-4x.png
12 KiB
toast-ring-two-line-1440-tokyo-night-top-4x.png
4.3 KiB
toast-ring-two-line-390-paper-left-4x.png
19 KiB
toast-ring-two-line-390-paper-right-4x.png
19 KiB
toast-ring-two-line-390-paper-top-4x.png
6.5 KiB
toast-ring-two-line-390-tokyo-night-left-4x.png
19 KiB
toast-ring-two-line-390-tokyo-night-right-4x.png
19 KiB
toast-ring-two-line-820-paper-right-4x.png
16 KiB
toast-ring-two-line-820-paper-top-4x.png
5.4 KiB
toast-ring-two-line-820-tokyo-night-left-4x.png
13 KiB
toast-ring-two-line-820-tokyo-night-right-4x.png
14 KiB
toast-ring-two-line-820-tokyo-night-top-4x.png
4.6 KiB
postmerge-drain-strip-paper.png
212 KiB
postmerge-drain-strip-tokyo-night.png
209 KiB
postmerge-toast-ring-one-line-1440-paper-left-4x.png
11 KiB
postmerge-toast-ring-one-line-1440-paper-right-4x.png
8.8 KiB
postmerge-toast-ring-one-line-1440-paper-top-4x.png
5.3 KiB
postmerge-toast-ring-one-line-1440-tokyo-night-left-4x.png
10 KiB
postmerge-toast-ring-one-line-1440-tokyo-night-right-4x.png
5.9 KiB
postmerge-toast-ring-one-line-1440-tokyo-night-top-4x.png
4.5 KiB
postmerge-toast-ring-one-line-390-paper-left-4x.png
16 KiB
postmerge-toast-ring-one-line-390-paper-right-4x.png
15 KiB
postmerge-toast-ring-one-line-390-paper-top-4x.png
4.2 KiB
postmerge-toast-ring-one-line-390-tokyo-night-left-4x.png
13 KiB
postmerge-toast-ring-one-line-390-tokyo-night-right-4x.png
8.1 KiB
postmerge-toast-ring-one-line-390-tokyo-night-top-4x.png
5.8 KiB
postmerge-toast-ring-one-line-820-paper-left-4x.png
13 KiB
postmerge-toast-ring-one-line-820-paper-right-4x.png
9.6 KiB
postmerge-toast-ring-one-line-820-paper-top-4x.png
5.8 KiB
postmerge-toast-ring-one-line-820-tokyo-night-left-4x.png
9.4 KiB
postmerge-toast-ring-one-line-820-tokyo-night-right-4x.png
6.8 KiB
postmerge-toast-ring-one-line-820-tokyo-night-top-4x.png
4.9 KiB
postmerge-toast-ring-two-line-1440-paper-left-4x.png
18 KiB
postmerge-toast-ring-two-line-1440-paper-right-4x.png
15 KiB
postmerge-toast-ring-two-line-1440-paper-top-4x.png
4.9 KiB
postmerge-toast-ring-two-line-1440-tokyo-night-left-4x.png
15 KiB
postmerge-toast-ring-two-line-1440-tokyo-night-right-4x.png
12 KiB
postmerge-toast-ring-two-line-1440-tokyo-night-top-4x.png
4.3 KiB
postmerge-toast-ring-two-line-390-paper-left-4x.png
18 KiB
postmerge-toast-ring-two-line-390-paper-right-4x.png
16 KiB
postmerge-toast-ring-two-line-390-paper-top-4x.png
6.2 KiB
postmerge-toast-ring-two-line-390-tokyo-night-left-4x.png
17 KiB
postmerge-toast-ring-two-line-390-tokyo-night-right-4x.png
15 KiB
postmerge-toast-ring-two-line-820-paper-right-4x.png
16 KiB
postmerge-toast-ring-two-line-820-paper-top-4x.png
5.4 KiB
postmerge-toast-ring-two-line-820-tokyo-night-left-4x.png
13 KiB
postmerge-toast-ring-two-line-820-tokyo-night-right-4x.png
14 KiB
postmerge-toast-ring-two-line-820-tokyo-night-top-4x.png
4.6 KiB
postmerge-toast-ring-two-line-390-tokyo-night-top-4x.png
8.2 KiB
postmerge-toast-ring-two-line-820-paper-left-4x.png
15 KiB
drain-strip-paper.png
267 KiB
drain-strip-tokyo-night.png
293 KiB
toast-ring-one-line-390-paper-4x.png
33 KiB
toast-ring-one-line-390-tokyo-night-4x.png
36 KiB
toast-ring-one-line-820-paper-4x.png
32 KiB
toast-ring-one-line-820-tokyo-night-4x.png
36 KiB
toast-ring-one-line-1440-paper-4x.png
32 KiB
toast-ring-one-line-1440-tokyo-night-4x.png
36 KiB
drain-strip-paper.png drain-strip-tokyo-night.png hover-pause-paper.png hover-pause-tokyo-night.png two-line-phone-paper.png two-line-phone-tokyo-night.png two-line-tablet-paper.png two-line-tablet-tokyo-night.png two-line-desktop-paper.png two-line-desktop-tokyo-night.png keyboard-focus-pause-paper.png reduced-motion-paper.png toast-ring-two-line-390-tokyo-night-top-4x.png toast-ring-two-line-820-paper-left-4x.png toast-ring-one-line-390-paper-top-4x.png drain-strip-paper.png drain-strip-tokyo-night.png toast-ring-one-line-1440-paper-left-4x.png toast-ring-one-line-1440-paper-right-4x.png toast-ring-one-line-1440-paper-top-4x.png toast-ring-one-line-1440-tokyo-night-left-4x.png toast-ring-one-line-1440-tokyo-night-right-4x.png toast-ring-one-line-1440-tokyo-night-top-4x.png toast-ring-one-line-390-paper-left-4x.png toast-ring-one-line-390-paper-right-4x.png toast-ring-one-line-390-tokyo-night-left-4x.png toast-ring-one-line-390-tokyo-night-right-4x.png toast-ring-one-line-390-tokyo-night-top-4x.png toast-ring-one-line-820-paper-left-4x.png toast-ring-one-line-820-paper-right-4x.png toast-ring-one-line-820-paper-top-4x.png toast-ring-one-line-820-tokyo-night-left-4x.png toast-ring-one-line-820-tokyo-night-right-4x.png toast-ring-one-line-820-tokyo-night-top-4x.png toast-ring-two-line-1440-paper-left-4x.png toast-ring-two-line-1440-paper-right-4x.png toast-ring-two-line-1440-paper-top-4x.png toast-ring-two-line-1440-tokyo-night-left-4x.png toast-ring-two-line-1440-tokyo-night-right-4x.png toast-ring-two-line-1440-tokyo-night-top-4x.png toast-ring-two-line-390-paper-left-4x.png toast-ring-two-line-390-paper-right-4x.png toast-ring-two-line-390-paper-top-4x.png toast-ring-two-line-390-tokyo-night-left-4x.png toast-ring-two-line-390-tokyo-night-right-4x.png toast-ring-two-line-820-paper-right-4x.png toast-ring-two-line-820-paper-top-4x.png toast-ring-two-line-820-tokyo-night-left-4x.png toast-ring-two-line-820-tokyo-night-right-4x.png toast-ring-two-line-820-tokyo-night-top-4x.png postmerge-drain-strip-paper.png postmerge-drain-strip-tokyo-night.png postmerge-toast-ring-one-line-1440-paper-left-4x.png postmerge-toast-ring-one-line-1440-paper-right-4x.png postmerge-toast-ring-one-line-1440-paper-top-4x.png postmerge-toast-ring-one-line-1440-tokyo-night-left-4x.png postmerge-toast-ring-one-line-1440-tokyo-night-right-4x.png postmerge-toast-ring-one-line-1440-tokyo-night-top-4x.png postmerge-toast-ring-one-line-390-paper-left-4x.png postmerge-toast-ring-one-line-390-paper-right-4x.png postmerge-toast-ring-one-line-390-paper-top-4x.png postmerge-toast-ring-one-line-390-tokyo-night-left-4x.png postmerge-toast-ring-one-line-390-tokyo-night-right-4x.png postmerge-toast-ring-one-line-390-tokyo-night-top-4x.png postmerge-toast-ring-one-line-820-paper-left-4x.png postmerge-toast-ring-one-line-820-paper-right-4x.png postmerge-toast-ring-one-line-820-paper-top-4x.png postmerge-toast-ring-one-line-820-tokyo-night-left-4x.png postmerge-toast-ring-one-line-820-tokyo-night-right-4x.png postmerge-toast-ring-one-line-820-tokyo-night-top-4x.png postmerge-toast-ring-two-line-1440-paper-left-4x.png postmerge-toast-ring-two-line-1440-paper-right-4x.png postmerge-toast-ring-two-line-1440-paper-top-4x.png postmerge-toast-ring-two-line-1440-tokyo-night-left-4x.png postmerge-toast-ring-two-line-1440-tokyo-night-right-4x.png postmerge-toast-ring-two-line-1440-tokyo-night-top-4x.png postmerge-toast-ring-two-line-390-paper-left-4x.png postmerge-toast-ring-two-line-390-paper-right-4x.png postmerge-toast-ring-two-line-390-paper-top-4x.png postmerge-toast-ring-two-line-390-tokyo-night-left-4x.png postmerge-toast-ring-two-line-390-tokyo-night-right-4x.png postmerge-toast-ring-two-line-820-paper-right-4x.png postmerge-toast-ring-two-line-820-paper-top-4x.png postmerge-toast-ring-two-line-820-tokyo-night-left-4x.png postmerge-toast-ring-two-line-820-tokyo-night-right-4x.png postmerge-toast-ring-two-line-820-tokyo-night-top-4x.png postmerge-toast-ring-two-line-390-tokyo-night-top-4x.png postmerge-toast-ring-two-line-820-paper-left-4x.png drain-strip-paper.png drain-strip-tokyo-night.png toast-ring-one-line-390-paper-4x.png toast-ring-one-line-390-tokyo-night-4x.png toast-ring-one-line-820-paper-4x.png toast-ring-one-line-820-tokyo-night-4x.png toast-ring-one-line-1440-paper-4x.png toast-ring-one-line-1440-tokyo-night-4x.png
kayg commented 2026-09-29 05:32:20 +00:00
Author
Owner
Copy link

Starting issue #405 on branch job/toast-ring, based on dev at d0d83a32b41e67b64f6586690ba4946e41878160. I am keeping the implementation to the toast ring and its timing. I will merge the current dev branch before final web gates and keep visual evidence in the worktree.

Starting issue #405 on branch `job/toast-ring`, based on dev at `d0d83a32b41e67b64f6586690ba4946e41878160`. I am keeping the implementation to the toast ring and its timing. I will merge the current dev branch before final web gates and keep visual evidence in the worktree.
kayg commented 2026-09-29 05:38:13 +00:00
Author
Owner
Copy link

Finding for #405: packages/ui/src/tokens.css has the theme accent color role and the glass hairline color, but no shared hairline-width role. I will add --hairline-width: 1px and use it for the draining accent stroke, so the ring keeps the shared token approach.

Finding for #405: `packages/ui/src/tokens.css` has the theme accent color role and the glass hairline color, but no shared hairline-width role. I will add `--hairline-width: 1px` and use it for the draining accent stroke, so the ring keeps the shared token approach.
kayg commented 2026-09-29 07:46:25 +00:00
Author
Owner
Copy link

Browser finding for #405: the toast set data-expanded="true" on hover, but getComputedStyle(.cal-toast-ring rect).animationPlayState stayed running. The pause selector targeted the SVG wrapper while the CSS animation runs on its rect. I changed the selector to pause the animated rect. The new production-browser regression test now passes: ring holds its offset while hovered, resumes after exit, and remains tied to the toast timeout.

Browser finding for #405: the toast set `data-expanded="true"` on hover, but `getComputedStyle(.cal-toast-ring rect).animationPlayState` stayed `running`. The pause selector targeted the SVG wrapper while the CSS animation runs on its rect. I changed the selector to pause the animated rect. The new production-browser regression test now passes: ring holds its offset while hovered, resumes after exit, and remains tied to the toast timeout.
kayg commented 2026-09-29 09:34:13 +00:00
Author
Owner
Copy link

Built

Added an accent hairline ring to timed toast capsules. It follows the Sonner timeout, pauses with hover, keyboard focus, and a hidden page, and resumes from the held offset. Sticky toasts have no ring. Reduced motion hides the ring while preserving the timeout. The SVG follows single- and two-line capsule sizes without runtime measurement.

Files

  • apps/web/src/lib/components/AppToaster.svelte — ring drain and pause rules.
  • apps/web/src/lib/components/ToastBody.svelte — accessible SVG ring overlay.
  • apps/web/src/lib/stores/toasts.svelte.ts and toasts.svelte.test.ts — timeout handoff, replacement reset, and store coverage.
  • packages/ui/src/tokens.css — shared --hairline-width role token.
  • apps/web/e2e/toast-ring.mjs and apps/web/package.json — production-browser hover/resume regression test and command.

Commits and branch

  • 70f49252 — feat(web): add timeout ring to toasts
  • cf77b20d — fix(web): pause toast ring with toast timer
  • Merged dev once at c4651504; merge commit/head: 969670eebe5b6b3a1fe00e3f2d00720e0e851b8a.
  • Pushed job/toast-ring; push reported Everything up-to-date.

The one-time dev merge did not change AppToaster.svelte or packages/ui/src/tokens.css, so there was no toast transparency change to resolve in that merge.

Gate output

bun run check:

$ node scripts/check-type-tokens.mjs && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json
Text sizes use shared role tokens.
Loading svelte-check in workspace: /home/kayg/Developer/calternal-wt/toast-ring/apps/web
Getting Svelte diagnostics...

svelte-check found 0 errors and 0 warnings

bun run test summary:

 Test Files  124 passed (124)
      Tests  791 passed (791)
   Start at  09:50:34
   Duration  85.35s (transform 44%, import 20%, environment 20%, tests 11%, setup 4%)

Environment  |component| jsdom was created 38 times · 95.59s total, 30% of tracked time
             create it once per worker with pool: 'vmThreads' (keeps per-file isolation) or isolate: false (shares it across files)
             learn more: https://vitest.dev/guide/improving-performance#test-environments

cargo fmt --check: exit 0, no output.

cargo clippy --all-targets -- -D warnings: stopped at the four-hour job limit while compiling; no Clippy diagnostic had appeared. Last output:

   Compiling zstd-sys v2.1.0+zstd.1.5.7
    Checking wait-timeout v0.2.1
    Checking unicode_categories v0.1.1
    Checking daachorse v3.0.3

cargo test was not run because Clippy had not completed before the time limit. The web browser regression test passed:

$ bun e2e/toast-ring.mjs
PASS: the ring pauses with Sonner on hover, resumes on exit, and remains tied to the toast timeout.

Vitest also printed jsdom Window.scrollTo() and CSS parser notices; it exited successfully with the summary above.

Visual evidence

The current production web bundle was served with a local proxy to a real throwaway API instance. The theme was asserted before capture. The Browser plugin was unavailable, so Playwright was used.

Decisions not explicit in DESIGN

  • Added the shared --hairline-width: 1px role token because no hairline role existed.
  • Used an SVG rounded rect with pathLength="100", the accent role, and the pill-radius role. Its linear CSS duration uses the same normalized timeout passed to Sonner.
  • Kept the timeout active under reduced motion and hid only the ring. Sticky and non-finite timeouts have no ring.

Cleanup

cargo clean removed 5,325 files (1.7 GiB). Removed apps/web/build, apps/web/.svelte-kit, and target/tmp. Screenshots remain in the ignored artifacts/toast-ring/ directory and are attached above.

## Built Added an accent hairline ring to timed toast capsules. It follows the Sonner timeout, pauses with hover, keyboard focus, and a hidden page, and resumes from the held offset. Sticky toasts have no ring. Reduced motion hides the ring while preserving the timeout. The SVG follows single- and two-line capsule sizes without runtime measurement. ## Files - `apps/web/src/lib/components/AppToaster.svelte` — ring drain and pause rules. - `apps/web/src/lib/components/ToastBody.svelte` — accessible SVG ring overlay. - `apps/web/src/lib/stores/toasts.svelte.ts` and `toasts.svelte.test.ts` — timeout handoff, replacement reset, and store coverage. - `packages/ui/src/tokens.css` — shared `--hairline-width` role token. - `apps/web/e2e/toast-ring.mjs` and `apps/web/package.json` — production-browser hover/resume regression test and command. ## Commits and branch - `70f49252` — `feat(web): add timeout ring to toasts` - `cf77b20d` — `fix(web): pause toast ring with toast timer` - Merged `dev` once at `c4651504`; merge commit/head: `969670eebe5b6b3a1fe00e3f2d00720e0e851b8a`. - Pushed `job/toast-ring`; push reported `Everything up-to-date`. The one-time `dev` merge did not change `AppToaster.svelte` or `packages/ui/src/tokens.css`, so there was no toast transparency change to resolve in that merge. ## Gate output `bun run check`: ```text $ node scripts/check-type-tokens.mjs && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json Text sizes use shared role tokens. Loading svelte-check in workspace: /home/kayg/Developer/calternal-wt/toast-ring/apps/web Getting Svelte diagnostics... svelte-check found 0 errors and 0 warnings ``` `bun run test` summary: ```text Test Files 124 passed (124) Tests 791 passed (791) Start at 09:50:34 Duration 85.35s (transform 44%, import 20%, environment 20%, tests 11%, setup 4%) Environment |component| jsdom was created 38 times · 95.59s total, 30% of tracked time create it once per worker with pool: 'vmThreads' (keeps per-file isolation) or isolate: false (shares it across files) learn more: https://vitest.dev/guide/improving-performance#test-environments ``` `cargo fmt --check`: exit 0, no output. `cargo clippy --all-targets -- -D warnings`: stopped at the four-hour job limit while compiling; no Clippy diagnostic had appeared. Last output: ```text Compiling zstd-sys v2.1.0+zstd.1.5.7 Checking wait-timeout v0.2.1 Checking unicode_categories v0.1.1 Checking daachorse v3.0.3 ``` `cargo test` was not run because Clippy had not completed before the time limit. The web browser regression test passed: ```text $ bun e2e/toast-ring.mjs PASS: the ring pauses with Sonner on hover, resumes on exit, and remains tied to the toast timeout. ``` Vitest also printed jsdom `Window.scrollTo()` and CSS parser notices; it exited successfully with the summary above. ## Visual evidence The current production web bundle was served with a local proxy to a real throwaway API instance. The theme was asserted before capture. The Browser plugin was unavailable, so Playwright was used. - Drain strips: [Paper](https://git.kayg.org/attachments/4d76bd28-6286-4ba5-8a55-54e7d143a74a), [Tokyo Night](https://git.kayg.org/attachments/39e1150d-5d44-49ec-8300-c21e68e84a6f) - Hover pause: [Paper](https://git.kayg.org/attachments/312da5e9-6689-40ad-ba7b-d54da4fe9494), [Tokyo Night](https://git.kayg.org/attachments/6a093d07-6688-45e7-ad44-60e6f1738803) - Two-line phone (390 px): [Paper](https://git.kayg.org/attachments/156a1caf-384d-45e2-abdd-249b1c77c029), [Tokyo Night](https://git.kayg.org/attachments/00e4337b-d22d-476b-bc5a-b91691636f31) - Two-line tablet (820 px): [Paper](https://git.kayg.org/attachments/9eade70a-7d9d-46e4-9143-738b26b20438), [Tokyo Night](https://git.kayg.org/attachments/929d3acf-1245-4805-b10b-46e518f1e346) - Two-line desktop (1440 px): [Paper](https://git.kayg.org/attachments/45ec173b-8af5-44db-bf33-443c55b648a1), [Tokyo Night](https://git.kayg.org/attachments/7676ba19-ba65-4602-acca-9148cd78e0d5) - Keyboard focus pause: [Paper](https://git.kayg.org/attachments/dfbc232f-8075-43cb-944b-83a1e7e834f4) - Reduced motion: [Paper](https://git.kayg.org/attachments/01a410c6-19a5-4c37-b664-71b96e1b589b) ## Decisions not explicit in DESIGN - Added the shared `--hairline-width: 1px` role token because no hairline role existed. - Used an SVG rounded rect with `pathLength="100"`, the accent role, and the pill-radius role. Its linear CSS duration uses the same normalized timeout passed to Sonner. - Kept the timeout active under reduced motion and hid only the ring. Sticky and non-finite timeouts have no ring. ## Cleanup `cargo clean` removed 5,325 files (1.7 GiB). Removed `apps/web/build`, `apps/web/.svelte-kit`, and `target/tmp`. Screenshots remain in the ignored `artifacts/toast-ring/` directory and are attached above.
kayg commented 2026-09-29 10:36:10 +00:00
Author
Owner
Copy link

Starting the visual-review fix on branch job/toast-ring. Original feature base: d0d83a32b4. Current head includes the single required dev merge (969670ee). I am correcting ring geometry, allowing complete messages up to three lines, and adding geometry assertions plus the requested production screenshots.

Starting the visual-review fix on branch job/toast-ring. Original feature base: d0d83a32b41e67b64f6586690ba4946e41878160. Current head includes the single required dev merge (969670ee). I am correcting ring geometry, allowing complete messages up to three lines, and adding geometry assertions plus the requested production screenshots.
kayg commented 2026-09-29 10:49:44 +00:00
Author
Owner
Copy link

Finding: the first web check reported six nullable-reference diagnostics in ToastBody.svelte at the ResizeObserver callback. The callback now captures the guarded mounted nodes before observing them. The rerun reports: Text sizes use shared role tokens. / svelte-check found 0 errors and 0 warnings. Web tests pass: 124 files, 791 tests.

Finding: the first web check reported six nullable-reference diagnostics in ToastBody.svelte at the ResizeObserver callback. The callback now captures the guarded mounted nodes before observing them. The rerun reports: Text sizes use shared role tokens. / svelte-check found 0 errors and 0 warnings. Web tests pass: 124 files, 791 tests.
kayg commented 2026-09-29 12:39:13 +00:00
Author
Owner
Copy link

Finding: the first e2e launch stopped before opening the app because the installed sharp binary could not load . The drain-strip builder now uses the browser canvas to combine screenshots captured from the production app, so the review no longer depends on sharp's native runtime.

Finding: the first e2e launch stopped before opening the app because the installed sharp binary could not load . The drain-strip builder now uses the browser canvas to combine screenshots captured from the production app, so the review no longer depends on sharp's native runtime.
kayg commented 2026-09-29 12:39:21 +00:00
Author
Owner
Copy link

Finding detail: the e2e import failed with ERR_DLOPEN_FAILED because libstdc++.so.6 was absent. The strip compositor now uses the browser canvas and keeps the captured frames from the production app.

Finding detail: the e2e import failed with ERR_DLOPEN_FAILED because libstdc++.so.6 was absent. The strip compositor now uses the browser canvas and keeps the captured frames from the production app.
kayg commented 2026-09-29 12:41:19 +00:00
Author
Owner
Copy link

Finding: on the first production e2e run, the 12 s drain-strip toast expired before the test sent Escape, after the last 10.8 s frame and screenshot encoding. The strip now uses a 20 s review duration with frames through 17.5 s, and teardown skips keyboard dismissal when the timed toast has already left.

Finding: on the first production e2e run, the 12 s drain-strip toast expired before the test sent Escape, after the last 10.8 s frame and screenshot encoding. The strip now uses a 20 s review duration with frames through 17.5 s, and teardown skips keyboard dismissal when the timed toast has already left.
kayg commented 2026-09-29 12:43:50 +00:00
Author
Owner
Copy link

Finding: the next e2e run captured the frame sequence, then Playwright tried to focus a toast already marked data-removed=true while its timer elapsed during canvas encoding. Screenshot teardown now waits for natural timeout expiry; the separate hover test still checks pause and resume.

Finding: the next e2e run captured the frame sequence, then Playwright tried to focus a toast already marked data-removed=true while its timer elapsed during canvas encoding. Screenshot teardown now waits for natural timeout expiry; the separate hover test still checks pause and resume.
kayg commented 2026-09-29 12:45:52 +00:00
Author
Owner
Copy link

Finding: after the real Appearance API response, the new owner’s root stayed on its default mono palette while the screenshot helper expected paper. The matrix now waits for that response, applies the requested existing palette to the production document, and asserts the rendered palette before capture.

Finding: after the real Appearance API response, the new owner’s root stayed on its default mono palette while the screenshot helper expected paper. The matrix now waits for that response, applies the requested existing palette to the production document, and asserts the rendered palette before capture.
kayg commented 2026-09-29 12:49:59 +00:00
Author
Owner
Copy link

Finding: the strip capture reached desktop paper, then Playwright rejected the canvas-composition call because page.evaluate accepts one argument. The capture now passes its image list and gutter in one object.

Finding: the strip capture reached desktop paper, then Playwright rejected the canvas-composition call because page.evaluate accepts one argument. The capture now passes its image list and gutter in one object.
kayg commented 2026-09-29 12:52:53 +00:00
Author
Owner
Copy link

Finding: the 20 s drain timer started when the toast was raised, before geometry and three zoom crops; on desktop paper the toast had expired before the final scheduled frame. Review duration is now 30 s, with frames through 25 s and a 1 s bound on each frame lookup.

Finding: the 20 s drain timer started when the toast was raised, before geometry and three zoom crops; on desktop paper the toast had expired before the final scheduled frame. Review duration is now 30 s, with frames through 25 s and a 1 s bound on each frame lookup.
kayg commented 2026-09-29 13:01:18 +00:00
Author
Owner
Copy link

Merged the current dev head once before final gates: merge commit d8c62e42 includes dev 70fce975. The merge had no conflicts and includes server/API and contract changes, so I am rebuilding the local server for the final production review.

Merged the current dev head once before final gates: merge commit d8c62e42 includes dev 70fce975. The merge had no conflicts and includes server/API and contract changes, so I am rebuilding the local server for the final production review.
kayg commented 2026-09-29 13:12:15 +00:00
Author
Owner
Copy link

Finding: the dev merge extended the e2e theme helper to verify the server's stored mode. The matrix still used its older save helper signature, so it rendered paper while the server reported system. I switched it to the shared setTheme helper, which persists and asserts the User's mode and palette.

Finding: the dev merge extended the e2e theme helper to verify the server's stored mode. The matrix still used its older save helper signature, so it rendered paper while the server reported system. I switched it to the shared setTheme helper, which persists and asserts the User's mode and palette.
kayg commented 2026-09-29 13:24:55 +00:00
Author
Owner
Copy link

Post-merge browser evidence found three harness conditions and they are now covered:

  • The real calendar returns 404 for today's journal note when that note is empty. The ring probe accepts only this exact empty-note endpoint and still fails other HTTP errors and failed requests.
  • The 30 second desktop drain toast could expire before its last screenshot after high-DPI captures. The review toast now stays for 45 seconds while the strip samples the first 25 seconds.
  • An app instance can finish its earlier Appearance read after a theme update and restore the old mode. Each matrix cell now leaves the old app, saves the scheme, and loads the production app again.

The post-merge production run passed numeric ring bounds/radius checks at 390, 820 and 1440 px in paper and tokyo-night. It produced 36 four-times crops and two drain strips in the ignored artifacts/toast-ring-review directory.

Post-merge browser evidence found three harness conditions and they are now covered: - The real calendar returns 404 for today's journal note when that note is empty. The ring probe accepts only this exact empty-note endpoint and still fails other HTTP errors and failed requests. - The 30 second desktop drain toast could expire before its last screenshot after high-DPI captures. The review toast now stays for 45 seconds while the strip samples the first 25 seconds. - An app instance can finish its earlier Appearance read after a theme update and restore the old mode. Each matrix cell now leaves the old app, saves the scheme, and loads the production app again. The post-merge production run passed numeric ring bounds/radius checks at 390, 820 and 1440 px in paper and tokyo-night. It produced 36 four-times crops and two drain strips in the ignored artifacts/toast-ring-review directory.
kayg commented 2026-09-29 13:50:34 +00:00
Author
Owner
Copy link

Final report — Forgejo #405

Built

  • The timeout ring now uses a one-CSS-pixel SVG viewBox measured from the toast border box. A ResizeObserver updates its geometry after a resize or text wrap. The path radius matches the real capsule radius.
  • A one-line toast keeps its capsule radius. A wrapped toast uses the shared glass radius. Messages wrap without a line clamp or ellipsis so the toast grows to show all text.
  • The production browser probe checks all four ring edges, viewBox size and path radius within 0.5 px. It also checks complete one- and two-line messages and timer pause/resume.

Files

  • apps/web/src/lib/components/AppToaster.svelte
  • apps/web/src/lib/components/ToastBody.svelte
  • apps/web/e2e/toast-ring.mjs

Proof

Exact e2e output:

PASS: ring geometry matches toast bounds and corner radius at all 3 widths and 2 themes; 36 4x crops and 2 drain strips saved in /home/kayg/Developer/calternal-wt/toast-ring/artifacts/toast-ring-review.

Web gates

bun run check passed with this output:

$ node scripts/check-type-tokens.mjs && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json
Text sizes use shared role tokens.
Loading svelte-check in workspace: /home/kayg/Developer/calternal-wt/toast-ring/apps/web
Getting Svelte diagnostics...

svelte-check found 0 errors and 0 warnings

bun run test passed with this output:

$ vitest run

 RUN  v5.0.1 /home/kayg/Developer/calternal-wt/toast-ring/apps/web

Could not parse CSS stylesheet
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method
Not implemented: Window's scrollTo() method

 Test Files  126 passed (126)
      Tests  804 passed (804)
   Start at  15:45:25
   Duration  133.48s (transform 57%, environment 16%, import 13%, tests 10%, setup 4%)

  Transform  |component| transforming modules took 315.32s · 53% of tracked time, re-done on every run
             persist transforms across runs with fsModuleCache: true
             learn more: https://vitest.dev/guide/improving-performance#caching-between-reruns

Adversarial round

One real-server ADVERSARIAL_API_ONLY=1 round ran after the required dev merge. It finished with exit code 1 and 123 findings: two non-SLOW findings and 121 SLOW-only reports under shared-host load. The server remained alive. The non-SLOW evidence is filed on the relevant existing issues:

  • #387: 3 MiB Appearance PUT returned 502 local adversarial server is unavailable through the local Node proxy; the direct-backend size-limit probe returned the expected 413. This did not show a Rust server crash.
  • #48: after completing a CalDAV VTODO, its next GET returned 200 without STATUS:COMPLETED and COMPLETED:20260925T000000Z.

The other findings were SLOW load results, including the 120-photo upload burst and DAV/Journal operations. They do not block under the owner rule.

Decisions

docs/DESIGN.md did not select an SVG path or a CSS border mask. I used the SVG path because its measured pixel-sized viewBox preserves a crisp 1 px stroke at every toast size. For a wrapped toast, I used the shared --radius-glass token; for one line, the measured height divided by two gives the true capsule radius. I removed the message clamp so long text remains visible as the toast grows.

No Rust source was changed by this job, so cargo clippy was not run. The server was built for the production e2e and adversarial run. cargo clean completed afterward.

Head SHA: 2a7e4d21b497f78af38c0a02221405693e3c2bcc

Final report — Forgejo #405 ### Built - The timeout ring now uses a one-CSS-pixel SVG viewBox measured from the toast border box. A ResizeObserver updates its geometry after a resize or text wrap. The path radius matches the real capsule radius. - A one-line toast keeps its capsule radius. A wrapped toast uses the shared glass radius. Messages wrap without a line clamp or ellipsis so the toast grows to show all text. - The production browser probe checks all four ring edges, viewBox size and path radius within 0.5 px. It also checks complete one- and two-line messages and timer pause/resume. ### Files - `apps/web/src/lib/components/AppToaster.svelte` - `apps/web/src/lib/components/ToastBody.svelte` - `apps/web/e2e/toast-ring.mjs` ### Proof - Post-merge production e2e passed for 390, 820 and 1440 px, in paper and tokyo-night, with one- and two-line toasts. - It saved 36 4x crops and two drain strips. All 38 post-merge PNGs are attached to this issue: - [Paper drain strip](https://git.kayg.org/attachments/38609526-7905-4255-9056-ace0267578c7) - [Tokyo Night drain strip](https://git.kayg.org/attachments/14e780cc-4713-4925-bfd6-97f4a2fe8613) - one-line, 390 px, paper: [left](https://git.kayg.org/attachments/b7aabf56-9aef-441f-8d72-476706dd9e32) · [right](https://git.kayg.org/attachments/4c1f1206-447c-454a-af7a-b6822143cc22) · [top](https://git.kayg.org/attachments/8eb6f50a-5fda-403d-8860-70cfa23e0354) - one-line, 390 px, tokyo-night: [left](https://git.kayg.org/attachments/800cd1eb-e429-40bf-ad3b-6449a8f67f2c) · [right](https://git.kayg.org/attachments/9bd1fcac-4cb9-4ca2-b7fc-1a370598d8dd) · [top](https://git.kayg.org/attachments/507fdcbe-3bb3-4626-8b98-73dc33879396) - one-line, 820 px, paper: [left](https://git.kayg.org/attachments/bf5a54be-cb69-4af7-89fe-d6f2f469b5ac) · [right](https://git.kayg.org/attachments/a34b501b-9f61-4028-828c-e121cc603550) · [top](https://git.kayg.org/attachments/87652f23-7450-44a1-94f6-5e19f94c76df) - one-line, 820 px, tokyo-night: [left](https://git.kayg.org/attachments/04ed5ce2-5987-4b50-ba5f-77716d571b31) · [right](https://git.kayg.org/attachments/a1e6a42d-85bb-4ec4-8fa5-31c52e079fe4) · [top](https://git.kayg.org/attachments/d4f1e933-066d-4ff5-99a0-c04efee82591) - one-line, 1440 px, paper: [left](https://git.kayg.org/attachments/cd916aef-e989-419a-9663-efd271b4bf52) · [right](https://git.kayg.org/attachments/aaa803e4-637a-41df-928b-8d29566c211b) · [top](https://git.kayg.org/attachments/609567c2-0efe-4cc0-958e-94fd7068d2b4) - one-line, 1440 px, tokyo-night: [left](https://git.kayg.org/attachments/23043131-b690-4e78-870d-4b64989dc090) · [right](https://git.kayg.org/attachments/1110bc93-3699-42b5-8cab-70ac87afeea8) · [top](https://git.kayg.org/attachments/8ebb50fe-e6b8-4125-9ab9-c5b70d190a28) - two-line, 390 px, paper: [left](https://git.kayg.org/attachments/5ca8ea9f-e927-4c43-a888-02cff207d98f) · [right](https://git.kayg.org/attachments/23986439-cc65-47b8-aa54-1e7677bd2e33) · [top](https://git.kayg.org/attachments/c5ecaf44-53c5-41c1-abe1-740c2671a1c8) - two-line, 390 px, tokyo-night: [left](https://git.kayg.org/attachments/315b01e4-fcdf-4f02-b641-1fff103c8e51) · [right](https://git.kayg.org/attachments/8b1d2f17-484d-4f37-95e6-5cfb0431022d) · [top](https://git.kayg.org/attachments/69df5f4c-510f-4111-b44e-2c971f3cd9d2) - two-line, 820 px, paper: [left](https://git.kayg.org/attachments/d20efa70-c0b5-4a56-8f32-009656d451cb) · [right](https://git.kayg.org/attachments/fa2336d3-5073-4c49-9d64-e1c5058a0a2a) · [top](https://git.kayg.org/attachments/6c5cf9ec-829c-43c8-a619-0dd85f8c2aaf) - two-line, 820 px, tokyo-night: [left](https://git.kayg.org/attachments/e59fb00c-c2ec-4140-a247-51289eb18308) · [right](https://git.kayg.org/attachments/e46bde59-43c6-45e1-b915-277312f616a1) · [top](https://git.kayg.org/attachments/cc32a771-4528-4313-bd55-7eb5ea4d1041) - two-line, 1440 px, paper: [left](https://git.kayg.org/attachments/c8cb33e1-853c-42da-85b0-9af6301a8325) · [right](https://git.kayg.org/attachments/70866c29-3abf-49e7-a3ec-46c7932345e5) · [top](https://git.kayg.org/attachments/270835a6-5eb4-4973-9505-11e181c6f0a1) - two-line, 1440 px, tokyo-night: [left](https://git.kayg.org/attachments/2a867833-3e7b-47b2-a578-98085c697724) · [right](https://git.kayg.org/attachments/a981caf5-e887-43ad-80e6-455c95f3fcbd) · [top](https://git.kayg.org/attachments/f689973c-39d3-44bf-9b59-3719686a8cfd) Exact e2e output: ```text PASS: ring geometry matches toast bounds and corner radius at all 3 widths and 2 themes; 36 4x crops and 2 drain strips saved in /home/kayg/Developer/calternal-wt/toast-ring/artifacts/toast-ring-review. ``` ### Web gates `bun run check` passed with this output: ```text $ node scripts/check-type-tokens.mjs && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json Text sizes use shared role tokens. Loading svelte-check in workspace: /home/kayg/Developer/calternal-wt/toast-ring/apps/web Getting Svelte diagnostics... svelte-check found 0 errors and 0 warnings ``` `bun run test` passed with this output: ```text $ vitest run RUN v5.0.1 /home/kayg/Developer/calternal-wt/toast-ring/apps/web Could not parse CSS stylesheet Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Not implemented: Window's scrollTo() method Test Files 126 passed (126) Tests 804 passed (804) Start at 15:45:25 Duration 133.48s (transform 57%, environment 16%, import 13%, tests 10%, setup 4%) Transform |component| transforming modules took 315.32s · 53% of tracked time, re-done on every run persist transforms across runs with fsModuleCache: true learn more: https://vitest.dev/guide/improving-performance#caching-between-reruns ``` ### Adversarial round One real-server `ADVERSARIAL_API_ONLY=1` round ran after the required `dev` merge. It finished with exit code 1 and 123 findings: two non-SLOW findings and 121 SLOW-only reports under shared-host load. The server remained alive. The non-SLOW evidence is filed on the relevant existing issues: - [#387](https://git.kayg.org/kayg/calternal/issues/387): 3 MiB Appearance PUT returned `502 local adversarial server is unavailable` through the local Node proxy; the direct-backend size-limit probe returned the expected 413. This did not show a Rust server crash. - [#48](https://git.kayg.org/kayg/calternal/issues/48): after completing a CalDAV VTODO, its next GET returned 200 without `STATUS:COMPLETED` and `COMPLETED:20260925T000000Z`. The other findings were SLOW load results, including the 120-photo upload burst and DAV/Journal operations. They do not block under the owner rule. ### Decisions `docs/DESIGN.md` did not select an SVG path or a CSS border mask. I used the SVG path because its measured pixel-sized viewBox preserves a crisp 1 px stroke at every toast size. For a wrapped toast, I used the shared `--radius-glass` token; for one line, the measured height divided by two gives the true capsule radius. I removed the message clamp so long text remains visible as the toast grows. No Rust source was changed by this job, so `cargo clippy` was not run. The server was built for the production e2e and adversarial run. `cargo clean` completed afterward. Head SHA: `2a7e4d21b497f78af38c0a02221405693e3c2bcc`
kayg commented 2026-09-29 13:53:04 +00:00
Author
Owner
Copy link

Starting round 3 of Forgejo #405 on job/toast-ring, current head 2a7e4d21b497f78af38c0a02221405693e3c2bcc, based on dev at 70fce975945c272c7ed7f3e1844949e818ac778f. The last visual review rejected the visible ring and toast crop evidence. I am tracing the production DOM and pixels, then I will correct the probe or rendering, capture the requested 390/1440 light/dark evidence, merge the latest dev once before final gates, and report the gate output.

Starting round 3 of Forgejo #405 on `job/toast-ring`, current head `2a7e4d21b497f78af38c0a02221405693e3c2bcc`, based on dev at `70fce975945c272c7ed7f3e1844949e818ac778f`. The last visual review rejected the visible ring and toast crop evidence. I am tracing the production DOM and pixels, then I will correct the probe or rendering, capture the requested 390/1440 light/dark evidence, merge the latest dev once before final gates, and report the gate output.
kayg commented 2026-09-29 13:58:28 +00:00
Author
Owner
Copy link

Finding for #405: apps/web/e2e/toast-ring.mjs currently captures every frame and zoom crop with animations: 'disabled' while the accent ring is a finite CSS animation. That capture mode fast-forwards the ring to its end, matching the identical frames in the attached drain-strip-paper.png. The 1440 px Tokyo Night left crop is only 144 × 192 px and shows the Calendar tray pill, not “Link copied”; the helper clips stale viewport coordinates instead of capturing the toast node after its entry transition. I will capture the toast element directly, assert its label and computed accent stroke, and sample the rendered border pixels through the timeout. Production ring visibility remains to be confirmed in the browser.

Finding for #405: `apps/web/e2e/toast-ring.mjs` currently captures every frame and zoom crop with `animations: 'disabled'` while the accent ring is a finite CSS animation. That capture mode fast-forwards the ring to its end, matching the identical frames in the attached `drain-strip-paper.png`. The 1440 px Tokyo Night left crop is only 144 × 192 px and shows the Calendar tray pill, not “Link copied”; the helper clips stale viewport coordinates instead of capturing the toast node after its entry transition. I will capture the toast element directly, assert its label and computed accent stroke, and sample the rendered border pixels through the timeout. Production ring visibility remains to be confirmed in the browser.
kayg commented 2026-09-29 14:57:16 +00:00
Author
Owner
Copy link

Round 3 production-browser finding, after commit 6cb795d6:

  • The old review strip was captured with Playwright animation fast-forwarding, so its finite ring could drain before paint was sampled. The bad left crop also used a stale viewport coordinate and landed on the Calendar tray.
  • The updated probe captures .cal-toaster [data-sonner-toast] itself and checks that the toast text is present. It reads computed accent, stroke width, opacity, geometry, and dash offset, then samples rendered pixels.
  • Production build evidence before the latest dev merge: six 4x toast-root crops at 390, 820, and 1440 px in paper and Tokyo Night. Contrast measured 5.74:1 or better in paper and 5.93:1 or better in Tokyo Night.
  • Both six-frame strips pass strict monotonic pixel loss. Paper: 3757, 3119, 2271, 1856, 536, 312 accent pixels. Tokyo Night: 3756, 3102, 2269, 1846, 1104, 372. Dash offsets at 0%, 50%, and 90% are about 0.7, 50.7, and 90.7.
  • Crop-only probe toasts use a 10 s test duration to keep the ring visible while browser screenshots finish. The 1440 px strip uses 60 s so frames can be captured at 0%, 20%, 40%, 50%, 70%, and 90%. Product confirmation duration remains 4 s.

The probe passed against the production SPA and a local server binary built from the current dev lineage. I will rerun the production proof after merging dev and attach the final artifacts then.

Round 3 production-browser finding, after commit `6cb795d6`: - The old review strip was captured with Playwright animation fast-forwarding, so its finite ring could drain before paint was sampled. The bad left crop also used a stale viewport coordinate and landed on the Calendar tray. - The updated probe captures `.cal-toaster [data-sonner-toast]` itself and checks that the toast text is present. It reads computed accent, stroke width, opacity, geometry, and dash offset, then samples rendered pixels. - Production build evidence before the latest `dev` merge: six 4x toast-root crops at 390, 820, and 1440 px in paper and Tokyo Night. Contrast measured 5.74:1 or better in paper and 5.93:1 or better in Tokyo Night. - Both six-frame strips pass strict monotonic pixel loss. Paper: 3757, 3119, 2271, 1856, 536, 312 accent pixels. Tokyo Night: 3756, 3102, 2269, 1846, 1104, 372. Dash offsets at 0%, 50%, and 90% are about 0.7, 50.7, and 90.7. - Crop-only probe toasts use a 10 s test duration to keep the ring visible while browser screenshots finish. The 1440 px strip uses 60 s so frames can be captured at 0%, 20%, 40%, 50%, 70%, and 90%. Product confirmation duration remains 4 s. The probe passed against the production SPA and a local server binary built from the current `dev` lineage. I will rerun the production proof after merging `dev` and attach the final artifacts then.
kayg commented 2026-09-29 15:21:14 +00:00
Author
Owner
Copy link

#405 round 3 complete. Branch: job/toast-ring. HEAD: d2081a1ab92c9af6812472c19f3e712bd283c403. Merged the latest dev once at 7280dbc0.

Built

  • The toast has a 1 CSS px, fully opaque ring in the full-strength theme accent. Its CSS dash uses Sonner's finite timeout and pauses with hover/focus and page-hidden state.
  • The ring viewBox tracks the actual toast box, including its current two-line label height.
  • Preserved dev's two-line clamp and full-text title tooltip. The long-message browser case checks both truncation and tooltip behavior.
  • Updated the production-browser regression probe to sample computed stroke/style and rendered pixels, capture the toast root itself, verify label pixels and 4x scale, check contrast, enforce monotonic drain, and test hover pause.

Files: apps/web/e2e/toast-ring.mjs, apps/web/src/lib/components/AppToaster.svelte, apps/web/src/lib/components/ToastBody.svelte, apps/web/src/lib/stores/toasts.svelte.ts, packages/ui/src/tokens.css.

Production-browser evidence

The Playwright probe ran against the production SPA and a local server built from the current dev lineage. It passed at 390, 820, and 1440 px in paper and Tokyo Night. Six toast-root crops contain the label and accent pixels. Contrast was at least 5.72:1 in paper and 5.93:1 in Tokyo Night.

Paper strip accent-pixel counts at 0%, 20%, 40%, 50%, 70%, 90%: 3624, 3035, 2083, 1743, 988, 200.

Tokyo Night strip accent-pixel counts at 0%, 20%, 40%, 50%, 70%, 90%: 3742, 3061, 2273, 1775, 1135, 368.

Exact browser result:

PASS: full-strength ring geometry and two-line layout match at all 3 widths and 2 themes; six 4x toast crops and two pixel-checked drain strips saved in /home/kayg/Developer/calternal-wt/toast-ring/artifacts/toast-ring-round3.

Attachments:

Gates

bun run check output:

$ node scripts/check-type-tokens.mjs && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json
Text sizes use shared role tokens.
Loading svelte-check in workspace: /home/kayg/Developer/calternal-wt/toast-ring/apps/web
Getting Svelte diagnostics...

svelte-check found 0 errors and 0 warnings

bun run test output:

 FAIL  |component| src/lib/components/analytics/widgets/StatRow.svelte.test.ts > StatRow summary cards > toggles all four cards together and remembers the mode
Error: Test timed out in 5000ms.
If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout".
 ❯ src/lib/components/analytics/widgets/StatRow.svelte.test.ts:97:3

 Test Files  1 failed | 126 passed (127)
      Tests  1 failed | 812 passed (813)
   Duration  260.96s (transform 58%, environment 17%, import 13%, tests 9%, setup 3%)
error: script "test" exited with code 1

The timed-out test is in StatRow.svelte.test.ts, outside the files changed for #405. I did not change its assertion or rerun the gate.

bun run build completed successfully. cargo clean removed 3588 files (1.5 GiB); apps/web/build and apps/web/.svelte-kit were removed. Browser-plugin testing was unavailable in this session, so the repository's Playwright production-browser harness was used.

Decisions

  • DESIGN §28 defines the 4 s plain-confirmation timeout and hover/focus pause, but it does not define long-label behavior. I preserved the latest dev decision: clamp after two lines, keep the full text in the DOM, and set a title only when the clamp cuts text.
  • Crop-only test toasts use 10 s and drain strips use 60 s so browser capture can finish while the ring is visible. Product confirmation timing remains 4 s. The strip samples 0%, 20%, 40%, 50%, 70%, and 90% of its test duration.
  • The ring radius follows half of the measured capsule height to keep the path on the current dev stadium shape after a label wraps.
#405 round 3 complete. Branch: `job/toast-ring`. HEAD: `d2081a1ab92c9af6812472c19f3e712bd283c403`. Merged the latest `dev` once at `7280dbc0`. ## Built - The toast has a 1 CSS px, fully opaque ring in the full-strength theme accent. Its CSS dash uses Sonner's finite timeout and pauses with hover/focus and page-hidden state. - The ring viewBox tracks the actual toast box, including its current two-line label height. - Preserved `dev`'s two-line clamp and full-text title tooltip. The long-message browser case checks both truncation and tooltip behavior. - Updated the production-browser regression probe to sample computed stroke/style and rendered pixels, capture the toast root itself, verify label pixels and 4x scale, check contrast, enforce monotonic drain, and test hover pause. Files: `apps/web/e2e/toast-ring.mjs`, `apps/web/src/lib/components/AppToaster.svelte`, `apps/web/src/lib/components/ToastBody.svelte`, `apps/web/src/lib/stores/toasts.svelte.ts`, `packages/ui/src/tokens.css`. ## Production-browser evidence The Playwright probe ran against the production SPA and a local server built from the current `dev` lineage. It passed at 390, 820, and 1440 px in paper and Tokyo Night. Six toast-root crops contain the label and accent pixels. Contrast was at least 5.72:1 in paper and 5.93:1 in Tokyo Night. Paper strip accent-pixel counts at 0%, 20%, 40%, 50%, 70%, 90%: `3624, 3035, 2083, 1743, 988, 200`. Tokyo Night strip accent-pixel counts at 0%, 20%, 40%, 50%, 70%, 90%: `3742, 3061, 2273, 1775, 1135, 368`. Exact browser result: ```text PASS: full-strength ring geometry and two-line layout match at all 3 widths and 2 themes; six 4x toast crops and two pixel-checked drain strips saved in /home/kayg/Developer/calternal-wt/toast-ring/artifacts/toast-ring-round3. ``` Attachments: - [Paper drain strip](https://git.kayg.org/attachments/b9562dc2-6859-4d72-a035-fae6c2d57ecd) - [Tokyo Night drain strip](https://git.kayg.org/attachments/1a1768ae-cd24-4cca-b094-e437c6359c75) - [390 px paper crop](https://git.kayg.org/attachments/e379f6f3-40bb-47f4-a696-149335da8f39) - [390 px Tokyo Night crop](https://git.kayg.org/attachments/56cde543-ce63-4781-bcd0-49298655b6dd) - [820 px paper crop](https://git.kayg.org/attachments/fc1c66e3-7c7e-4276-ad89-eb8645d8b420) - [820 px Tokyo Night crop](https://git.kayg.org/attachments/97d7edce-5d1e-42ae-b641-b146bc3b4961) - [1440 px paper crop](https://git.kayg.org/attachments/908e586c-6553-4c2d-9fb0-19b495f42e1b) - [1440 px Tokyo Night crop](https://git.kayg.org/attachments/6f6ad47e-4936-4c2a-bdd6-abd5b4f68fa6) ## Gates `bun run check` output: ```text $ node scripts/check-type-tokens.mjs && svelte-kit sync && svelte-check --tsconfig ./tsconfig.json Text sizes use shared role tokens. Loading svelte-check in workspace: /home/kayg/Developer/calternal-wt/toast-ring/apps/web Getting Svelte diagnostics... svelte-check found 0 errors and 0 warnings ``` `bun run test` output: ```text FAIL |component| src/lib/components/analytics/widgets/StatRow.svelte.test.ts > StatRow summary cards > toggles all four cards together and remembers the mode Error: Test timed out in 5000ms. If this is a long-running test, pass a timeout value as the last argument or configure it globally with "testTimeout". ❯ src/lib/components/analytics/widgets/StatRow.svelte.test.ts:97:3 Test Files 1 failed | 126 passed (127) Tests 1 failed | 812 passed (813) Duration 260.96s (transform 58%, environment 17%, import 13%, tests 9%, setup 3%) error: script "test" exited with code 1 ``` The timed-out test is in `StatRow.svelte.test.ts`, outside the files changed for #405. I did not change its assertion or rerun the gate. `bun run build` completed successfully. `cargo clean` removed 3588 files (1.5 GiB); `apps/web/build` and `apps/web/.svelte-kit` were removed. Browser-plugin testing was unavailable in this session, so the repository's Playwright production-browser harness was used. ## Decisions - DESIGN §28 defines the 4 s plain-confirmation timeout and hover/focus pause, but it does not define long-label behavior. I preserved the latest `dev` decision: clamp after two lines, keep the full text in the DOM, and set a title only when the clamp cuts text. - Crop-only test toasts use 10 s and drain strips use 60 s so browser capture can finish while the ring is visible. Product confirmation timing remains 4 s. The strip samples 0%, 20%, 40%, 50%, 70%, and 90% of its test duration. - The ring radius follows half of the measured capsule height to keep the path on the current `dev` stadium shape after a label wraps.
kayg commented 2026-09-29 15:47:35 +00:00
Author
Owner
Copy link

Merged into dev and pushed (9bf3d549) after the web gates (816/816) and the relevant crate gates. Deploy follows the #356/#393 Apple GO/NO-GO.

Merged into dev and pushed (9bf3d549) after the web gates (816/816) and the relevant crate gates. Deploy follows the #356/#393 Apple GO/NO-GO.
kayg closed this issue 2026-09-29 15:47:36 +00:00
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
dev
wip/rev2-money-ident
wip/restyle-notes
wip/previewcard-1098
wip/palette2-1123
wip/palette-1093
wip/onboard2-1141
wip/onboard-1141.aborted-early
wip/onboard-1141
wip/nlpchip-1127
wip/morph-1104
wip/merge-round-7c5
wip/merge-round-7c4
job/notifloop-1194
wip/merge-round-7c3
wip/merge-round-7c2
wip/merge-round-7c
wip/mchrome-1084
wip/mailghost2-1094
wip/mailghost-1094
wip/kbpreview2-1118
wip/kbpreview-1118
wip/kanban-1092
wip/importhang-1121
wip/hiderev-1153
wip/hide4-1153
wip/hide3-1153
wip/hide2-1153
wip/hide-1153
wip/editreg-1132
wip/editorrail3-1113
wip/editorrail2-1113
wip/editorrail-1113
wip/e2e-b2-1071
wip/e2e-b-1071
wip/draw4-1101
wip/draw3-1101
wip/draw2-1101
wip/draw-1101
wip/directory-1199-r
wip/directory-1199
wip/delete-1119
wip/collabrev-1197
wip/collabloss-1197
wip/cards2-1083
wip/cards-1083
wip/canvas-visual
wip/canvasvis2-976
wip/calhdr-1112
wip/calcards-1115
wip/browserfix
wip/blocks-1125
wip/allday-1107
wip/agenda-decks
wip/agenda-1086
wip/adv7c-1105
wip/txentry-1198
wip/trayicons2-1095
wip/trayicons-1095
job/onboard-1141
wip/sidebar3-1094
wip/rev2-webperf
job/collabloss-1197
job/hide-1153
job/perf-1124
job/perf2-1124
job/tocrail-1191
job/restyle-settings
wip/restyle-settings
job/segmented-1200
wip/notifloop-1194
job/tagperf-1186
wip/tagperf-1186
wip/segmented-1200
job/restyle-files
job/tagdnd-1187
job/merge30
job/cards-1179
wip/cards2-1179
wip/cards-1179
wip/tocrail-1191
wip/tagdnd-1187
wip/restyle-files
wip/perf-1124
wip/merge30j
job/restyle-notes
job/wizchoices-1140
job/adv-1202
wip/wizchoices-1140
wip/restyle-1190
job/moneyfmt-1180
job/txentry-1198
wip/moneyfmt2-1180
wip/moneyfmt-1180-r
wip/moneyfmt-1180
job/pillglass-1189
job/flags-1181
wip/flags-1181
job/restyle-1190
job/restyle-mailmoney
job/restyle-search
job/settingsreg-1195
job/wizard-1140
site/website
wip/wizardrev2-1140
wip/wizardrev-1140
wip/wizard5-1140
wip/wizard4-1140
wip/wizard3-1140
wip/wizard2-1140
wip/wizard-1140
wip/pillglass-1189
wip/settingsreg-1195
job/merge29
job/fu-1171
wip/merge29j
wip/fu-1171
job/fu-1166
job/directory-1199
job/proflog-1204
job/txresearch-1188
wip/fu-1166
job/merge28
job/search-1066
wip/search-1066
wip/merge28j
job/gateslot-1182
job/bulkimport-1157
job/mailnet-1160
wip/mailnetrev-1160
wip/mailnet-1160
wip/bulkrev-1157
wip/bulkimport-1157
job/startup-1161
wip/startup-1161
job/merge27
job/linkcards-1151
wip/linkcards3-1151
wip/linkcards2-1151
wip/linkcards-1151
job/traydate-1144
wip/traydate3-1144
wip/traydate2-1144
wip/traydate-1144
job/draw-1101
wip/merge27j
job/blockpill-1152
wip/blockpill3-1152
wip/blockpill2-1152
wip/blockpill-1152
job/minihover-1149
wip/minihover2-1149
wip/minihover-1149
job/merge25
wip/merge25-r
wip/merge25b
wip/merge25
job/inspector-1129
job/tags-1110
wip/inspector3-1129
wip/inspector2-1129
wip/inspector-1129
wip/tagsrev-1110
wip/tags2-1110
wip/tags-1110
job/dates-1148
wip/datesrev-1148
wip/dates2-1148
wip/dates-1148
job/licence-1145
wip/licence2-1145
wip/licence-1145
job/selfhost-1156
job/merge23
wip/merge23
job/tagfilter-1109
wip/tagfilter2-1109
wip/tagfilter-1109
job/kbd-1134
wip/kbd2-1134
wip/kbd-1134
job/palfoot-1137
wip/selfhost-1156
wip/palfoot2-1137
wip/palfoot-1137
job/toggle-1158
wip/toggle-1158
job/kbpreview-1118
job/docratchet-1155
job/perflint-1133
job/devtests-1159
wip/docratchet-1155
wip/devtests-1159
job/segv-1136
wip/toast-1142
wip/segv-1136
job/toast-1142
job/blockreload-1147
wip/blockreload-1147
job/font-1150
wip/font-1150
job/importui-1120
job/minimonth-1149
wip/importui-1120
wip/minimonth-1149
job/depcheck-1146
wip/perflint-1133
wip/depcheck-1146
job/calcards-1115
job/blocks-1125
job/plus-1128
job/shift-1138
wip/plus2-1128
wip/plus-1128
wip/shift-1138
job/moneyfid-1130
job/editorrail-1113
wip/moneyrev-1130
wip/moneyfid-1130
job/noext-851
wip/noext-851
wip/noext3-851
wip/noext2-851
job/week-1135
wip/week-1135
job/editreg-1132
job/smoke-1122
wip/smoke-1122
job/docs-1143
job/palette2-1123
job/calhdr-1112
job/nlpchip-1127
job/mailghost-1094
job/reconnect-1131
wip/reconnect-1131
job/trayicons-1095
job/delete-1119
job/importhang-1121
job/cards-1083
job/palette-1093
job/mchrome-1084
job/e2e-a-1071
job/canvas-visual
job/previewcard-1098
job/allday-1107
wip/e2e-a2-1071
wip/e2e-a-1071
job/e2e-b-1071
job/adv7c-1105
job/kanban-1092
job/agenda-1086
job/merge-round-7c
job/morph-1104
wip/surfaces-p2
job/merge-round-9
wip/merge-round-9
job/7cfix-small
wip/7cfix-small
job/mailui-1078
job/merge-round-8
wip/merge-round-8
wip/mailui-1078
job/mailround-1038
job/applemail-accept
wip/settitle-1068
wip/mailround2-1038
wip/mailround-1038
wip/e2e-7b
job/crash-1069
wip/crash-1069
job/searchlost-1066
wip/searchlost-1066
job/7b-reconcile
job/flake-1065
wip/flake-1065
wip/merge-round-7b7
wip/merge-round-7b6
wip/merge-round-7b5
wip/merge-round-7b4
wip/7b-reconcile
job/appupdate-1059
job/nfd-1044
wip/appupdate-1059
job/e2e-7b
job/loop-1062
wip/loop-1062
job/pdfprev-1045
job/invtoggle-1053
wip/pdfprev-1045
wip/nfd-1044
wip/invtoggle-1053
job/7bfix-e2e
job/mailstress-b
wip/7bfix-e2e
wip/mailstress-b
job/7bfix-adv
wip/7bfix-adv
job/mailstress-a
job/stack-1054
wip/stack-1054
wip/mailstress-a
job/mailstress-1038
wip/mailstress-1038
job/upload500-1051
wip/upload500-1051
job/share-1034
wip/share-1034
job/syncerr-1037
job/7bfix-photos
wip/7bfix-photos
job/paste-1036
job/setside-1039
wip/setside-1039
wip/paste-1036
job/lease-1042
wip/syncerr-1037
wip/lease-1042
job/7bfix-data
job/passkeybind-1043
wip/apprevoke-1041
job/invite-1035
wip/invite-1035
job/merge-round-7b2
wip/merge-round-7b2
job/mailproxy-486
job/apprevoke-1041
job/rebuild-1033
job/pillborder-1029
wip/pillborder-1029
wip/mailproxy-486
wip/applemail-486
job/headless-998
wip/headless-998
job/groups-1028
wip/groups-1028
job/rebuildwarn-1016
wip/rebuildwarn-1016
job/startup-1011
wip/startup-1011
job/monthpill-1009
job/bgthumb-1025
job/sharetitle-1012
wip/monthpill-1009
wip/bgthumb-1025
wip/sharetitle-1012
job/canvas-cards-977
wip/canvas-cards-977
job/canvas-pencil-978
job/canvas-sketch-990
wip/canvas-sketch-990
wip/canvas-pencil-978
job/canvas-files-989
wip/canvas-files-989
job/canvas-collab-991
wip/canvas-collab-991
job/weekscroll-1018
wip/weekscroll-1018
wip/canvas-core-976
job/canvas-core-976
job/round-drag
wip/round-drag
job/round-settings
job/browserfix
wip/oapi-974
job/oapi-974
job/hist2-integrate
job/mailhtml-726
wip/mailhtml-726
wip/hist2-integrate
job/moneyfu-984
job/drag-1015
wip/drag-1015
job/rename-1017
wip/rename-1017
job/hist2-api
wip/hist2-api
job/oneacct-1014
wip/oneacct-1014
wip/moneyfu-984
job/hist2-bench
job/hist2-restore
wip/hist2-bench
job/hist2-write
job/hotfix-724
wip/hotfix-724
wip/hist2-write
wip/hist2-restore
job/hist2-store
job/hist2-ui
wip/hist2-ui
wip/hist2-store
job/searchstarve-965
job/shutdown-963
wip/shutdown-963
wip/pubedit-981
job/pubedit-981
job/analytics-973
wip/searchstarve-965
job/authflash-850
job/weeklane-969
job/pvtitle-1004
job/hist-975
wip/authflash-850
job/voicepill-617
wip/pvtitle-1004
job/headring-1003
wip/weeklane-969
wip/voicepill-617
wip/headring-1003
wip/analytics-973
job/agentscope-980
wip/thumbsandbox-988
job/thumbsandbox-988
wip/hist-975
job/links-856
wip/links-856
job/davetag-966
wip/davetag-966
job/filesstorm-1000
job/hoverpad-725
wip/filesstorm-1000
job/ffmpegblas-993
job/merge-round-7a
wip/hoverpad-725
wip/ffmpegblas-993
job/nowdot-1002
wip/verify-7a
job/noteid-857
wip/nowdot-1002
wip/noteid-857
wip/merge-round-7a
wip/agentscope-980
job/imapedge
job/a11yfix2
wip/imapedge-941
wip/imapedge
wip/a11yfix2
job/notetask-986
job/logheading
wip/logheading-998
job/textthumb-652
job/photolive-987
wip/photolive-987
job/davactive-983
job/savefix-985
job/tabicons-607
wip/davactive-983
wip/tabicons-607
wip/notetask-986
wip/savefix-985
job/dirid-627
job/buildspeed-1007
wip/dirid-627
job/agenda-decks
job/perfguards-impl
job/undo-a11y
wip/undo-a11y
job/mailperf
job/wal-824
wip/settings-50
job/settings-50
job/notesfilter-606
wip/notesfilter-606
job/surfaces-p2
wip/wal-824
job/maillayouts
wip/mailperf
wip/maillayouts
job/taskmeta-659
job/money-ident
wip/money-ident
wip/taskmeta-659
job/errstates
wip/perfguards-impl
job/headings-881
wip/headings-881
wip/errstates
job/voice-619
job/gaps-827
job/notesperf
wip/notesperf
wip/voice-619
job/hddsql-549
job/perf-stream-668
wip/perf-stream-668
wip/deeplinks-fix
job/deeplinks-fix
job/authfix
job/docsfix-rust
wip/docsfix-rust
job/webperf
job/docsfix-web
job/datafix2
job/webdav-lock-476
job/copyfix
wip/copyfix
wip/webperf
job/focus-658
wip/protofix
job/mediafix
job/protofix
wip/mediafix
job/agentfix
job/hhmm-724
wip/agentfix
job/undo-722
job/reuse
wip/webdav-lock-476
wip/reuse
job/scopefix
job/datafix
wip/hhmm-724
wip/undo-722
job/surfaces-p1
wip/hddsql-549
job/voicememos-618
wip/datafix2
wip/surfaces-p1
job/fix-940
wip/fix-940
job/blaze-surfaces
wip/datafix
wip/blaze-surfaces
job/taskday-655
job/linknav-639
wip/linknav-639
wip/gaps-827
job/isolation-707
job/audiophotos-720
wip/audiophotos-720
job/advfind-664
wip/voicememos-618
wip/taskday-655
wip/isolation-707
wip/advfind-664
wip/scopefix
wip/focus-658
job/testgaps
wip/testgaps
job/overscroll-718
wip/authfix
job/deps
wip/overscroll-718
job/rev2-agentfix
job/rev2-money-ident
job/rev2-mailperf
wip/deps
job/hardening-728
wip/hardening-728
job/searchgen-832
wip/searchgen-832
job/photopw-849
job/mailsql-825
wip/photopw-849
job/sharefix
wip/sharefix
job/rev2-mailhtml-726
job/rev2-perfguards
job/copyval-723
job/lightglass-r2
wip/lightglass-r2
wip/docsfix-web
job/copy-audit
job/macinterop-staging-r2
job/design-sync
job/rev2-taskmeta-659
job/rev2-webperf
job/docs-audit
job/rev2-advfind-664
job/rev2-mailproxy-486
job/states-audit
job/rev2-datafix
job/design-drift
job/test-gaps
job/rev2-voicememos-618
job/rev2-mediafix
job/rev2-deps
job/rev2-datafix2
job/licence-audit
job/issue-hygiene
job/rev2-protofix
job/rev2-voice-619
job/rev2-isolation-707
job/rev2-surfaces-p1
job/deeplink-audit2
job/rev2-audiophotos-720
wip/test-gaps
job/rev2-overscroll-718
job/rev2-undo-722
wip/states-audit
job/rev2-dropmd-719
job/rev2-linknav-639
job/merge-7b-plan
wip/merge-7b-plan
job/rev2-taskday-655
wip/mailsql-825
job/rev2-webdav-lock-476
job/rev2-browserfix
wip/design-drift
job/rev2-hddsql-549
wip/deeplink-audit2
job/rev2-scopefix
job/rev2-authfix
job/rev2-hardening-728
job/rev2-wal-824
job/rev2-sharefix
job/calsidebar-638
job/chrome-audit
job/ioperf
wip/ioperf
wip/chrome-audit
wip/calsidebar-638
job/dropmd-719
wip/dropmd-719
job/ocr-build
wip/ocr-build
job/blaze-settings
wip/copyval-723
job/toastring-721
wip/toastring-721
job/deployfix-732
wip/deployfix-732
wip/blaze-settings
job/money-import-recheck
job/rev-a11y
job/perf-arch-db
job/rev-7b-data
wip/textthumb-652
wip/perf-arch-db
job/sec-protocols
job/sidehdr-660
job/rev-7b-security
job/research-surfaces
job/rev-design-gaps
job/rev-mcp-api
wip/sidehdr-660
job/perf-arch-memory
wip/sec-protocols
job/perf-arch-bundle
job/snapedge-714
wip/rev-mcp-api
job/sec-supplychain
wip/research-surfaces
job/perf-arch-sync
job/rev-consistency
job/perf-arch-server
wip/perf-arch-server
wip/perf-arch-memory
job/perf-arch-io
job/perf-arch-client
job/sec-fs
job/sec-mcp-scopes
job/sec-sharing
job/perf-guards
job/sec-browser
job/sec-admin-deploy
job/sec-auth
wip/snapedge-714
job/bgpicker-717
wip/perf-arch-bundle
wip/money-import-recheck
job/advsetup-654
wip/bgpicker-717
wip/advsetup-654
job/burst-709
job/kbdcaps-710
job/app-pw-chooser
wip/burst-709
wip/app-pw-chooser
job/imaptest-625
wip/kbdcaps-710
job/fix-499
wip/fix-499
job/perf-mut-667
job/calimg-589
job/perf-snap-666
wip/calimg-589
wip/perf-snap-666
wip/perf-mut-667
job/perf-cache-665
wip/perf-cache-665
job/voicefiles-620
wip/voicefiles-620
job/admin-burst-705
wip/admin-burst-705
job/voicememos-review
wip/voicememos-review
wip/ryw-653
job/ryw-653
job/writeonopen-661
job/instant-663
wip/writeonopen-661
job/money-import-review
wip/money-import-review
wip/importjs-610
review/integrations-407-round6
wip/integrations-review
job/dragghost-612
wip/dragghost-612
job/integrations
wip/integrations
job/decider-656
job/merge-round-6
job/perf-rerun
wip/merge-round-6
job/integrations-review-round5
job/selalign-576
wip/selalign-576
job/mcp-events-491
job/files-631
job/cal-e2e-569
wip/cal-e2e-569
job/reload-423
wip/reload-423
wip/mcp-events-491
wip/files-631
job/notesbridge-644
wip/notesbridge-644
job/editor-series
job/calcard-series
wip/calcard-series
job/mcp-events-review-491
wip/mcp-events-review
wip/editor-series
job/quirks-546
job/integrations-recheck
job/tocrail-636
wip/tocrail-636
wip/quirks-546
wip/reminders-643
job/reminders-643
wip/davscale-573
job/davscale-573
job/integrations-review
wip/ocr-eval-584
job/ocr-eval-584
job/esc-537
wip/esc-537
job/toastname-586
wip/toastname-586
job/submenu-579
wip/submenu-579
job/tasks-mode
wip/tasks-mode
job/agentdocs-630
job/dupwrite-634
wip/agentdocs-630
wip/dupwrite-634
job/lightglass-588
wip/lightglass-588
job/tabswitch-549
job/ghosttask-623
wip/ghosttask-623
job/toaststack-616
job/weekstate-609
job/mailsync-613
wip/mailsync-613
wip/weekstate-609
job/maildup-626
wip/tabswitch-549
wip/maildup-626
wip/toaststack-616
job/motion-611
wip/motion-611
job/tlstest-601
wip/tlstest-601
job/perf-495
job/floating-sheet
wip/floating-sheet
job/remdup-585
wip/remdup-585
job/fix-502
wip/fix-502
job/attachplay-622
job/perf-batch
wip/perf-batch-563
wip/perf-495
hotfix/mail-sync-diag
job/mail-m3
wip/mail-m3
job/attach-poof-603
job/calhover-608
job/editorbar-604
job/mentions-605
job/merge-round-4
job/allday-514
wip/merge-round-4
wip/allday-514
job/merge-round-4a
wip/merge-round-4a
job/sharestack-580
job/fix-501
wip/sharestack-580
wip/fix-501
job/perf-batch-563
job/apw-cache-review
wip/apw-cache-review
job/probe-520
wip/probe-520
job/mac-393
wip/mac-393
job/header-571
job/flake-513
wip/flake-513
job/docs-thumb-547
wip/header-571
job/webcal-572
wip/webcal-572
wip/shortcuts-542
job/shortcuts-542
wip/docs-thumb-547
job/caldav-stress
wip/caldav-stress
wip/sweep-478
job/apw-cache-512
wip/apw-cache-512
job/money-empty-540
wip/restart-505
wip/money-empty-540
wip/fix-510
job/restart-505
job/fix-503
job/perf-496
wip/perf-496
job/fix-498
wip/fix-498
job/info-inspector-465
wip/info-inspector-465
job/fix-510
job/fix-507
wip/fix-507
wip/fix-503
job/fix-493
job/money-kinds
wip/money-kinds
job/hygiene-548
job/merge-round-3
wip/fix-493
job/drag-snap-536
wip/merge-round-3
wip/merge-round-0930
wip/drag-snap-536
job/align-538
wip/align-538
job/bg-flash
wip/bg-flash
job/money-import
job/search-count-544
wip/search-count-544
wip/money-import
job/settings-key-541
wip/settings-key-541
job/toast-539
job/preview-421
wip/preview-421
wip/toast-539
job/tasks-500-531
job/title-plain-526
wip/title-plain-526
wip/tasks-500-531
job/notes-bridge
wip/parity-484
job/parity-484
job/files-slow
job/crash-525
wip/notes-bridge
wip/files-slow
wip/crash-525
job/kbd-motion-527
wip/bg-422
job/analytics-504
wip/analytics-504
wip/kbd-motion-527
job/upload-pill-523
wip/upload-pill-523
wip/tray-order
job/tray-order
wip/overflow-mid
wip/merge-round-2
job/perf-494
wip/perf-494
wip/mcp-fast-492
wip/motion-477
wip/asr-ab-489
wip/theme-variants-506
wip/overflow-511
wip/week-header-508
wip/attach-427
job/dav-delete-471
job/iso-435
wip/iso-435
wip/files-sel-keys
wip/dav-delete-471
job/align-253
job/siwc-490
wip/siwc-490
job/money-kinds-review
wip/align-253
wip/money-kinds-review
job/small-bugs-3
wip/overlay-title-487
wip/multiget-500
wip/hidden-420
wip/webcal-ui
wip/webcal-431
job/perf-367
job/location
wip/small-bugs-3
wip/location
wip/perf-367
wip/admin-deny-483
job/tag-unicode-473
wip/tag-unicode-473
job/blur-436
wip/photos-470
wip/blur-436
wip/small-bugs-4
wip/hunt-20260930
wip/settings-hdr-482
wip/chips-416
job/dedup-375
wip/dedup-375
job/doc-stack
wip/doc-stack
job/tokens-literals
wip/tokens-literals
job/jobs-leftovers
wip/send-fast
wip/paste-467
wip/money-numbers
job/money-plugin
wip/money-plugin
job/break-dav
wip/merge-batch
wip/crossday-469
wip/mac-verify
wip/mail-m2
wip/break-dav
wip/money-review2
job/money-md
job/modes-424
wip/money-md
wip/jobs-leftovers
job/agenda-413
wip/agenda-413
wip/modes-424
job/recog-417
wip/recog-417
wip/bounce-425
wip/ab-384-luna
job/webdav-perf
wip/webdav-perf
job/toast-ring
wip/toast-ring
job/money-review
wip/money-review
wip/micro-motion
wip/settings-card
wip/minical
job/notes-imap-428
job/least-priv
wip/ui-small-2
wip/flaky-426
wip/drag-end-418
job/jank
wip/jank
wip/least-priv
wip/docs-site
job/agenda
job/sec-batch
wip/sec-batch
wip/per-user-index
job/area-calendars
wip/area-calendars
job/parity
wip/parity
job/documents-research
wip/documents-research
job/test-infra
job/reminders-sync
wip/small-bugs-2
wip/reminders-sync
wip/gestures
job/google-oauth
wip/tags-merge
wip/tags
job/e2e-theme
wip/e2e-theme
job/icon-align
wip/test-infra
wip/select-align
wip/editor-385
job/voice
wip/webdav
job/webdav
job/app-pw-ui
job/editor-integrity
wip/editor-integrity
wip/voice
wip/quota
wip/cal-followups
wip/icon-align
job/composer-scale
wip/composer-scale
job/jobs-page
wip/jobs-page
job/hig-type
wip/hig-type
wip/app-pw-ui
job/motion-spring
job/mcp
wip/motion-spring
wip/mcp
job/small-bugs
wip/push-hosts
job/profile-sign
wip/touch-369
wip/profile-sign
job/mobile-focus
wip/mobile-focus
wip/ui-polish-354
wip/small-bugs
wip/dup-task
job/toast-polish
job/app-pw-scopes
wip/toast-polish
wip/app-pw-scopes
wip/cli-agent
wip/selection-pills
job/preview-attach
wip/preview-attach
job/dav-proppatch
wip/dav-proppatch
wip/cal-switcher
job/atomic-race
wip/atomic-race
job/photos-shared
wip/photos-shared
wip/cal-grid
wip/note-rewrite
wip/search-rebuild
job/mail-m1
job/paperless-import
wip/paperless-import
wip/mail-m1
wip/hidden-activity
wip/search-d
wip/pricing-research
wip/cursors
wip/auto-scheme
job/single-pills
wip/single-pills
wip/xuser-matrix
wip/money-format
wip/app-pw-setup
wip/purge-dos
wip/vault-health
wip/caldav-apple
wip/xuser-audit
wip/e2e-green
wip/tabbar
wip/adv-harness
wip/maple-mono
job/search-fix
wip/search-fix
wip/search-perf-c
job/adv-harness
wip/sidebar-headers
job/glass
wip/temp-index
job/polish
wip/polish
wip/file-protocols
wip/money-research
wip/glass
wip/voice-models
wip/collab-redo
job/voice-research
wip/hunt-20260928
wip/notes-actions-research
wip/search-pad
wip/search-perf
wip/search-sticky
wip/editor-undo
wip/chrome-rules
wip/motion
wip/appearance-research
wip/appearance
wip/audit-bugs
wip/cal-glass
wip/block-actions
wip/authz-order
wip/event-stripes
wip/chrome-sidebar
wip/auth-flaky
wip/robust-2
wip/gate-fix
wip/menu-blur
wip/import-calternaljs
wip/tray-fix
job/import-calternaljs
wip/index-order
wip/audit-fixes
wip/search-chevrons
research/mail
wip/phone-chrome
wip/dedup-break
wip/csp
wip/ui-audit
wip/select-toast
wip/perf
wip/flat-layout
wip/fonts
wip/event-tint
wip/sync-converge
wip/data-split
wip/glass-audit
wip/robustness
wip/sync-chaos
wip/search-thumbs
wip/fuzz
wip/menu-icons
wip/search-pill
wip/sync-changing
wip/heading-links
wip/date-formats
wip/a11y
wip/break-editor
wip/e2e-fix
wip/settings-sections
wip/sync-root-guard
wip/search-palette
wip/share-edit
job/toasts
wip/toasts
wip/cont-analytics
wip/authz-review
wip/popovers
wip/overlay-glass
wip/change-feed
wip/editor-modes
wip/composer-align
wip/cont-agenda
wip/agenda-merge
job/agent-conventions
wip/agent-conventions
wip/backend-misc
job/route-audit
wip/route-audit
wip/ui-batch
wip/heif-hardening
wip/grid-resize
wip/ask-page
wip/webmcp
job/deeplink-audit
wip/deeplinks
wip/shortcuts
wip/cont-tz-days
main
No results found.
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
kayg/calternal#405
No description provided.