fix(weather): preserve filter drag previews across panel refreshes

src/ui/railCardBlocks.js

@@ -110,6 +110,7 @@ export function createRailCardBlocks({ container, cardId, onParams }) {
               const value = Number(block.rangeInput.value);
               const params = rangeParams();
               if (!params) return;
+              if (range.commitOnChange) block.rangeDraft = { range, value };
               set(
                 block.rangeValue,
                 'textContent',
@@ -125,6 +126,7 @@ export function createRailCardBlocks({ container, cardId, onParams }) {
             const onChange = () => {
               if (!block.props.range?.commitOnChange) return;
               const params = rangeParams();
+              block.rangeDraft = null;
               if (params) dispatch(params);
             };
             block.rangeInput.addEventListener('input', onInput);
@@ -196,11 +198,22 @@ export function createRailCardBlocks({ container, cardId, onParams }) {
           syncChipGroup(block.chips, props.chips);
           const range = props.range;
           set(block.rangeRow, 'hidden', !range);
+          const draft = block.rangeDraft;
+          if (
+            draft &&
+            (!range ||
+              range.disabled ||
+              !range.commitOnChange ||
+              ['id', 'param', 'min', 'max', 'step', 'value'].some(
+                (key) => range[key] !== draft.range[key],
+              ))
+          )
+            block.rangeDraft = null;
           if (range) {
             const min = Number(range.min);
             const max = Number(range.max);
             const step = Number(range.step);
-            const candidate = Number(range.value);
+            const candidate = Number(block.rangeDraft?.value ?? range.value);
             const value = Math.min(
               max,
               Math.max(min, Number.isFinite(candidate) ? candidate : min),

src/ui/railCards.test.mjs

@@ -183,11 +183,26 @@ test('setting ranges stay below presets and commit expensive filters on release'
       .textContent,
     '53%',
   );
+  view.update([model(100)]);
+  assert.equal(slider.value, '53', 'a status refresh retains the pending drag');
+  assert.equal(
+    slider.getAttribute('aria-valuetext'),
+    '53%',
+    'the accessible preview also survives a refresh',
+  );
   slider.dispatchEvent(new Event('change'));
   assert.deepEqual(calls.at(-1), ['a', { infrared: 53 }]);
   view.update([model(53)]);
   assert.equal(slider.value, '53');
   assert.equal(f.document.activeElement, slider);
+  slider.value = '41';
+  slider.dispatchEvent(new Event('input'));
+  view.update([model(70)]);
+  assert.equal(
+    slider.value,
+    '70',
+    'an authoritative value supersedes the draft',
+  );
   view.destroy();
   slider.value = '41';
   slider.dispatchEvent(new Event('change'));

src/ui/styles/weather.css

@@ -351,7 +351,8 @@ body.recording-mode .gev-wind-inspection-marker {
   outline-offset: 3px;
 }
 .rail-card-setting-range-value {
-  min-width: 3ch;
+  flex: 0 0 4ch;
+  white-space: nowrap;
   color: var(--text-primary);
   font: 9px var(--font-mono);
   text-align: right;