koneck 2.92.0 → 2.94.0

package/dist/web/ui-client.js

@@ -4446,7 +4446,15 @@ $('tfontdown').onclick = () => { term.fontPx = Math.max(9, term.fontPx - 1); app
  * is dispatched as a real mouse event at the same point, so what happens is what would happen to a
  * person clicking there.
  */
-const preview = { shot: null, width: 0 };
+/*
+ * Nothing here: this held { shot, width } and was read by nothing at all.
+ *
+ * Left over from a version where the panel kept the picture itself. The name is now the panel's own
+ * elements, a few lines down, and two declarations of it stopped the whole client script from
+ * parsing — which takes every handler on the page with it, so the view menu, the composer and the
+ * panel all stop responding at once. Worth knowing that is the symptom: not one broken control but
+ * all of them.
+ */
 
 /*
  * Typing into the page.
@@ -4487,6 +4495,19 @@ function flushTyping() {
 async function pageKey(ev) {
   // Left alone: the browser's own shortcuts, and anything with a modifier that is not Shift.
   if (ev.metaKey || ev.ctrlKey || ev.altKey) return;
+  /*
+   * Scrolling first, and handled here rather than sent to the page as a keypress.
+   *
+   * Pressing PageDown in the page would work too, but only when something scrollable has focus
+   * there — click a text field first and PageDown moves the caret instead, which is the page
+   * behaving correctly and the panel appearing not to. Scrolling the window is unambiguous.
+   */
+  const scroll = SCROLL_KEYS[ev.key];
+  if (scroll) {
+    ev.preventDefault();
+    scroll();
+    return;
+  }
   const special = SPECIAL_KEYS[ev.key];
   if (special) {
     ev.preventDefault();
@@ -4516,92 +4537,215 @@ function pageCoords(img, ev) {
   };
 }
 
-function drawPreview(data) {
+/**
+ * The preview's own elements, built once and kept.
+ *
+ * It used to empty the panel and build a fresh <img> on every update — so every scroll, click and
+ * refresh blanked the picture, decoded a new one, and put it back. That is the blinking: not a slow
+ * page but a panel demolishing itself thirty times a minute. Reported as "no smooth scrolling, like
+ * opening sections", which is exactly what a sequence of rebuilt stills looks like.
+ *
+ * Held here rather than found by id each time, because the handlers are wired once and must read
+ * whatever is current rather than closing over one draw's data.
+ */
+const preview = { stage: null, img: null, cursor: null, hint: null, chips: null,
+                  controls: [], swapping: false, next: null };
+
+/**
+ * The pointer, where something just happened.
+ *
+ * Asked for as "see the mouse pointer like a human when operating" — and it is not decoration: a
+ * click whose target you cannot see is a click you cannot check. It moves to the point, presses,
+ * and fades, so watching the panel tells you where the agent went and whether it hit the thing it
+ * meant to.
+ */
+function showPointer(pageX, pageY, kind) {
+  const img = preview.img;
+  const cursor = preview.cursor;
+  if (!img || !cursor || !img.naturalWidth) return;
+  const box = img.getBoundingClientRect();
+  const stage = preview.stage.getBoundingClientRect();
+  const scale = box.width / img.naturalWidth;
+  cursor.style.left = Math.round(box.left - stage.left + pageX * scale) + 'px';
+  cursor.style.top = Math.round(box.top - stage.top + pageY * scale) + 'px';
+  cursor.hidden = false;
+  // Restarted rather than added to: a second click during the first animation should look like a
+  // second click, not like nothing.
+  cursor.classList.remove('press', 'move');
+  void cursor.offsetWidth;
+  cursor.classList.add(kind === 'press' ? 'press' : 'move');
+}
+
+/** Where a control is on the page, from the last read, so the agent's clicks can be pointed at. */
+function boxOfControl(want) {
+  const found = (preview.controls || []).find((c) =>
+    (typeof want.ref === 'number' && c.ref === want.ref)
+    || (want.selector && c.selector === want.selector)
+    || (want.label && String(c.label || '').toLowerCase() === String(want.label).toLowerCase()));
+  if (!found || !found.box) return null;
+  return { x: found.box.x + found.box.w / 2, y: found.box.y + found.box.h / 2 };
+}
+
+/**
+ * Swaps the picture without a blank frame in between.
+ *
+ * decode() waits for the new image to be ready before it is shown, so the old one stays up until
+ * the new one can replace it in a single paint. Without it the src change clears the element and
+ * the panel flashes white between every frame, which is the whole of the flicker.
+ *
+ * Coalesced, because pictures can arrive faster than they decode: while one is being prepared the
+ * newest arrival is held, and anything older than it is dropped — showing a stale frame after a
+ * fresh one is worse than skipping it.
+ */
+async function swapShot(src) {
+  if (preview.swapping) { preview.next = src; return; }
+  preview.swapping = true;
+  try {
+    for (let src2 = src; src2; src2 = preview.next, preview.next = null) {
+      const loading = new Image();
+      loading.src = src2;
+      try { if (loading.decode) await loading.decode(); } catch (e) { /* show it regardless */ }
+      if (preview.img) preview.img.src = src2;
+    }
+  } finally {
+    preview.swapping = false;
+  }
+}
+
+/** The panel's furniture, wired once. */
+function previewShell() {
+  if (preview.stage && preview.stage.parentNode) return;
   const host = $('pvbody');
   host.innerHTML = '';
-  if (!data || data.running === false) {
-    host.appendChild(el('div', 'pvnone', (data && data.note)
-      || 'Nothing open yet.'));
-    $('pvinfo').textContent = '';
-    return;
-  }
-  $('pvurl').value = data.url || $('pvurl').value;
-  $('pvinfo').textContent = data.title || '';
-  // Shown as unusable rather than silently doing nothing, which is the difference between a
-  // control that is off and one that is broken.
-  $('pvback').disabled = !(data.nav && data.nav.back);
-  $('pvfwd').disabled = !(data.nav && data.nav.forward);
-  if (!data.shot) {
-    host.appendChild(el('div', 'pvnone', 'The browser is open but produced no picture.'));
-    return;
-  }
+
+  const stage = el('div', 'pvstage');
   const img = document.createElement('img');
   img.className = 'pvshot';
-  img.src = data.shot;
-  img.alt = data.title || 'the page';
+  img.alt = 'the page';
+  /*
+   * Focusable, so the keyboard has somewhere to go.
+   *
+   * An image cannot receive key events without this, which was the mechanical reason typing did
+   * nothing: there was no element for the keys to arrive at.
+   */
+  img.tabIndex = 0;
+  const cursor = el('div', 'pvcursor');
+  cursor.hidden = true;
+  stage.appendChild(img);
+  stage.appendChild(cursor);
+  host.appendChild(stage);
+
+  const hint = el('div', 'pvhint');
+  host.appendChild(hint);
+  const chips = el('div', 'pvctl');
+  host.appendChild(chips);
+
+  /*
+   * Buttons for the same thing the keys do.
+   *
+   * They moved a flat 600 pixels, which is most of a page on a laptop and a third of one on a tall
+   * window — so "scroll down" twice could skip a band of the page or barely move. A page is the
+   * picture's height, whatever that is.
+   */
+  const scroller = el('div', 'pvhint');
+  for (const [label, go] of [['↑ page', () => scrollByPages(-1)], ['↓ page', () => scrollByPages(1)],
+                             ['top', () => SCROLL_KEYS.Home()], ['end', () => SCROLL_KEYS.End()]]) {
+    const b = el('button', 'pvbtn', label);
+    b.style.margin = '0 4px';
+    b.onclick = () => { if (preview.img) preview.img.focus(); go(); };
+    scroller.appendChild(b);
+  }
+  scroller.appendChild(el('span', 'dim', ' \u2014 or the wheel, PageUp/PageDown, Home/End'));
+  host.appendChild(scroller);
+
   /*
    * The cursor answers the question a browser answers: is there something here to click?
    *
-   * It was a crosshair over the whole page, which is the language of a screenshot tool. The
-   * controls carry their boxes, so hovering one shows a hand and its label, and everywhere else
-   * shows an arrow — the same two states a real page has, from information the panel already had
-   * and was discarding.
+   * A crosshair over the whole page is the language of a screenshot tool. The controls carry their
+   * boxes, so hovering one shows a hand and its label and everywhere else shows an arrow — the same
+   * two states a real page has, from information the panel already had.
    */
-  const controls = (data.controls || []).filter((c) => c.box);
   img.onmousemove = (ev) => {
     const at = pageCoords(img, ev);
-    const over = controls.find((c) =>
+    const over = (preview.controls || []).filter((c) => c.box).find((c) =>
       at.x >= c.box.x && at.x <= c.box.x + c.box.w &&
       at.y >= c.box.y && at.y <= c.box.y + c.box.h);
     img.style.cursor = over ? 'pointer' : 'default';
     img.title = over ? (over.label || over.tag) : '';
   };
   img.onmouseleave = () => { img.style.cursor = 'default'; img.title = ''; };
-  /*
-   * Focusable, so the keyboard has somewhere to go.
-   *
-   * An image cannot receive key events without this, which is the mechanical reason typing did
-   * nothing: there was no element for the keys to arrive at. Clicking the page focuses it, so
-   * clicking a field and then typing works the way it reads.
-   */
-  img.tabIndex = 0;
   img.onkeydown = (ev) => { void pageKey(ev); };
   img.onblur = () => { void flushTyping(); };
 
-  // The picture is 1280 wide whatever it is displayed at, so a click has to be scaled back into
-  // page coordinates or it lands somewhere else entirely.
+  // The picture is 1280 wide whatever it is displayed at, so a click is scaled back into page
+  // coordinates or it lands somewhere else entirely.
   img.onclick = async (ev) => {
     img.focus();
     const at = pageCoords(img, ev);
+    showPointer(at.x, at.y, 'press');
     $('pvinfo').textContent = 'clicking ' + at.x + ',' + at.y + '…';
     await browserDo({ action: 'click', x: at.x, y: at.y });
   };
-  host.appendChild(img);
-  const hint = el('div', 'pvhint',
-    'Click the page to click it for real, then type. ' + (data.controls || []).length
-    + ' interactive elements.');
-  host.appendChild(hint);
-  // The same numbered elements the agent is given, clickable — so a person can drive the flow the
-  // agent is stuck on without hunting for the pixel.
-  if ((data.controls || []).length) {
-    const row = el('div', 'pvctl');
-    for (const c of data.controls.slice(0, 18)) {
+
+  preview.stage = stage;
+  preview.img = img;
+  preview.cursor = cursor;
+  preview.hint = hint;
+  preview.chips = chips;
+}
+
+function drawPreview(data) {
+  const host = $('pvbody');
+  if (!data || data.running === false) {
+    host.innerHTML = '';
+    preview.stage = null;
+    host.appendChild(el('div', 'pvnone', (data && data.note) || 'Nothing open yet.'));
+    $('pvinfo').textContent = '';
+    return;
+  }
+  $('pvurl').value = data.url || $('pvurl').value;
+  $('pvinfo').textContent = data.title || '';
+  // Shown as unusable rather than silently doing nothing, which is the difference between a
+  // control that is off and one that is broken.
+  $('pvback').disabled = !(data.nav && data.nav.back);
+  $('pvfwd').disabled = !(data.nav && data.nav.forward);
+  if (!data.shot) {
+    host.innerHTML = '';
+    preview.stage = null;
+    host.appendChild(el('div', 'pvnone', 'The browser is open but produced no picture.'));
+    return;
+  }
+
+  previewShell();
+  preview.controls = data.controls || [];
+  void swapShot(data.shot);
+  preview.hint.textContent = 'Click the page to click it for real, then type. '
+    + preview.controls.length + ' interactive elements.';
+
+  /*
+   * The chips, rebuilt only when they have changed.
+   *
+   * They are the one part that genuinely differs between pages, and rebuilding them on every scroll
+   * — when the controls are identical — was throwing away the element under somebody's pointer
+   * mid-click.
+   */
+  const want = preview.controls.slice(0, 18)
+    .map((c) => c.ref + '. ' + (c.label || c.tag)).join('|');
+  if (preview.chips.dataset.shape !== want) {
+    preview.chips.dataset.shape = want;
+    preview.chips.innerHTML = '';
+    for (const c of preview.controls.slice(0, 18)) {
       const b = el('button', 'pvchip', c.ref + '. ' + (c.label || c.tag));
       b.type = 'button';
       b.title = c.selector;
-      b.onclick = () => void browserDo({ action: 'click', ref: c.ref });
-      row.appendChild(b);
+      b.onclick = () => {
+        const at = boxOfControl({ ref: c.ref });
+        if (at) showPointer(at.x, at.y, 'press');
+        void browserDo({ action: 'click', ref: c.ref });
+      };
+      preview.chips.appendChild(b);
     }
-    host.appendChild(row);
-  }
-  const row = el('div', 'pvhint');
-  for (const [label, by] of [['scroll up', -600], ['scroll down', 600]]) {
-    const b = el('button', 'pvbtn', label);
-    b.style.margin = '0 4px';
-    b.onclick = () => void browserDo({ action: 'scroll', by: by });
-    row.appendChild(b);
   }
-  host.appendChild(row);
 }
 
 /*
@@ -4622,16 +4766,69 @@ function drawPreview(data) {
 $('pvbody').addEventListener('wheel', (ev) => {
   if (!document.querySelector('#pvbody .pvshot')) return;   // nothing open to scroll
   ev.preventDefault();
-  scrolling.by += ev.deltaY;
-  if (scrolling.timer) return;
-  scrolling.timer = setTimeout(() => {
-    const by = Math.round(scrolling.by);
-    scrolling.by = 0;
-    scrolling.timer = null;
-    if (by !== 0) void browserDo({ action: 'scroll', by: by });
-  }, SCROLL_BATCH_MS);
+  queueScroll(ev.deltaY);
 }, { passive: false });
 
+/*
+ * A click anywhere in the panel gives the page the keyboard.
+ *
+ * Only the picture is focusable, so Page Down after clicking the space beside it did nothing —
+ * focus was on the document body and the panel's keys never fired. A browser viewport does not work
+ * that way: clicking near the page is clicking the page. Buttons and fields are left alone, or
+ * pressing one would take the focus straight back off it again.
+ */
+$('pvbody').addEventListener('mousedown', (ev) => {
+  if (!preview.img) return;
+  if (ev.target.closest('button, input, select, textarea, a')) return;
+  preview.img.focus();
+});
+
+/** Gathers a burst, sends it as one movement. */
+function queueScroll(by) {
+  scrolling.by += by;
+  if (scrolling.timer) return;
+  scrolling.timer = setTimeout(flushScroll, SCROLL_BATCH_MS);
+}
+
+function flushScroll() {
+  const by = Math.round(scrolling.by);
+  scrolling.by = 0;
+  if (scrolling.timer) clearTimeout(scrolling.timer);
+  scrolling.timer = null;
+  if (by !== 0) void browserDo({ action: 'scroll', by: by });
+}
+
+/*
+ * Page Down, and the rest of the keys that move a page rather than a few lines.
+ *
+ * A wheel is for reading something already on screen. Getting to the bottom of a long form with one
+ * is thirty gestures, each costing a screenshot, and the panel is not the place to do that. Page Up
+ * and Page Down move a viewport at a time; Home and End go to the ends, expressed as a scroll far
+ * larger than any page because scrollBy clamps and asking for a million pixels lands at the edge.
+ *
+ * A viewport is the picture's own height: the shot is the viewport and nothing beyond it, so its
+ * natural height is exactly how far a page goes. Less a small overlap, so the line you stopped
+ * reading on is still there after the jump — the reason every document reader does this.
+ *
+ * Sent immediately rather than batched. A held Page Down is a handful of events, not fifty, and
+ * waiting on a deliberate keypress reads as the key not working.
+ */
+const PAGE_OVERLAP = 60;
+
+function scrollByPages(pages) {
+  const img = preview.img;
+  const viewport = img && img.naturalHeight ? img.naturalHeight : 720;
+  scrolling.by += pages * Math.max(120, viewport - PAGE_OVERLAP);
+  flushScroll();
+}
+
+const SCROLL_KEYS = {
+  PageDown: () => scrollByPages(1),
+  PageUp: () => scrollByPages(-1),
+  Home: () => { scrolling.by -= 1e7; flushScroll(); },
+  End: () => { scrolling.by += 1e7; flushScroll(); },
+};
+
 async function browserDo(body) {
   $('pvinfo').textContent = 'working…';
   let out;
@@ -5037,6 +5234,28 @@ function watchTool(e, done) {
   if (e.name === 'browser') {
     $('watch').hidden = false;
     if (t.url) $('pvurl').value = t.url;
+    /*
+     * The pointer goes where the agent is acting, before the picture catches up.
+     *
+     * Watching a screenshot change is watching the aftermath; watching the pointer arrive and press
+     * is watching the work. The coordinates come either straight from the call or from the box of
+     * the control it named in the last read, which is how a click by ref or label can be pointed at
+     * rather than merely reported.
+     */
+    if (!done) {
+      let asked = null;
+      try { asked = e.args ? JSON.parse(e.args) : null; } catch (err) { asked = null; }
+      if (asked && /^(click|type|fill)$/.test(String(asked.action ?? ''))) {
+        const at = typeof asked.x === 'number' && typeof asked.y === 'number'
+          ? { x: asked.x, y: asked.y }
+          : boxOfControl({ ref: asked.ref, label: asked.label, selector: asked.selector })
+            // A fill names its fields rather than one target: point at the first it can place.
+            ?? (Array.isArray(asked.fields)
+                  ? asked.fields.map((f) => boxOfControl(f)).find(Boolean) ?? null
+                  : null);
+        if (at) showPointer(at.x, at.y, asked.action === 'click' ? 'press' : 'move');
+      }
+    }
     watchHead(verb, t.url || 'the page');
     trailPush({ label: t.url ? shortUrl(t.url) : 'page', verb, kind: 'page',
                 url: t.url || '', ok: done ? e.ok !== false : undefined });
@@ -5581,7 +5800,9 @@ addEventListener('keydown', (ev) => {
  * already in use — and since the box also filtered, 476 models were immediately narrowed to the
  * one you were on. It looked exactly like a text field with no choice in it, because it was.
  */
-const catalog = { provider: null, entries: [], listed: false, note: '', chosen: '' };
+const catalog = { provider: null, entries: [], listed: false, note: '', chosen: '',
+                  /* Only the newest ask may land. See loadModels. */ seq: 0,
+                  /* What each provider last said, so re-selecting one is instant. */ seen: {} };
 
 /** Fills the provider dropdown from whatever the registry holds, declared entries included. */
 /** The providers as last listed, so the key row knows what the chosen one needs. */
@@ -5738,7 +5959,7 @@ $('keydrop').onclick = async () => {
   $('keysaid').style.color = 'var(--muted)';
   $('keysaid').textContent = 'Forgotten. ' + name + ' will ask for a key again.';
   await fillProviders(name);
-  catalog.provider = null;
+  forgetCatalogs();
 };
 
 $('keygo').onclick = async () => {
@@ -5769,7 +5990,7 @@ $('keygo').onclick = async () => {
   // The listing now reports it present, so the row goes away and the models can be asked again.
   keyReplacing = '';
   await fillProviders($('mprov').value);
-  catalog.provider = null;
+  forgetCatalogs();
   void loadModels($('mprov').value, state.model === '-' ? '' : state.model);
 };
 
@@ -5800,8 +6021,7 @@ function drawModels() {
     catalog.chosen = '';
     return;
   }
-  $('mnote').textContent = (shown.length === total ? total + ' models' : shown.length + ' of ' + total)
-    + (catalog.chosen ? ' · using ' + catalog.chosen : ' · click one to choose');
+  modelNote(shown.length, total);
 
   // Grouped by vendor, which is what turns a flat several-hundred-entry list into something you
   // can actually read.
@@ -5813,31 +6033,142 @@ function drawModels() {
     }
     const on = m.id === catalog.chosen;
     const row = el('div', 'mrow' + (on ? ' on' : ''));
+    row.dataset.id = m.id;
     row.appendChild(el('div', 'mid', m.id));
     row.appendChild(el('div', 'mdet', m.detail));
-    row.onclick = () => { catalog.chosen = m.id; drawModels(); };
+    row.onclick = () => chooseModel(m.id);
     host.appendChild(row);
     if (on && !first) first = row;
   }
   if (shown.length > 400) {
     host.appendChild(el('div', 'mgroup', 'and ' + (shown.length - 400) + ' more — keep typing'));
   }
-  // The model in use should be in view when the dialog opens, not hundreds of rows down.
+  // The model in use should be in view when the dialog opens, not hundreds of rows down. Only on a
+  // redraw: doing it when somebody picks a row scrolls the list out from under the click.
   if (first) first.scrollIntoView({ block: 'center' });
 }
 
-/** Asks the selected provider what it serves. */
-async function loadModels(provider, preselect) {
-  if (catalog.provider === provider) { drawModels(); return; }
+/*
+ * How many are listed, which one Switch will use, and how to ask again.
+ *
+ * The list is held for ten minutes, which is right for a provider whose catalogue changes weekly
+ * and wrong for the machine under the desk: pull a model into Ollama and it would not appear until
+ * the cache expired, with nothing on screen to suggest otherwise. So the count line carries the way
+ * to re-ask — and it goes past both the dialog's memory and the server's.
+ */
+function modelNote(showing, total) {
+  const note = $('mnote');
+  note.textContent = (showing === total ? total + ' models' : showing + ' of ' + total)
+    + (catalog.chosen ? ' · using ' + catalog.chosen : ' · click one to choose') + ' · ';
+  const again = el('button', 'linkish', 'ask again');
+  again.type = 'button';
+  again.title = 'Ask ' + catalog.provider + ' what it serves now, ignoring what it said before';
+  again.onclick = () => {
+    const who = $('mprov').value;
+    note.textContent = 'Asking ' + who + ' what it serves…';
+    void loadModels(who, catalog.chosen, { fresh: true });
+  };
+  note.appendChild(again);
+}
+
+/*
+ * Picking one, without redrawing the list.
+ *
+ * This used to set the choice and call drawModels, which empties the list and builds it again:
+ * measured at 400 rows, 50ms of rebuilding to change which row is highlighted — and then
+ * scrollIntoView on the newly built row moved the list by 8,304 pixels, so the list jumped out from
+ * under the click that had just been made. Nothing about a selection needs any of that.
+ *
+ * One class off, one class on, and the count line updated.
+ */
+function chooseModel(id) {
+  catalog.chosen = id;
+  const host = $('mlist');
+  const was = host.querySelector('.mrow.on');
+  if (was) was.classList.remove('on');
+  const now = host.querySelector('.mrow[data-id="' + cssEscape(id) + '"]');
+  if (now) now.classList.add('on');
+  const showing = host.querySelectorAll('.mrow').length;
+  modelNote(showing, catalog.entries.length);
+}
+
+/*
+ * A model id inside an attribute selector.
+ *
+ * Ids carry slashes, dots and colons — "anthropic/claude-sonnet-4.5" — and a dot in a selector is a
+ * class. CSS.escape where it exists, which is everywhere current, and a conservative fallback
+ * rather than an unescaped selector that would throw.
+ */
+function cssEscape(value) {
+  if (window.CSS && CSS.escape) return CSS.escape(value);
+  return String(value).replace(/["\\]/g, '\\$&');
+}
+
+/*
+ * Throws away what the providers said, so the next ask is live.
+ *
+ * Every "re-ask" used to be catalog.provider = null on its own. That still reads as re-asking, and
+ * once answers were kept per provider it silently stopped being true: the kept answer would be
+ * served instead, so entering a key was followed by the same empty list the provider gave before it
+ * had one — indistinguishable from the key not working.
+ */
+function forgetCatalogs() {
+  catalog.provider = null;
+  catalog.seen = {};
+}
+
+/*
+ * Asks the selected provider what it serves.
+ *
+ * ## Only the newest ask may land
+ *
+ * Two of these can be in flight at once — pick a provider, then pick another before the first has
+ * answered — and there was nothing to stop the slower one arriving last and overwriting the faster.
+ * Measured with a provider taking 2.6 seconds and one taking 120ms: selecting the slow one and then
+ * the quick one left the menu reading "fastco" above a list of the *other* provider's models. Click
+ * one of those rows and you have chosen a model the selected provider does not serve.
+ *
+ * Worse, it wedged: catalog.provider was then the provider you were no longer on, so selecting it
+ * again matched the "already loaded" check and did nothing at all. Closing the dialog and opening
+ * it again cleared that, which is precisely what people were doing to get out of it.
+ *
+ * A sequence number, checked after every await. A stale answer is dropped rather than drawn.
+ *
+ * ## Asked once per provider
+ *
+ * Answers are kept per provider for as long as the dialog session lasts, so going back to one you
+ * have already looked at is immediate rather than another round trip. The server holds them for ten
+ * minutes as well, so even a fresh page load usually answers from memory.
+ */
+async function loadModels(provider, preselect, opts) {
+  const seq = ++catalog.seq;
+  const fresh = !!(opts && opts.fresh);
+  const settle = (out) => {
+    catalog.provider = provider;
+    catalog.entries = out.entries || [];
+    catalog.listed = !!out.listed;
+    catalog.note = out.note || '';
+    // Preselect only if the provider actually serves it: carrying a name across providers is how a
+    // session ends up asking Anthropic for qwen3-coder.
+    catalog.chosen = preselect && catalog.entries.some((m) => m.id === preselect) ? preselect : '';
+    if (!catalog.listed && preselect) $('mmodel').value = preselect;
+    drawModels();
+  };
+
+  const known = fresh ? null : catalog.seen[provider];
+  if (known) { settle(known); return; }
+
   $('mlist').innerHTML = '';
   $('mnote').textContent = 'Asking ' + provider + ' what it serves…';
   let out;
   // Named, so a key typed into this session can be used to ask what the provider serves.
   try {
     out = await api('/api/models?provider=' + encodeURIComponent(provider)
-      + (state.session ? '&session=' + encodeURIComponent(state.session) : ''));
+      + (state.session ? '&session=' + encodeURIComponent(state.session) : '')
+      + (fresh ? '&fresh=1' : ''));
   }
   catch (e) {
+    if (seq !== catalog.seq) return;          // a newer selection has been made
     catalog.provider = provider; catalog.entries = []; catalog.listed = false;
     catalog.note = e.message;
     catalog.chosen = '';
@@ -5846,15 +6177,11 @@ async function loadModels(provider, preselect) {
     drawModels();
     return;
   }
-  catalog.provider = provider;
-  catalog.entries = out.entries || [];
-  catalog.listed = !!out.listed;
-  catalog.note = out.note || '';
-  // Preselect only if the provider actually serves it: carrying a name across providers is how a
-  // session ends up asking Anthropic for qwen3-coder.
-  catalog.chosen = preselect && catalog.entries.some((m) => m.id === preselect) ? preselect : '';
-  if (!catalog.listed && preselect) $('mmodel').value = preselect;
-  drawModels();
+  // Remembered even if it is no longer wanted: it is a true answer about that provider, and the
+  // person may well select it next.
+  catalog.seen[provider] = out;
+  if (seq !== catalog.seq) return;
+  settle(out);
 }
 
 $('pmodel').onclick = async () => {
@@ -5872,7 +6199,7 @@ $('pmodel').onclick = async () => {
    * anything.
    */
   $('mmodel').value = '';
-  catalog.provider = null;                     // re-ask: a key may have been set since last time
+  forgetCatalogs();                            // re-ask: a key may have been set since last time
   $('mdlg').showModal();
 
   const info = await fillProviders(state.provider);
@@ -5987,7 +6314,7 @@ async function afterProviderSaved(out) {
   $('provkey').placeholder = keyEnvPlaceholder('');
   await fillProviders(out.name);
   $('mmodel').value = out.defaultModel === 'default' ? '' : out.defaultModel;
-  catalog.provider = null;
+  forgetCatalogs();
   void loadModels(out.name);
 }
 

package/dist/web/ui-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-client.js","sourceRoot":"","sources":["../../src/web/ui-client.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAg9LlB,CAAC;AACF,CAAC"}
+{"version":3,"file":"ui-client.js","sourceRoot":"","sources":["../../src/web/ui-client.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,YAAY;IAC1B,OAAO,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuxMlB,CAAC;AACF,CAAC"}