Polish workbench visual shell

frontend/src/components/datasets/DatasetPanel.tsx

@@ -70,7 +70,7 @@ export function DatasetPanel({
   const readyDatasets = datasets.filter((dataset) => dataset.status === 'ready').length
 
   return (
-    <section data-testid="dataset-panel">
+    <section className="workspace-panel" data-testid="dataset-panel">
       <div className="panel-title-row">
         <div>
           <p className="eyebrow">Data catalog</p>
@@ -127,7 +127,12 @@ export function DatasetPanel({
       </form>
 
       {loadingDatasets ? <p>Loading datasets...</p> : null}
-      {datasets.length === 0 ? <p>No datasets yet</p> : null}
+      {datasets.length === 0 ? (
+        <div className="empty-state">
+          <strong>No datasets yet</strong>
+          <p>Upload vector, GeoJSON or raster data after selecting a project.</p>
+        </div>
+      ) : null}
       <ul className="dataset-list">
         {datasets.map((dataset) => (
           <li className={dataset.id === selectedDatasetId ? 'dataset-card dataset-card-active' : 'dataset-card'} key={dataset.id}>
@@ -144,7 +149,7 @@ export function DatasetPanel({
                 {dataset.status === 'ready' ? 'ready' : dataset.status === 'failed' ? 'failed' : 'pending'}
               </span>
             </div>
-            <div className="dataset-metrics">
+            <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>