Live updates during a cycle; Filter & sort dropdown on phones; layout polish

- Worker publishes the rows swept so far every few seconds (LivePublishSeconds)
  with a DataVersion stamp; the dashboard reloads on each new version, so
  tables, the Overview and open dialogs update mid-cycle. Shared files are
  written to a temp file and swapped in, so readers never see half a file.
- Phones / tablets: one Filter & sort button opens a column list instead of a
  row of chips, on every table.
- Details: a wrapped Simple / Advanced toggle sits on the left.
- Card fields: fixed-height dialog; field list and add list share it evenly.

web/demo/demo.js

@@ -721,6 +721,8 @@
         // ---- worker data ----
         'GET Worker-State.json': async () => {
             const state = (await serverGet('/Worker-State.json')) || {};
+            // the visitor's own (simulated) changes count as new data too
+            if (state.DataVersion && Store.state.appliedTracked) state.DataVersion += '#' + Store.state.rev;
             if (Sim.worker) return jsonResponse(Object.assign({}, state, Sim.worker));
             return jsonResponse(state);
         },
@@ -731,7 +733,7 @@
             // the dashboard shows its "Waiting for Worker..." placeholders
             if (!s.appliedTracked || !snap.rows.length) return jsonResponse(snap.data);
             const { rows } = buildRows(s.appliedTracked, snap.rows, snap.adv);
-            return jsonResponse({ LastUpdated: snap.data.LastUpdated || psStamp(), Devices: rows });
+            return jsonResponse({ LastUpdated: snap.data.LastUpdated || psStamp(), DataVersion: (snap.data.DataVersion || '') + '#' + s.rev, Devices: rows });
         },
         'GET Advanced-Cache.json': async () => {
             const s = Store.state;