@quanta-intellect/vessel-browser 0.1.80 → 0.1.81

package/out/main/index.js

@@ -23941,8 +23941,7 @@ const THIRD_PARTY_PATH_PATTERNS = [
   /\/beacon/i,
   /\/pixel/i
 ];
-let installed = false;
-const defaultSessionTabManagers = /* @__PURE__ */ new Set();
+const EMPTY_BLOCKED_FRAME_URL = "data:text/html;charset=utf-8,%3C!doctype%20html%3E%3Chtml%3E%3Cbody%3E%3C!--%20blocked%20by%20Vessel%20ad%20blocker%20--%3E%3C%2Fbody%3E%3C%2Fhtml%3E";
 function normalizeHostname(value) {
   return value.trim().toLowerCase().replace(/\.$/, "");
 }
@@ -23980,11 +23979,20 @@ function shouldBlockRequest(details) {
   if (BLOCKED_HOST_SUFFIXES.some((suffix) => hostnameMatches(hostname, suffix))) {
     return true;
   }
-  const firstPartyHost = parseHostname(details.referrer) || parseHostname(details.initiator || "");
+  const firstPartyHost = parseHostname(details.referrer || "") || parseHostname(details.initiator || "");
   if (!isThirdParty(parsed, firstPartyHost)) return false;
   const candidate = `${hostname}${parsed.pathname}${parsed.search}`;
   return THIRD_PARTY_PATH_PATTERNS.some((pattern) => pattern.test(candidate));
 }
+function getAdBlockDecision(details) {
+  if (!shouldBlockRequest(details)) return { cancel: false };
+  if (details.resourceType === "subFrame") {
+    return { redirectURL: EMPTY_BLOCKED_FRAME_URL };
+  }
+  return { cancel: true };
+}
+let installed = false;
+const defaultSessionTabManagers = /* @__PURE__ */ new Set();
 function installAdBlocking(tabManager) {
   defaultSessionTabManagers.add(tabManager);
   if (installed) return;
@@ -24002,7 +24010,7 @@ function installAdBlocking(tabManager) {
       callback({});
       return;
     }
-    callback({ cancel: shouldBlockRequest(details) });
+    callback(getAdBlockDecision(details));
   });
 }
 function unregisterAdBlockingTabManager(tabManager) {
@@ -24019,7 +24027,7 @@ function installAdBlockingForSession(ses, tabManager) {
       callback({});
       return;
     }
-    callback({ cancel: shouldBlockRequest(details) });
+    callback(getAdBlockDecision(details));
   });
 }
 const defaultDownloadViews = /* @__PURE__ */ new Set();

package/out/renderer/assets/{index-Dhg4KPX1.js → index-DOJa9vgV.js}

