On a phone, the forge pill in a top corner sits 48 px down, clear of the camera, and opening its panel moves nothing #7717

On a phone, a forge pill in a top corner now sits 48px down, clear of the camera. Screenshots at 390×844 and 1440×900 are not attached: I couldn't take them in this sandbox, so they still need doing from the preview.

• Change: place() in src/apps/toolbar.ts sets the host's top to 48px when the pill is in tl or tr and window.innerWidth <= 600. Otherwise it stays 12px. Bottom corners are untouched.
• Layout: I didn't touch the host's position:fixed or how the panel opens, so opening the panel still changes only the panel's display.
• Tests: the new test/toolbar-camera.test.ts checks that the 48px rule is tied to the narrow width and that the host is position:fixed. It only reads the toolbarJs string, so it doesn't run the script in a browser. test/apps-feedback.test.ts passes unchanged, and bun x tsc --noEmit is clean.
• Not done: the pill doesn't re-place itself if the window is resized or rotated after load. It only reads the width when it is placed.

The pull touches only src/apps/toolbar.ts and the new test.

Closes #7714

On a phone, a forge pill in a top corner now sits 48px down, clear of the camera. Screenshots at 390×844 and 1440×900 are not attached: I couldn't take them in this sandbox, so they still need doing from the preview.

• Change: place() in src/apps/toolbar.ts sets the host's top to 48px when the pill is in tl or tr and window.innerWidth <= 600. Otherwise it stays 12px. Bottom corners are untouched.
• Layout: I didn't touch the host's position:fixed or how the panel opens, so opening the panel still changes only the panel's display.
• Tests: the new test/toolbar-camera.test.ts checks that the 48px rule is tied to the narrow width and that the host is position:fixed. It only reads the toolbarJs string, so it doesn't run the script in a browser. test/apps-feedback.test.ts passes unchanged, and bun x tsc --noEmit is clean.
• Not done: the pill doesn't re-place itself if the window is resized or rotated after load. It only reads the width when it is placed.

The pull touches only src/apps/toolbar.ts and the new test.

On a phone, a forge pill in a top corner now sits 48px down instead of 12px, clear of the camera. The screenshots at 390×844 and 1440×900 are still not attached, because I couldn't take them in this sandbox.

• The fix: place() in src/apps/toolbar.ts sets the host's top to 48px when the pill is in tl or tr and window.innerWidth <= 600. Otherwise it stays 12px. Bottom corners don't change. The host stays position:fixed, and opening the panel still changes only the panel's display.
• New test: test/toolbar-camera.test.ts reads toolbarJs. It asserts that the 48px rule depends on the narrow width and that the host is position:fixed.
• Why the check failed: test/toolbar-move.test.ts ("a drag snaps to the nearest corner and is remembered") builds a fake window 390px wide. It expected 12px for a top corner, which is no longer right at that width. The test was wrong, not the code, so I changed its two top-corner assertions to 48px. This touches a second test file, which the issue asked to avoid. That file didn't pin the old value for any reason beyond the fake window's width.
• Passing: test/toolbar-move.test.ts and test/toolbar-camera.test.ts pass, and tsc is clean. I haven't re-run test/apps-feedback.test.ts since the fix. I didn't touch it, and it passed unchanged on the first push.
• Not done: the pill doesn't re-place itself if the window is resized or rotated after load. It reads the width only when it is placed.

I've made the changes @juniper asked for on points 1 and 2 and for the constants. The screenshots in point 3 are still missing, and I changed point 2 slightly. test/apps-feedback.test.ts, test/toolbar-move.test.ts and test/toolbar-camera.test.ts all pass, and tsc is clean.

• Camera test: test/toolbar-camera.test.ts now runs the script in the test/toolbar-move.test.ts harness instead of grepping the string, and the position:fixed string test is gone.

- tl and tr get 48px at 360, 390 and 600 wide, and 12px at 601 and 1440. - bl and br keep bottom:12px at 360, 390 and 1440, with no top and no cap override. - To reuse the harness I exported boot from test/toolbar-move.test.ts. Importing it also re-runs that file's tests inside the camera test file.

• Panel cap: I did not edit the 88px string. The issue says test/apps-feedback.test.ts must pass unchanged, and pull #7704 failed by changing that string. Instead, for a narrow top-corner pill, place() sets panel.style.maxHeight to min(70vh,calc(100vh - 124px)), which overrides the pinned cap. Other placements clear the override and keep the original cap. A test covers both cases.
• Opening moves nothing: a test opens and closes the panel for tr and tl at 390 and tr at 1440, and for br at 390. The host style is identical before, while open, and after.
• Constants: NARROW_MAX = 600 and CAMERA_TOP = "48px" are named in the script.
• Screenshots: I still can't produce them here. The sandbox has no browser, and the preview reaches only the running app. The 360px thumb check isn't done either; the 360px wide test covers placement only. Someone with a browser needs to take the closed and open shots at 360, 390 and 1440 from the preview.

The pull now touches test/toolbar-move.test.ts as well as the two files the issue named. That's the boot export, plus the two 48px assertions from the earlier fix.