@toclocoinc/lattice-grid 1.89.0 → 1.89.1

package/CHANGELOG.md

@@ -9,6 +9,21 @@ and what it means for a grid already in production.
 
 ## [Unreleased]
 
+## [1.89.1] - 2026-10-08
+
+### Fixed
+
+- **The Designer's editing screen was unstyled below the toolbar** (BACKLOG-0002081). The rails, palette, data and properties panels fell through to browser defaults — oversized headings over tiny rows, no borders, sections clipped mid-word, the canvas squeezed out of a 1,150px window. The editing screen is now a set of bordered panels on a neutral page background: each rail is a card with a fixed header and a collapse control, the left rail stacks Palette and Data as their own scroll regions split by a draggable divider with Assist as a compact section below (collapsed by default), a collapsed rail is a 32px strip, and the canvas keeps a minimum width of 480px and is never clipped.
+  - The top bar's buttons and tabs carry explicit padding and gaps, so their labels stay separated instead of running together.
+
+- **The Designer's properties panel was an unstyled column of controls** (BACKLOG-0002085). Labels ran into their values, checkboxes jammed onto one line, text inputs had no visible box, and headings were duplicated. The panel is now a form: collapsible Widget, Data, Formatting and Interactions sections, each property on its own row with its label in a fixed-width left column and its control — with visible input, select and toggle chrome — on the right, every boolean a labelled switch on its own row, empty inputs showing their box and a placeholder, and long values truncated with a title tooltip.
+
+- **The Designer chrome had one font size and weight for nearly everything** (BACKLOG-0002086). The chrome now draws from one fixed type scale and spacing step — the tokens `--lattice-designer-font-title` (16/24), `-font-heading` (14/20, weight 600), `-font-body` (13/18) and `-space-1`..`-space-4` (4/8/12/16), set light and dark in all four presets and documented in the theming token contract — applied to every heading, label and item, so titles, section headers and rows read as a hierarchy. No chrome rule sets a literal font size.
+  - The chrome's rules are scoped under the designer root and set font, margin, padding and box-sizing explicitly on its headings, buttons, inputs and lists, so they hold up under a host's own element styles rather than falling through to browser defaults.
+
+- A derived grid built from a declared source that is not shown as a widget stayed blank — its `from` named a grid that was never built. The Designer now creates (and owns) a headless grid over the source, so the derived grid and any chart over it show the right rows for any step (filter, group, pivot, join, top-N), through `setState(getState())` round-trips and page switches (BACKLOG-0002087).
+  - A derived grid whose `from` names neither a widget nor a declared source is refused by name in the step list and in `problems()`, instead of being left silently blank.
+
 ## [1.89.0] - 2026-10-07
 
 ### Added

package/README.md

@@ -5,7 +5,7 @@ dependencies, no build step required. Optional adapters for React, Vue, Svelte
 and Web Components ship alongside it, and Angular has compiled components of its
 own at `@toclocoinc/lattice-grid/angular` — inside this package, not beside it.
 
