Polish dataset catalog role density

2026-06-19 04:24:03 +02:00
parent 03eb424648
commit 7d567e2b1f
7 changed files with 289 additions and 49 deletions
@@ -53,6 +53,30 @@ function formatBounds(bounds: Record<string, number> | null | undefined): string
  return `${bounds.min_x?.toFixed(4)}, ${bounds.min_y?.toFixed(4)} -> ${bounds.max_x?.toFixed(4)}, ${bounds.max_y?.toFixed(4)}`
 }

+function isVectorDatasetType(datasetType: string): boolean {
+  return datasetType === 'vector' || datasetType === 'geojson'
+}
+
+function normalizeDatasetRole(dataset: DatasetCreateResponse): 'reference' | 'candidate' | 'source' {
+  if (dataset.dataset_role === 'reference') {
+    return 'reference'
+  }
+  if (dataset.dataset_role === 'derived' || isVectorDatasetType(dataset.dataset_type)) {
+    return 'candidate'
+  }
+  return 'source'
+}
+
+function datasetRoleLabel(role: string): string {
+  if (role === 'reference') {
+    return 'Reference'
+  }
+  if (role === 'candidate') {
+    return 'Candidate'
+  }
+  return 'Source'
+}
+
 export function DatasetPanel({
  selectedProjectId,
  selectedDatasetId,
@@ -68,6 +92,36 @@ export function DatasetPanel({
  onOpenDatasetExport,
 }: DatasetPanelProps) {
  const readyDatasets = datasets.filter((dataset) => dataset.status === 'ready').length
+  const roleSummaries = [
+    {
+      key: 'selected',
+      label: 'Selected',
+      count: selectedDatasetId ? 1 : 0,
+      hint: 'Active',
+      className: 'dataset-role-selected',
+    },
+    {
+      key: 'reference',
+      label: 'Reference',
+      count: datasets.filter((dataset) => normalizeDatasetRole(dataset) === 'reference').length,
+      hint: 'QA truth',
+      className: 'dataset-role-reference',
+    },
+    {
+      key: 'candidate',
+      label: 'Candidate',
+      count: datasets.filter((dataset) => normalizeDatasetRole(dataset) === 'candidate').length,
+      hint: 'QA candidate',
+      className: 'dataset-role-candidate',
+    },
+    {
+      key: 'source',
+      label: 'Source',
+      count: datasets.filter((dataset) => normalizeDatasetRole(dataset) === 'source').length,
+      hint: 'Uploads',
+      className: 'dataset-role-source',
+    },
+  ]

  return (
    <section className="workspace-panel" data-testid="dataset-panel">
@@ -126,6 +180,16 @@ export function DatasetPanel({
        </button>
      </form>

+      <div className="dataset-role-summary-grid" aria-label="Dataset role summary">
+        {roleSummaries.map((summary) => (
+          <div className={`dataset-role-summary ${summary.className}`} key={summary.key}>
+            <span>{summary.label}</span>
+            <strong>{summary.count}</strong>
+            <small>{summary.hint}</small>
+          </div>
+        ))}
+      </div>
+
      {loadingDatasets ? <p>Loading datasets...</p> : null}
      {datasets.length === 0 ? (
        <div className="empty-state">
@@ -134,57 +198,65 @@ export function DatasetPanel({
        </div>
      ) : null}
      <ul className="dataset-list">
-        {datasets.map((dataset) => (
-          <li className={dataset.id === selectedDatasetId ? 'dataset-card dataset-card-active' : 'dataset-card'} key={dataset.id}>
-            <div className="dataset-card-header">
-              <div>
-                <strong>{dataset.name}</strong>
-                <div className="entity-meta">
-                  <span>{dataset.dataset_type}</span>
-                  <span>{dataset.dataset_role ?? 'source'}</span>
-                  <span>{dataset.status}</span>
+        {datasets.map((dataset) => {
+          const datasetRole = normalizeDatasetRole(dataset)
+          const roleLabel = datasetRoleLabel(datasetRole)
+          return (
+            <li className={dataset.id === selectedDatasetId ? 'dataset-card dataset-card-active' : 'dataset-card'} key={dataset.id}>
+              <div className="dataset-card-header">
+                <div>
+                  <div className="dataset-card-kicker">
+                    <span className={`dataset-role-badge dataset-role-${datasetRole}`}>{roleLabel}</span>
+                    <span>{dataset.dataset_type}</span>
+                  </div>
+                  <strong className="dataset-card-title">{dataset.name}</strong>
+                  <div className="entity-meta">
+                    <span>Source: {dataset.source_name ?? dataset.source}</span>
+                    {dataset.reference_layer_name ? <span>Layer: {dataset.reference_layer_name}</span> : null}
+                    <span>CRS: {dataset.crs ?? dataset.vector_summary?.crs ?? 'n/a'}</span>
+                  </div>
                </div>
+                <span className={dataset.status === 'ready' ? 'status-badge status-badge-ready' : 'status-badge'}>
+                  {dataset.status === 'ready' ? 'ready' : dataset.status === 'failed' ? 'failed' : 'pending'}
+                </span>
              </div>
-              <span className={dataset.status === 'ready' ? 'status-badge status-badge-ready' : 'status-badge'}>
-                {dataset.status === 'ready' ? 'ready' : dataset.status === 'failed' ? 'failed' : 'pending'}
-              </span>
-            </div>
-            <div className="dataset-metrics data-density-grid">
-              <span>size: {formatBytes(dataset.size_bytes)}</span>
-              <span>features: {dataset.feature_count ?? dataset.vector_summary?.feature_count ?? 'n/a'}</span>
-              <span>bbox: {formatBounds(dataset.bounds_json ?? dataset.vector_summary?.bounds_json)}</span>
-            </div>
-            <div className="button-row">
-              <button
-                className="primary-action"
-                type="button"
-                onClick={() => onLoadDatasetDetails(selectedProjectId ?? '', dataset)}
-                data-testid={`dataset-select-${dataset.id}`}
-              >
-                Select / details
-              </button>
-              <button className="secondary-action" type="button" onClick={() => onOpenDatasetInMap(dataset)}>
-                Open in map
-              </button>
-              <button
-                className="secondary-action"
-                type="button"
-                onClick={() => onOpenDatasetExport(dataset)}
-                disabled={!(dataset.dataset_type === 'vector' || dataset.dataset_type === 'geojson')}
-              >
-                Export / QA
-              </button>
-              <button
-                className="secondary-action"
-                type="button"
-                onClick={() => onRefreshMetadata(dataset.id)}
-                disabled={dataset.dataset_type === 'raster'}
-              >
-                Refresh metadata
-              </button>
-            </div>
-          </li>
-        ))}
+              <div className="dataset-metrics data-density-grid">
+                <span>size: {formatBytes(dataset.size_bytes)}</span>
+                <span>features: {dataset.feature_count ?? dataset.vector_summary?.feature_count ?? 'n/a'}</span>
+                <span>bbox: {formatBounds(dataset.bounds_json ?? dataset.vector_summary?.bounds_json)}</span>
+              </div>
+              <div className="button-row">
+                <button
+                  className="primary-action"
+                  type="button"
+                  onClick={() => onLoadDatasetDetails(selectedProjectId ?? '', dataset)}
+                  data-testid={`dataset-select-${dataset.id}`}
+                >
+                  Select / details
+                </button>
+                <button className="secondary-action" type="button" onClick={() => onOpenDatasetInMap(dataset)}>
+                  Open in map
+                </button>
+                <button
+                  className="secondary-action"
+                  type="button"
+                  onClick={() => onOpenDatasetExport(dataset)}
+                  disabled={!(dataset.dataset_type === 'vector' || dataset.dataset_type === 'geojson')}
+                >
+                  Export / QA
+                </button>
+                <button
+                  className="secondary-action"
+                  type="button"
+                  onClick={() => onRefreshMetadata(dataset.id)}
+                  disabled={dataset.dataset_type === 'raster'}
+                >
+                  Refresh metadata
+                </button>
+              </div>
+            </li>
+          )
+        })}
      </ul>
    </section>
  )