haltija 1.1.21 → 1.2.2

package/apps/desktop/resources/component.js

@@ -3,27 +3,37 @@
   var __getOwnPropNames = Object.getOwnPropertyNames;
   var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
   var __hasOwnProp = Object.prototype.hasOwnProperty;
-  var __moduleCache = /* @__PURE__ */ new WeakMap;
+  function __accessProp(key) {
+    return this[key];
+  }
   var __toCommonJS = (from) => {
-    var entry = __moduleCache.get(from), desc;
+    var entry = (__moduleCache ??= new WeakMap).get(from), desc;
     if (entry)
       return entry;
     entry = __defProp({}, "__esModule", { value: true });
-    if (from && typeof from === "object" || typeof from === "function")
-      __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-        get: () => from[key],
-        enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-      }));
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (var key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(entry, key))
+          __defProp(entry, key, {
+            get: __accessProp.bind(from, key),
+            enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+          });
+    }
     __moduleCache.set(from, entry);
     return entry;
   };
+  var __moduleCache;
+  var __returnValue = (v) => v;
+  function __exportSetter(name, newValue) {
+    this[name] = __returnValue.bind(null, newValue);
+  }
   var __export = (target, all) => {
     for (var name in all)
       __defProp(target, name, {
         get: all[name],
         enumerable: true,
         configurable: true,
-        set: (newValue) => all[name] = () => newValue
+        set: __exportSetter.bind(all, name)
       });
   };
 
@@ -36,7 +46,7 @@
   });
 
   // src/version.ts
-  var VERSION = "1.1.21";
+  var VERSION = "1.2.2";
 
   // src/text-selector.ts
   var TEXT_PSEUDO_RE = /:(?:text-is|has-text|text)\(/;
@@ -545,6 +555,40 @@
     const candidates = document.querySelectorAll(parsed.baseSelector);
     return Array.from(candidates).filter((el) => elementTextMatches(el, parsed));
   }
+  function resolveRefOrSelector(ref, selector) {
+    if (ref) {
+      const result2 = refRegistry.resolveWithStatus(ref);
+      if (result2.element) {
+        stats.refsResolved++;
+        return { element: result2.element, targetDesc: `@${ref}` };
+      }
+      stats.refsStale++;
+      const errorMsg = result2.status === "never_assigned" ? `Ref @${ref} was never assigned (highest ref is @${refRegistry.getStats().highWaterMark})` : result2.status === "removed_from_dom" ? `Ref @${ref} points to an element that was removed from the DOM (try refreshing /tree)` : `Ref @${ref} is stale - element was garbage collected (try refreshing /tree)`;
+      return { element: null, targetDesc: `@${ref}`, error: errorMsg };
+    }
+    if (selector) {
+      const el = resolveSelector(selector);
+      return { element: el, targetDesc: selector };
+    }
+    return { element: null, targetDesc: "(none)", error: "ref or selector is required" };
+  }
+  function resolveRefOrSelectorAll(ref, selector) {
+    if (ref) {
+      const result2 = refRegistry.resolveWithStatus(ref);
+      if (result2.element) {
+        stats.refsResolved++;
+        return { elements: [result2.element], targetDesc: `@${ref}` };
+      }
+      stats.refsStale++;
+      const errorMsg = result2.status === "never_assigned" ? `Ref @${ref} was never assigned (highest ref is @${refRegistry.getStats().highWaterMark})` : result2.status === "removed_from_dom" ? `Ref @${ref} points to an element that was removed from the DOM (try refreshing /tree)` : `Ref @${ref} is stale - element was garbage collected (try refreshing /tree)`;
+      return { elements: [], targetDesc: `@${ref}`, error: errorMsg };
+    }
+    if (selector) {
+      const els = resolveSelectorAll(selector);
+      return { elements: els, targetDesc: selector };
+    }
+    return { elements: [], targetDesc: "(none)", error: "ref or selector is required" };
+  }
   function extractElement(el) {
     const rect = el.getBoundingClientRect();
     const attrs = {};
@@ -1650,6 +1694,10 @@
     recording = null;
     testRecording = null;
     originalConsole = {};
+    originalDialogs = {};
+    dialogPolicy = { alert: "dismiss", confirm: "accept", prompt: "dismiss", beforeunload: "allow" };
+    dialogHistory = [];
+    _inHaltijaUI = false;
     widgetHidden = false;
     serverUrl = "wss://localhost:8700/ws/browser";
     windowId;
@@ -1835,12 +1883,14 @@
       this.style.bottom = `${this.homeBottom}px`;
       this.setupKeyboardShortcut();
       this.interceptConsole();
+      this.interceptDialogs();
       this.connect();
     }
     disconnectedCallback() {
       this.killed = true;
       this.disconnect();
       this.restoreConsole();
+      this.restoreDialogs();
       this.clearEventWatchers();
       this.stopMutationWatch();
     }
