Photographer EXIF Inspector Profile Block for React

Edit FRAMES. A frame has a title, a category, the camera, lens, focal length, aperture, shutter, ISO and the day it was taken, its width over height as ratio, and a tones pair (where its tones sit from 0 to 1, and how wide they spread) that the histogram is drawn from. In your app replace the drawn Scene with an img that fills its box (object-cover), and read the settings from the file's EXIF data; the inspector and the filter stay as they are. The counts, the shares and the status line are worked out from the frames, so nothing is typed twice.

It is drawn from the frame's tones numbers, not read from pixels: fifteen bars in a bell around the mean. The three shares under it are the sums of the first five, the middle five and the last five bars as whole percentages that add up to 100. To make it real, build the bars from the photograph's own luminance counts and keep the same thirds.

So nothing moves. Frames in other categories fade and drop out of the tab order, the sheet keeps its columns and the panel keeps its height. If the picked frame is not in the chosen category, the first frame of that category is picked, and the status line says how many frames are shown. The filter is a single choice that is never empty.

Nothing leaves the page. It reads the first date after AS_OF in FREE_DATES and says it in the status line ("Next free: Sat 17 Oct. Nothing was sent."). To make it real, ask your calendar for the dates and keep the answer in the same line. AS_OF is the day the page treats as today, so nothing reads the clock.

Each frame is a radio button named by its title and category; the drawings are hidden from assistive technology and everything they stand for is written in the inspector. The group of frames is one tab stop and the arrow keys move between the frames that are shown. The status line is a polite live region present from the start. Dates, settings and counts keep their order in a right-to-left layout.

The frames sit two across with the category chips scrolling sideways above them, and the inspector follows under the sheet. The foot stays pinned to the bottom of the screen while the panel scrolls, so Check my date is always in reach, and settles at the panel's end from the medium breakpoint.