Make a dashboard its widgets: drop the pages and sections nobody drew

frontend/src/components/Common/DashboardMosaic.tsx

@@ -68,32 +68,26 @@ type Block = {
 /**
  * The first page's widgets as one grid.
  *
- * Sections are separate grids on the real thing, each starting at its own row
- * zero, so each is pushed down past the one before it to keep them apart here.
  */
 function blocksOf(dashboard: DashboardDef_Output): {
   blocks: Block[]
   rows: number
 } {
   const blocks: Block[] = []
-  let offset = 0
-  for (const section of (dashboard.pages ?? [])[0]?.sections ?? []) {
-    let bottom = 0
-    for (const widget of section.widgets ?? []) {
-      const { x = 0, y = 0, w = 3, h = 2 } = placement(widget)
-      blocks.push({
-        id: widget.id,
-        type: widget.type,
-        x: Math.max(0, x),
-        y: Math.max(0, y) + offset,
-        w: Math.max(1, w),
-        h: Math.max(1, h),
-      })
-      bottom = Math.max(bottom, Math.max(0, y) + Math.max(1, h))
-    }
-    offset += bottom
+  let rows = 0
+  for (const widget of dashboard.widgets ?? []) {
+    const { x = 0, y = 0, w = 3, h = 2 } = placement(widget)
+    blocks.push({
+      id: widget.id,
+      type: widget.type,
+      x: Math.max(0, x),
+      y: Math.max(0, y),
+      w: Math.max(1, w),
+      h: Math.max(1, h),
+    })
+    rows = Math.max(rows, Math.max(0, y) + Math.max(1, h))
   }
-  return { blocks, rows: Math.max(1, offset) }
+  return { blocks, rows: Math.max(1, rows) }
 }
 
 /**