Shrink a clip with the wave and drop it with a click beside (#357)

Zoomed out, the wave left room above and below it, but the bright file,
the picked clip and its handles still took the whole height. And a click
in the wave beside the picked clip kept it picked, so only the strip
could take it back to the sound.

- fileReach in waveView.ts is how far up and down the file reaches:
  full scale and its inset, never past the area. At level 1 it is the
  whole height, zoomed in too.
- The bright file, the shade outside the clip and the two handles are
  drawn within that reach.
- A click over the wave beside the picked clip picks the sound. Inside
  the clip or on a handle nothing changes, and a drag still spans the
  clip anew.

Tests:
- Unit wave-view: 11 green (1 new), a counter-check red
- e2e 34 (melektaus-atx): ALL PASSED, 91 checks (1 new)
- Gate (melektaus-atx): CHECK EXIT 0, 271 files, 4195 tests

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

tools/e2e/34-sound.mjs

@@ -2016,6 +2016,18 @@ export async function sound(t) {
       (await picked()) === clipId,
     JSON.stringify({ undoneClip, redoneClip, pickedBeside, picked: await picked() }),
   );
+  const inClip = await json('__gm.soundTab.at(0.2)');
+  await click(inClip.x, inClip.y);
+  const pickedInClip = await picked();
+  const besideClip = await json('__gm.soundTab.at(0.6)');
+  await click(besideClip.x, besideClip.y);
+  const pickedBesideClip = await picked();
+  await click(onBand.x, onBand.y);
+  check(
+    'a click over the wave inside the picked clip keeps it, beside it picks the sound',
+    pickedInClip === clipId && pickedBesideClip === null && (await picked()) === clipId,
+    JSON.stringify({ pickedInClip, pickedBesideClip, picked: await picked() }),
+  );
   dragFrom = await json('__gm.soundTab.at(0.3)');
   dragTo = await json('__gm.soundTab.at(0.5)');
   await t.mouse('mouseMoved', dragFrom.x - 1, dragFrom.y);