koneck 2.51.0 → 2.52.0

package/dist/web/ui-client.js

@@ -2865,7 +2865,8 @@ function toolWrites(name) {
  * wrong file.
  */
 function targetOf(e) {
-  const out = { path: null, lines: [], needle: null, command: null, url: null };
+  const out = { path: null, lines: [], needle: null, command: null, url: null,
+                content: null, before: null };
   let parsed = null;
   try { parsed = e.args ? JSON.parse(e.args) : null; } catch (err) { parsed = null; }
   /*
@@ -2897,6 +2898,18 @@ function targetOf(e) {
     if (typeof parsed.pattern === 'string') out.needle = parsed.pattern;
     if (typeof parsed.search === 'string') out.needle = parsed.search;
     if (typeof parsed.command === 'string') out.command = parsed.command;
+    /*
+     * What a write is about to write, from the call itself.
+     *
+     * The panel used to wait for the tool to finish and then re-read the file from disk, so the
+     * code appeared in the chat as it streamed and in the panel only afterwards. The content is
+     * in the arguments the moment the call starts; showing it then is the difference between
+     * watching work happen and being told about it later.
+     */
+    for (const key of ['content', 'text', 'new_string', 'replacement', 'body']) {
+      if (typeof parsed[key] === 'string') { out.content = parsed[key]; break; }
+    }
+    if (typeof parsed.old_string === 'string') out.before = parsed.old_string;
   }
   if (!out.path && !out.command && e.detail && /[./]/.test(e.detail) && !/\s/.test(e.detail.trim())) {
     out.path = e.detail.trim();
@@ -2985,6 +2998,16 @@ function drawTrail(activeLabel) {
         drawTrail(t.label);
         return;
       }
+      // A call with nothing to open is still worth walking back to: what was asked, and how it
+      // went. Without this the chip was there and clicking it did nothing.
+      if (t.kind === 'call') {
+        watchHead(t.verb, t.detail || t.name || t.label);
+        stopWatchClock();
+        drawCall({ name: t.name || t.label, args: t.args, detail: t.detail, ok: t.ok },
+                 t.ok !== undefined, t.verb);
+        drawTrail(t.label);
+        return;
+      }
       follow.path = t.path;
       follow.attention = t.lines || [];
       follow.needle = t.needle || null;
@@ -3046,7 +3069,27 @@ function watchTool(e, done) {
                 command: t.command, lines: follow.output, ok: done ? e.ok !== false : undefined });
     return;
   }
-  if (!t.path) return;
+  /*
+   * Everything else still shows, rather than nothing.
+   *
+   * The panel returned here for any call that named no file, no command and no page — a search
+   * across the tree, a tool lookup, a plan update, a sub-agent — so the one place meant to show
+   * what the agent is doing went silent for a whole class of work, and the only evidence was a
+   * line in the chat. A panel that shows some of the work is one you cannot trust to be showing
+   * all of it.
+   */
+  if (!t.path) {
+    follow.kind = 'call';
+    follow.verb = verb;
+    $('watch').hidden = false;
+    watchHead(verb, e.detail || e.name);
+    drawCall(e, done, verb);
+    trailPush({ label: e.name, verb, kind: 'call', name: e.name,
+                args: e.args || '', detail: e.detail || '',
+                ok: done ? e.ok !== false : undefined });
+    if (done) stopWatchClock();
+    return;
+  }
 
   follow.path = t.path;
   follow.attention = t.lines;
@@ -3058,10 +3101,93 @@ function watchTool(e, done) {
   trailPush({ label: t.path.split('/').pop() || t.path, verb, kind: follow.kind, path: t.path,
               lines: t.lines, needle: t.needle, ok: done ? e.ok !== false : undefined });
 
+  /*
+   * A write shows what it is writing, now, not after it lands.
+   *
+   * Waiting for the call to finish and re-reading from disk meant the code scrolled past in the
+   * chat while the panel showed the old file — the one place asked to show the work was the last
+   * to know about it. When the call carries its content, that content is painted straight away
+   * and the diff replaces it once the write is done.
+   */
+  if (!done && t.content !== null && toolWrites(e.name)) {
+    void drawWriting(t.path, t.content, t.before);
+    return;
+  }
+
   if (follow.busy) { follow.pending = [t.path, follow.kind === 'diff']; return; }
   void showWatched(t.path, follow.kind === 'diff');
 }
 
