Persist row height as table metadata

packages/frontend-core/src/components/sheet/controls/RowHeightButton.svelte

@@ -7,7 +7,7 @@
     SmallRowHeight,
   } from "../lib/constants"
 
-  const { rowHeight, loaded } = getContext("sheet")
+  const { rowHeight, loaded, columns, table } = getContext("sheet")
   const sizeOptions = [
     {
       label: "Small",
@@ -25,6 +25,13 @@
 
   let open = false
   let anchor
+
+  const changeRowHeight = height => {
+    columns.actions.saveTable({
+      ...$table,
+      rowHeight: height,
+    })
+  }
 </script>
 
 <div bind:this={anchor}>
@@ -46,7 +53,7 @@
       <ActionButton
         quiet
         selected={$rowHeight === option.size}
-        on:click={() => rowHeight.set(option.size)}
+        on:click={() => changeRowHeight(option.size)}
       >
         {option.label}
       </ActionButton>

packages/frontend-core/src/components/sheet/stores/columns.js

@@ -103,6 +103,7 @@ export const deriveStores = context => {
       ...columns,
       actions: {
         saveChanges,
+        saveTable,
         changePrimaryDisplay,
       },
     },

packages/frontend-core/src/components/sheet/stores/ui.js

@@ -1,8 +1,8 @@
 import { writable, get, derived } from "svelte/store"
 import {
+  DefaultRowHeight,
   LargeRowHeight,
   MediumRowHeight,
-  SmallRowHeight,
 } from "../lib/constants"
 
 export const createStores = () => {
@@ -10,7 +10,7 @@ export const createStores = () => {
   const focusedCellAPI = writable(null)
   const selectedRows = writable({})
   const hoveredRowId = writable(null)
-  const rowHeight = writable(36)
+  const rowHeight = writable(DefaultRowHeight)
   const previousFocusedRowId = writable(null)
 
   // Derive the current focused row ID
@@ -96,6 +96,8 @@ export const initialise = context => {
     focusedCellId,
     selectedRows,
     hoveredRowId,
+    table,
+    rowHeight,
   } = context
 
   // Ensure we clear invalid rows from state if they disappear
@@ -158,4 +160,9 @@ export const initialise = context => {
       hoveredRowId.set(null)
     }
   })
+
+  // Pull row height from table
+  table.subscribe($table => {
+    rowHeight.set($table?.rowHeight || DefaultRowHeight)
+  })
 }