koneck 2.37.0 → 2.38.0

package/dist/web/ui-client.js

@@ -156,7 +156,7 @@ function md(src) {
 /* ── views ─────────────────────────────────────────────────── */
 function setView(name) {
   state.view = name;
-  for (const v of ['chat', 'changes', 'timing', 'files', 'search',
+  for (const v of ['chat', 'changes', 'timing', 'files', 'terminal', 'preview', 'search',
                    'review', 'refactor', 'restore', 'settings']) {
     $(v + 'view').hidden = v !== name;
     $('tab-' + v).className = 'tab' + (v === name ? ' on' : '');
@@ -166,6 +166,8 @@ function setView(name) {
   if (name === 'changes') loadChanges();
   if (name === 'timing') loadTiming();
   if (name === 'files') loadTree('');
+  if (name === 'terminal') { loadJobs(); $('tcmd').focus(); }
+  if (name === 'preview') loadPreview();
   if (name === 'search') $('q').focus();
   if (name === 'review') loadReview();
   if (name === 'refactor') loadRefactor();
@@ -722,6 +724,27 @@ function renderTreeInto(host, entries, depth) {
   if (!entries.length) host.appendChild(el('div', 'shead', 'empty'));
 }
 
+/**
+ * A file, open and editable.
+ *
+ * The tab could show a file and not change it, which makes it a viewer. Editing a line and saving
+ * is the smallest useful thing a person does to a file, and going through the agent to do it —
+ * asking a model to please change one character — is slower, less certain, and costs tokens.
+ *
+ * One textarea, deliberately. Undo and redo are the browser's own, which means every shortcut a
+ * person already knows works, including the ones nobody thinks about: ctrl+Z, ctrl+shift+Z, ctrl+Y,
+ * the platform variants, and undo history that survives switching tabs. A hand-rolled stack would
+ * be a worse version of something already there.
+ */
+const editing = { path: null, text: '', size: 0, mtimeMs: 0, dirty: false };
+
+function editState(word, cls) {
+  const el0 = $('edstate');
+  if (!el0) return;
+  el0.textContent = word;
+  el0.className = 'est' + (cls ? ' ' + cls : '');
+}
+
 async function openFile(rel) {
   const host = $('fileview');
   host.innerHTML = '';
@@ -739,12 +762,79 @@ async function openFile(rel) {
     host.appendChild(el('div', 'empty', 'Binary file — nothing to show as text.'));
     return;
   }
-  // Line numbers in their own column so selecting the code does not select them.
-  const code = el('div', 'code');
-  const lines = data.text.split('\n');
-  code.appendChild(el('div', 'gut', lines.map((_, i) => i + 1).join('\n')));
-  code.appendChild(el('div', 'src', data.text));
-  host.appendChild(code);
+
+  editing.path = data.path;
+  editing.text = data.text;
+  editing.size = data.size;
+  editing.mtimeMs = data.mtimeMs;
+  editing.dirty = false;
+
+  const bar = el('div', 'edbar');
+  const undo = el('button', 'ebtn', 'undo');
+  const redo = el('button', 'ebtn', 'redo');
+  const save = el('button', 'ebtn save', 'save');
+  const revert = el('button', 'ebtn', 'revert');
+  const status = el('span', 'est', data.truncated ? 'read only — opened truncated' : 'saved');
+  status.id = 'edstate';
+  for (const b of [undo, redo, save, revert]) b.type = 'button';
+  bar.appendChild(undo); bar.appendChild(redo); bar.appendChild(save); bar.appendChild(revert);
+  bar.appendChild(status);
+  host.appendChild(bar);
+
+  const area = document.createElement('textarea');
+  area.className = 'edit';
+  area.spellcheck = false;
+  area.value = data.text;
+  // A truncated file must never be saved: the editor only ever had the first part of it.
+  area.readOnly = data.truncated === true;
+  save.disabled = data.truncated === true;
+  host.appendChild(area);
+
+  area.addEventListener('input', () => {
+    editing.dirty = area.value !== editing.text;
+    editState(editing.dirty ? 'unsaved' : 'saved', editing.dirty ? 'dirty' : '');
+  });
+  // The browser's own undo, so every shortcut a person knows already works.
+  undo.onclick = () => { area.focus(); document.execCommand('undo'); area.dispatchEvent(new Event('input')); };
+  redo.onclick = () => { area.focus(); document.execCommand('redo'); area.dispatchEvent(new Event('input')); };
+  revert.onclick = () => {
+    area.value = editing.text;
+    editing.dirty = false;
+    editState('saved');
+  };
+
+  const doSave = async () => {
+    if (area.readOnly) return;
+    editState('saving…');
+    let out;
+    try {
+      out = await api('/api/file', { method: 'POST', body: JSON.stringify({
+        path: editing.path, text: area.value, size: editing.size, mtimeMs: editing.mtimeMs }) });
+    } catch (e) {
+      // A refusal because the agent wrote the file while it was open is the one worth acting on,
+      // so it comes with the way through rather than just a message.
+      editState(e.message.slice(0, 90), 'bad');
+      if (e.status === 409) {
+        const again = el('button', 'ebtn', 'reload from disk');
+        again.type = 'button';
+        again.onclick = () => openFile(rel);
+        bar.insertBefore(again, status);
+      }
+      return;
+    }
+    editing.text = area.value;
+    editing.size = out.size;
+    editing.mtimeMs = out.mtimeMs;
+    editing.dirty = false;
+    editState('saved');
+  };
+  save.onclick = () => void doSave();
+  area.addEventListener('keydown', (ev) => {
+    if ((ev.ctrlKey || ev.metaKey) && ev.key.toLowerCase() === 's') {
+      ev.preventDefault();
+      void doSave();
+    }
+  });
 }
 
 /* ── search ────────────────────────────────────────────────── */
@@ -1129,6 +1219,78 @@ async function loadSettings() {
   const wrap = el('div', 'wrap');
   host.appendChild(wrap);
 
+  /* ── how it looks ──────────────────────────────────────────────────────────────────────
+   * Typography is a working condition, not a decoration: somebody reading code for nine hours on
+   * a 1080p panel and somebody on a 4K laptop do not want the same size, and the font a person
+   * reads fastest is the one they are used to. Held per browser, because it belongs to whoever is
+   * looking rather than to the workspace.
+   */
+  wrap.appendChild(el('div', 'sect', 'Type'));
+  const tbox = el('div');
+  wrap.appendChild(tbox);
+
+  const typeRow = (label, hint, control) => {
+    const row = el('div', 'setrow');
+    const left = el('div');
+    left.appendChild(el('div', 'sl', label));
+    if (hint) left.appendChild(el('div', 'sd', hint));
+    row.appendChild(left);
+    row.appendChild(control);
+    tbox.appendChild(row);
+  };
+
+  const sizePick = document.createElement('select');
+  for (const [label, value] of [['Small', '12.5px'], ['Normal', '14px'], ['Large', '15.5px'],
+                                ['Larger', '17px'], ['Largest', '19px']]) {
+    const o = document.createElement('option');
+    o.value = value; o.textContent = label + '  (' + value + ')';
+    if (value === look.size) o.selected = true;
+    sizePick.appendChild(o);
+  }
+  sizePick.onchange = () => setLook({ size: sizePick.value });
+  typeRow('Size', 'Everything scales from this, so code and prose stay in proportion.', sizePick);
+
+  const famPick = document.createElement('select');
+  for (const [label, value] of UI_FONTS) {
+    const o = document.createElement('option');
+    o.value = value; o.textContent = label;
+    if (value === look.family) o.selected = true;
+    famPick.appendChild(o);
+  }
+  famPick.onchange = () => setLook({ family: famPick.value });
+  typeRow('Interface font', 'What the page is set in.', famPick);
+
+  const monoPick = document.createElement('select');
+  for (const [label, value] of MONO_FONTS) {
+    const o = document.createElement('option');
+    o.value = value; o.textContent = label;
+    if (value === look.mono) o.selected = true;
+    monoPick.appendChild(o);
+  }
+  monoPick.onchange = () => setLook({ mono: monoPick.value });
+  typeRow('Code font', 'Diffs, file contents, the terminal.', monoPick);
+
+  const tintPick = document.createElement('select');
+  for (const [label, value] of [['None', 'none'], ['Warmer', 'warm'], ['Cooler', 'cool'],
+                                ['More contrast', 'high'], ['Softer', 'soft']]) {
+    const o = document.createElement('option');
+    o.value = value; o.textContent = label;
+    if (value === look.tint) o.selected = true;
+    tintPick.appendChild(o);
+  }
+  tintPick.onchange = () => setLook({ tint: tintPick.value });
+  typeRow('Tone', 'Warmth and contrast, on top of the light or dark theme.', tintPick);
+
+  const sample = el('div', 'setrow');
+  const demo = el('div');
+  demo.appendChild(el('div', 'sl', 'The quick brown fox jumps over the lazy dog'));
+  const code = el('div', 'sd');
+  code.style.fontFamily = 'var(--mono)';
+  code.textContent = 'const rate = 0.15;  // ILlO0 1 — how it reads in code';
+  demo.appendChild(code);
+  sample.appendChild(demo);
+  tbox.appendChild(sample);
+
   /* health */
   wrap.appendChild(el('div', 'sect', 'Health'));
   const hbox = el('div');
@@ -1914,6 +2076,233 @@ $('pmode').onclick = async () => {
   }
   $('modedlg').showModal();
 };
+/* ── how it looks ─────────────────────────────────────────────────────────────────────────── */
+
+/**
+ * Typography, chosen and remembered.
+ *
+ * Per browser rather than per workspace: it belongs to whoever is looking. Applied as variables on
+ * the root element so one setting moves the whole page — a size that changed the prose and left the
+ * code at 12.5px would be worse than none.
+ *
+ * Only fonts that are already on the machine are offered. A font pulled from a CDN does not arrive
+ * on the machine most likely to be running a local model, which is one that is offline.
+ */
+const UI_FONTS = [
+  ['System', "system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,sans-serif"],
+  ['Humanist sans', "'Segoe UI','Helvetica Neue',Helvetica,Arial,sans-serif"],
+  ['Grotesque sans', "Inter,'Roboto','Helvetica Neue',Arial,sans-serif"],
+  ['Serif', "Georgia,'Times New Roman',Times,serif"],
+  ['Monospace everywhere', "ui-monospace,'SF Mono',Menlo,Consolas,monospace"],
+];
+const MONO_FONTS = [
+  ['System monospace', "ui-monospace,'SF Mono',Menlo,Consolas,'DejaVu Sans Mono',monospace"],
+  ['JetBrains Mono', "'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace"],
+  ['Fira Code', "'Fira Code','Fira Mono',ui-monospace,Menlo,Consolas,monospace"],
+  ['Source Code Pro', "'Source Code Pro',ui-monospace,Menlo,Consolas,monospace"],
+  ['Courier', "'Courier New',Courier,monospace"],
+];
+
+const look = (() => {
+  const fallback = { size: '14px', family: UI_FONTS[0][1], mono: MONO_FONTS[0][1], tint: 'none' };
+  try {
+    const saved = JSON.parse(localStorage.getItem('koneck.look') || '{}');
+    return { ...fallback, ...(saved && typeof saved === 'object' ? saved : {}) };
+  } catch (e) { return fallback; }
+})();
+
+function applyLook() {
+  const root = document.documentElement;
+  root.style.setProperty('--ui', look.size);
+  root.style.setProperty('--uifam', look.family);
+  root.style.setProperty('--mono', look.mono);
+  document.body.setAttribute('data-tint', look.tint || 'none');
+}
+
+function setLook(change) {
+  Object.assign(look, change);
+  try { localStorage.setItem('koneck.look', JSON.stringify(look)); } catch (e) {}
+  applyLook();
+}
+
+/* ── a terminal ───────────────────────────────────────────────────────────────────────────── */
+
+/**
+ * Commands you run yourself.
+ *
+ * The interface had a card for every command the AGENT ran and no way to run one, which made it a
+ * spectator's seat. Half of working in a repository is running things, and the distinction that
+ * matters is not a setting but a fact about the command: a test run finishes and a dev server
+ * does not, and a runner that waits for the second one looks broken.
+ */
+const term = { selected: null, polling: null };
+
+async function loadJobs(select) {
+  let out;
+  try { out = await api('/api/jobs'); } catch (e) { return; }
+  const host = $('tjobs');
+  host.innerHTML = '';
+  if ((out.jobs || []).length === 0) {
+    host.appendChild(el('div', 'wempty', 'Nothing run yet.'));
+  }
+  const pick = select || term.selected;
+  let anyRunning = false;
+  for (const j of out.jobs || []) {
+    if (j.state === 'running') anyRunning = true;
+    const row = el('div', 'jrow' + (j.id === pick ? ' on' : ''));
+    row.appendChild(el('div', 'jc', j.command));
+    const meta = el('div', 'jm');
+    meta.appendChild(el('span', 'js ' + j.state, j.state
+      + (j.exitCode !== null && j.state !== 'running' ? ' ' + j.exitCode : '')));
+    if (j.background) meta.appendChild(el('span', null, 'background'));
+    meta.appendChild(el('span', null, j.lines + (j.lines === 1 ? ' line' : ' lines')));
+    if (j.state === 'running') {
+      const stop = el('button', 'jk', 'kill');
+      stop.onclick = async (ev) => {
+        ev.stopPropagation();
+        try { await api('/api/kill', { method: 'POST', body: JSON.stringify({ id: j.id }) }); }
+        catch (e) {}
+        loadJobs(j.id);
+      };
+      meta.appendChild(stop);
+    }
+    row.appendChild(meta);
+    row.onclick = () => { term.selected = j.id; loadJobs(j.id); showJob(j.id); };
+    host.appendChild(row);
+  }
+  if (pick) showJob(pick);
+  // Polled only while something is running, and stopped when nothing is: a terminal tab left open
+  // should not be a request every second for the rest of the day.
+  if (anyRunning && !term.polling) {
+    term.polling = setInterval(() => {
+      if (state.view === 'terminal') loadJobs(); else { clearInterval(term.polling); term.polling = null; }
+    }, 1000);
+  } else if (!anyRunning && term.polling) {
+    clearInterval(term.polling); term.polling = null;
+  }
+}
+
+async function showJob(id) {
+  let job;
+  try { job = await api('/api/jobs?id=' + encodeURIComponent(id)); } catch (e) { return; }
+  const host = $('tout');
+  const wasAtEnd = host.scrollHeight - host.scrollTop - host.clientHeight < 60;
+  host.innerHTML = '';
+  if (job.trimmed) host.appendChild(el('div', 'oe', '… earlier output dropped\n'));
+  host.appendChild(document.createTextNode((job.lines || []).join('\n')));
+  if (job.state !== 'running') {
+    host.appendChild(el('div', job.state === 'exited' ? null : 'oe',
+      '\n[' + job.state + (job.exitCode !== null ? ' ' + job.exitCode : '') + ' after '
+      + ms((job.endedAt || Date.now()) - job.startedAt) + ']'));
+  }
+  if (wasAtEnd) host.scrollTop = host.scrollHeight;
+}
+
+async function runCommand() {
+  const command = $('tcmd').value.trim();
+  if (!command) return;
+  let out;
+  try {
+    out = await api('/api/run', { method: 'POST', body: JSON.stringify({
+      command: command, background: $('tbackground').checked }) });
+  } catch (e) {
+    $('tout').textContent = e.message;
+    return;
+  }
+  $('tcmd').value = '';
+  term.selected = out.id;
+  loadJobs(out.id);
+}
+$('trun').onclick = () => void runCommand();
+$('tcmd').addEventListener('keydown', (ev) => {
+  if (ev.key === 'Enter') { ev.preventDefault(); void runCommand(); }
+});
+
+/* ── the page, as it really renders ───────────────────────────────────────────────────────── */
+
+/**
+ * The same browser the agent drives.
+ *
+ * Deliberately the same one rather than a second: watching the agent work and then reaching in to
+ * click something yourself only means anything if it is the same page. A click on the screenshot
+ * 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 };
+
+function drawPreview(data) {
+  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 || '';
+  if (!data.shot) {
+    host.appendChild(el('div', 'pvnone', 'The browser is open but produced no picture.'));
+    return;
+  }
+  const img = document.createElement('img');
+  img.className = 'pvshot';
+  img.src = data.shot;
+  img.alt = data.title || 'the page';
+  // 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.
+  img.onclick = async (ev) => {
+    const box = img.getBoundingClientRect();
+    const scale = img.naturalWidth / box.width;
+    const x = Math.round((ev.clientX - box.left) * scale);
+    const y = Math.round((ev.clientY - box.top) * scale);
+    $('pvinfo').textContent = 'clicking ' + x + ',' + y + '…';
+    await browserDo({ action: 'click', x: x, y: y });
+  };
+  host.appendChild(img);
+  const hint = el('div', 'pvhint',
+    'Click the page to click it for real. ' + (data.controls || []).length
+    + ' interactive elements. Scroll with the buttons below.');
+  host.appendChild(hint);
+  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);
+}
+
+async function browserDo(body) {
+  $('pvinfo').textContent = 'working…';
+  let out;
+  try { out = await api('/api/browser', { method: 'POST', body: JSON.stringify(body) }); }
+  catch (e) {
+    $('pvbody').innerHTML = '';
+    $('pvbody').appendChild(el('div', 'pvnone', e.message));
+    $('pvinfo').textContent = '';
+    return;
+  }
+  drawPreview({ running: true, ...out });
+}
+
+async function loadPreview() {
+  let out;
+  try { out = await api('/api/browser'); } catch (e) { out = null; }
+  drawPreview(out);
+}
+$('pvgo').onclick = () => void browserDo({ action: 'open', url: $('pvurl').value.trim() });
+$('pvurl').addEventListener('keydown', (ev) => {
+  if (ev.key === 'Enter') { ev.preventDefault(); $('pvgo').onclick(); }
+});
+$('pvrefresh').onclick = () => void browserDo({ action: 'read' });
+$('pvclose').onclick = async () => {
+  try { await api('/api/browser', { method: 'POST', body: JSON.stringify({ action: 'close' }) }); }
+  catch (e) {}
+  loadPreview();
+};
+
 /* ── watching it work ─────────────────────────────────────────────────────────────────────── */
 
 /**
@@ -2460,6 +2849,8 @@ for (const b of document.querySelectorAll('.hero .ex button')) {
 
 // The pill has to say what the remembered setting actually is before anything is asked.
 setFollow(follow.on);
+// And the page has to be set in the chosen type before it is looked at, not after.
+applyLook();
 
 (async function start() {
   let hello;

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAi6ElB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwyFlB,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":"AAAA;;;;;;;;;;;;GAYG;AACH,wBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CA4oB3C"}
+{"version":3,"file":"ui-css.d.ts","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,wBAAgB,GAAG,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAmuB3C"}

package/dist/web/ui-css.js

@@ -468,6 +468,9 @@ textarea::placeholder{color:var(--dim)}
 .setrow .si{flex:1;min-width:0}
 .setrow .sl{font-size:13px;font-weight:500}
 .setrow .sd{font-size:11.5px;color:var(--muted);margin-top:2px}
+/* A type row is a label and a control, side by side. */
+.setrow select{flex:0 0 auto;max-width:52%;padding:6px 9px;border-radius:7px;
+  border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:12px}
 .setrow .sc{flex:0 0 200px;display:flex;gap:6px;align-items:center}
 .setrow input[type=text],.setrow input[type=number],.setrow select{width:100%;padding:6px 9px;
   border-radius:7px;border:1px solid var(--line);background:var(--panel-2);font-size:12.5px}
@@ -642,6 +645,90 @@ dialog:has(.dlg.wide){max-width:560px}
 .resumed .ri{color:var(--muted);font-family:var(--mono);font-size:12px}
 .resumed .rn{font-size:12px;color:var(--dim);margin-top:7px}
 
+/*
+ * Typography you choose.
+ *
+ * Held as variables on :root so the whole page follows one setting, rather than a font size that
+ * changes the body text and leaves the code at 12.5px. Every size below is relative to --ui so a
+ * single number moves the lot proportionally.
+ */
+:root{--ui:14px; --uifam:system-ui,-apple-system,'Segoe UI',Roboto,Ubuntu,sans-serif;
+  --monofam:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace; --uihue:none}
+body{font-size:var(--ui);font-family:var(--uifam)}
+/* Applied as a filter so it tints the interface without needing a value per token. */
+body[data-tint="warm"]{filter:sepia(.14) saturate(1.08)}
+body[data-tint="cool"]{filter:hue-rotate(-12deg) saturate(1.06)}
+body[data-tint="high"]{filter:contrast(1.14)}
+body[data-tint="soft"]{filter:contrast(.92) brightness(1.04)}
+
+/* ── a terminal ───────────────────────────────────────────────────────────────────────────── */
+.termwrap{display:flex;flex-direction:column;height:100%;min-height:0}
+.termbar{display:flex;gap:9px;align-items:center;padding:11px 14px;background:var(--panel);
+  border-bottom:1px solid var(--line);flex:0 0 auto}
+.termbar .tprompt{color:var(--cyan);font-family:var(--mono);font-size:14px}
+.termbar input#tcmd{flex:1;min-width:0;padding:8px 11px;border-radius:8px;
+  border:1px solid var(--line);background:var(--panel-2);font-family:var(--mono);font-size:12.5px}
+.termbar .tbg{display:flex;gap:5px;align-items:center;font-size:11.5px;color:var(--muted);
+  white-space:nowrap;cursor:pointer}
+.termbar .trun{padding:8px 15px;border-radius:8px;border:1px solid var(--cyan);color:var(--cyan);
+  background:transparent;cursor:pointer;font-size:12.5px}
+.termbar .trun:hover{background:var(--panel-2)}
+.termsplit{flex:1;display:flex;min-height:0}
+.tjobs{flex:0 0 250px;overflow-y:auto;border-right:1px solid var(--line);background:var(--panel)}
+.tout{flex:1;min-width:0;overflow:auto;padding:12px 14px;font-family:var(--mono);font-size:11.5px;
+  line-height:1.55;white-space:pre-wrap;word-break:break-word}
+.jrow{padding:9px 12px;border-bottom:1px solid var(--line);cursor:pointer;font-size:12px}
+.jrow:hover{background:var(--panel-2)}
+.jrow.on{background:var(--panel-2);box-shadow:inset 2px 0 0 var(--cyan)}
+.jrow .jc{font-family:var(--mono);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;
+  white-space:nowrap;color:var(--ink)}
+.jrow .jm{display:flex;gap:7px;align-items:center;margin-top:4px;font-size:10.5px;color:var(--dim)}
+.jrow .js{padding:1px 6px;border-radius:999px;border:1px solid var(--line)}
+.jrow .js.running{color:var(--cyan);border-color:var(--cyan)}
+.jrow .js.exited{color:var(--green)}
+.jrow .js.failed,.jrow .js.killed{color:var(--red)}
+.jrow .jk{margin-left:auto;background:none;border:0;color:var(--dim);cursor:pointer;font-size:11px}
+.jrow .jk:hover{color:var(--red)}
+.tout .oe{color:var(--red)}
+
+/* ── the page, as it really renders ───────────────────────────────────────────────────────── */
+.pvwrap{display:flex;flex-direction:column;height:100%;min-height:0}
+.pvbar{display:flex;gap:8px;align-items:center;padding:11px 14px;background:var(--panel);
+  border-bottom:1px solid var(--line);flex:0 0 auto}
+.pvbar input{flex:1;min-width:0;padding:8px 11px;border-radius:8px;border:1px solid var(--line);
+  background:var(--panel-2);font-family:var(--mono);font-size:12.5px}
+.pvbar .pvgo{padding:8px 15px;border-radius:8px;border:1px solid var(--cyan);color:var(--cyan);
+  background:transparent;cursor:pointer;font-size:12.5px}
+.pvbar .pvbtn{padding:8px 12px;border-radius:8px;border:1px solid var(--line);color:var(--muted);
+  background:transparent;cursor:pointer;font-size:12px}
+.pvbar .pvbtn:hover{color:var(--ink)}
+.pvinfo{font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
+  max-width:24%}
+.pvbody{flex:1;overflow:auto;min-height:0;display:flex;flex-direction:column;align-items:center;
+  padding:16px;background:var(--panel-2)}
+/* The screenshot is the page. Clicking it clicks the page at the same point. */
+.pvshot{max-width:100%;border:1px solid var(--line);border-radius:8px;cursor:crosshair;
+  background:#fff;box-shadow:var(--shadow)}
+.pvhint{margin-top:11px;font-size:11.5px;color:var(--dim);text-align:center;line-height:1.6}
+.pvnone{padding:40px 20px;color:var(--dim);font-size:13px;text-align:center;line-height:1.7;
+  max-width:520px}
+
+/* ── an editable file ─────────────────────────────────────────────────────────────────────── */
+.edbar{display:flex;gap:9px;align-items:center;padding:8px 14px;background:var(--panel);
+  border-bottom:1px solid var(--line);flex:0 0 auto;font-size:11.5px}
+.edbar .ebtn{padding:5px 11px;border-radius:7px;border:1px solid var(--line);background:transparent;
+  color:var(--muted);cursor:pointer;font-size:11.5px}
+.edbar .ebtn:hover{color:var(--ink)}
+.edbar .ebtn.save{border-color:var(--cyan);color:var(--cyan)}
+.edbar .ebtn:disabled{opacity:.45;cursor:default}
+.edbar .est{margin-left:auto;color:var(--dim);white-space:nowrap}
+.edbar .est.dirty{color:var(--amber)}
+.edbar .est.bad{color:var(--red)}
+/* One textarea, so the browser's own undo and redo work — a hand-rolled stack would be worse. */
+.edit{flex:1;width:100%;min-height:0;resize:none;border:0;outline:none;padding:12px 14px;
+  background:var(--bg);color:var(--ink);font-family:var(--mono);font-size:12.5px;line-height:1.5;
+  tab-size:2;white-space:pre;overflow:auto}
+
 /* Carrying on from a transcript, offered in the bar that says it is read only. */
 .readonly .rgap{flex:1}
 .readonly .rwhy{font-size:11.5px;color:var(--dim);white-space:nowrap;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,MAAM,UAAU,GAAG,CAAC,OAAe;IACjC,OAAO;;;;;;;;;;;;gBAYO,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8nBtB,CAAC;AACF,CAAC"}
+{"version":3,"file":"ui-css.js","sourceRoot":"","sources":["../../src/web/ui-css.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,GAAG,CAAC,OAAe;IACjC,OAAO;;;;;;;;;;;;gBAYO,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqtBtB,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,CAyP7B"}
+{"version":3,"file":"ui.d.ts","sourceRoot":"","sources":["../../src/web/ui.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAOH,wBAAgB,IAAI,IAAI,MAAM,CA4R7B"}

package/dist/web/ui.js

@@ -45,6 +45,8 @@ export function page() {
       <button class="tab" id="tab-changes">Changes</button>
       <button class="tab" id="tab-timing">Timing</button>
       <button class="tab" id="tab-files">Files</button>
+      <button class="tab" id="tab-terminal">Terminal</button>
+      <button class="tab" id="tab-preview">Preview</button>
       <button class="tab" id="tab-search">Search</button>
       <button class="tab" id="tab-review">Review</button>
       <button class="tab" id="tab-refactor">Refactor</button>
@@ -108,6 +110,39 @@ export function page() {
     </div>
   </div>
 
+  <!-- A terminal. Commands you run yourself, in the foreground or left running behind. -->
+  <div class="view" id="terminalview" hidden>
+    <div class="termwrap">
+      <div class="termbar">
+        <span class="tprompt">$</span>
+        <input id="tcmd" placeholder="npm test, git status, npm run dev&hellip;"
+               autocomplete="off" spellcheck="false">
+        <label class="tbg" title="Leave it running — for a dev server, or anything that does not exit">
+          <input type="checkbox" id="tbackground"> background
+        </label>
+        <button class="trun" id="trun">Run</button>
+      </div>
+      <div class="termsplit">
+        <div class="tjobs" id="tjobs"></div>
+        <div class="tout" id="tout"></div>
+      </div>
+    </div>
+  </div>
+
+  <!-- The same browser the agent drives, so watching it and reaching in mean the same page. -->
+  <div class="view" id="previewview" hidden>
+    <div class="pvwrap">
+      <div class="pvbar">
+        <input id="pvurl" placeholder="http://localhost:3000" autocomplete="off" spellcheck="false">
+        <button class="pvgo" id="pvgo">Open</button>
+        <button class="pvbtn" id="pvrefresh" title="Read the page again">Refresh</button>
+        <button class="pvbtn" id="pvclose" title="Shut the browser down">Close</button>
+        <span class="pvinfo" id="pvinfo"></span>
+      </div>
+      <div class="pvbody" id="pvbody"></div>
+    </div>
+  </div>
+
   <div class="view" id="reviewview" hidden></div>
   <div class="view" id="refactorview" hidden></div>
   <div class="view" id="restoreview" hidden></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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA6OF,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAgRF,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;EAC7C,YAAY,EAAE;;eAED,CAAC;AAChB,CAAC"}

package/package.json

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