Harden V1 demo workflow smoke

frontend/README.md

@@ -151,6 +151,11 @@ React + TypeScript + MapLibre foundation for project/area/dataset workflow.
 - Added area visibility and opacity controls alongside the existing active vector/result layer controls.
 - Area list items can select which AOI is shown on the map.
 
+## Sprint 21 additions
+
+- Loading the explicit demo workflow now opens the candidate vector fixture dataset directly, so the Map Workbench shows the demo vector layer without an extra manual dataset click.
+- The demo/export verification script now checks connected V1 state: area GeoJSON, fixture datasets, vector FeatureCollection content, vector feature summary, persisted QA/QC metrics and export downloads through the frontend proxy.
+
 ## Release hardening updates
 
 - Production builds split application code, React vendor code and MapLibre vendor code into separate chunks.

frontend/src/App.tsx

@@ -339,7 +339,9 @@ function App(): JSX.Element {
       ])
       setAreas(areaResponse.items)
       setDatasets(datasetResponse.items)
-      if (!selectedClipAreaId && areaResponse.items.length > 0) {
+      if (areaResponse.items.length === 0) {
+        setSelectedClipAreaId('')
+      } else if (!selectedClipAreaId || !areaResponse.items.some((area) => area.id === selectedClipAreaId)) {
         setSelectedClipAreaId(areaResponse.items[0].id)
       }
       if (areaResponse.items.length === 0) {
@@ -347,8 +349,10 @@ function App(): JSX.Element {
       } else if (!selectedMapAreaId || !areaResponse.items.some((area) => area.id === selectedMapAreaId)) {
         setSelectedMapAreaId(areaResponse.items[0].id)
       }
+      return { areas: areaResponse.items, datasets: datasetResponse.items }
     } catch (error) {
       setErrorMessage(error instanceof Error ? error.message : 'Failed to load project data')
+      return null
     } finally {
       setLoadingAreas(false)
       setLoadingDatasets(false)
@@ -759,13 +763,17 @@ function App(): JSX.Element {
       setSegmentationReferenceDatasetId(result.reference_dataset_id)
       setDemoWorkflowMessage(result.message)
       await loadProjects()
-      await Promise.all([
+      const [projectData] = await Promise.all([
         loadProjectData(result.project_id),
         loadDetectionRuns(result.project_id),
         loadSegmentationRuns(result.project_id),
         loadQualityChecks(result.project_id),
         loadExports(result.project_id),
       ])
+      const candidateDataset = projectData?.datasets.find((dataset) => dataset.id === result.candidate_dataset_id)
+      if (candidateDataset) {
+        await loadDatasetDetails(result.project_id, candidateDataset)
+      }
     } catch (error) {
       setErrorMessage(formatError(error, 'Failed to load demo workflow'))
     } finally {