-Version 1.89.0 · [latticegrid.dev](https://www.latticegrid.dev) · TOCLOCO Inc
+Version 1.89.1 · [latticegrid.dev](https://www.latticegrid.dev) · TOCLOCO Inc
 
 ---
 

package/angular/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.89.0",
+  "version": "1.89.1",
   "type": "module",
   "sideEffects": false,
   "module": "./fesm2022/toclocoinc-lattice-grid-angular.mjs",

package/docs/API.html

@@ -382,7 +382,7 @@
 <div class="shell">
   <aside class="rail">
     <p class="rail__brand">Lattice Grid</p>
-    <p class="rail__sub">API reference · v1.89.0</p>
+    <p class="rail__sub">API reference · v1.89.1</p>
     <nav>
       <div class="rail__group">
         <span class="rail__label">Start</span>
@@ -572,7 +572,7 @@
     </header>
 
     <p class="chips">
-      <span class="chip">Version 1.89.0</span>
+      <span class="chip">Version 1.89.1</span>
       <span class="chip">Zero dependencies</span>
       <span class="chip"><a href="api-detail.html">Developer guide &rarr;</a></span>
     </p>
@@ -3152,7 +3152,7 @@ grid.destroy();
       <table>
         <thead><tr><th>Member</th><th>Returns</th><th>Description</th></tr></thead>
         <tbody>
-          <tr><td class="sig">getVersion()</td><td class="type">string</td><td class="desc">The version this grid came from, e.g. <code>'1.89.0'</code>. Also on the module as <code>getVersion()</code>, for when you have no grid to hand.</td></tr>
+          <tr><td class="sig">getVersion()</td><td class="type">string</td><td class="desc">The version this grid came from, e.g. <code>'1.89.1'</code>. Also on the module as <code>getVersion()</code>, for when you have no grid to hand.</td></tr>
           <tr><td class="sig">get(key)</td><td class="type">unknown</td><td class="desc">Read any configuration key.</td></tr>
           <tr><td class="sig">set(key, value)</td><td class="type">void</td><td class="desc">Write one key. Every key is live; nothing needs a rebuild.</td></tr>
           <tr><td class="sig">setAll(values)</td><td class="type">void</td><td class="desc">Write several in one pass. Emits one <code>config:changed</code> for the batch, not one per key.</td></tr>
@@ -15411,7 +15411,7 @@ const oneEvent = events;
 off();
 
 const total = control('Columns 2 total');          // an enum: its choices are the registry's values
-change('Columns 2 total', total.querySelectorAll('option').find((o) =&gt; o.textContent === 'sum').value);
+change('Columns 2 total', total.querySelectorAll('option').find((o) =&gt; o.textContent === 'Sum').value);
 control('Move Columns 2 (sales) earlier').dispatchEvent(new TestEvent('click', {}));
 change('Grand total row', true);
 
@@ -32662,7 +32662,7 @@ return `next ${p.mean.toFixed(1)}; r2 ${f.r2.toFixed(1)}; band ${p.upper - p.low
 <!-- END GENERATED TYPE REFERENCE -->
 
     <footer>
-      Lattice Grid 1.89.0 · Copyright © 2026 TOCLOCO Inc. All rights reserved.
+      Lattice Grid 1.89.1 · Copyright © 2026 TOCLOCO Inc. All rights reserved.
       This document describes the behaviour of the shipped library. Where this guide and the code
       disagree, the code wins: please <a href="https://www.latticegrid.dev">tell us</a>.
     </footer>

package/docs/THEMING.md

@@ -363,6 +363,23 @@ The calendar module (`modules/calendar`, BACKLOG-0001592, time grid BACKLOG-0001
 | `--lattice-calendar-span-lane-height` | `22px` | the height of one span-bar lane in a day-grid week row (overlapping spans stack into lanes) |
 | `--lattice-calendar-all-day-min-height` | `20px` | an all-day row cell's minimum height |
 
+### Designer editing chrome (BACKLOG-0002081/0002085/0002086)
+
+The Designer module's editing chrome (rails, panels and the properties form) draws from one fixed type scale and one spacing step, plus three surface roles for the neutral page and the panel (card) it floats. The type and spacing are intentionally *not* multiplied by `--lattice-density-scale` — the editing chrome stays at a legible 13–16 px whatever density the grid runs at — so they are declared as literals, light and dark alike. The four presets set the type-scale and spacing tokens (`checkPresetCompleteness` does not require them, but they are part of each preset for fidelity); the three surface roles default to existing theme-aware colour tokens, so they follow a preset and a dark/high-contrast/terminal theme with no per-theme restatement.
+
+| Token | Default | Affects | Marking |
+|---|---|---|---|
+| `--lattice-designer-font-title` | `16px/24px` | panel and rail titles (the largest chrome type) | MAY |
+| `--lattice-designer-font-heading` | `14px/20px` | section and group headers (weight `--lattice-header-font-weight`) | MAY |
+| `--lattice-designer-font-body` | `13px/18px` | labels, values, list items and controls | MAY |
+| `--lattice-designer-space-1` | `4px` | the tightest chrome gap/padding step | MAY |
+| `--lattice-designer-space-2` | `8px` | the default chrome gap/padding step | MAY |
+| `--lattice-designer-space-3` | `12px` | a section's padding step | MAY |
+| `--lattice-designer-space-4` | `16px` | the widest chrome padding step | MAY |
+| `--lattice-designer-page-bg` | `var(--lattice-surface)` | the neutral page the rails and canvas sit on | MAY |
+| `--lattice-designer-panel-bg` | `var(--lattice-background)` | a rail/panel (card) surface | MAY |
+| `--lattice-designer-panel-border` | `var(--lattice-border-color)` | a rail/panel (card) border | MAY |
+
 ## Internal, off-contract
 
 ### `--lat-*` internal computed aliases
@@ -428,6 +445,16 @@ The two fenced blocks below are what `test/theming-contract-doc.test.js` diffs a
 --lattice-danger
 --lattice-decoration-edge-width
 --lattice-density-scale
+--lattice-designer-font-body
+--lattice-designer-font-heading
+--lattice-designer-font-title
+--lattice-designer-page-bg
+--lattice-designer-panel-bg
+--lattice-designer-panel-border
+--lattice-designer-space-1
+--lattice-designer-space-2
+--lattice-designer-space-3
+--lattice-designer-space-4
 --lattice-detail-active-background
 --lattice-detail-background
 --lattice-detail-marker

package/docs/api/adapters.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Adapters API Reference — Lattice Grid 1.89.0</title>
+<title>Adapters API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/ai.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>AI API Reference — Lattice Grid 1.89.0</title>
+<title>AI API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/alarms.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Alarms API Reference — Lattice Grid 1.89.0</title>
+<title>Alarms API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/calendar.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Calendar API Reference — Lattice Grid 1.89.0</title>
+<title>Calendar API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/charts.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Charts API Reference — Lattice Grid 1.89.0</title>
+<title>Charts API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/dashboard.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Dashboard API Reference — Lattice Grid 1.89.0</title>
+<title>Dashboard API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/data-router.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Data router API Reference — Lattice Grid 1.89.0</title>
+<title>Data router API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/deckgl.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>deck.gl API Reference — Lattice Grid 1.89.0</title>
+<title>deck.gl API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/designer.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Designer API Reference — Lattice Grid 1.89.0</title>
+<title>Designer API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an
@@ -1244,7 +1244,7 @@ const oneEvent = events;
 off();
 
 const total = control('Columns 2 total');          // an enum: its choices are the registry's values
-change('Columns 2 total', total.querySelectorAll('option').find((o) =&gt; o.textContent === 'sum').value);
+change('Columns 2 total', total.querySelectorAll('option').find((o) =&gt; o.textContent === 'Sum').value);
 control('Move Columns 2 (sales) earlier').dispatchEvent(new TestEvent('click', {}));
 change('Grand total row', true);
 

package/docs/api/gantt.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Gantt API Reference — Lattice Grid 1.89.0</title>
+<title>Gantt API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/geometry.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Geometry API Reference — Lattice Grid 1.89.0</title>
+<title>Geometry API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/grid.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Grid API Reference — Lattice Grid 1.89.0</title>
+<title>Grid API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an
@@ -1857,7 +1857,7 @@ grid.destroy();
       <table>
         <thead><tr><th>Member</th><th>Returns</th><th>Description</th></tr></thead>
         <tbody>
-          <tr><td class="sig">getVersion()</td><td class="type">string</td><td class="desc">The version this grid came from, e.g. <code>'1.89.0'</code>. Also on the module as <code>getVersion()</code>, for when you have no grid to hand.</td></tr>
+          <tr><td class="sig">getVersion()</td><td class="type">string</td><td class="desc">The version this grid came from, e.g. <code>'1.89.1'</code>. Also on the module as <code>getVersion()</code>, for when you have no grid to hand.</td></tr>
           <tr><td class="sig">get(key)</td><td class="type">unknown</td><td class="desc">Read any configuration key.</td></tr>
           <tr><td class="sig">set(key, value)</td><td class="type">void</td><td class="desc">Write one key. Every key is live; nothing needs a rebuild.</td></tr>
           <tr><td class="sig">setAll(values)</td><td class="type">void</td><td class="desc">Write several in one pass. Emits one <code>config:changed</code> for the batch, not one per key.</td></tr>

package/docs/api/index.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>API Reference — Lattice Grid 1.89.0</title>
+<title>API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/kanban.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Kanban API Reference — Lattice Grid 1.89.0</title>
+<title>Kanban API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/kpi.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>KPI API Reference — Lattice Grid 1.89.0</title>
+<title>KPI API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/layout.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Layout API Reference — Lattice Grid 1.89.0</title>
+<title>Layout API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/leaflet.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Leaflet API Reference — Lattice Grid 1.89.0</title>
+<title>Leaflet API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/list.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>List API Reference — Lattice Grid 1.89.0</title>
+<title>List API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/mapview.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Map view API Reference — Lattice Grid 1.89.0</title>
+<title>Map view API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/mock-socket.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Mock socket API Reference — Lattice Grid 1.89.0</title>
+<title>Mock socket API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/presets.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Presets API Reference — Lattice Grid 1.89.0</title>
+<title>Presets API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/tabs.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Tabs API Reference — Lattice Grid 1.89.0</title>
+<title>Tabs API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api/types.html

@@ -13,7 +13,7 @@
   Self-contained: no stylesheet, script or font is fetched, so this opens from disk, from
   a file share or from behind a firewall with nothing else present.
 -->
-<title>Types API Reference — Lattice Grid 1.89.0</title>
+<title>Types API Reference — Lattice Grid 1.89.1</title>
 <style>
   /* ---------------------------------------------------------------
      Palette lifted from the grid's own theme, so the reference reads as an

package/docs/api-detail.html

@@ -437,7 +437,7 @@
 <div class="shell">
   <aside class="rail">
     <p class="rail__brand">Lattice Grid</p>
-    <p class="rail__sub">Developer guide · v1.89.0</p>
+    <p class="rail__sub">Developer guide · v1.89.1</p>
     <nav>
       <div class="rail__group">
         <span class="rail__label">Start here</span>
@@ -554,7 +554,7 @@
         <a href="API.html">reference tables</a> are the shorter version for when you already know.
       </p>
       <p class="chips">
-        <span class="chip">Version 1.89.0</span>
+        <span class="chip">Version 1.89.1</span>
           <span class="chip">Zero dependencies</span>
         <span class="chip">No build step</span>
       </p>
@@ -1676,7 +1676,7 @@ off();                                       <span class="cmt">// every subscrip
     </p>
     <div class="example">
       <p class="example__label">Which version am I running?</p>
-      <pre><code>grid.getVersion();          <span class="cmt">// '1.89.0'</span>
+      <pre><code>grid.getVersion();          <span class="cmt">// '1.89.1'</span>
 LatticeGrid.getVersion();   <span class="cmt">// the same, when you have no grid to hand</span></code></pre>
     </div>
     <p class="lead-in">
@@ -12462,7 +12462,7 @@ grid.licence.state();   <span class="cmt">// 'licensed' | 'localhost' | 'trial'<
 
     <footer>
       <p>
-        Lattice Grid 1.89.0 · Copyright © 2026 TOCLOCO Inc. All rights reserved.
+        Lattice Grid 1.89.1 · Copyright © 2026 TOCLOCO Inc. All rights reserved.
         Written against the shipped source. Where this guide and the code disagree, the code wins,
         please <a href="https://www.latticegrid.dev">tell us</a>.
       </p>

package/docs/warnings.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.89.0",
+  "version": "1.89.1",
   "generated": "tools/build.js from docs/warnings/catalogue.json",
   "about": "Every developer-facing diagnostic Lattice Grid prints to the console, by the key it de-duplicates on. The key is the stable identifier: it is the `id` of every reported entry `grid.diagnostics.warnings()` hands back, what the devtools panel lists, and what to quote in a support conversation. A `*` in an id stands for a value filled in at runtime (a column id, a chart id, an event name), so `icon:*` is one entry covering every column the icon renderer refuses.",
   "fields": {

package/lattice-grid.d.ts

@@ -1,5 +1,5 @@
 /*!
- * Lattice Grid 1.89.0, type declarations
+ * Lattice Grid 1.89.1, type declarations
  * Copyright (c) 2026 TOCLOCO Inc. All rights reserved.
  * https://latticegrid.dev
  */