koneck 2.92.0 → 2.93.0

package/dist/web/ui-client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-client.d.ts","sourceRoot":"","sources":["../../src/web/ui-client.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,IAAI,MAAM,CAk9LrC"}
+{"version":3,"file":"ui-client.d.ts","sourceRoot":"","sources":["../../src/web/ui-client.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,wBAAgB,YAAY,IAAI,MAAM,CA6qMrC"}

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 });

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2qMlB,CAAC;AACF,CAAC"}

package/dist/web/ui-css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-css.d.ts","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AA8CA,wBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAwzC3C"}
+{"version":3,"file":"ui-css.d.ts","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AA8CA,wBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CA61C3C"}

package/dist/web/ui-css.js

@@ -560,6 +560,43 @@ footer{flex:0 0 auto;border-top:1px solid var(--line);background:var(--panel);pa
 .tobottom:hover{background:var(--panel-2)}
 .tobottom[hidden]{display:none}
 
+/*
+ * The page, and a pointer over it.
+ *
+ * The stage exists so the cursor can be positioned against the picture without being inside it —
+ * an <img> cannot hold a child, and absolutely positioning against the scrolling panel would put
+ * the pointer in the wrong place the moment anything moved.
+ */
+.pvstage{position:relative;flex:0 0 auto;line-height:0;max-width:100%}
+/*
+ * A pointer you can see, 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. Drawn rather than an image, so it
+ * costs nothing to load and takes the theme's own colour.
+ */
+.pvcursor{position:absolute;width:15px;height:22px;margin:-2px 0 0 -2px;pointer-events:none;
+  z-index:5;opacity:0;
+  /* An arrow, in the shape every desktop draws it. */
+  background:var(--ink);
+  -webkit-clip-path:polygon(0 0,0 72%,26% 55%,44% 96%,62% 88%,44% 48%,74% 44%);
+  clip-path:polygon(0 0,0 72%,26% 55%,44% 96%,62% 88%,44% 48%,74% 44%);
+  filter:drop-shadow(0 0 1px var(--bg)) drop-shadow(0 1px 2px rgba(0,0,0,.5))}
+.pvcursor[hidden]{display:none}
+/* Arriving somewhere: visible, and settling. */
+.pvcursor.move{animation:pvmove .5s ease-out forwards}
+@keyframes pvmove{0%{opacity:.55;transform:scale(1.25)}100%{opacity:.9;transform:scale(1)}}
+/*
+ * Pressing: a ring leaves the point, the way a tap looks on a touchscreen.
+ *
+ * The ring rather than moving the arrow, because an arrow that jumps on click reads as a glitch
+ * while a ring reads as contact.
+ */
+.pvcursor.press{animation:pvmove .5s ease-out forwards}
+.pvcursor.press::after{content:'';position:absolute;left:-9px;top:-9px;width:26px;height:26px;
+  border-radius:50%;border:2px solid var(--cyan);animation:pvring .55s ease-out forwards}
+@keyframes pvring{0%{transform:scale(.2);opacity:.95}100%{transform:scale(1.6);opacity:0}}
+
 /* A heading inside a settings section: quieter than a section, louder than a row. */
 .sgroup{margin:18px 0 2px;font-size:calc(var(--ui) * 0.7857);letter-spacing:.09em;text-transform:uppercase;
   color:var(--muted);font-weight:600}

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

@@ -1 +1 @@
-{"version":3,"file":"ui-css.js","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH;;;;;;;;;;;;GAYG;AACH,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;CAkBZ,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAe;IACjC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBO,OAAO;;;oCAGa,IAAI;;2BAEb,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwxC9B,CAAC;AACF,CAAC"}
+{"version":3,"file":"ui-css.js","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH;;;;;;;;;;;;GAYG;AACH,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;CAkBZ,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,OAAe;IACjC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;gBAyBO,OAAO;;;oCAGa,IAAI;;2BAEb,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6zC9B,CAAC;AACF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "koneck",
-  "version": "2.92.0",
+  "version": "2.93.0",
   "description": "Kinetically Orchestrated Neural Execution Engine for Code",
   "type": "module",
   "bin": {