web: the histogram waits to be asked for, the phone's ruler is a finger tall, and its x answers a real press — a 22px strip under a 44px thumb, a histogram that opened over the photo, and a close button whose press the drag's own preventDefault ate

docker/frontend/src/ui/Histogram.tsx

@@ -250,6 +250,10 @@ export function Histogram({ url, onClose }: { url: string; onClose: () => void }
 
   const start = (e: React.PointerEvent<HTMLDivElement>) => {
     if (e.button !== 0) return;
+    // The × sits in this head but is a button, not a grip: preventDefault here
+    // swallows the click that follows the press (measured — a real click on it
+    // did nothing, while el.click() worked), so the press is left to it.
+    if ((e.target as HTMLElement).closest('.hist-close')) return;
     e.preventDefault();
     e.stopPropagation();
     e.currentTarget.setPointerCapture(e.pointerId);

docker/frontend/src/ui/ImageStage.tsx

@@ -419,9 +419,9 @@ export function ImageStage({
   // 0.5 is the middle of the photo, which is where the bar starts.
   const [split, setSplit] = useState(0.5);
   const draggingSplit = useRef(false);
-  // The histogram overlay is shown by default and dismissed from its own frame
-  // or from the toolbar button; it steps aside while the crop frame is up.
-  const [showHist, setShowHist] = useState(true);
+  // The histogram overlay is closed when the studio opens and raised from the
+  // toolbar button or from its own frame; it steps aside while the crop frame is up.
+  const [showHist, setShowHist] = useState(false);
   // Where the eyedropper's own icon is drawing itself: a fraction of the photo,
   // which is what the layer is, so the stage's zoom cannot scale the offset a
   // second time and leave the icon drifting away from the cursor.