haltija 1.3.2 → 1.3.3

package/apps/desktop/package.json

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

package/apps/desktop/resources/component.js

@@ -46,7 +46,7 @@
   });
 
   // src/version.ts
-  var VERSION = "1.3.2";
+  var VERSION = "1.3.3";
 
   // src/text-selector.ts
   var TEXT_PSEUDO_RE = /:(?:text-is|has-text|text)\(/;
@@ -1761,6 +1761,7 @@
     displayStream = null;
     displayVideo = null;
     isActive = true;
+    visibilityHandler = null;
     homeLeft = 0;
     homeBottom = 16;
     headless = false;
@@ -1952,6 +1953,16 @@
       }
       this.interceptConsole();
       this.interceptDialogs();
+      if (typeof document !== "undefined") {
+        this.visibilityHandler = () => {
+          if (document.visibilityState === "hidden") {
+            this.deactivate();
+          } else {
+            this.activate();
+          }
+        };
+        document.addEventListener("visibilitychange", this.visibilityHandler);
+      }
       this.connect();
     }
     disconnectedCallback() {
@@ -1962,6 +1973,10 @@
       this.clearEventWatchers();
       this.stopMutationWatch();
       this.stopScreenCapture();
+      if (this.visibilityHandler && typeof document !== "undefined") {
+        document.removeEventListener("visibilitychange", this.visibilityHandler);
+        this.visibilityHandler = null;
+      }
     }
     attributeChangedCallback(name, _old, value) {
       if (name === "server") {
@@ -5100,6 +5115,7 @@ ${elementSummary}${moreText}`;
           this.state = "connected";
           this.show();
           const windowType = window.opener ? "popup" : window.parent !== window ? "iframe" : "tab";
+          this.isActive = typeof document === "undefined" || document.visibilityState !== "hidden";
           this.send("system", "connected", {
             windowId: this.windowId,
             browserId: this.browserId,

package/dist/api-schema.d.ts

@@ -63,6 +63,8 @@ export declare const tree: EndpointDef<{
     pierceFrames?: boolean | undefined;
     compact?: boolean | undefined;
     ancestors?: boolean | undefined;
+    includeBox?: boolean | undefined;
+    mode?: string | undefined;
     window?: string | undefined;
 }>;
 export declare const query: EndpointDef<{
@@ -354,6 +356,8 @@ export declare const endpoints: {
         pierceFrames?: boolean | undefined;
         compact?: boolean | undefined;
         ancestors?: boolean | undefined;
+        includeBox?: boolean | undefined;
+        mode?: string | undefined;
         window?: string | undefined;
     }>;
     readonly query: EndpointDef<{
@@ -645,6 +649,8 @@ export declare const ALL_ENDPOINTS: (EndpointDef<{
     pierceFrames?: boolean | undefined;
     compact?: boolean | undefined;
     ancestors?: boolean | undefined;
+    includeBox?: boolean | undefined;
+    mode?: string | undefined;
     window?: string | undefined;
 }> | EndpointDef<{
     selector?: string | undefined;

package/dist/component.d.ts

@@ -20,7 +20,7 @@
  * - Option+Tab toggles visibility (but active state always shows briefly)
  * - Localhost only by default
  */
-export declare const VERSION = "1.3.2";
+export declare const VERSION = "1.3.3";
 export declare class DevChannel extends HTMLElement {
     static get tagName(): string;
     static elementCreator(): () => DevChannel;
@@ -50,6 +50,7 @@ export declare class DevChannel extends HTMLElement {
     private displayStream;
     private displayVideo;
     private isActive;
+    private visibilityHandler;
     private homeLeft;
     private homeBottom;
     private headless;

package/dist/component.esm.js

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "1.3.2";
+var VERSION = "1.3.3";
 
 // src/text-selector.ts
 var TEXT_PSEUDO_RE = /:(?:text-is|has-text|text)\(/;
@@ -1714,6 +1714,7 @@ class DevChannel extends HTMLElement {
   displayStream = null;
   displayVideo = null;
   isActive = true;
+  visibilityHandler = null;
   homeLeft = 0;
   homeBottom = 16;
   headless = false;
@@ -1905,6 +1906,16 @@ class DevChannel extends HTMLElement {
     }
     this.interceptConsole();
     this.interceptDialogs();
+    if (typeof document !== "undefined") {
+      this.visibilityHandler = () => {
+        if (document.visibilityState === "hidden") {
+          this.deactivate();
+        } else {
+          this.activate();
+        }
+      };
+      document.addEventListener("visibilitychange", this.visibilityHandler);
+    }
     this.connect();
   }
   disconnectedCallback() {
@@ -1915,6 +1926,10 @@ class DevChannel extends HTMLElement {
     this.clearEventWatchers();
     this.stopMutationWatch();
     this.stopScreenCapture();
+    if (this.visibilityHandler && typeof document !== "undefined") {
+      document.removeEventListener("visibilitychange", this.visibilityHandler);
+      this.visibilityHandler = null;
+    }
   }
   attributeChangedCallback(name, _old, value) {
     if (name === "server") {
@@ -5053,6 +5068,7 @@ ${elementSummary}${moreText}`;
         this.state = "connected";
         this.show();
         const windowType = window.opener ? "popup" : window.parent !== window ? "iframe" : "tab";
+        this.isActive = typeof document === "undefined" || document.visibilityState !== "hidden";
         this.send("system", "connected", {
           windowId: this.windowId,
           browserId: this.browserId,

package/dist/component.js

@@ -46,7 +46,7 @@
   });
 
   // src/version.ts
-  var VERSION = "1.3.2";
+  var VERSION = "1.3.3";
 
   // src/text-selector.ts
   var TEXT_PSEUDO_RE = /:(?:text-is|has-text|text)\(/;
@@ -1761,6 +1761,7 @@
     displayStream = null;
     displayVideo = null;
     isActive = true;
+    visibilityHandler = null;
     homeLeft = 0;
     homeBottom = 16;
     headless = false;
@@ -1952,6 +1953,16 @@
       }
       this.interceptConsole();
       this.interceptDialogs();
+      if (typeof document !== "undefined") {
+        this.visibilityHandler = () => {
+          if (document.visibilityState === "hidden") {
+            this.deactivate();
+          } else {
+            this.activate();
+          }
+        };
+        document.addEventListener("visibilitychange", this.visibilityHandler);
+      }
       this.connect();
     }
     disconnectedCallback() {
@@ -1962,6 +1973,10 @@
       this.clearEventWatchers();
       this.stopMutationWatch();
       this.stopScreenCapture();
+      if (this.visibilityHandler && typeof document !== "undefined") {
+        document.removeEventListener("visibilitychange", this.visibilityHandler);
+        this.visibilityHandler = null;
+      }
     }
     attributeChangedCallback(name, _old, value) {
       if (name === "server") {
@@ -5100,6 +5115,7 @@ ${elementSummary}${moreText}`;
           this.state = "connected";
           this.show();
           const windowType = window.opener ? "popup" : window.parent !== window ? "iframe" : "tab";
+          this.isActive = typeof document === "undefined" || document.visibilityState !== "hidden";
           this.send("system", "connected", {
             windowId: this.windowId,
             browserId: this.browserId,

package/dist/index.js

@@ -674,7 +674,7 @@ var injectorCode = `
 `;
 
 // src/version.ts
-var VERSION = "1.3.2";
+var VERSION = "1.3.3";
 
 // src/embedded-assets.ts
 var APP_MD = `# Haltija App
@@ -1086,6 +1086,8 @@ Use ancestors:true to see parent elements when inspecting deep elements.
 | \`pierceFrames\` | boolean,null | Pierce same-origin iframes (default true) |
 | \`compact\` | boolean,null | Minimal output (default false) |
 | \`ancestors\` | boolean,null | Include ancestor path from root (default false) |
+| \`includeBox\` | boolean,null | Include each node's bounding box { x, y, w, h, visible } (default false) |
+| \`mode\` | string,null | 'actionable' returns a page action summary (url, title, headings, buttons, links, inputs, selects) instead of the DOM tree |
 | \`window\` | string,null | Target window ID |
 
 **Examples:**
@@ -3019,7 +3021,7 @@ var COMPONENT_JS = `(() => {
   });
 
   // src/version.ts
-  var VERSION = "1.3.2";
+  var VERSION = "1.3.3";
 
   // src/text-selector.ts
   var TEXT_PSEUDO_RE = /:(?:text-is|has-text|text)\\(/;
@@ -4734,6 +4736,7 @@ var COMPONENT_JS = `(() => {
     displayStream = null;
     displayVideo = null;
     isActive = true;
+    visibilityHandler = null;
     homeLeft = 0;
     homeBottom = 16;
     headless = false;
@@ -4925,6 +4928,16 @@ var COMPONENT_JS = `(() => {
       }
       this.interceptConsole();
       this.interceptDialogs();
+      if (typeof document !== "undefined") {
+        this.visibilityHandler = () => {
+          if (document.visibilityState === "hidden") {
+            this.deactivate();
+          } else {
+            this.activate();
+          }
+        };
+        document.addEventListener("visibilitychange", this.visibilityHandler);
+      }
       this.connect();
     }
     disconnectedCallback() {
@@ -4935,6 +4948,10 @@ var COMPONENT_JS = `(() => {
       this.clearEventWatchers();
       this.stopMutationWatch();
       this.stopScreenCapture();
+      if (this.visibilityHandler && typeof document !== "undefined") {
+        document.removeEventListener("visibilitychange", this.visibilityHandler);
+        this.visibilityHandler = null;
+      }
     }
     attributeChangedCallback(name, _old, value) {
       if (name === "server") {
@@ -8073,6 +8090,7 @@ var COMPONENT_JS = `(() => {
           this.state = "connected";
           this.show();
           const windowType = window.opener ? "popup" : window.parent !== window ? "iframe" : "tab";
+          this.isActive = typeof document === "undefined" || document.visibilityState !== "hidden";
           this.send("system", "connected", {
             windowId: this.windowId,
             browserId: this.browserId,
@@ -11373,6 +11391,8 @@ Use ancestors:true to see parent elements when inspecting deep elements.`,
     pierceFrames: L.boolean.describe("Pierce same-origin iframes (default true)").optional,
     compact: L.boolean.describe("Minimal output (default false)").optional,
     ancestors: L.boolean.describe("Include ancestor path from root (default false)").optional,
+    includeBox: L.boolean.describe("Include each node's bounding box { x, y, w, h, visible } (default false)").optional,
+    mode: L.string.describe("'actionable' returns a page action summary (url, title, headings, buttons, links, inputs, selects) instead of the DOM tree").optional,
     window: L.string.describe("Target window ID").optional
   }),
   examples: [
@@ -14063,7 +14083,10 @@ registerHandler(tree, async (body, ctx) => {
     pierceShadow: body.pierceShadow,
     pierceFrames: body.pierceFrames,
     visibleOnly: body.visibleOnly,
-    ancestors: body.ancestors
+    interactiveOnly: body.interactiveOnly,
+    ancestors: body.ancestors,
+    includeBox: body.includeBox,
+    mode: body.mode
   }, 5000, windowId);
   return Response.json(response, { headers: ctx.headers });
 });
@@ -18525,7 +18548,8 @@ var serverConfig = {
                 label: existingWindow?.label,
                 windowType: windowType || "tab"
               });
-              if (!focusedWindowId || focusedWindowId === windowId) {
+              const isVisibleTab = (windowType || "tab") === "tab" && active !== false;
+              if (!focusedWindowId || focusedWindowId === windowId || isVisibleTab) {
                 focusedWindowId = windowId;
               }
               console.log(`${LOG_PREFIX} Window connected: ${windowId} (${url})`);
@@ -18569,6 +18593,9 @@ var serverConfig = {
             if (win) {
               win.active = active;
               win.lastSeen = Date.now();
+              if (active && win.windowType === "tab") {
+                focusedWindowId = windowId;
+              }
             }
           }
         } catch {}

package/dist/server.js

@@ -674,7 +674,7 @@ var injectorCode = `
 `;
 
 // src/version.ts
-var VERSION = "1.3.2";
+var VERSION = "1.3.3";
 
 // src/embedded-assets.ts
 var APP_MD = `# Haltija App
@@ -1086,6 +1086,8 @@ Use ancestors:true to see parent elements when inspecting deep elements.
 | \`pierceFrames\` | boolean,null | Pierce same-origin iframes (default true) |
 | \`compact\` | boolean,null | Minimal output (default false) |
 | \`ancestors\` | boolean,null | Include ancestor path from root (default false) |
+| \`includeBox\` | boolean,null | Include each node's bounding box { x, y, w, h, visible } (default false) |
+| \`mode\` | string,null | 'actionable' returns a page action summary (url, title, headings, buttons, links, inputs, selects) instead of the DOM tree |
 | \`window\` | string,null | Target window ID |
 
 **Examples:**
@@ -3019,7 +3021,7 @@ var COMPONENT_JS = `(() => {
   });
 
   // src/version.ts
-  var VERSION = "1.3.2";
+  var VERSION = "1.3.3";
 
   // src/text-selector.ts
   var TEXT_PSEUDO_RE = /:(?:text-is|has-text|text)\\(/;
@@ -4734,6 +4736,7 @@ var COMPONENT_JS = `(() => {
     displayStream = null;
     displayVideo = null;
     isActive = true;
+    visibilityHandler = null;
     homeLeft = 0;
     homeBottom = 16;
     headless = false;
@@ -4925,6 +4928,16 @@ var COMPONENT_JS = `(() => {
       }
       this.interceptConsole();
       this.interceptDialogs();
+      if (typeof document !== "undefined") {
+        this.visibilityHandler = () => {
+          if (document.visibilityState === "hidden") {
+            this.deactivate();
+          } else {
+            this.activate();
+          }
+        };
+        document.addEventListener("visibilitychange", this.visibilityHandler);
+      }
       this.connect();
     }
     disconnectedCallback() {
@@ -4935,6 +4948,10 @@ var COMPONENT_JS = `(() => {
       this.clearEventWatchers();
       this.stopMutationWatch();
       this.stopScreenCapture();
+      if (this.visibilityHandler && typeof document !== "undefined") {
+        document.removeEventListener("visibilitychange", this.visibilityHandler);
+        this.visibilityHandler = null;
+      }
     }
     attributeChangedCallback(name, _old, value) {
       if (name === "server") {
@@ -8073,6 +8090,7 @@ var COMPONENT_JS = `(() => {
           this.state = "connected";
           this.show();
           const windowType = window.opener ? "popup" : window.parent !== window ? "iframe" : "tab";
+          this.isActive = typeof document === "undefined" || document.visibilityState !== "hidden";
           this.send("system", "connected", {
             windowId: this.windowId,
             browserId: this.browserId,
@@ -11373,6 +11391,8 @@ Use ancestors:true to see parent elements when inspecting deep elements.`,
     pierceFrames: L.boolean.describe("Pierce same-origin iframes (default true)").optional,
     compact: L.boolean.describe("Minimal output (default false)").optional,
     ancestors: L.boolean.describe("Include ancestor path from root (default false)").optional,
+    includeBox: L.boolean.describe("Include each node's bounding box { x, y, w, h, visible } (default false)").optional,
+    mode: L.string.describe("'actionable' returns a page action summary (url, title, headings, buttons, links, inputs, selects) instead of the DOM tree").optional,
     window: L.string.describe("Target window ID").optional
   }),
   examples: [
@@ -14063,7 +14083,10 @@ registerHandler(tree, async (body, ctx) => {
     pierceShadow: body.pierceShadow,
     pierceFrames: body.pierceFrames,
     visibleOnly: body.visibleOnly,
-    ancestors: body.ancestors
+    interactiveOnly: body.interactiveOnly,
+    ancestors: body.ancestors,
+    includeBox: body.includeBox,
+    mode: body.mode
   }, 5000, windowId);
   return Response.json(response, { headers: ctx.headers });
 });
@@ -18525,7 +18548,8 @@ var serverConfig = {
                 label: existingWindow?.label,
                 windowType: windowType || "tab"
               });
-              if (!focusedWindowId || focusedWindowId === windowId) {
+              const isVisibleTab = (windowType || "tab") === "tab" && active !== false;
+              if (!focusedWindowId || focusedWindowId === windowId || isVisibleTab) {
                 focusedWindowId = windowId;
               }
               console.log(`${LOG_PREFIX} Window connected: ${windowId} (${url})`);
@@ -18569,6 +18593,9 @@ var serverConfig = {
             if (win) {
               win.active = active;
               win.lastSeen = Date.now();
+              if (active && win.windowType === "tab") {
+                focusedWindowId = windowId;
+              }
             }
           }
         } catch {}

package/dist/version.d.ts

@@ -8,4 +8,4 @@
  * ⚠️  AUTO-GENERATED FROM package.json - DO NOT EDIT THIS FILE
  * ⚠️  To change the version, update package.json and run: bun run build
  */
-export declare const VERSION = "1.3.2";
+export declare const VERSION = "1.3.3";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haltija",
-  "version": "1.3.2",
+  "version": "1.3.3",
   "description": "Browser control for AI agents - query DOM, click, type, run JS, watch mutations",
   "type": "module",
   "main": "dist/index.js",