haltija 1.2.2 → 1.2.4

package/apps/desktop/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haltija-desktop",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "description": "Haltija Desktop - God Mode Browser for AI Agents",
   "homepage": "https://github.com/tonioloewald/haltija",
   "author": {

package/apps/desktop/renderer/tabs.js

@@ -150,13 +150,24 @@ export function renameTerminalTab(tab, name) {
   }
 }
 
+// Track the last active content (non-terminal) tab so it stays visible
+// behind terminal/agent overlays for screenshot/hj command support
+let lastContentTabId = null
+
 export function activateTab(tabId) {
   const tab = tabs.find((t) => t.id === tabId)
   if (!tab) return
 
+  const isTerminalTab = tab.isTerminal || tab.url === 'terminal'
+  if (!isTerminalTab) lastContentTabId = tabId
+
   tabs.forEach((t) => {
     t.element.classList.remove('active')
-    t.webview.classList.remove('active')
+    if (isTerminalTab && t.id === lastContentTabId) {
+      // Keep the last content webview visible behind the terminal iframe
+    } else {
+      t.webview.classList.remove('active')
+    }
   })
 
   tab.element.classList.add('active')

package/apps/desktop/resources/component.js

@@ -46,7 +46,7 @@
   });
 
   // src/version.ts
-  var VERSION = "1.2.2";
+  var VERSION = "1.2.4";
 
   // src/text-selector.ts
   var TEXT_PSEUDO_RE = /:(?:text-is|has-text|text)\(/;

package/apps/desktop/styles.css

@@ -640,9 +640,15 @@ body {
   display: none;
 }
 
-#webview-container webview.active,
+#webview-container webview.active {
+  display: flex;
+  z-index: 0;
+}
+
 #webview-container .terminal-frame.active {
   display: flex;
+  z-index: 1;
+  opacity: 0.88;
 }
 
 #webview-container .terminal-frame {

package/apps/desktop/terminal.html

@@ -1192,7 +1192,12 @@
         outputPreview.className = 'tool-output-preview'
         const lines = (output || '').split('\n')
         const previewText = lines.slice(0, 3).join('\n')
-        outputPreview.textContent = previewText + (lines.length > 3 ? `\n... (${lines.length} lines)` : '')
+        const previewFull = previewText + (lines.length > 3 ? `\n... (${lines.length} lines)` : '')
+        if (/\x1b\[/.test(previewFull)) {
+          outputPreview.innerHTML = ansiToHtml(previewFull)
+        } else {
+          outputPreview.textContent = previewFull
+        }
         card.appendChild(outputPreview)
         
         // Add full output to expandable body
@@ -1205,10 +1210,13 @@
         outputDiv.appendChild(outputLabel)
         const outputPre = document.createElement('pre')
         outputPre.style.cssText = 'margin: 0; white-space: pre-wrap;'
-        if (lines.length > 20) {
-          outputPre.textContent = lines.slice(0, 20).join('\n') + `\n... (${lines.length} lines total)`
+        const fullText = lines.length > 20
+          ? lines.slice(0, 20).join('\n') + `\n... (${lines.length} lines total)`
+          : (output || '')
+        if (/\x1b\[/.test(fullText)) {
+          outputPre.innerHTML = ansiToHtml(fullText)
         } else {
-          outputPre.textContent = output || ''
+          outputPre.textContent = fullText
         }
         outputDiv.appendChild(outputPre)
         body.appendChild(outputDiv)
@@ -1277,6 +1285,8 @@
         div.textContent = text
       } else if (type === 'summary') {
         div.textContent = text
+      } else if (/\x1b\[/.test(text)) {
+        div.innerHTML = ansiToHtml(text)
       } else {
         div.textContent = text
       }
@@ -1296,6 +1306,30 @@
       return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
     }
 
+    /** Convert ANSI escape codes to HTML spans */
+    function ansiToHtml(str) {
+      if (str == null) return ''
+      const escaped = escapeHtml(str)
+      // Map SGR codes to CSS styles
+      const styles = {
+        '1': 'font-weight:bold',
+        '2': 'opacity:0.6',
+        '3': 'font-style:italic',
+        '4': 'text-decoration:underline',
+        '31': 'color:#f87171', '32': 'color:#4ade80', '33': 'color:#fbbf24',
+        '34': 'color:#60a5fa', '35': 'color:#c084fc', '36': 'color:#22d3ee',
+        '90': 'color:#6b7280', '91': 'color:#f87171', '92': 'color:#4ade80',
+        '93': 'color:#fbbf24', '94': 'color:#60a5fa', '95': 'color:#c084fc',
+        '96': 'color:#22d3ee',
+      }
+      // Replace \e[...m sequences with styled spans
+      return escaped.replace(/\x1b\[([0-9;]*)m/g, (_, codes) => {
+        if (!codes || codes === '0') return '</span>'
+        const css = codes.split(';').map(c => styles[c] || '').filter(Boolean).join(';')
+        return css ? `<span style="${css}">` : ''
+      })
+    }
+
     // ==========================================
     // Init
     // ==========================================

package/bin/cli-subcommand.mjs

@@ -95,9 +95,19 @@ export const ARG_MAPS = {
   call: (args) => ({ ...parseTargetArgs(args.slice(0, 1)), method: args[1], args: args.slice(2).map(tryParseJSON) }),
   fetch: (args) => ({ url: args[0], prompt: args.slice(1).join(' ') || undefined }),
   screenshot: (args) => {
-    const dataUrl = args.includes('--data-url')
-    const filtered = args.filter(a => a !== '--data-url')
-    return { ...parseTargetArgs(filtered), file: !dataUrl }
+    const body = { file: true }
+    const positional = []
+    for (let i = 0; i < args.length; i++) {
+      const a = args[i]
+      if (a === '--data-url') { body.file = false; continue }
+      if (a === '--scale') { body.scale = num(args[++i]); continue }
+      if (a === '--maxWidth' || a === '--max-width') { body.maxWidth = num(args[++i]); continue }
+      if (a === '--maxHeight' || a === '--max-height') { body.maxHeight = num(args[++i]); continue }
+      if (a === '--delay') { body.delay = num(args[++i]); continue }
+      if (a === '--no-chyron') { body.chyron = false; continue }
+      if (!a.startsWith('-')) { positional.push(a) }
+    }
+    return { ...body, ...parseTargetArgs(positional) }
   },
   snapshot: (args) => ({ context: args.join(' ') || undefined }),
   select: (args) => ({ action: args[0] }),

package/dist/component.js

@@ -46,7 +46,7 @@
   });
 
   // src/version.ts
-  var VERSION = "1.2.2";
+  var VERSION = "1.2.4";
 
   // src/text-selector.ts
   var TEXT_PSEUDO_RE = /:(?:text-is|has-text|text)\(/;