@@ -2881,15 +2881,16 @@ function cleanDiffSummaryText(value) {
   return value.replace(
     /```[\s\S]*?```/g,
     (match) => match.replace(/```[a-z]*\n?/gi, "").replace(/```/g, "")
-  ).replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/`([^`]+)`/g, "$1").replace(/(\*\*|__)(.*?)\1/g, "$2").replace(/(\*|_)(.*?)\1/g, "$2").replace(/^#{1,6}\s+/gm, "").replace(/^\s*[-*+]\s+/gm, "").replace(/^\s*>\s?/gm, "").replace(/\s+/g, " ").trim();
+  ).replace(/!\[([^\]]*)\]\([^)]+\)/g, "$1").replace(/\[([^\]]+)\]\([^)]+\)/g, "$1").replace(/`([^`]+)`/g, "$1").replace(/(\*\*|__)(.*?)\1/g, "$2").replace(/(\*|_)(.*?)\1/g, "$2").replace(/^\s*>\s?/gm, "").replace(/^#{1,6}\s+/gm, "").replace(/^\s*[-*+]\s+/gm, "").replace(/\s+/g, " ").trim();
 }
 function formatDiffSectionLabel(section) {
-  const normalized = section.trim().toLowerCase();
-  return SECTION_LABELS[normalized] ?? section.trim();
+  const trimmed = section.trim();
+  const normalized = trimmed.toLowerCase();
+  return SECTION_LABELS[normalized] ?? trimmed;
 }
 function parseDiffSummaryParts(summary) {
-  return summary.split(/\s+\|\s+/).map((part) => {
-    const match = part.match(/^([a-z]+):\s*(.+)$/i);
+  const parts = summary.split(/\s*\|\s*/).map((part) => {
+    const match = part.match(/^([a-z][a-z\s-]*):\s*(.+)$/i);
     if (!match) {
       return { text: cleanDiffSummaryText(part) };
     }
@@ -2898,6 +2899,48 @@ function parseDiffSummaryParts(summary) {
       text: cleanDiffSummaryText(match[2])
     };
   }).filter((part) => part.text.length > 0);
+  return parts.length > 0 ? parts : [{ text: "Change detected." }];
+}
+function resolveNow(options) {
+  if (options?.now instanceof Date) return options.now.getTime();
+  return Date.now();
+}
+function formatRelativeTime(isoDate, options) {
+  const timestamp = new Date(isoDate).getTime();
+  if (Number.isNaN(timestamp)) return "recently";
+  const now2 = resolveNow(options);
+  if (Number.isNaN(now2)) return "recently";
+  const diff = Math.max(0, now2 - timestamp);
+  const mins = Math.floor(diff / 6e4);
+  if (mins < 1) return "just now";
+  if (mins < 60) return `${mins}m ago`;
+  const hours = Math.floor(mins / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 7) return `${days}d ago`;
+  return new Date(timestamp).toLocaleDateString();
+}
+function formatShortDateTime(isoDate) {
+  const date = new Date(isoDate);
+  if (Number.isNaN(date.getTime())) return "Unknown time";
+  return date.toLocaleString([], {
+    month: "short",
+    day: "numeric",
+    hour: "numeric",
+    minute: "2-digit"
+  });
+}
+function formatElapsedTime(startIso, endIso) {
+  const start = new Date(startIso).getTime();
+  const end = new Date(endIso).getTime();
+  if (Number.isNaN(start) || Number.isNaN(end)) return "unknown duration";
+  const elapsedMs = Math.max(0, end - start);
+  const secs = Math.round(elapsedMs / 1e3);
+  if (secs < 60) return `${secs}s`;
+  const mins = Math.round(secs / 60);
+  if (mins < 60) return `${mins}m`;
+  const hours = Math.round(mins / 60);
+  return `${hours}h`;
 }
 const SEARCH_ENGINE_PRESETS = {
   duckduckgo: { label: "DuckDuckGo", url: "https://duckduckgo.com/?q=" },
@@ -2942,8 +2985,14 @@ const AddressBar = (props) => {
   const [selectedIndex, setSelectedIndex] = createSignal(-1);
   const [searchEngine, setSearchEngine] = createSignal("duckduckgo");
   const [showSecurityPopup, setShowSecurityPopup] = createSignal(false);
+  const [hasEditedAddress, setHasEditedAddress] = createSignal(false);
   const now2 = useNow();
   let inputRef;
+  let addressBlurTimer = null;
+  let skipNextAddressBlurSync = false;
+  onCleanup(() => {
+    if (addressBlurTimer) clearTimeout(addressBlurTimer);
+  });
   const securityState = createMemo(() => {
     const tabId = activeTabId2();
     return tabId ? getSecurityState(tabId) : void 0;
@@ -2994,26 +3043,6 @@ const AddressBar = (props) => {
     }
     await window.vessel.ui.openSidebarTab("diff");
   };
-  const formatRelativeTime2 = (isoDate) => {
-    const diff = Date.now() - new Date(isoDate).getTime();
-    const mins = Math.floor(diff / 6e4);
-    if (mins < 1) return "just now";
-    if (mins < 60) return `${mins}m ago`;
-    const hours = Math.floor(mins / 60);
-    if (hours < 24) return `${hours}h ago`;
-    const days = Math.floor(hours / 24);
-    if (days < 7) return `${days}d ago`;
-    return new Date(isoDate).toLocaleDateString();
-  };
-  const formatElapsed = (startIso, endIso) => {
-    const elapsedMs = Math.max(0, new Date(endIso).getTime() - new Date(startIso).getTime());
-    const secs = Math.round(elapsedMs / 1e3);
-    if (secs < 60) return `${secs}s`;
-    const mins = Math.round(secs / 60);
-    if (mins < 60) return `${mins}m`;
-    const hours = Math.round(mins / 60);
-    return `${hours}h`;
-  };
   const getChangeKindLabel = (kind) => kind === "added" ? "Added" : kind === "removed" ? "Removed" : "Changed";
   createEffect(() => {
     if (isPrivateWindow) return;
@@ -3031,10 +3060,16 @@ const AddressBar = (props) => {
       }
     });
   });
+  const syncInputValueFromActiveTab = () => {
+    const tab = activeTab();
+    if (!tab) return;
+    setInputValue(tab.url === "about:blank" ? "" : tab.url);
+  };
   createEffect(() => {
     const tab = activeTab();
-    if (tab && !inputRef?.matches(":focus")) {
-      setInputValue(tab.url === "about:blank" ? "" : tab.url);
+    const inputHasFocus = inputRef && document.activeElement === inputRef;
+    if (tab && !hasEditedAddress() && !inputHasFocus) {
+      syncInputValueFromActiveTab();
       setShowSuggestions(false);
       setSelectedIndex(-1);
     }
@@ -3117,12 +3152,46 @@ const AddressBar = (props) => {
       cancelled = true;
     });
   });
-  const selectSuggestion = (url) => {
-    setInputValue(url);
+  const clearAddressBlurTimer = () => {
+    if (!addressBlurTimer) return;
+    clearTimeout(addressBlurTimer);
+    addressBlurTimer = null;
+  };
+  const closeAddressSuggestions = () => {
     setShowSuggestions(false);
     setSelectedIndex(-1);
+  };
+  const commitAddressNavigation = (url) => {
+    clearAddressBlurTimer();
+    setHasEditedAddress(false);
+    skipNextAddressBlurSync = true;
     navigate(url);
     inputRef?.blur();
+    closeAddressSuggestions();
+  };
+  const cancelAddressEditing = () => {
+    clearAddressBlurTimer();
+    setHasEditedAddress(false);
+    syncInputValueFromActiveTab();
+    inputRef?.blur();
+    closeAddressSuggestions();
+  };
+  const scheduleAddressBlurReset = () => {
+    clearAddressBlurTimer();
+    addressBlurTimer = setTimeout(() => {
+      setHasEditedAddress(false);
+      if (skipNextAddressBlurSync) {
+        skipNextAddressBlurSync = false;
+      } else {
+        syncInputValueFromActiveTab();
+      }
+      closeAddressSuggestions();
+      addressBlurTimer = null;
+    }, 150);
+  };
+  const selectSuggestion = (url) => {
+    setInputValue(url);
+    commitAddressNavigation(url);
   };
   const handleSubmit = (e) => {
     e.preventDefault();
@@ -3132,11 +3201,7 @@ const AddressBar = (props) => {
       selectSuggestion(items[idx].url);
     } else {
       const val = inputValue().trim();
-      if (val) {
-        navigate(val);
-        inputRef?.blur();
-        setShowSuggestions(false);
-      }
+      if (val) commitAddressNavigation(val);
     }
   };
   const handleInputKeyDown = (e) => {
@@ -3156,10 +3221,11 @@ const AddressBar = (props) => {
       }
     } else if (e.key === "Escape") {
       if (showSuggestions()) {
-        setShowSuggestions(false);
-        setSelectedIndex(-1);
+        syncInputValueFromActiveTab();
+        setHasEditedAddress(false);
+        closeAddressSuggestions();
       } else {
-        inputRef?.blur();
+        cancelAddressEditing();
       }
     }
   };
@@ -3242,18 +3308,17 @@ const AddressBar = (props) => {
     }), _el$11);
     _el$12.addEventListener("submit", handleSubmit);
     _el$13.addEventListener("blur", () => {
-      setTimeout(() => {
-        setShowSuggestions(false);
-        setSelectedIndex(-1);
-      }, 150);
+      scheduleAddressBlurReset();
     });
     _el$13.$$keydown = handleInputKeyDown;
     _el$13.addEventListener("focus", (e) => {
+      clearAddressBlurTimer();
       e.currentTarget.select();
       const query = inputValue().trim();
       if (query.length >= 2) setShowSuggestions(true);
     });
     _el$13.$$input = (e) => {
+      setHasEditedAddress(true);
       setInputValue(e.currentTarget.value);
       setShowSuggestions(true);
       setSelectedIndex(-1);
@@ -3336,7 +3401,7 @@ const AddressBar = (props) => {
         var _el$19 = _tmpl$0$5(), _el$20 = _el$19.firstChild, _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild, _el$23 = _el$22.nextSibling;
         _el$23.firstChild;
         var _el$30 = _el$21.nextSibling, _el$31 = _el$30.firstChild, _el$32 = _el$31.nextSibling;
-        insert(_el$23, () => formatRelativeTime2(pageDiff().oldSnapshot.capturedAt), null);
+        insert(_el$23, () => formatRelativeTime(pageDiff().oldSnapshot.capturedAt), null);
         insert(_el$21, createComponent(Show, {
           get when() {
             return memo(() => !!((pageDiff().burstCount || 0) > 1 && pageDiff().firstDetectedAt))() && pageDiff().lastDetectedAt;
@@ -3345,7 +3410,7 @@ const AddressBar = (props) => {
             var _el$25 = _tmpl$8$8(), _el$26 = _el$25.firstChild, _el$29 = _el$26.nextSibling;
             _el$29.nextSibling;
             insert(_el$25, () => pageDiff().burstCount, _el$29);
-            insert(_el$25, () => formatElapsed(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
+            insert(_el$25, () => formatElapsedTime(pageDiff().firstDetectedAt, pageDiff().lastDetectedAt), null);
             return _el$25;
           }
         }), null);
@@ -3366,7 +3431,7 @@ const AddressBar = (props) => {
                 var _el$55 = _tmpl$20$2(), _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling;
                 insert(_el$56, (() => {
                   var _c$2 = memo(() => i() === 0);
-                  return () => _c$2() ? "Latest" : formatRelativeTime2(burst.detectedAt);
+                  return () => _c$2() ? "Latest" : formatRelativeTime(burst.detectedAt);
                 })());
                 insert(_el$57, createComponent(For, {
                   get each() {
@@ -7313,23 +7378,6 @@ const AutomationTab = (props) => {
 };
 delegateEvents(["click", "input", "keydown", "contextmenu"]);
 var _tmpl$$b = /* @__PURE__ */ template(`<div class=agent-muted>Loading...`), _tmpl$2$b = /* @__PURE__ */ template(`<div class=agent-muted>`), _tmpl$3$a = /* @__PURE__ */ template(`<div class=agent-muted>No changes detected yet.`), _tmpl$4$a = /* @__PURE__ */ template(`<div class=page-diff-timeline-header><div class=agent-section-title>Change history for this page</div><div class=agent-muted>Newest detections are first. Each entry is a saved change burst.`), _tmpl$5$7 = /* @__PURE__ */ template(`<div class=page-diff-history-list>`), _tmpl$6$7 = /* @__PURE__ */ template(`<div class=page-diff-timeline>`), _tmpl$7$7 = /* @__PURE__ */ template(`<div class=page-diff-history-item><div class=page-diff-history-time><span class=page-diff-history-label></span><span></span></div><div class=page-diff-history-card><div class=page-diff-history-summary-list></div><div class=page-diff-history-position>Entry <!> of `), _tmpl$8$6 = /* @__PURE__ */ template(`<span class=page-diff-history-summary-section>`), _tmpl$9$4 = /* @__PURE__ */ template(`<div class=page-diff-history-summary-row><span class=page-diff-history-summary>`);
-const formatChangeTime = (isoDate) => new Date(isoDate).toLocaleString([], {
-  month: "short",
-  day: "numeric",
-  hour: "numeric",
-  minute: "2-digit"
-});
-const formatRelativeTime = (isoDate) => {
-  const diff = Date.now() - new Date(isoDate).getTime();
-  const mins = Math.floor(diff / 6e4);
-  if (mins < 1) return "just now";
-  if (mins < 60) return `${mins}m ago`;
-  const hours = Math.floor(mins / 60);
-  if (hours < 24) return `${hours}h ago`;
-  const days = Math.floor(hours / 24);
-  if (days < 7) return `${days}d ago`;
-  return new Date(isoDate).toLocaleDateString();
-};
 const PageDiffTimeline = () => {
   const {
     activeTab
@@ -7426,7 +7474,7 @@ const PageDiffTimeline = () => {
                 var _c$ = memo(() => i() === 0);
                 return () => _c$() ? "Latest change" : formatRelativeTime(burst.detectedAt);
               })());
-              insert(_el$0, () => formatChangeTime(burst.detectedAt));
+              insert(_el$0, () => formatShortDateTime(burst.detectedAt));
               insert(_el$10, createComponent(For, {
                 get each() {
                   return parseDiffSummaryParts(burst.summary);

package/out/renderer/index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self'; font-src 'self' data:;" />
     <title>Vessel</title>
-    <script type="module" crossorigin src="./assets/index-Dhg4KPX1.js"></script>
+    <script type="module" crossorigin src="./assets/index-DOJa9vgV.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-CHSGQlQr.css">
   </head>
   <body>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@quanta-intellect/vessel-browser",
   "mcpName": "io.github.unmodeled-tyler/vessel-browser",
-  "version": "0.1.80",
+  "version": "0.1.81",
   "description": "AI-native web browser runtime for autonomous agents with human supervision",
   "main": "./out/main/index.js",
   "bin": {