Persist map area selection exports

frontend/src/components/map/MapWorkspace.tsx

@@ -191,6 +191,9 @@ interface MapWorkspaceProps {
   mapSelectionResult: VectorSelectionResponse | null
   mapSelectionLoading: boolean
   mapSelectionError: string | null
+  selectionExporting: boolean
+  selectionExportError: string | null
+  latestSelectionExportPath: string | null
   availableMapDatasets: DatasetCreateResponse[]
   onSelectMapArea: (areaId: string) => void
   onOpenDatasetInMap: (dataset: DatasetCreateResponse) => void
@@ -202,6 +205,7 @@ interface MapWorkspaceProps {
   onSetMapSelectionBbox: (bbox: VectorSelectionBBox | null) => void
   onRunMapSelectionExtract: (bbox: VectorSelectionBBox) => void
   onClearMapSelectionExtract: () => void
+  onExportMapSelection: (bbox: VectorSelectionBBox) => void
 }
 
 export function MapWorkspace({
@@ -224,6 +228,9 @@ export function MapWorkspace({
   mapSelectionResult,
   mapSelectionLoading,
   mapSelectionError,
+  selectionExporting,
+  selectionExportError,
+  latestSelectionExportPath,
   availableMapDatasets,
   onSelectMapArea,
   onOpenDatasetInMap,
@@ -235,6 +242,7 @@ export function MapWorkspace({
   onSetMapSelectionBbox,
   onRunMapSelectionExtract,
   onClearMapSelectionExtract,
+  onExportMapSelection,
 }: MapWorkspaceProps): JSX.Element {
   const [bboxSelectionMode, setBboxSelectionMode] = useState(false)
   const [firstSelectionCorner, setFirstSelectionCorner] = useState<[number, number] | null>(null)
@@ -322,6 +330,14 @@ export function MapWorkspace({
     copyText(JSON.stringify(mapSelectionResult?.geojson ?? { type: 'FeatureCollection', features: [] }, null, 2))
   }
 
+  const saveAreaSelectionExport = () => {
+    const bbox = parseBboxInput(bboxInput)
+    if (!bbox) {
+      return
+    }
+    onExportMapSelection(bbox)
+  }
+
   return (
     <section className="map-workspace-shell" data-testid="map-workspace">
       <div className="panel-title-row">
@@ -587,7 +603,19 @@ export function MapWorkspace({
                 <button className="secondary-action" type="button" onClick={copyAreaSelection}>
                   Copy area GeoJSON
                 </button>
+                <button
+                  className="secondary-action"
+                  disabled={!currentSelectionBbox || selectionExporting}
+                  type="button"
+                  onClick={saveAreaSelectionExport}
+                >
+                  {selectionExporting ? 'Saving export...' : 'Save area export'}
+                </button>
               </div>
+              {selectionExportError ? <p className="error">{selectionExportError}</p> : null}
+              {latestSelectionExportPath ? (
+                <p className="muted">Saved selection artifact: {latestSelectionExportPath}</p>
+              ) : null}
               {areaSelectionPreviewFeatures.length > 0 ? (
                 <div className="table-scroll feature-property-table" aria-label="Area selection feature table">
                   <table>