@@ -3994,6 +4044,16 @@ ${elementSummary}${moreText}`;
       return `Interact with ${tag}`;
     }
     addTestAssertion() {
+      if (!this.testRecording)
+        return;
+      this._inHaltijaUI = true;
+      try {
+        this._addTestAssertionImpl();
+      } finally {
+        this._inHaltijaUI = false;
+      }
+    }
+    _addTestAssertionImpl() {
       if (!this.testRecording)
         return;
       const type = prompt(`What to check?
@@ -4068,6 +4128,14 @@ ${elementSummary}${moreText}`;
       }
     }
     saveTest() {
+      this._inHaltijaUI = true;
+      try {
+        this._saveTestImpl();
+      } finally {
+        this._inHaltijaUI = false;
+      }
+    }
+    _saveTestImpl() {
       if (!this.testRecording || this.testRecording.steps.length === 0) {
         alert("No steps recorded!");
         return;
@@ -5019,9 +5087,80 @@ ${elementSummary}${moreText}`;
         case "interaction":
           this.handleInteractionMessage(msg2);
           break;
+        case "dialog":
+          this.handleDialogMessage(msg2);
+          break;
+        case "video":
+          this.handleVideoMessage(msg2);
+          break;
       }
       this.render();
     }
+    handleDialogMessage(msg2) {
+      const { action: action2, payload: payload2 } = msg2;
+      if (action2 === "configure") {
+        if (payload2.alert !== undefined)
+          this.dialogPolicy.alert = payload2.alert;
+        if (payload2.confirm !== undefined)
+          this.dialogPolicy.confirm = payload2.confirm;
+        if (payload2.prompt !== undefined)
+          this.dialogPolicy.prompt = payload2.prompt;
+        if (payload2.beforeunload !== undefined)
+          this.dialogPolicy.beforeunload = payload2.beforeunload;
+        this.respond(msg2.id, true, { policy: this.dialogPolicy });
+      } else if (action2 === "get-config") {
+        this.respond(msg2.id, true, { policy: this.dialogPolicy });
+      } else if (action2 === "history") {
+        this.respond(msg2.id, true, { history: this.dialogHistory });
+      } else {
+        this.respond(msg2.id, false, undefined, `Unknown dialog action: ${action2}`);
+      }
+    }
+    handleVideoMessage(msg2) {
+      const { action: action2, payload: payload2 } = msg2;
+      const haltija = window.haltija;
+      if (action2 === "start") {
+        if (!haltija?.startVideoCapture) {
+          this.respond(msg2.id, false, undefined, "Video capture requires the Haltija Desktop app. Run: npx haltija@latest -f");
+          return;
+        }
+        haltija.startVideoCapture({ maxDuration: payload2.maxDuration }).then((result2) => {
+          if (result2.success) {
+            this.respond(msg2.id, true, { recordingId: result2.recordingId });
+          } else {
+            this.respond(msg2.id, false, undefined, result2.error || "Failed to start video");
+          }
+        }).catch((err) => {
+          this.respond(msg2.id, false, undefined, `Failed to start video: ${err.message}`);
+        });
+      } else if (action2 === "stop") {
+        if (!haltija?.stopVideoCapture) {
+          this.respond(msg2.id, false, undefined, "Video capture requires the Haltija Desktop app. Run: npx haltija@latest -f");
+          return;
+        }
+        haltija.stopVideoCapture().then((result2) => {
+          if (result2.success) {
+            this.respond(msg2.id, true, { path: result2.path, duration: result2.duration, size: result2.size, format: result2.format });
+          } else {
+            this.respond(msg2.id, false, undefined, result2.error || "Failed to stop video");
+          }
+        }).catch((err) => {
+          this.respond(msg2.id, false, undefined, `Failed to stop video: ${err.message}`);
+        });
+      } else if (action2 === "status") {
+        if (!haltija?.videoStatus) {
+          this.respond(msg2.id, true, { recording: false });
+          return;
+        }
+        haltija.videoStatus().then((result2) => {
+          this.respond(msg2.id, true, result2);
+        }).catch(() => {
+          this.respond(msg2.id, true, { recording: false });
+        });
+      } else {
+        this.respond(msg2.id, false, undefined, `Unknown video action: ${action2}`);
+      }
+    }
     handleSemanticMessage(msg2) {
       const { action: action2, payload: payload2 } = msg2;
       if (action2 === "start" || action2 === "watch") {
@@ -5168,16 +5307,23 @@ ${elementSummary}${moreText}`;
       if (action2 === "refresh") {
         if (payload2.soft) {
           location.reload();
+          this.respond(msg2.id, true);
         } else {
-          if (location.protocol === "blob:" || location.protocol === "data:") {
-            location.reload();
+          const haltija = window.haltija;
+          if (haltija?.hardRefresh) {
+            haltija.hardRefresh().then(() => this.respond(msg2.id, true)).catch(() => {
+              location.reload();
+              this.respond(msg2.id, true);
+            });
+            return;
+          }
+          if (typeof caches !== "undefined") {
+            caches.keys().then((names) => Promise.all(names.map((n) => caches.delete(n)))).then(() => location.reload()).catch(() => location.reload());
           } else {
-            const url = new URL(location.href);
-            url.searchParams.set("_haltija_refresh", Date.now().toString());
-            location.href = url.toString();
+            location.reload();
           }
+          this.respond(msg2.id, true);
         }
-        this.respond(msg2.id, true);
       } else if (action2 === "goto") {
         const haltija = window.haltija;
         if (haltija?.navigate) {
@@ -5238,20 +5384,32 @@ ${elementSummary}${moreText}`;
         const req = payload2;
         try {
           if (req.all) {
-            const elements = resolveSelectorAll(req.selector);
+            const { elements, error } = resolveRefOrSelectorAll(req.ref, req.selector);
+            if (error && elements.length === 0) {
+              this.respond(msg2.id, false, null, error);
+              return;
+            }
             this.respond(msg2.id, true, elements.map(extractElement));
           } else {
-            const el = resolveSelector(req.selector);
-            this.respond(msg2.id, true, el ? extractElement(el) : null);
+            const { element, targetDesc, error } = resolveRefOrSelector(req.ref, req.selector);
+            if (error) {
+              this.respond(msg2.id, false, null, error);
+              return;
+            }
+            this.respond(msg2.id, true, element ? extractElement(element) : null);
           }
         } catch (err) {
           this.respond(msg2.id, false, null, err.message);
         }
       } else if (action2 === "inspect") {
         try {
-          const el = resolveSelector(payload2.selector);
+          const { element: el, targetDesc, error } = resolveRefOrSelector(payload2.ref, payload2.selector);
+          if (error) {
+            this.respond(msg2.id, false, null, error);
+            return;
+          }
           if (!el) {
-            this.respond(msg2.id, false, null, `Element not found: ${payload2.selector}`);
+            this.respond(msg2.id, false, null, `Element not found: ${targetDesc}`);
             return;
           }
           const opts = {
@@ -5264,7 +5422,11 @@ ${elementSummary}${moreText}`;
         }
       } else if (action2 === "inspectAll") {
         try {
-          const elements = resolveSelectorAll(payload2.selector);
+          const { elements, error } = resolveRefOrSelectorAll(payload2.ref, payload2.selector);
+          if (error && elements.length === 0) {
+            this.respond(msg2.id, false, null, error);
+            return;
+          }
           const opts = {
             fullStyles: payload2.fullStyles,
             matchedRules: payload2.matchedRules
@@ -5276,9 +5438,13 @@ ${elementSummary}${moreText}`;
         }
       } else if (action2 === "highlight") {
         try {
-          const el = resolveSelector(payload2.selector);
+          const { element: el, targetDesc, error } = resolveRefOrSelector(payload2.ref, payload2.selector);
+          if (error) {
+            this.respond(msg2.id, false, null, error);
+            return;
+          }
           if (!el) {
-            this.respond(msg2.id, false, null, `Element not found: ${payload2.selector}`);
+            this.respond(msg2.id, false, null, `Element not found: ${targetDesc}`);
             return;
           }
           if (payload2.duration) {
@@ -5286,7 +5452,7 @@ ${elementSummary}${moreText}`;
           } else {
             showHighlight(el, payload2.label, payload2.color);
           }
-          this.respond(msg2.id, true, { highlighted: payload2.selector });
+          this.respond(msg2.id, true, { highlighted: targetDesc });
         } catch (err) {
           this.respond(msg2.id, false, null, err.message);
         }
@@ -5413,10 +5579,21 @@ ${elementSummary}${moreText}`;
               img.src = dataUrl;
             });
           };
+          let targetSelector = payload2?.selector;
+          if (payload2?.ref) {
+            const { element, targetDesc, error } = resolveRefOrSelector(payload2.ref, undefined);
+            if (error) {
+              this.respond(msg2.id, false, null, error);
+              return;
+            }
+            if (element) {
+              targetSelector = element.id ? `#${element.id}` : element.getAttribute("data-testid") ? `[data-testid="${element.getAttribute("data-testid")}"]` : undefined;
+            }
+          }
           const haltija = window.haltija;
           if (haltija?.capturePage) {
             try {
-              const capturePromise = payload2?.selector ? haltija.captureElement(payload2.selector) : haltija.capturePage();
+              const capturePromise = targetSelector ? haltija.captureElement(targetSelector) : haltija.capturePage();
               const timeoutPromise = new Promise((resolve) => setTimeout(() => resolve({ success: false, error: "Screenshot capture timed out after 10s" }), 1e4));
               const result2 = await Promise.race([capturePromise, timeoutPromise]);
               if (result2?.success && result2.data) {
@@ -5439,36 +5616,7 @@ ${elementSummary}${moreText}`;
               return;
             }
           }
-          const html2canvas = window.html2canvas;
-          if (html2canvas) {
-            const target = payload2?.selector ? resolveSelector(payload2.selector) : document.body;
-            if (!target) {
-              this.respond(msg2.id, false, null, `Element not found: ${payload2?.selector}`);
-              return;
-            }
-            const canvas = await html2canvas(target, {
-              useCORS: true,
-              allowTaint: true,
-              logging: false,
-              scale: payload2?.scale || 1
-            });
-            const dataUrl = canvas.toDataURL(mimeType, quality);
-            this.respond(msg2.id, true, {
-              image: dataUrl,
-              viewport,
-              format,
-              width: canvas.width,
-              height: canvas.height,
-              source: "html2canvas"
-            });
-          } else {
-            this.respond(msg2.id, true, {
-              viewport,
-              image: null,
-              note: "Screenshot capture requires the Haltija Desktop app.",
-              source: "viewport-only"
-            });
-          }
+          this.respond(msg2.id, false, null, "Screenshots require the Haltija Desktop app. Run: npx haltija@latest -f");
         } catch (err) {
           this.respond(msg2.id, false, null, err.message);
         }
@@ -6936,6 +7084,67 @@ ${elementSummary}${moreText}`;
       }
       this.respond(responseId, true);
     }
+    interceptDialogs() {
+      this.originalDialogs.alert = window.alert.bind(window);
+      this.originalDialogs.confirm = window.confirm.bind(window);
+      this.originalDialogs.prompt = window.prompt.bind(window);
+      const self = this;
+      window.alert = function(message) {
+        if (self._inHaltijaUI)
+          return self.originalDialogs.alert(message);
+        const msg2 = String(message ?? "");
+        const entry = { type: "alert", message: msg2, response: undefined, timestamp: Date.now() };
+        self.dialogHistory.push(entry);
+        if (self.dialogHistory.length > 50)
+          self.dialogHistory = self.dialogHistory.slice(-25);
+        self.send("dialog", "opened", { type: "alert", message: msg2, windowId: self.windowId });
+      };
+      window.confirm = function(message) {
+        if (self._inHaltijaUI)
+          return self.originalDialogs.confirm(message);
+        const msg2 = String(message ?? "");
+        const accept = self.dialogPolicy.confirm === "accept";
+        const entry = { type: "confirm", message: msg2, response: accept, timestamp: Date.now() };
+        self.dialogHistory.push(entry);
+        if (self.dialogHistory.length > 50)
+          self.dialogHistory = self.dialogHistory.slice(-25);
+        self.send("dialog", "opened", {
+          type: "confirm",
+          message: msg2,
+          response: accept,
+          windowId: self.windowId
+        });
+        return accept;
+      };
+      window.prompt = function(message, defaultValue) {
+        if (self._inHaltijaUI)
+          return self.originalDialogs.prompt(message, defaultValue);
+        const msg2 = String(message ?? "");
+        const policy = self.dialogPolicy.prompt;
+        const response = policy === "dismiss" ? null : policy.response;
+        const entry = { type: "prompt", message: msg2, defaultValue, response, timestamp: Date.now() };
+        self.dialogHistory.push(entry);
+        if (self.dialogHistory.length > 50)
+          self.dialogHistory = self.dialogHistory.slice(-25);
+        self.send("dialog", "opened", {
+          type: "prompt",
+          message: msg2,
+          defaultValue,
+          response,
+          windowId: self.windowId
+        });
+        return response;
+      };
+    }
+    restoreDialogs() {
+      if (this.originalDialogs.alert)
+        window.alert = this.originalDialogs.alert;
+      if (this.originalDialogs.confirm)
+        window.confirm = this.originalDialogs.confirm;
+      if (this.originalDialogs.prompt)
+        window.prompt = this.originalDialogs.prompt;
+      this.originalDialogs = {};
+    }
     interceptConsole() {
       const levels = [
         "log",
@@ -6994,6 +7203,7 @@ ${elementSummary}${moreText}`;
     currentTagName = TAG_NAME;
     window.__haltija_resolveSelector = resolveSelector;
     window.__haltija_resolveSelectorAll = resolveSelectorAll;
+    window.__haltija_refRegistry = refRegistry;
   }
   registerDevChannel();
   var WIDGET_ID = "haltija-widget";

package/apps/desktop/webview-preload.js

@@ -24,11 +24,29 @@ contextBridge.exposeInMainWorld('haltija', {
     console.log('[Haltija] navigate called:', url)
     return ipcRenderer.invoke('navigate-url', url)
   },
-  // Create a new agent tab and return its info
+  // Tab management — routed through main process to renderer
+  openTab: (url) => ipcRenderer.invoke('open-tab', url),
+  closeTab: (windowId) => ipcRenderer.invoke('close-tab', windowId),
+  focusTab: (windowId) => ipcRenderer.invoke('focus-tab', windowId),
   openAgentTab: () => {
     console.log('[Haltija] openAgentTab called')
     return ipcRenderer.invoke('open-agent-tab')
   },
+  // Hard refresh — bypasses all caches (CSS, JS, images, everything)
+  hardRefresh: () => {
+    console.log('[Haltija] hardRefresh called')
+    return ipcRenderer.invoke('hard-refresh')
+  },
+  // Video capture — forwarded to renderer via main process
+  startVideoCapture: (opts) => {
+    return ipcRenderer.invoke('video-start', opts || {})
+  },
+  stopVideoCapture: () => {
+    return ipcRenderer.invoke('video-stop')
+  },
+  videoStatus: () => {
+    return ipcRenderer.invoke('video-status')
+  },
 })
 
 console.log('[Haltija] Webview preload complete, window.haltija exposed')