koneck 2.67.0 → 2.69.0

package/dist/web/ui-client.js

@@ -382,6 +382,25 @@ function onEvent(e) {
       const box = el('div', 'msg');
       box.appendChild(el('div', 'who', e.images ? 'you · ' + e.images + ' image(s)' : 'you'));
       box.appendChild(el('div', 'you', e.text));
+      /*
+       * What an @ actually attached, under the message.
+       *
+       * The sentence stays the sentence — nobody wants to scroll past eight hundred lines of their
+       * own attachment to find what they asked. But the attachment is a real spend and is stated,
+       * including the ones that failed, because a reference that quietly resolved to nothing is how
+       * you end up asking why the model ignored the file you gave it.
+       */
+      if (e.refs && e.refs.length) {
+        const row = el('div', 'urefs');
+        e.refs.forEach((r) => {
+          const bad = r.kind !== 'file' && r.kind !== 'dir';
+          row.appendChild(el('span', bad ? 'uref bad' : 'uref',
+            bad ? '@' + r.ref + ' — ' + (r.note || 'not attached')
+              : '@' + r.ref + (r.kind === 'dir' ? '/ · ' + r.lines + ' entries'
+                                                : ' · ' + r.lines + ' lines')));
+        });
+        box.appendChild(row);
+      }
       add(box);
       state.replyEl = null; state.thinkEl = null;
       setBusy(true, 'thinking');
@@ -2357,6 +2376,7 @@ async function newSession() {
 
 async function send(text) {
   const ta = $('ta');
+  closeMention();
   text = text || ta.value.trim();
   if (!text || state.busy) return;
   // A slash command is not a prompt. It opens the thing that does the same job.
@@ -2380,6 +2400,235 @@ async function send(text) {
   } catch (e) { add(el('div', 'err', e.message)); setBusy(false); }
 }
 
+/* ── referencing a file with @ ──────────────────────────────── */
+/*
+ * The picker, and why it ranks rather than lists.
+ *
+ * Every editor has @. What they mostly do with it is fuzzy-match filenames, which answers "which
+ * paths contain these letters" and not "which file did you mean" — and with four thousand paths in
+ * a project those are different questions. So the server ranks by what this project is actually
+ * doing: files git has touched, files this session has already handled, files the ledger holds
+ * findings about. The reason is shown in the row, because a ranking that will not say why it ranked
+ * something is one you cannot argue with.
+ *
+ * And every row carries what attaching it will cost. That is the part that matters most here: an @
+ * puts the file in the prompt, and a picker that hides the price of what it is about to spend is
+ * how somebody ends up wondering where their context window went.
+ */
+const mention = {
+  open: false,
+  items: [],
+  sel: 0,
+  /* Where the @ sits in the textarea, so the replacement knows what to replace. */
+  start: -1,
+  query: '',
+  /* Requests can land out of order over a slow link; only the newest answer may draw. */
+  seq: 0,
+  timer: null,
+};
+
+/*
+ * Where an @ reference being typed begins, or null.
+ *
+ * The same rule as the terminal's: an @ only opens a reference at a word boundary, so an email
+ * address or a decorator in pasted code does not trigger it, and a space closes it because the
+ * paths offered here never contain one.
+ */
+function activeRef(draft, caret) {
+  const upto = draft.slice(0, caret);
+  const at = upto.lastIndexOf('@');
+  if (at === -1) return null;
+  const before = at === 0 ? '' : upto[at - 1];
+  if (before !== '' && !/\s/.test(before)) return null;
+  const query = upto.slice(at + 1);
+  if (/\s/.test(query)) return null;
+  return { start: at, query: query };
+}
+
+function closeMention() {
+  if (mention.timer) { clearTimeout(mention.timer); mention.timer = null; }
+  mention.open = false;
+  mention.items = [];
+  mention.start = -1;
+  $('mention').hidden = true;
+}
+
+/*
+ * The rows.
+ *
+ * The filename is emboldened and the directory left plain, because the eye is looking for the name
+ * and the folder is only there to tell two of them apart. Built with el() and textContent — these
+ * are paths from disk, and a filename is as capable of holding a bracket as anything else is.
+ */
+function drawMention() {
+  const box = $('mention');
+  box.textContent = '';
+
+  const head = el('div', 'mhead');
+  head.appendChild(el('span', null, mention.query ? 'files matching ' + mention.query : 'what you are working on'));
+  head.appendChild(el('span', 'mgap'));
+  head.appendChild(el('span', 'mkeys', '↑↓ move · ⏎ or tab insert · esc close'));
+  box.appendChild(head);
+
+  if (mention.items.length === 0) {
+    box.appendChild(el('div', 'mnone', mention.query
+      ? 'Nothing in this project matches ' + mention.query + '.'
+      : 'Nothing recent to offer yet — type to search the project.'));
+    box.hidden = false;
+    return;
+  }
+
+  mention.items.forEach((item, i) => {
+    const row = el('div', 'mrow' + (i === mention.sel ? ' on' : ''));
+
+    /*
+     * The path, with the name picked out.
+     *
+     * direction:rtl in the stylesheet keeps the filename visible when a deep path has to be
+     * truncated — a left-truncated path is readable and a right-truncated one is not, since
+     * everything that distinguishes it is at the end.
+     */
+    const p = el('div', 'mp');
+    const cut = item.path.lastIndexOf('/');
+    if (cut > -1) p.appendChild(document.createTextNode(item.path.slice(0, cut + 1)));
+    const name = el('b', null, cut > -1 ? item.path.slice(cut + 1) : item.path);
+    p.appendChild(name);
+    row.appendChild(p);
+
+    if (item.because && item.because.length) {
+      const why = el('div', 'mwhy');
+      item.because.forEach((reason, n) => {
+        /*
+         * The wording comes from the server.
+         *
+         * A row is a row and not a sentence, so "used in this session" is shown as "in session" —
+         * but the shortening happens once, server-side, and the terminal's picker uses the same
+         * function. Two copies of the same phrasing is how two surfaces end up describing the same
+         * signal differently.
+         */
+        const cls = reason === 'used in this session' ? 's'
+          : reason === 'recently changed' ? 'g' : '';
+        why.appendChild(el('span', cls || null, (item.shorts && item.shorts[n]) || reason));
+      });
+      row.appendChild(why);
+    }
+
+    row.appendChild(item.kind === 'dir'
+      ? el('div', 'mdir', 'folder · listing')
+      : el('div', 'mcost', item.tokens === null ? '' : approxTokens(item.tokens)));
+
+    row.onmousedown = (ev) => { ev.preventDefault(); pickMention(i); };
+    box.appendChild(row);
+  });
+  box.hidden = false;
+
+  const chosen = box.children[mention.sel + 1];
+  if (chosen && chosen.scrollIntoView) chosen.scrollIntoView({ block: 'nearest' });
+}
+
+/* Approximate, and never dressed up as exact — the tilde is doing real work. */
+function approxTokens(n) {
+  if (n < 1000) return '~' + n + ' tok';
+  return '~' + (Math.round(n / 100) / 10) + 'k tok';
+}
+
+/*
+ * Asks the server for candidates.
+ *
+ * Debounced, and the answer is discarded unless it is the newest one asked for: typing four
+ * characters quickly fires four requests, and without the sequence check the second can draw over
+ * the fourth and leave the list one keystroke behind the box.
+ */
+function refreshMention(fresh) {
+  const mine = ++mention.seq;
+  const q = mention.query;
+  const url = '/api/mention?q=' + encodeURIComponent(q)
+    + (state.session ? '&session=' + encodeURIComponent(state.session) : '')
+    + (fresh ? '&fresh=1' : '');
+  api(url).then((out) => {
+    if (mine !== mention.seq || !mention.open) return;
+    mention.items = out.candidates || [];
+    if (mention.sel >= mention.items.length) mention.sel = 0;
+    drawMention();
+  }).catch(() => {
+    if (mine !== mention.seq || !mention.open) return;
+    mention.items = [];
+    drawMention();
+  });
+}
+
+/*
+ * Replaces the half-typed reference with the chosen path.
+ *
+ * A trailing space, because the reference is finished and the next thing typed is a sentence — and
+ * without it the picker reopens on the path it just inserted.
+ */
+function pickMention(i) {
+  const item = mention.items[i];
+  if (!item) return;
+  const ta = $('ta');
+  const value = ta.value;
+  const end = mention.start + 1 + mention.query.length;
+  const inserted = '@' + item.path + (item.kind === 'dir' ? '/' : '') + ' ';
+  ta.value = value.slice(0, mention.start) + inserted + value.slice(end);
+  const caret = mention.start + inserted.length;
+  closeMention();
+  ta.focus();
+  ta.setSelectionRange(caret, caret);
+  ta.dispatchEvent(new Event('input'));
+}
+
+/*
+ * Called on every keystroke in the composer.
+ *
+ * The listing and the project signals are refreshed when the reference opens rather than while it
+ * is being typed: opening is the moment a file created a second ago would be noticed missing, and
+ * every keystroke after it only needs the ranking.
+ */
+function syncMention() {
+  const ta = $('ta');
+  const ref = activeRef(ta.value, ta.selectionStart);
+  if (!ref) { if (mention.open) closeMention(); return; }
+  const opening = !mention.open || ref.start !== mention.start;
+  mention.open = true;
+  mention.start = ref.start;
+  mention.query = ref.query;
+  if (opening) { mention.sel = 0; mention.items = []; drawMention(); }
+  if (mention.timer) clearTimeout(mention.timer);
+  /* No wait at all when it opens: the first list should already be there. */
+  if (opening) { refreshMention(true); return; }
+  mention.timer = setTimeout(() => { mention.timer = null; refreshMention(false); }, 55);
+}
+
+/* True when the key was the picker's, so the composer must not also act on it. */
+function mentionKey(ev) {
+  if (!mention.open) return false;
+  if (ev.key === 'Escape') { closeMention(); return true; }
+  if (ev.key === 'ArrowDown' || (ev.key === 'n' && ev.ctrlKey)) {
+    if (mention.items.length) { mention.sel = (mention.sel + 1) % mention.items.length; drawMention(); }
+    return true;
+  }
+  if (ev.key === 'ArrowUp' || (ev.key === 'p' && ev.ctrlKey)) {
+    if (mention.items.length) {
+      mention.sel = (mention.sel - 1 + mention.items.length) % mention.items.length;
+      drawMention();
+    }
+    return true;
+  }
+  if (ev.key === 'Tab' || (ev.key === 'Enter' && !ev.shiftKey)) {
+    /*
+     * Enter inserts while the picker is open, and only then.
+     *
+     * A half-typed @src/eng followed by Enter is somebody choosing a file, not sending a message —
+     * but with no candidates there is nothing to choose, so it falls through and sends.
+     */
+    if (mention.items.length === 0) return false;
+    pickMention(mention.sel);
+    return true;
+  }
+  return false;
+}
+
 /* ── wiring ────────────────────────────────────────────────── */
 $('ta').addEventListener('input', (ev) => {
   const ta = ev.target;
@@ -2387,10 +2636,30 @@ $('ta').addEventListener('input', (ev) => {
   ta.style.height = Math.min(ta.scrollHeight, 200) + 'px';
   $('send').disabled = state.busy || !ta.value.trim();
   refreshComposerHints();
+  syncMention();
 });
 $('ta').addEventListener('focus', refreshComposerHints);
-$('ta').addEventListener('blur', refreshComposerHints);
+$('ta').addEventListener('blur', () => {
+  refreshComposerHints();
+  /*
+   * Closed on blur, but not before a click on a row has landed.
+   *
+   * The rows are wired to mousedown, which fires before blur, so this only ever closes a picker
+   * nobody was clicking in. Without the delay a click on a candidate closed the list under the
+   * pointer and inserted nothing.
+   */
+  setTimeout(() => { if (document.activeElement !== $('ta')) closeMention(); }, 120);
+});
+/* Clicking or arrowing to a different place in the text can leave a reference, or enter one. */
+$('ta').addEventListener('click', syncMention);
 $('ta').addEventListener('keydown', (ev) => {
+  // The picker gets first refusal on the keys it uses, so Enter chooses a file rather than sending
+  // a message that was still being addressed.
+  if (mentionKey(ev)) { ev.preventDefault(); return; }
+  if (ev.key === 'ArrowLeft' || ev.key === 'ArrowRight' || ev.key === 'Home' || ev.key === 'End') {
+    // After the caret has actually moved, not before.
+    setTimeout(syncMention, 0);
+  }
   if (ev.key === 'Enter' && !ev.shiftKey) { ev.preventDefault(); send(); }
 });
 $('send').onclick = () => send();

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2nJlB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAw4JlB,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,CA4kC3C"}
+{"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,CAmnC3C"}

package/dist/web/ui-css.js

@@ -406,6 +406,45 @@ footer{flex:0 0 auto;border-top:1px solid var(--line);background:var(--panel);pa
 .live .lel{color:var(--dim);font-variant-numeric:tabular-nums;font-size:11.5px}
 .live .lstop{border:1px solid var(--red);color:var(--red);border-radius:999px;padding:2px 10px;
   font-size:11.5px}
+/*
+ * The @ picker.
+ *
+ * A fixed height with its own scroll, because the alternative is a list that resizes the footer on
+ * every keystroke — and a composer that moves while you type in it is the thing that makes a picker
+ * feel unfinished. Anchored to the box's width so the paths line up with the text they will become.
+ */
+.mention{margin-bottom:9px;border:1px solid var(--line-2);border-radius:var(--radius);
+  background:var(--panel);max-height:min(46vh,340px);overflow-y:auto;overflow-x:hidden;
+  box-shadow:0 -6px 26px rgba(0,0,0,.22)}
+.mention[hidden]{display:none}
+.mhead{display:flex;align-items:center;gap:8px;padding:7px 11px;font-size:10.5px;
+  letter-spacing:.09em;text-transform:uppercase;color:var(--dim);
+  border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}
+.mhead .mgap{flex:1}
+.mhead .mkeys{text-transform:none;letter-spacing:0;font-size:11px}
+.mrow{display:flex;align-items:baseline;gap:9px;padding:6px 11px;cursor:pointer;
+  border-left:2px solid transparent}
+.mrow:hover{background:var(--panel-2)}
+.mrow.on{background:var(--panel-2);border-left-color:var(--cyan)}
+/* The name carries the weight; the directory it sits in is context, not the answer. */
+.mrow .mp{font-family:var(--mono);font-size:12.5px;color:var(--muted);
+  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}
+.mrow .mp b{color:var(--ink);font-weight:600}
+.mrow .mwhy{display:flex;gap:5px;flex:0 0 auto}
+/* Why it is where it is, said in the row rather than in a tooltip nobody opens. */
+.mwhy span{font-size:9.5px;letter-spacing:.04em;padding:1px 6px;border-radius:999px;
+  border:1px solid var(--line-2);color:var(--dim);white-space:nowrap}
+.mwhy span.s{border-color:var(--cyan);color:var(--cyan)}
+.mwhy span.g{border-color:var(--amber);color:var(--amber)}
+/* Tabular so the costs form a column you can compare down, rather than a ragged edge. */
+.mrow .mcost{flex:0 0 auto;font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}
+.mrow .mdir{flex:0 0 auto;font-size:11px;color:var(--dim)}
+.mnone{padding:10px 11px;font-size:12.5px;color:var(--dim)}
+/* What an @ attached, under the message it was in. */
+.urefs{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
+.uref{font-family:var(--mono);font-size:10.5px;color:var(--dim);padding:1px 7px;
+  border:1px solid var(--line-2);border-radius:999px}
+.uref.bad{border-color:var(--red);color:var(--red)}
 .attached{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:9px}
 .attached[hidden]{display:none}
 .thumb{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;

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;;;;;;;;;;;;;;;;;gBAiBO,OAAO;;;oCAGa,IAAI;;2BAEb,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAojC9B,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;;;;;;;;;;;;;;;;;gBAiBO,OAAO;;;oCAGa,IAAI;;2BAEb,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2lC9B,CAAC;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,wBAAgB,IAAI,IAAI,MAAM,CA+d7B"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,wBAAgB,IAAI,IAAI,MAAM,CAwe7B"}

package/dist/web/ui.js

@@ -214,6 +214,14 @@ export function page() {
         <button class="lstop" id="livestop">stop</button>
       </div>
       <div id="attached" class="attached" hidden></div>
+      <!--
+        Referencing a file with @.
+        ==========================
+        Above the box rather than below it, so the list grows up into the transcript instead of
+        pushing the input off the bottom of the window — which is where a dropdown under a
+        bottom-anchored composer ends up on a short screen.
+      -->
+      <div id="mention" class="mention" hidden></div>
       <div class="cin">
         <button class="attach" id="attach" title="Attach an image">+</button>
         <textarea id="ta" rows="1" placeholder="Describe what you want to build&hellip;"></textarea>
@@ -246,6 +254,7 @@ export function page() {
         <span><kbd>Enter</kbd> send</span>
         <span><kbd>Shift</kbd>+<kbd>Enter</kbd> newline</span>
         <span><kbd>Ctrl</kbd>+<kbd>K</kbd> commands</span>
+        <span><kbd>@</kbd> reference a file or folder</span>
         <span><kbd>/</kbd> for commands, paste or drop an image</span>
       </div>
     </div>

package/dist/web/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,UAAU,IAAI;IAClB,OAAO;;;;;;;SAOA,GAAG,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAmdF,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;EAC7C,YAAY,EAAE;;eAED,CAAC;AAChB,CAAC"}
+{"version":3,"file":"ui.js","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,UAAU,IAAI;IAClB,OAAO;;;;;;;SAOA,GAAG,CAAC,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA4dF,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;EAC7C,YAAY,EAAE;;eAED,CAAC;AAChB,CAAC"}

package/package.json

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