Sideways canvas scroll is laggy with frosted windows (production) #256
Closed
opened 2026-10-29 13:50:50 +00:00 by kayg
·
10 comments
No Branch/Tag specified
main
j470b-server-mesh-rejoin
mesh-compat-382
j444b-d381-key-wins-flood
j461b-macos-utun-reader-thread
j475b-remove-host-motion
fix-reconnect-new-link
j481-d380
dev
j479-mesh-soak
fix/j476-host-facts
j475-motion-pill-split
j470-mac-node-join
root-upgrade-d376
j474-review-merge
latency-targets-120hz
nightly-suite-shards
gotatun-pin-j469
macos-utun-reader-thread
fix-flood-echo-stall
wip/j416
motion-fast-ease-out
mesh-addhost-j259
takeover-close-terminals-d368
kbd-instant-followups
fix-trust-key-double-click
nightly-suite-partial-report
appwin-icons-j207
rusqlite-slice1
swipe-content-first-d374
mesh-mtu-381
addhost-instant-open
glass-contrast-d365-mock
glass-contrast-d365
signout-followups-442
fix-startup-toast-red
research-gotatun-matrix-j317
themes-sync-j304
fix-load-flakes
fix-nix-zig-patch
fix-compute01-browser-baseline
ratchet-size-baseline-419
predict-auto-d130
revoke-coverage-d367
nightly-suite-queue-timeout
nightly-browser-suite
fix-rustsec-2026-0459
fonts-ioskeley-obel
log-retention-d375
fix-kbd-no-anim-427
fix-dev-red-specs-2
takeover-proof-305-j205
wip/j410-server-pump
ui-consistency-d372
fix-osc52-clipboard
libghostty-vt-1.0
forget-retired-host-d369
j404-merge-426
fix-setup-lock-race
fix-touch-select-426
revoke-access-report-ui
fix-predictive-echo-specs
fix-selinux-agent-exec
wip/j395-checkpoint2
wip/j395
j391-review-scratch
ui-consistency-j195-deferred-rebased
fix-rustc-paths-421
decisions-wording-341
fix-install-suite-red
fix-dev-rtt-specs
fix-pending-removal-align
fix-privileged-skip
fix-install-suite-404
review-j368
mesh-dns-j254
revoke-access-report-d356b
revoke-privilege-round5
fix-removal-confirm
review-j360
gotatun-rotation-367
deps-refresh-340
review-j354
review-J351
review-j350
addhost-takeover-d359
revoke-report-items-347
revoke-end-sessions-d362
review-j348
size-mesh-ssh-346
size-trim-337
revoke-access-diff-d356
j259-pre-rebase-b06c5a6
j305-ended-at-start-spec
addhost-sudo-consent
fix-layout-real-specs-411
fix-shell-open-411
fix-console-hosts-373
fix-shell-exit
fuzz-host-name-353
fix-host-details-410
macos-filter-j197
research-gotatun-tricks
revoke-p3-j216l
stale-state-pill
revoke-followups-j216k
revoke-progress-j216e
backup/macos01-20261106/lume/j197
backup/macos01-20261106/lume/appwin-icons-j207-stash0
backup/macos01-20261106/claude/stash-0
backup/macos01-20261106/claude/stash-1
backup/macos01-20261106/claude/J80-macos-s1
backup/macos01-20261106/claude/J80
backup/macos01-20261106/claude/J80-slice1-20261102
backup/macos01-20261106/claude/J16b-appwin-on-dev
backup/macos01-20261106/claude/appwin-launch-idle-146
backup/macos01-20261106/claude/J80-s1-run
wip/j259
trust-285-p3c
runtime-lock-j216f
mesh-ssh-p3-j175
tun-proof-p3b
trust-285-p3
terminal-polish-j271
tun-proof-p3
ssh-install-flakes-j216i
fuzz-fixes-j264
trust-285-a
trust-285-b
restart-oversized-fixture-j198
backup/macos01-20261106/lume/appwin-icons-j207
restart-bound-j216h
up-preflight-p3-j198
backup/macos01-20261106/lume/j251
up-preflight-j198
wip/up-preflight-j198-j245-p2
wip/up-preflight-j198-j245-p1
agent-fsync-offloop-j196
wip/up-preflight-j198-j245
settings-offscreen-j231
wip/up-preflight-j198-j226-inspection
wip/j103f
themes-j206
wip/up-preflight-j198-j226
flakes-j216c
backup/macos01-20261106/claude/j197
flakes-j216b
backup/macos01-20261106/claude/j197-red
wip/up-preflight-j198-review
flakes-j216
backup/macos01-20261106/claude/appwin-icons-j207
engineering-j208b
appwin-mock-j209
toast-stack-j165
engineering-j208
decisions-d351
decisions-d350
decisions-d349
appearance-presets-mock-j129
decisions-d348
docs-audit-spec
doc-coverage-baseline-raise
decisions-d347
decisions-d346b
decisions-d346
j88h-profile
ui-consistency-j195-deferred
ui-consistency-j195
engineering-practices-j194
preferred-login-ui-j166
signin-pools-263-j174
macos-node-265-s1
decisions-d345
decisions-d344
proxy-cgroup-j164
verify-quick-fuzz-329
proxy-start-io-j168
timing-flakes-j163
up-263-s1
mcp-events-j147
verify-quick-fuzz-j158
proxy-p3-j159
agent-resource-j157-detect
wip/j103d-final
remote-cancel-hang-j155
proxy-traefik-281-j62d
j149-verify-quick
proxy-traefik-281-j62b
j150-drop-unnamed
wip/j79d-red-r4
wip/j103d-d332
rootless-toast-j142
wip/j103d-head
wip/j103d
j125c-mcp
macos-build-j136
backup/macos01-20261106/claude/j136
wip/j79d-red-cli
wip/j79d-red-server
j121-link-liveness
j118c-tracer-failures
wip/j79c-head
release-desktop-j131
j124c-signed-macos
wip/j79c-red-p3
wip/j79c-red-p23
wip/j79c-red-p22
merge-j128-check
perf-deferred-j128
sidebar-toggle-260
j127-shortcut-changed-dot
j125-mcp
j118-tracer-failures
j126-account-summary
settings-sections-mock-j92
j120-pinch-lock
sidebar-292
backup/macos01-20261106/claude/j120
taste-2026-11-03
row-actions-242-215
backup/macos01-20261106/claude/stash-0-untracked
backup/macos01-20261106/claude/J80-265-s1-run
backup/macos01-20261106/claude/J80-macos-s1-20261102
j112-canvas-commands
ui-no-overshoot-scroll
fix-recovery-restart
backup/macos01-20261106/claude/stash-1-untracked
taste-2026-11-02
size-baseline-ratchet
machine-cards-structure-j108
j109-boot-copy-mockups
fix-dev-red
wip/up-263-s1
j95b-settings-rows
proxy-traefik-281
j95-option-rows
docs-human-j91
docs-keys-palette
fix-flood-1013-270-j38d
mesh-ssh-s1
mesh-ssh-s0
addhost-d291-tunnel
test-stability-load
mesh-relay-220
repro-296
shim-thp-off-24
mesh-pins-258-v2
mesh-dns
signin-d311-merged
docs-pages
ui-size-283
fix-ui-batch-specs
wip/j12b-edge-update
gate-on-arm
fix-rename-sync-293
trust-285-j60b
fix-focus-ring-clip
integ-ui-1101
edge-update-v2
signin-d311
taste-2026-11-01
layout-per-tab-250
ui-approved-splitopt-224
ui-approved-splitopt-224-on-dev
icon-text-centre-282
ui-approved-189-212-216
research-reverse-proxy
transfer-budget-320
review-mesh-pins-258-r2
sidebar-pill-259
review-mesh-relay-220
wip/j12-edge-update-v2
nix-package
status-crash-loop-237
fix-dev-test-failures
fix-fixture-socket-path
wip/mesh-relay-220-pre-dev-advance-rebase
fix-canvas-side-clip
research-head-to-head
frosted-real-256
review-mesh-pins-258
wip/mesh-relay-220-pre-final-rebase
review-layout-per-tab-250-r2
broad-suite-triage
nix-devshell
review-status-crash-loop-237-r3
wip/nix-devshell-pre-p3
taste-frosted-real
wip/code-serve-demo-2026-10-30
wip/code-serve-glass-2026-10-30
wip/code-serve-clusters-2026-10-30
wip/code-merge-release94-dev-2026-10-30
wip/rproxy-delta-scratch-2026-10-30
wip/stale-note-257-staged-2026-10-30
wip/d241-size-staged-2026-10-30
review-broad-suite-207
wip/mesh-pins-258-pre-split
wip/mesh-relay-220-pre-rebase
mesh-measure-220
plan-211-update
review-edge-autoupdate-r3
perf24-reconnect
review-stale-note-r2
release-prod-live
d241-shell-marker
review-mesh-pins-server-258
review-revocation-r3
review-setup-token-r2
review-sync-journal-r3
wip/review-mesh-pins-258-prune-review-1995fee46
frosted-scroll-256
sync-journal-r3
revocation-per-account-wip
review-tokio-asyncfd-0386
review-sync-p3s
wip/stash-8by64-stash0-2026-10-30
mesh-drag-r2
setup-token-data-wip
release-9-4
auth-busy-1013
mesh-view-overlap
sync-p3s
review-auth-busy-wake
review-readd-r8-wip
mesh-drag-bounds
audit-auth-93
app-windows-stream-start
review-authority-cap-r3
app-windows-r7-measure
readd-minimal-r6
readd-minimal-r5
app-windows-r7-soak
readd-minimal-r4
app-windows-r7
app-windows-r6
readd-minimal-r3
readd-minimal-r2
readd-minimal
merge-release8-dev
review-busy-page-liveness-r2
review-busy-page-liveness
mesh-view-trim
review-authority-read-retry-r2
review-remove-uninstall-r2
release-retry-reattach
release-retry
review-remove-uninstall
review-authority-read-retry
app-windows-ship
mesh-autoswitch-p2
mesh-ssh
mesh-relay
mesh-macos-node
screen-and-control
session-labels
review-real-logins-r5
review-real-logins-r4
review-real-logins-r3
shim-memory-r2
review-real-logins-r2
shim-memory
shadow-addhost-instant
shadow-real-logins
shadow-same-session-flood
shadow-prod-perf-fix
hosts-from-server
app-windows-real
app-windows-transport
release-prod-6w
mesh-policy-verify
quiet-close-toast
dev-merge-r4
review-mesh-agent-transport
review-app-windows-transport
settings-roundtrip
review-release-pipeline-r4
mesh-agent-transport
ended-strip-fix
review-audit-ca-update-d244
settings-rows
phone-width
signout-clear
fix-restart-tests
dev-merge-rp
signer-hardening
review-audit-ca-update
terminal-fidelity
review-audit-ca-update-wip
mesh-integrate
review-mesh-agent-transport-515d3712
review-mesh-dataplane-feec1988
mesh-dataplane
signout
research-canvas-node
wip/review-renderer-cost
wip/review-terminal-fidelity
padlock-glyph
review-release-pipeline-2e95b689
phone-polish
sidebar-polish
inbox-generic
review-mesh-dataplane-378d4055
prod-batch
ui-inbox
ui-ca-unlock
ui-machine-sections
review-mesh-dataplane-a5f744fb
tls-session-prod
session-bounds-prod
fix-dead-session
session-bounds
tls-session
palette-polish
shortcuts-d222
research-appmeta
phone-gutter
ui-centre-button
wip/ui-centre-button
wip/tls-session
review-addhost-breakit
ui-platform
renderer-cost
remote-agents
mesh-api
ssh-bootstrap
prod-hotfix2
prod-fixes
review-remote-agents
review-mesh-dataplane
session-life
research-browser
review-mesh-api
research-capture
review-mesh-api-round3
review-mesh-api-round1
gate-stability
review-gate-stability
review-relay-direct
review-mesh-api-findings
proto-sessions
font-picker
proto-addhost
proto-windows
mesh-core
latency-gate
research-bsd
research-discovery
keytray-mods
mock-core
ui-tweaks
fix-motion-sel
fix-motion
integrate2
fix-robust
t-web
t-server
vt-ghostty
fix-snap-echo
t-web-auth
review-vt2
t-agent
lane-protocol
lane-shim
lane-auth
s1-base
s1-contracts
s1-workspace
No results found.
No labels
launch-qa
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/infraternal#256
Loading…
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Owner report, 2026-10-29: in production, scrolling the canvas sideways is laggy when windows are frosted (the glass/backdrop-blur material).
Plan:
Questions for the owner: which device and browser showed it (iPhone Safari PWA, or desktop Chrome or Safari, and which machine), and how many windows were open?
Start: branch
frosted-scroll-256, baseorigin/dev@63773bb3ec. Plan: CDP trace of a 3 s sideways canvas scroll at 1/4/12 frosted windows vs frosting off (VM, no GPU, relative numbers only), then fix,?glass=liveA/B switch, spec, evidence here.Start: branch
frosted-scroll-256, baseorigin/dev@63773bb3ec. Plan: CDP trace of a 3 s sideways canvas scroll at 1/4/12 frosted windows vs frosting off (VM, no GPU, relative numbers only), then fix,?glass=liveA/B switch, spec, evidence here.Finding 1 (reproduced; VM, no GPU, relative only). Scripted 3 s sideways canvas pan (free canvas, 20 px/frame sine, 1440x900 DPR 1, Tokyo, mesh, Frosted cards), Solid vs Frosted windows (D189, 24 px):
Display::DrawAndSwap). The translucent tint alone (blur off) costs nothing (8.1 ms/frame, same as Solid). Paint, layerize and raster are flat (< 10 ms in 3 s).will-changepromotion (removing it: 27.6 ms/frame, no change); blur radius (8 px: 22 ms, 48 px: 29 ms; in software it is area-driven).data-movingis set brings 1/4/12 windows back to the Solid baseline (7.4 / ~8 / 7.2 ms per frame, p95 16.7–16.8).Finding 2 (owner decision, not changed by me). In Chromium the window blur does not see the canvas backdrop at all:
production CSS
filter off
.cl-viewporthasclip-path, which makes it a backdrop root, so the window'sbackdrop-filteronly sees what is inside the viewport (other windows, shadows). I put black/white stripes under the viewport: with production CSS they show sharp inside a Frosted window (same as with the filter off); withclip-path: nonethey show blurred. So in Chrome and Edge a Frosted window pays the per-frame blur for a result that is almost empty, while the look at rest is the same with the filter off. Safari may differ (not measurable here). I keep the at-rest look exactly as it is.clip-path: nonePlan: windows drop the live blur while the camera moves (the world already carries
data-moving), live blur returns at rest;?glass=livekeeps today's behaviour. Cards (pills, sidebar) keep blurring: the content moving under them is real.Finished (not merged, not deployed). Branch
frosted-scroll-256, head88ae0a23d0294f4cb22bd063555a58b91b18f733, baseorigin/dev@63773bb3e. (The start comment above is posted twice: my shell sent it twice. Nothing else is duplicated.)Commits (atomic, each pushed):
46f32e1b4test: scripted sideways pan + Chromium trace harness and report spec (frosted-scroll-harness.ts,frosted-scroll-report.spec.ts).a8beb005bfix: Frosted windows draw no blur while the camera moves (data-movingon the world), live again at rest;?glass=livekeeps today's behaviour. Specfrosted-scroll.spec.ts, andclusters-glass-motion.spec.tsupdated (it asserted that nothing turns the blur off while the camera moves).88ae0a23ddocs: TASTE row, camera module doc, canvas README.Where the material is applied (all of it): Frosted windows
themes.tsinstallLevelRules(24 px, only.ui-window[data-onscreen], D189); floating chromepackages/ui/styles.css(.ui-overlay-surface,.ui-panel,.ui-pill:blur(var(--ui-overlay-blur)), 32 px at Frosted cards; the view labels are.ui-pills too). Nothing else usesbackdrop-filterin product code (transparency.tsis the mockup comparison).What was expensive: only the backdrop blur of the windows, drawn by the compositor on every frame (
Display::DrawAndSwap). Tint alone, paint, layerize, raster, layer promotion and blur radius are not the cause (numbers in the Finding 1 comment and the commit message).What was chosen: freeze while moving (CSS only, no per-frame JS). Rejected, with measurements, in the commit body: cheaper blur while moving (22 ms/frame, area-bound),
will-changechanges (no effect), smaller area (windows tile the screen), a cached copy of the blurred backdrop (nothing can read the compositor's blur back; our own copy needs a counter-translated layer per window per frame), a cross-fade back at rest (cannot be checked in WebKit here).Trace summary, before (
?glass=live) / after (default), VM, no GPU, relative only, median of 3: trace-summary.mdDPR 2, 12 windows, one run each: p95 16.7 off / 33.4 before / 16.7 after; draw per frame 9.1 / 24.3 / 8.6 ms. Layer count is the same with and without frost (80→84 at 12 windows). Full table with paint, raster and layers per row is in the attachment; raw: report-dpr1.txt.
Screenshots. At rest, the same page before any scroll and after a pan (and with



data-glass="live"switched on at runtime): pixel diff 0 of 1,296,000 pixels in both comparisons.Mid-scroll (default path,
data-movingset, all four windowsbackdrop-filter: none, chrome still blurred):Tests.
frosted-scroll.spec.tsfails on the base without the fix (3 of 3, spec-on-base.txt: the frame budget fails with draw 22.8 ms/frame against a bound of 11.5) and passes on the head (spec-head.txt):Same run:
clusters-flight.spec.ts✓;glass-ghost.spec.ts4 failed / 19 passed: "toast at level 3/4 (ink and paper, DPR 3) lets text through", with the identical ratios (0.2553, 0.4294) on the base commit, so not caused by this branch. Unit tests (bun testover every*.test.ts): the same failures on base and head (head, base: deferred Brotli budget,recoveryAuthexport).scripts/verify fastwas not run (arm64 VM without a GPU, per the brief). Playwright ran with 1 worker on port 4256; MemAvailable stayed above 43 GB.For the owner's device test (how to test): open the app twice, once with
?glass=live(today's behaviour: the blur keeps running while you pan) and once without (the fix), Windows set to Frosted (Settings, or?windows=4), and pan sideways with 4 and 12 windows. Report which device and browser, and whether the frozen blur is visible while moving.Open points, not decided by me.
.cl-viewport'sclip-pathis a backdrop root), so in Chrome and Edge the blur I freeze was almost empty; in Safari it may blur the gradient and dots. The only visible difference while moving could be the dots showing sharp through the window (they are blurred away at rest). That is exactly what the A/B is for. Removing theclip-pathwould change the look at rest and add cost: your call.state.movingWindow) are not covered: they do not setdata-moving.J18 start (design sub-agent): side-by-side variants for the owner. Variant A
frosted-scroll-256-a= the #256 fix rebased on origin/dev @42ab33035(blur paused while moving, clip-path unchanged). Variant Bfrosted-scroll-256-b= A + windows truly blurring the canvas (Finding 2: the viewport stops being a backdrop root). Both are measured on claude@infraternal-dev-02-std (no GPU: relative numbers only) and served for the owner; I do not decide.J18: side-by-side for the owner (A vs B). Not decided by me; you pick. Both branches are rebased on
origin/dev@42ab33035, pushed, not merged, not deployed.frosted-scroll-256-a9023f9683frosted-scroll-256, cherry-picked): window blur paused while the camera moves, live at rest.clip-pathunchanged: today's look.frosted-scroll-256-bbcfd02d7foverflow: clipon.panes(the viewport's parent) instead ofclip-pathon.cl-viewport, so Frosted windows really blur the canvas behind them.What B changes (apps/tracer/clusters.css only, 1 file, +11/−4)
.cl-viewportloses itsclip-path: inset(-12px 0 0 0)(the thing that made it a backdrop root)..panesbecomesoverflow: clip, reaches 12 px above the viewport (margin-top: -12px; padding-top: 12px), and the viewport sitsinset: 12px 0 0 0from its padding edge..cl-viewport's own rectangle is unchanged (measured 20, 60, 1650×924 in both A and B at 1690×1000), so the camera maths andfix-canvas-side-clip(window-overhang.spec.ts, which measures that rectangle) are unaffected.overflow: clipcannot be scrolled (the #126 reason for the outer clip).fix-canvas-side-clip: it touchesframe.ts,geometry.ts,stops.ts,window-sizes.ts,column-els.ts,create.ts,lock.ts; neither A nor B touches those files.git merge --no-commitof each intoorigin/fix-canvas-side-clip: no conflicts. Itswindow-overhang.spec.ts(real server) was not run: it needs the Rust server build. After merging both, its commit text and comment that say ".cl-viewport… clip-path" would be out of date for B only.overflow-clip-margin(one value for all four sides, not in every browser), a taller viewport (moves the camera origin, collides withfix-canvas-side-clip), moving the backdrop into the viewport, dropping the clip.Proof that B blurs the canvas and A does not (production builds, black/white 40 px stripes on the canvas backdrop, Frosted windows, DPR 2)
A (stripe edge sharp through the window):
B (soft): 
Screenshots at rest, production build, 1690×1000 DPR 2, Tokyo, mesh, Frosted cards and windows
data-movingset by hand; all window blurnone)My own reading, not a judgement of the look: over this mesh backdrop the rest difference is small. B smooths the grain and the large gradient shows through softer; the stripes above are where it is unmistakable. The dots layer is the content a real session would show; I did not see it in these shots. The Solid-window shots of A and B differ only by run-to-run noise (A vs A: 637,642 differing pixels, max channel delta 209; A vs B: 637,535, max 6), so the clip change moves nothing by itself.
Frame time, 3 s sideways pan (VM
infraternal-dev-02-std, aarch64, no GPU: relative numbers only)Median of 3 runs per cell (
frosted-scroll-report.spec.ts, 1440×900, free canvas). The VM was shared: load average 10–25 on 10 cores during the runs, so single cells are noisy (see the repeat row). Cells are frame p95 ms, and compositor draw ms per frame in brackets. "Live" = blur running while moving (?glass=live). "Default" = the fix (blur paused while moving).Reading it:
The trade-off you are choosing (what I see, not a recommendation)
data-moving), which the numbers above do not measure.Tests (each variant, same VM, production build via the Playwright web server)
clusters-frame.spec.ts(lock glyph whole in three views; 8 handles, held edges, D195),clusters-glass-motion.spec.ts(3),frosted-scroll.spec.ts(3, including 12 windows: draw ×1.02 A / ×0.91 B of Solid, p95 ×1.01 / ×1.00): 8 passed on A, 8 passed on B (a-specs.txt, b-specs.txt).scripts/verify fastwas not run: this job is a comparison, nothing to merge.Previews (production builds, mock server, served from the VM)
http://10.69.69.117:4256/?mock=1&proto=clusters&scene=1&theme=tokyo&bg=mesh&card=4&windows=4http://10.69.69.117:4257/?mock=1&proto=clusters&scene=1&theme=tokyo&bg=mesh&card=4&windows=4&glass=livefor the blur-while-moving behaviour. For more windows: click a window and press Ctrl+Shift+E (split down) repeatedly.wt0, 10.69.69.117) only, and answer there. From three other NetBird peers I tried (this control host,macos-01,perf-01) only ports 22 and 22022 get through: 4256/4257 time out. That looks like a NetBird policy, which I cannot change. If your device is blocked too, use an SSH tunnel:ssh -N -L 4256:localhost:14256 -L 4257:localhost:14257 <user>@infraternal-dev-02-std.vpn.kayg.org, then openhttp://localhost:4256/…(A) andhttp://localhost:4257/…(B).Machine:
claude@infraternal-dev-02-std(aarch64, 10 cores, no GPU, shared, load 10–25). Servers stay up until you tell me to stop them. Raw evidence:~/.cache/codex-scratch/j18/evidence/oncodeand on the VM.J23 start (implementation sub-agent). Owner decision 2026-10-31 23:10 IST: real blur at rest and while panning, no pause during motion; optimise after; merge only after benchmarking.
Branch
frosted-real-256, baseorigin/dev@ec7b10111. Cherry-picked cleanly:82839a3ad(pan harness) andbcfd02d7f(clip moves from.cl-viewportclip-path tooverflow: clipon.panes). NOT included:5393196e3(blur paused while panning) and its docs/?glass=liveswitch.Plan: stripe spec (red on dev, green on branch), benchmark dev vs branch on dev-02-std (no GPU: relative only), serve prod build on 10.69.69.117:4260, gates on compute01, finish comment here. Not merging.
Finding (J23): the stripe spec is red on dev and green on the branch, at rest and mid-pan, DPR 1 and 2.
Spec
apps/tracer/test/frosted-real.spec.ts(commitc7ef1a702): the screen's mesh backdrop is replaced by 20 px black/white stripes, windows' content hidden, and the sharpest pixel step in a band inside a Frosted window is compared to the same step with the windows'backdrop-filteroff. 1.000 = stripes pass untouched (fake frost); a real 24 px blur = 0.000. The mid-pan capture is checked to be taken while the world moves (per-frame x), every window must still computeblur(24px)while moving.Tree before the clip change (
c7ef1a702, = origin/dev CSS + harness + spec), then the branch heade2dfd7f3e:Two measurement traps found on the way (both documented in the spec):
screenshot({ clip })at DPR 2 rendered the backdrop unblurred on a tree that blurs it (so the crop is made in the page), and the reference style tag must be removed through its own handle. The dev run is red for the right reason (ratio 1.000), not because the harness broke.J23 finish (not merged, not deployed). Branch
frosted-real-256, headdac675523, baseorigin/dev@ec7b10111. Owner decision applied: real blur at rest and while panning, no pause during motion; optimise later.What is on the branch (4 commits, tests + 1 CSS file, no Rust)
6e6b47d7582839a3adcherry-picked: the 3 s sideways-pan harness with a Chromium trace (frame gaps, compositor draw, layers)d12965dc1?glass=liveswitch anddata-movingsample (that fix is not on this branch)eb49eaec9frosted-real.spec.ts(below)dac675523bcfd02d7fcherry-picked, clean: the clip moves from.cl-viewport'sclip-pathtooverflow: clipon.panes; the CSS comment keeps the rule nothing between a window and the canvas backdrop may take a clip-path, filter, mask, opacity or blend modeNot included:
5393196e3(blur paused while the canvas pans), its docs commit9023f9683, and the?glass=liveswitch. Bundle:clusters.css+772 B raw / +253 B gzip, JS unchanged (production builds of base and branch, summed overdist): far below the 16 KiB D243 line.fix-canvas-side-clip (
614930d99): merging both is cleangit merge-tree --write-tree HEAD origin/fix-canvas-side-clip→ no conflicts (it touchesframe.ts,geometry.ts,stops.ts,window-sizes.ts,column-els.ts,create.ts,lock.tsandreal/window-overhang.spec.ts; this branch touchesclusters.cssand test files only). The branch also merges cleanly into the currentorigin/dev(6 commits ahead of my base). One text caveat: after both merge,fix-canvas-side-clip'sclusters.csscomment ("A clip-path rather than overflow…") and its commit text are out of date; the CSS rule on this branch replaces that sentence. Itswindow-overhang.spec.tsneeds the real server build and was not run.1. The stripe test: red on dev, green on the branch
Spec: the screen's mesh backdrop is replaced by 20 px black/white stripes, the windows' content hidden, and the sharpest pixel step in a band inside a Frosted window is compared to the same step with the windows'
backdrop-filteroff (1.000 = stripes pass untouched, a real 24 px blur ≈ 0.000). Mid-pan the page records the world's x every frame, so the test proves the capture was taken while it moved and the band stayed inside the window; every window must still computeblur(24px)while moving. DPR 1 and 2. Threshold 0.2.Tree before the clip change (
c7ef1a702= dev CSS + harness + spec; this commit was later amended toeb49eaec9with only a type fix):Branch:
(
bun x tsc --project tsconfig.jsonon the final head: exit 0.)2. Benchmark: dev (today's fake blur) vs branch (real blur)
infraternal-dev-02-std, aarch64, software compositor, NO GPU: relative numbers only, not device numbers. Shared VM, load 2–8 during the runs. Harnessfrosted-scroll-report.spec.ts: 1440×900, free canvas, 3 s sine pan with one real wheel event per animation frame, windows Solid vs Frosted (24 px). Per cell: median of 3 runs, repeated in 2 interleaved passes (dev, branch, dev, branch…; the two values per cell are pass 1, pass 2; one pass-1/branch cell group first failed to start on a reused port and was rerun with a port per run). "draw" = compositorDisplay::DrawAndSwapms per drawn frame.Reading it:
bench-all.logand per-run logs (frame p50/p95/max, paint+layerize, raster, draw, layers, onscreen windows).3. Screenshots (production build, DPR 2, Tokyo, mesh, Frosted cards and windows, 4 windows)
Stripes behind the windows. Mid-pan = a wheel event per frame while the capture is taken. dev: stripes sharp through the windows at rest and mid-pan; branch: soft at rest and mid-pan.
The real scene (mesh), at rest and mid-pan, branch (and dev at rest for comparison). Over the mesh the difference is subtle, as J18 found; the stripes are where it is unmistakable.



Observation, not investigated: with the high-contrast stripes, the last ~70 px of a window next to its bottom and right edge shows the stripes partly (edge handling of the blur). Over the mesh gradient this is not visible. Worth a look on the M2 Max.
4. Preview for the owner (keep up until told)
http://10.69.69.117:4260/?mock=1&proto=clusters&scene=1&theme=tokyo&bg=mesh&card=4&windows=4: production build of the branch (apps/tracer/dist, built ate2dfd7f3e; the CSS is identical atdac675523, the head only differs by a type fix in a spec), mock server on loopback:4261plus a small TCP forwarder bound to the mesh address, both oninfraternal-dev-02-stdunder userclaude(~/worktrees/j23-serve.sh,~/worktrees/j23-fwd.py; reachable from the control host). Pan sideways with 4 and 12 windows (Ctrl+Shift+E splits down): the blur stays on while moving, and it costs frame rate on a machine without a GPU; the M2 Max numbers are what we need.5. Gates
Existing browser specs on the branch (dev-02, production build):
clusters-glass-motion(3),clusters-frame(lock glyph whole in three views; 8 handles, held edges: the resize spec),lock-icons,glass-ghost,canvas.spec.ts(resize, lock, shortcuts),clusters.spec.ts,frosted-real→ 95 passed, 9 failed. The 9 fail identically on the tree before the clip change (same 5 non-ghost tests + 4glass-ghostDPR 3 toast cases, the ones J18 already found on base):scripts/verify fast(claude@infraternal-dev-01-compute01, through build-slot, heade2dfd7f3e; nothing in Rust/TS source differs between that anddac675523except the spec type fix below). It did not exit green:test result: ok. 17 passed; 0 failed(attachedverify-fast-rust-rerun-and-ts-first-try.log).bun x tscfailed on my spec (frosted-real.spec.ts(81,51): TS2339 'remove' does not exist on type 'Node'). Fixed in the spec commit (tscexit 0 now).dac675523, run on dev-02 (aarch64; compute01's queue did not give a slot in 40 minutes, so I cancelled that job): tracer unit tests361 pass / 2 fail. The two failures (review: removing the current shared view selects a surviving camera anchor,a remote negative pin and node update preserve the world position of an unchanged card, both insrc/canvas) fail identically on the tree before this branch (bun test src/canvasonc7ef1a702: 279 pass / 2 fail, same names). Because the gate chains with&&, they stopped it before the later steps, so I ran those separately on the branch: connection tests 105 pass / 0 fail, terminal query tests 17 pass / 0 fail,bun run build+transfer-budget.tsexit 0, protocol tests 39 pass / 0 fail:So:
scripts/verify fastas one command is not green on this branch, for a load-flake Rust test and two canvas unit tests that also fail without the branch. Everything else passes. I did not touch those tests (not mine to change here); they probably deserve their own issue.Left for the orchestrator / owner
src/canvasunit-test failures and the SIGINT timing test on dev.:4260) until told; test servers and browsers I started for benchmarks were stopped.Attachments
Closed by the orchestrator during the 2026-11-09 night housekeeping (owner order: "close stale prs/issues"). The work has landed on dev, and the latest note here is a finish or merge note (J387 inventory on #436). Reopen if anything is still missing.