+/**
+ * A tool call with nothing to open: shown as what was asked and what came back.
+ *
+ * Arguments pretty-printed when they are JSON, because a single line of dense JSON is not a thing
+ * anybody reads. The point is that no call is invisible — if the agent did it, it is here.
+ */
+function drawCall(e, done, verb) {
+  const host = $('wbody');
+  host.innerHTML = '';
+
+  const head = el('div', 'callhead');
+  head.appendChild(el('span', 'callverb', verb));
+  head.appendChild(el('span', 'callname', e.name));
+  if (done) {
+    head.appendChild(el('span', e.ok === false ? 'callbad' : 'callok',
+      e.ok === false ? 'failed' : 'done' + (e.ms ? ' in ' + e.ms + 'ms' : '')));
+  } else {
+    head.appendChild(el('span', 'callrun', 'running'));
+  }
+  host.appendChild(head);
+
+  if (e.detail) host.appendChild(el('div', 'calldetail', e.detail));
+
+  const shown = prettyArgs(e.args);
+  if (shown) {
+    host.appendChild(el('div', 'calllabel', 'arguments'));
+    const pre = el('pre', 'callargs');
+    pre.textContent = shown;
+    host.appendChild(pre);
+  }
+  if (follow.output && follow.output.length) {
+    host.appendChild(el('div', 'calllabel', 'output'));
+    const pre = el('pre', 'callargs');
+    pre.textContent = follow.output.join('\n').slice(-6000);
+    host.appendChild(pre);
+  }
+}
+
+/** JSON arguments as something readable, or the raw string when they are not JSON. */
+function prettyArgs(args) {
+  if (!args) return '';
+  try {
+    const parsed = JSON.parse(args);
+    if (parsed && typeof parsed === 'object') return JSON.stringify(parsed, null, 2).slice(0, 8000);
+  } catch (e) { /* not JSON, show it as it came */ }
+  return String(args).slice(0, 8000);
+}
+
+/** Paints the content a write is carrying, coloured for the file it is going into. */
+async function drawWriting(path, content, before) {
+  const host = $('wbody');
+  host.innerHTML = '';
+  const head = el('div', 'wempty');
+  head.style.padding = '8px 13px';
+  const lines = content.split('\n').length;
+  head.textContent = (before ? 'replacing ' + before.split('\n').length + ' lines with ' : 'writing ')
+    + lines + (lines === 1 ? ' line' : ' lines');
+  host.appendChild(head);
+
+  let tokens = null;
+  // Coloured by the same highlighter the file view uses, asked for by extension alone.
+  try {
+    const out = await api('/api/highlight', { method: 'POST',
+      body: JSON.stringify({ path: path, text: content }) });
+    tokens = out.tokens;
+  } catch (e) { /* colour is a bonus; the code is the point */ }
+  host.appendChild(drawCode(content, [], null, tokens));
+  host.scrollTop = host.scrollHeight;
+}
+
 /** A line of a running command, as it arrives. */
 function watchOutput(line) {
   if (!follow.on || follow.kind !== 'term') return;
@@ -3109,7 +3235,36 @@ function drawTerm(verb, command, lines, finished, ok) {
  * The gutter and the source are separate columns, so a highlight has to be applied to both or the
  * numbers and the tint drift apart the moment a line wraps — which is why neither column wraps.
  */
-function drawCode(text, attention, needle) {
+/*
+ * Paints one line from the tokens the server sent, or as plain text when it sent none.
+ *
+ * textContent for every piece, so a file that contains markup is shown as a file that contains
+ * markup rather than becoming part of this page.
+ */
+function paintTokens(row, tokens, needle) {
+  let painted = false;
+  for (const t of tokens) {
+    if (!t || !t.text) continue;
+    // The exact text a pattern matched still wins, inside whatever colour it fell in.
+    const at = needle ? t.text.indexOf(needle) : -1;
+    if (at !== -1) {
+      if (at > 0) row.appendChild(el('span', t.kind ? 'k-' + t.kind.split(' ').join(' k-') : null,
+                                     t.text.slice(0, at)));
+      row.appendChild(el('span', 'hit', needle));
+      const rest = t.text.slice(at + needle.length);
+      if (rest) row.appendChild(el('span', t.kind ? 'k-' + t.kind.split(' ').join(' k-') : null,
+                                   rest));
+    } else if (t.kind) {
+      row.appendChild(el('span', 'k-' + t.kind.split(' ').join(' k-'), t.text));
+    } else {
+      row.appendChild(document.createTextNode(t.text));
+    }
+    painted = true;
+  }
+  return painted;
+}
+
+function drawCode(text, attention, needle, tokens) {
   const lines = text.split('\n');
   const hot = new Set(attention || []);
   const code = el('div', 'rows');
@@ -3133,9 +3288,12 @@ function drawCode(text, attention, needle) {
 
     const one = lines[i];
     const row = el('div', marked ? 'on' : null);
-    // The exact text a pattern matched, inside the line — the finest grain the tool gives us.
+    // Coloured, when the server sent colours for this line.
     let did = false;
-    if (needle && one) {
+    const forLine = tokens && tokens[i];
+    if (forLine && forLine.length) did = paintTokens(row, forLine, needle);
+    // The exact text a pattern matched, inside the line — the finest grain the tool gives us.
+    if (!did && needle && one) {
       const at = one.indexOf(needle);
       if (at !== -1) {
         row.appendChild(document.createTextNode(one.slice(0, at)));
@@ -3187,7 +3345,7 @@ async function showWatched(path, asDiff) {
       host.appendChild(el('div', 'wempty', 'Binary file — nothing to show as text.'));
       return;
     }
-    host.appendChild(drawCode(data.text, follow.attention, follow.needle));
+    host.appendChild(drawCode(data.text, follow.attention, follow.needle, data.tokens));
     // Put the region being read in the middle of the panel, which is the point of knowing it.
     const first = host.querySelector('.src .on');
     if (first) first.scrollIntoView({ block: 'center' });

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqgHlB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmqHlB,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,CAq3B3C"}
+{"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,CA45B3C"}

package/dist/web/ui-css.js

@@ -18,6 +18,8 @@ export function css(markUrl) {
   --bg:#f7f9fa; --panel:#ffffff; --panel-2:#eef2f4; --line:#d5dee2; --line-2:#c3d0d6;
   --ink:#0f1c22; --muted:#4a606b; --dim:#6b8390;
   --cyan:#0d7f92; --cyan-ink:#ffffff; --amber:#8a5a00; --green:#0f7a4a; --red:#b4232a;
+  /* Code colours, one per terminal colour the highlighter uses. */
+  --blue:#1b5fa8; --yellow:#8a5a00; --magenta:#8a3b9e;
   --violet:#6d4bc4;
   --add-bg:#e4f6ea; --add-ink:#0d5c37; --del-bg:#fdeaea; --del-ink:#8f1c22;
   /* The region a tool is reading, and the exact text it matched inside that region. */
@@ -34,6 +36,7 @@ export function css(markUrl) {
     --bg:#0d1418; --panel:#131e24; --panel-2:#1a2932; --line:#24363f; --line-2:#2f454f;
     --ink:#e6f1f5; --muted:#93aab5; --dim:#6f8894;
     --cyan:#4dd6e8; --cyan-ink:#04181c; --amber:#e8b04d; --green:#57d99a; --red:#ef767b;
+    --blue:#6fb2ff; --yellow:#e8b04d; --magenta:#d79bec;
     --violet:#b39cfb;
     --add-bg:#0f2a1e; --add-ink:#7ee0a7; --del-bg:#2b1416; --del-ink:#f4a3a6;
   --attn-bg:#10222c; --attn-hit:#1c3f52;
@@ -49,6 +52,7 @@ export function css(markUrl) {
   --bg:#0d1418; --panel:#131e24; --panel-2:#1a2932; --line:#24363f; --line-2:#2f454f;
   --ink:#e6f1f5; --muted:#93aab5; --dim:#6f8894;
   --cyan:#4dd6e8; --cyan-ink:#04181c; --amber:#e8b04d; --green:#57d99a; --red:#ef767b;
+    --blue:#6fb2ff; --yellow:#e8b04d; --magenta:#d79bec;
   --violet:#b39cfb;
   --add-bg:#0f2a1e; --add-ink:#7ee0a7; --del-bg:#2b1416; --del-ink:#f4a3a6;
   --shadow:0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.3);
@@ -643,6 +647,41 @@ dialog:has(.dlg.wide){max-width:560px}
 .rows .src{flex:1 1 auto;padding:10px 0 10px 14px;min-width:0;overflow-x:auto;tab-size:4}
 .rows .gut > div,.rows .src > div{white-space:pre;height:1.5em}
 .rows .gut > div.on{color:var(--cyan);background:var(--attn-bg)}
+
+/* A tool call with nothing to open — what was asked, and how it went. */
+.callhead{display:flex;align-items:center;gap:8px;padding:9px 13px;border-bottom:1px solid var(--line-2)}
+.callverb{color:var(--cyan);font-size:12px;text-transform:lowercase}
+.callname{font-family:var(--mono);font-size:12px;color:var(--fg)}
+.callok{margin-left:auto;color:var(--green);font-size:11px}
+.callbad{margin-left:auto;color:var(--red);font-size:11px}
+.callrun{margin-left:auto;color:var(--muted);font-size:11px}
+.calldetail{padding:8px 13px 0;color:var(--muted);font-size:12px;word-break:break-word}
+.calllabel{padding:11px 13px 4px;color:var(--dim);font-size:10.5px;text-transform:uppercase;
+  letter-spacing:.06em}
+.callargs{margin:0;padding:0 13px 12px;font-family:var(--mono);font-size:11.5px;line-height:1.55;
+  color:var(--muted);white-space:pre-wrap;word-break:break-word}
+
+/*
+ * Code, coloured the way the terminal colours it.
+ *
+ * The names come from the CLI's own highlighter — the same function, read back through its ANSI
+ * output — so there is one set of language rules rather than two that drift. These map the eight
+ * terminal colours onto the theme, which is why a comment here reads the same weight as a comment
+ * there rather than merely being "some grey".
+ */
+.k-blue{color:var(--blue)}
+.k-green{color:var(--green)}
+.k-cyan{color:var(--cyan)}
+.k-yellow{color:var(--yellow)}
+.k-magenta{color:var(--magenta)}
+.k-red{color:var(--red)}
+.k-gray{color:var(--muted)}
+.k-white{color:var(--fg)}
+.k-black{color:var(--muted)}
+.k-bold{font-weight:600}
+.k-dim{opacity:.72}
+.k-italic{font-style:italic}
+.k-underline{text-decoration:underline}
 .rows .src > div.on{background:var(--attn-bg);box-shadow:inset 2px 0 0 var(--cyan)}
 .rows .src .hit{background:var(--attn-hit);border-radius:2px}
 

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;;;;;;;;;;;;;;;gBAeO,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAo2BtB,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;;;;;;;;;;;;;;;;;gBAiBO,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAy4BtB,CAAC;AACF,CAAC"}

package/package.json

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