testronaut 1.1.1 → 1.1.2

package/core/turnIntent.js

@@ -13,7 +13,36 @@ function pickArg(args, keys) {
   return null;
 }
 
-export function summarizeToolCall(fnName, args = {}) {
+// core/turnIntent.js
+const ICONS = {
+  navigate: '🧭',
+  click_text: '🖱️',
+  click: '🖱️',
+  type: '⌨️',
+  fill: '⌨️',
+  press: '⌨️',
+  hover: '🪄',
+  wait_for_selector: '⏳',
+  wait: '⏳',
+  screenshot: '📸',
+  get_dom: '🧩',
+  check_text: '🔍',
+  scroll: '↕️',
+  upload_file: '📤',
+  download_file: '📥',
+  expand_menu: '📂',
+  set_viewport: '🖥️',
+  default: '⚙️',
+};
+
+const EMOJI_ON_DEFAULT =
+  process.env.TESTRONAUT_EMOJI === '1' || process.env.TESTRONAUT_EMOJI === 'true';
+
+const withIcon = (name, s, { emoji = EMOJI_ON_DEFAULT } = {}) =>
+  emoji ? `${ICONS[name] || ICONS.default} ${s}` : s;
+
+
+export function summarizeToolCall(fnName, args = {}, opts = {}) {
   const safeArgs = redactArgs(fnName, args);
 
   const selector = pickArg(safeArgs, ['selector','xpath','css','role','testId']);
@@ -29,33 +58,35 @@ export function summarizeToolCall(fnName, args = {}) {
   const tmo = timeout ? ` [≤${timeout}ms]` : '';
 
   switch (fnName) {
-    case 'navigate': return `Navigate to ${truncateMiddle(url || '(no url)', 80)}`;
-    case 'click_text': return `Click text${val}`;
-    case 'click': return `Click element${sel}`;
+    case 'navigate':     return withIcon('navigate',     `Navigate to ${truncateMiddle(url || '(no url)', 80)}`, opts);
+    case 'click_text':   return withIcon('click_text',   `Click text${val}`, opts);
+    case 'click':        return withIcon('click',        `Click element${sel}`, opts);
     case 'type':
-    case 'fill': return `Type${val}${selector ? ` into ${truncateMiddle(selector, 60)}` : ''}`;
-    case 'press': return `Press key${val || ''}${selector ? ` in ${truncateMiddle(selector, 60)}` : ''}`;
-    case 'hover': return `Hover over${sel || val || ''}`;
-    case 'wait_for_selector': return `Wait for${sel}${tmo}`;
-    case 'wait': return `Wait${tmo || ''}`;
-    case 'screenshot': return `Capture screenshot${selector ? ` of ${truncateMiddle(selector, 60)}` : ''}`;
-    case 'get_dom': return `Inspect DOM (focused extract)`;
-    case 'check_text': return `Check page for${val || ' specific text'}`;
-    case 'scroll': return `Scroll to coords (${x ?? '?'}, ${y ?? '?'})`;
-    case 'upload_file': return `Upload file ${truncateMiddle(file || '(unknown)', 60)}${selector ? ` via ${truncateMiddle(selector, 60)}` : ''}`;
-    case 'download_file': return `Download file to ${truncateMiddle(file || '(unknown)', 60)}`;
-    case 'expand_menu': return `Expand menu${sel || ''}`;
-    case 'set_viewport': return `Set viewport ${safeArgs?.width}×${safeArgs?.height}`;
+    case 'fill':         return withIcon('type',         `Type${val}${selector ? ` into ${truncateMiddle(selector, 60)}` : ''}`, opts);
+    case 'press':        return withIcon('press',        `Press key${val || ''}${selector ? ` in ${truncateMiddle(selector, 60)}` : ''}`, opts);
+    case 'hover':        return withIcon('hover',        `Hover over${sel || val || ''}`, opts);
+    case 'wait_for_selector':
+                        return withIcon('wait_for_selector', `Wait for${sel}${tmo}`, opts);
+    case 'wait':         return withIcon('wait',         `Wait${tmo || ''}`, opts);
+    case 'screenshot':   return withIcon('screenshot',   `Capture screenshot${selector ? ` of ${truncateMiddle(selector, 60)}` : ''}`, opts);
+    case 'get_dom':      return withIcon('get_dom',      `Inspect DOM (focused extract)`, opts);
+    case 'check_text':   return withIcon('check_text',   `Check page for${val || ' specific text'}`, opts);
+    case 'scroll':       return withIcon('scroll',       `Scroll to coords (${x ?? '?'}, ${y ?? '?'})`, opts);
+    case 'upload_file':  return withIcon('upload_file',  `Upload file ${truncateMiddle(file || '(unknown)', 60)}${selector ? ` via ${truncateMiddle(selector, 60)}` : ''}`, opts);
+    case 'download_file':
+                        return withIcon('download_file', `Download file to ${truncateMiddle(file || '(unknown)', 60)}`, opts);
+    case 'expand_menu':  return withIcon('expand_menu',  `Expand menu${sel || ''}`, opts);
+    case 'set_viewport': return withIcon('set_viewport', `Set viewport ${safeArgs?.width}×${safeArgs?.height}`, opts);
     default:
-      return `Run ${fnName} with ${truncateMiddle(JSON.stringify(safeArgs ?? {}), 80)}`;
+      return withIcon('default', `Run ${fnName} with ${truncateMiddle(JSON.stringify(safeArgs ?? {}), 80)}`, opts);
   }
 }
 
-export function summarizeTurnIntentFromMessage(msg) {
+export function summarizeTurnIntentFromMessage(msg, opts = {}) {
   try {
     if (msg?.tool_calls?.length) {
       return msg.tool_calls
-        .map(c => summarizeToolCall(c.function?.name || 'unknown', JSON.parse(c.function?.arguments || '{}')))
+        .map(c => summarizeToolCall(c.function?.name || 'unknown', JSON.parse(c.function?.arguments || '{}'), opts))
         .join(' → ');
     }
     if (msg?.content) return `Reasoning: ${truncateMiddle(msg.content, 120)}`;

package/core/turnLoop.js

@@ -180,10 +180,14 @@ export const turnLoop = async (
     
     const msg = response.choices[0].message;
 
-    const planLine = summarizeTurnIntentFromMessage(msg);
-    currentStep.summary = planLine;
-    currentStep.events.unshift(`📝 Plan: ${planLine}`);
-    console.log(`📝 Plan: ${planLine}`);
+    // Plain (no emoji) for storage:
+    const planPlain  = summarizeTurnIntentFromMessage(msg, { emoji: true });
+    // Emoji (toggleable) for console/event log:
+    const planDisplay = summarizeTurnIntentFromMessage(msg, { /* emoji default via env */ });
+
+    currentStep.summary = planPlain; // stored in JSON
+    currentStep.events.unshift(`📝 Plan: ${planDisplay}`);
+    console.log(`📝 Plan: ${planDisplay}`);
 
     if (msg.tool_calls?.length) {
       console.log('Processing tool calls...');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "testronaut",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "main": "./runner/testronaut.js",
   "bin": {
     "testronaut": "./bin/cli.js"

package/tools/generateHtmlReport.js

@@ -64,6 +64,9 @@ export function generateHtmlReport(report, outputPath) {
           <span class="name">${prettyTitle}</span>
           <span class="status ${statusClass}">${badge(m.status)}</span>
           <span class="meta">steps: ${steps.length} • duration: ${mDurationSec}s</span>
+          <span class="toolbar">
+            <button class="btn-mini toggle" data-scope="submission" aria-label="Expand">▼</button>
+          </span>
         </summary>
         <div class="steps">
           ${stepItems || '<div class="empty">No steps recorded.</div>'}
@@ -101,12 +104,16 @@ export function generateHtmlReport(report, outputPath) {
           <span class="name">${esc(missionName)}</span>
           <span class="status ${status === 'failed' ? 'bad' : 'ok'}">${badge(status)}</span>
           <span class="meta">submissions: ${subs.length} • steps: ${totalSteps} • duration: ${groupDur}s</span>
+          <span class="toolbar">
+            <button class="btn-mini toggle" data-scope="mission" aria-label="Expand">▼</button>
+          </span>
         </summary>
         <div class="group-body">
           ${subs.map(submissionBlock).join('')}
         </div>
       </details>
     `;
+
   };
 
   const groupsHtml = Object.entries(grouped).map(([name, subs]) => missionGroupBlock(name, subs)).join('');
@@ -199,6 +206,22 @@ export function generateHtmlReport(report, outputPath) {
     .mission-group > summary:hover{ background: rgba(255,255,255,.08); }
 
     .group-body{ padding:12px; display:grid; gap:10px; }
+    // .toolbar{display:flex; gap:8px; margin-left:auto;}
+    // .btn-mini{
+    //   font-size:11px; padding:4px 8px; border-radius:8px;
+    //   background: rgba(255,255,255,.06); color: var(--text);
+    //   border:1px solid var(--hairline); cursor:pointer;
+    // }
+    // .btn-mini:hover{ background: rgba(255,255,255,.10); }
+
+    .toolbar{display:flex; gap:8px; margin-left:auto;}
+    .btn-mini{
+      font-size:12px; padding:2px 8px; border-radius:8px;
+      background: rgba(255,255,255,.06); color: var(--text);
+      border:1px solid var(--hairline); cursor:pointer; line-height:1.2;
+      width:28px; text-align:center;
+    }
+    .btn-mini:hover{ background: rgba(255,255,255,.10); }
 
     .mission-submission > summary{
       font-weight:700; background: rgba(255,255,255,.06); border-top:1px solid var(--hairline);
@@ -268,6 +291,66 @@ export function generateHtmlReport(report, outputPath) {
   <div class="container">
     ${groupsHtml || '<div class="glass empty">No missions recorded.</div>'}
   </div>
+  <script>
+  (function () {
+    function setOpenAll(root, selector, open) {
+      root.querySelectorAll(selector).forEach(function (el) {
+        if (el && 'open' in el) el.open = open;
+      });
+    }
+    function areAllOpen(root, selector) {
+      var list = root.querySelectorAll(selector);
+      if (!list.length) return false;
+      for (var i=0;i<list.length;i++) { if (!list[i].open) return false; }
+      return true;
+    }
+    function refreshBtn(btn) {
+      var scope = btn.getAttribute('data-scope');
+      var root = btn.closest(scope === 'mission' ? '.mission-group' : '.mission-submission');
+      if (!root) return;
+      var allOpen = scope === 'mission'
+        ? (areAllOpen(root, '.mission-submission') && areAllOpen(root, '.mission-submission .step'))
+        : areAllOpen(root, '.step');
+      btn.textContent = allOpen ? '▲' : '▼';
+      btn.setAttribute('aria-label', allOpen ? 'Collapse' : 'Expand');
+      btn.dataset.open = allOpen ? 'true' : 'false';
+    }
+
+    // Click handler (single toggle)
+    document.addEventListener('click', function (e) {
+      var btn = e.target && e.target.closest && e.target.closest('button.toggle');
+      if (!btn) return;
+      e.preventDefault(); e.stopPropagation();
+
+      var scope = btn.getAttribute('data-scope');
+      var root = btn.closest(scope === 'mission' ? '.mission-group' : '.mission-submission');
+      if (!root) return;
+
+      var currentlyOpen = btn.dataset.open === 'true';
+      var nextOpen = !currentlyOpen;
+
+      if (scope === 'mission') {
+        root.open = true; // ensure visible
+        setOpenAll(root, '.mission-submission', nextOpen);
+        setOpenAll(root, '.mission-submission .step', nextOpen);
+      } else {
+        root.open = true;
+        setOpenAll(root, '.step', nextOpen);
+      }
+      refreshBtn(btn);
+    }, true);
+
+    // Keep arrows in sync if user toggles details manually
+    document.addEventListener('toggle', function () {
+      document.querySelectorAll('button.toggle').forEach(refreshBtn);
+    }, true);
+
+    // Initial refresh
+    document.querySelectorAll('button.toggle').forEach(refreshBtn);
+  })();
+  </script>
+
+
 </body>
 </html>`;