Harden export preview handling

frontend/src/components/exports/ExportCenter.tsx

@@ -24,6 +24,16 @@ function isVectorDatasetType(datasetType: string): boolean {
   return datasetType === 'vector' || datasetType === 'geojson'
 }
 
+function canPreviewJson(item: ExportRead): boolean {
+  if (item.export_type === 'project_report_html') {
+    return false
+  }
+  if (item.metadata_json?.format === 'html') {
+    return false
+  }
+  return true
+}
+
 export function ExportCenter({
   selectedProjectId,
   selectedDataset,
@@ -80,9 +90,13 @@ export function ExportCenter({
             <div>status: {item.status}</div>
             <div>path: {item.storage_path}</div>
             <div>export id: {item.id}</div>
-            <button type="button" onClick={() => onPreviewContent(item.id)}>
-              Preview JSON content
-            </button>
+            {canPreviewJson(item) ? (
+              <button type="button" onClick={() => onPreviewContent(item.id)}>
+                Preview JSON content
+              </button>
+            ) : (
+              <div>Preview: download-only HTML artifact</div>
+            )}
             <button type="button" onClick={() => onDownload(item.id)}>
               Download artifact
             </button>

frontend/src/components/exports/ExportPreview.tsx

@@ -0,0 +1,16 @@
+interface ExportPreviewProps {
+  content: Record<string, unknown> | null
+}
+
+export function ExportPreview({ content }: ExportPreviewProps): JSX.Element | null {
+  if (!content) {
+    return null
+  }
+
+  return (
+    <section>
+      <h2>Export Preview</h2>
+      <pre className="job-result">{JSON.stringify(content, null, 2)}</pre>
+    </section>
+  )
+}