Reorder axis inputs, show preview frame info, and use config filename for ZIP

[afffe18]

Motivation

• Make bulk downloads named after the imported config file instead of a fixed ashby-plots.zip so ZIP filenames are meaningful.
• Surface which dataframe/frame is being previewed in the backend-rendered preview so users know what they are looking at.
• Reorder and group axis inputs into a clearer X-/Y-Axis layout (quantity, relative quantity, logarithmic toggle, min/max) to match the requested UI ordering and keep limits as JSON array-backed fields.
• Move the colored areas editor out of the Advanced JSON block and place it immediately after the Frame controls so it is easier to find in the editing flow.

Description

• Added a new configBaseName state in src/App.tsx and set it from an imported config filename (file.name.replace(/\.[^.]+$/, '')), then passed it to PlotPage as configBaseName.
• Updated src/components/PlotPage.tsx to use configBaseName when creating the bulk-download anchor filename (${zipBaseName}.zip).
• Updated the preview header in src/components/PlotPage.tsx to display the active dataframe/frame indices (e.g., Showing dataframe X, frame Y).
• Reworked the frame axis controls in src/App.tsx into grouped X-Axis (label) and Y-Axis (label) sections and reordered inputs to: quantity, relative quantity (dropdown), Logarithmic (toggle), and min/max numeric inputs that map to the x_lim/y_lim JSON arrays.
• Extracted the coloredAreas editor into its own section placed immediately after the Frame section (previously inside Advanced JSON fields), keeping the same input shapes and parsing logic.

Testing

• Ran npm run build (which runs tsc -b and vite build) and the build completed successfully.

---

Codex Task