@quanta-intellect/vessel-browser 0.1.134 → 0.1.137

package/out/preload/content-script.js

@@ -2160,6 +2160,16 @@ function createLogger(scope) {
   };
 }
 const logger = createLogger("ContentScript");
+const MAX_VISIBLE_TEXT = 500;
+const MAX_HREF_LENGTH = 500;
+const MAX_ATTR_TEXT = 200;
+const MAX_DESCRIPTION_LENGTH = 160;
+const MAX_LABEL_LENGTH = 100;
+const MAX_SHORT_TEXT = 60;
+const MAX_RESULT_COUNT = 10;
+const MAX_DIFF_HEADINGS = 8;
+const MAX_OPTIONS_PER_SELECT = 8;
+const MAX_OPTIONS_DISPLAY = 25;
 function looksLikeCorrectOption(value) {
   const text = getTrimmedText(value);
   if (!text) return void 0;
@@ -2209,7 +2219,7 @@ function collectBoundedVisibleText(root, maxLength) {
 }
 function getPageDiffSignature() {
   const title = normalizeSignatureText(document.title);
-  const headings = Array.from(document.querySelectorAll("h1, h2, h3")).slice(0, 8).map((el) => normalizeSignatureText(el.textContent)).filter(Boolean).join(" | ");
+  const headings = Array.from(document.querySelectorAll("h1, h2, h3")).slice(0, MAX_DIFF_HEADINGS).map((el) => normalizeSignatureText(el.textContent)).filter(Boolean).join(" | ");
   const mainRoot = document.querySelector("main, article, [role='main']") || document.body;
   const visibleText = collectBoundedVisibleText(mainRoot, 1200);
   return [window.location.href, title, headings, visibleText].join("\n");
@@ -2518,7 +2528,7 @@ function looksLikeDrawer(el, style, rect, areaRatio) {
   return false;
 }
 function looksLikeCartConfirmation(el) {
-  const text = (el.textContent || "").slice(0, 500).toLowerCase();
+  const text = (el.textContent || "").slice(0, MAX_VISIBLE_TEXT).toLowerCase();
   const signals = [
     "added to cart",
     "added to bag",
@@ -2601,14 +2611,14 @@ function collectOverlayRadioOptions(root) {
     seen.add(key);
     const checked = node.getAttribute("aria-checked") === "true" || (node instanceof HTMLInputElement ? node.checked : false);
     options.push({
-      label: data.text.slice(0, 100),
+      label: data.text.slice(0, MAX_LABEL_LENGTH),
       selector,
       checked,
       labelSource: data.source,
       looksCorrect: looksLikeCorrectOption(data.text)
     });
   });
-  return options.slice(0, 8);
+  return options.slice(0, MAX_OPTIONS_PER_SELECT);
 }
 function collectOverlayActions(root) {
   const seen = /* @__PURE__ */ new Set();
@@ -2637,17 +2647,17 @@ function collectOverlayActions(root) {
     if (!data.text) return;
     seen.add(selector);
     actions.push({
-      label: data.text.slice(0, 100),
+      label: data.text.slice(0, MAX_LABEL_LENGTH),
       selector,
       kind: getOverlayActionKind(node, data.text),
       disabled: isElementDisabled(node)
     });
   });
-  return actions.sort((a, b) => getOverlayActionPriority(b) - getOverlayActionPriority(a)).slice(0, 10);
+  return actions.sort((a, b) => getOverlayActionPriority(b) - getOverlayActionPriority(a)).slice(0, MAX_RESULT_COUNT);
 }
 function getOverlayMessage(el) {
   const heading = el.querySelector("h1, h2, h3, h4, h5, h6");
-  return getTrimmedText(heading?.textContent)?.slice(0, 160) || getNodeTextByIds(el.getAttribute("aria-describedby"))?.slice(0, 160) || getTrimmedText(el.textContent)?.slice(0, 160);
+  return getTrimmedText(heading?.textContent)?.slice(0, MAX_DESCRIPTION_LENGTH) || getNodeTextByIds(el.getAttribute("aria-describedby"))?.slice(0, MAX_DESCRIPTION_LENGTH) || getTrimmedText(el.textContent)?.slice(0, MAX_DESCRIPTION_LENGTH);
 }
 function classifyOverlayKind(args) {
   const haystack = [
@@ -2715,7 +2725,7 @@ function detectOverlays() {
       role: getTrimmedText(node.getAttribute("role")) || void 0,
       label: getOverlayLabel(node),
       selector: generateSelector(node),
-      text: getTrimmedText(node.textContent)?.slice(0, 160),
+      text: getTrimmedText(node.textContent)?.slice(0, MAX_DESCRIPTION_LENGTH),
       message: getOverlayMessage(node),
       blocksInteraction: blockingSurface,
       dismissSelector: actions.find((action) => action.kind === "dismiss")?.selector,
@@ -2750,7 +2760,7 @@ function isLikelyDormantOverlay(el) {
     return true;
   }
   return /cookie|consent|privacy|gdpr|ccpa|onetrust|ot-sdk|trustarc|didomi|sp_message|qc-cmp|cmp|newsletter|subscribe/.test(
-    `${attrs} ${text.slice(0, 200)}`
+    `${attrs} ${text.slice(0, MAX_ATTR_TEXT)}`
   );
 }
 function detectDormantOverlays() {
@@ -2768,10 +2778,10 @@ function detectDormantOverlays() {
       role: getTrimmedText(node.getAttribute("role")) || void 0,
       label: getOverlayLabel(node),
       selector,
-      text: getTrimmedText(node.textContent)?.slice(0, 160)
+      text: getTrimmedText(node.textContent)?.slice(0, MAX_DESCRIPTION_LENGTH)
     });
   });
-  return matches.slice(0, 10);
+  return matches.slice(0, MAX_RESULT_COUNT);
 }
 function samplePointForRect(rect) {
   if (!isInViewportRect(rect)) return null;
@@ -2962,7 +2972,7 @@ function getSelectOptions(el) {
   const options = Array.from(el.options).map((option) => ({
     label: option.textContent?.trim() || option.value.trim(),
     value: option.value
-  })).filter((o) => o.label || o.value).slice(0, 25);
+  })).filter((o) => o.label || o.value).slice(0, MAX_OPTIONS_DISPLAY);
   return options.length > 0 ? options : void 0;
 }
 function getAriaBoolean(el, attr) {
@@ -3007,8 +3017,8 @@ function extractNavigation() {
       if (!text || anchor.getAttribute("href")?.startsWith("#")) return;
       navigation.push({
         type: "link",
-        text: text.slice(0, 100),
-        href: anchor.href.slice(0, 500),
+        text: text.slice(0, MAX_LABEL_LENGTH),
+        href: anchor.href.slice(0, MAX_HREF_LENGTH),
         ...buildBaseMetadata(anchor),
         context: "nav"
       });
@@ -3053,7 +3063,7 @@ function extractInteractiveElements() {
     const role = getElementRole(btn);
     elements.push({
       type: "button",
-      text: text?.slice(0, 100),
+      text: text?.slice(0, MAX_LABEL_LENGTH),
       labelSource: source,
       ...buildBaseMetadata(btn),
       role,
@@ -3068,8 +3078,8 @@ function extractInteractiveElements() {
     if (context === "nav") return;
     elements.push({
       type: "link",
-      text: text.slice(0, 100),
-      href: anchor.href.slice(0, 500),
+      text: text.slice(0, MAX_LABEL_LENGTH),
+      href: anchor.href.slice(0, MAX_HREF_LENGTH),
       ...buildBaseMetadata(anchor),
       context
     });
@@ -3086,7 +3096,7 @@ function extractInteractiveElements() {
     ) : void 0;
     elements.push({
       type: tag === "select" ? "select" : tag === "textarea" ? "textarea" : "input",
-      label: label.label?.slice(0, 100),
+      label: label.label?.slice(0, MAX_LABEL_LENGTH),
       labelSource: label.source,
       inputType: element.getAttribute("type") || void 0,
       placeholder: element.getAttribute("placeholder") || void 0,
@@ -3095,7 +3105,7 @@ function extractInteractiveElements() {
       options: element instanceof HTMLSelectElement ? getSelectOptions(element) : void 0,
       ...buildBaseMetadata(input),
       role,
-      text: radioText?.slice(0, 100),
+      text: radioText?.slice(0, MAX_LABEL_LENGTH),
       looksCorrect: radioText || label.label ? looksLikeCorrectOption(radioText || label.label) : void 0,
       ...getFieldMetadata(element)
     });
@@ -3126,7 +3136,7 @@ function extractForms() {
       ) : void 0;
       fields.push({
         type: tag === "select" ? "select" : tag === "textarea" ? "textarea" : "input",
-        label: label.label?.slice(0, 100),
+        label: label.label?.slice(0, MAX_LABEL_LENGTH),
         labelSource: label.source,
         inputType: element.getAttribute("type") || void 0,
         placeholder: element.getAttribute("placeholder") || void 0,
@@ -3135,7 +3145,7 @@ function extractForms() {
         options: element instanceof HTMLSelectElement ? getSelectOptions(element) : void 0,
         ...buildBaseMetadata(input),
         role,
-        text: radioText?.slice(0, 100),
+        text: radioText?.slice(0, MAX_LABEL_LENGTH),
         looksCorrect: radioText || label.label ? looksLikeCorrectOption(radioText || label.label) : void 0,
         ...getFieldMetadata(element)
       });
@@ -3148,7 +3158,7 @@ function extractForms() {
       const { text, source } = getButtonTextWithSource(btn);
       fields.push({
         type: "button",
-        text: text?.slice(0, 100),
+        text: text?.slice(0, MAX_LABEL_LENGTH),
         labelSource: source,
         ...buildBaseMetadata(btn)
       });
@@ -3183,7 +3193,7 @@ function extractLandmarks() {
       landmarks.push({
         role,
         label: getTrimmedText(el.getAttribute("aria-label")) || getNodeTextByIds(el.getAttribute("aria-labelledby")) || getTrimmedText(el.id),
-        text: getTrimmedText(el.textContent)?.slice(0, 200)
+        text: getTrimmedText(el.textContent)?.slice(0, MAX_ATTR_TEXT)
       });
     });
   });
@@ -3419,12 +3429,12 @@ function interactByIndex(index, action, value) {
     }
     const anchor = el instanceof HTMLAnchorElement ? el : el.closest("a[href]");
     const href = anchor instanceof HTMLAnchorElement ? anchor.href : null;
-    return "Clicked: " + (el.getAttribute("aria-label") || el.textContent?.trim().slice(0, 60) || el.tagName.toLowerCase()) + (href ? "\nhref: " + href : "");
+    return "Clicked: " + (el.getAttribute("aria-label") || el.textContent?.trim().slice(0, MAX_SHORT_TEXT) || el.tagName.toLowerCase()) + (href ? "\nhref: " + href : "");
   }
   if (action === "focus") {
     el.scrollIntoView({ behavior: "instant", block: "center", inline: "center" });
     el.focus();
-    return "Focused: " + (el.getAttribute("aria-label") || el.textContent?.trim().slice(0, 60) || el.tagName.toLowerCase());
+    return "Focused: " + (el.getAttribute("aria-label") || el.textContent?.trim().slice(0, MAX_SHORT_TEXT) || el.tagName.toLowerCase());
   }
   if (action === "value" && value != null) {
     if (!(el instanceof HTMLInputElement) && !(el instanceof HTMLTextAreaElement) && !(el instanceof HTMLSelectElement)) {

package/out/renderer/assets/{index-CWy6khUL.css → index-CdUTXTU4.css}

@@ -2657,6 +2657,16 @@
     display: flex;
     flex-direction: column;
     gap: 10px;
+    overscroll-behavior: contain;
+    scrollbar-gutter: stable;
+    background: var(--bg-secondary);
+    contain: layout paint;
+    isolation: isolate;
+    transform: translateZ(0);
+}
+
+.sidebar-messages.scroll-fade::after {
+    display: none;
 }
 
 /* Fade-in when tab content switches */
@@ -3538,6 +3548,8 @@
     word-break: break-word;
     user-select: text;
     animation: message-enter 300ms var(--ease-out-expo) both;
+    content-visibility: auto;
+    contain-intrinsic-size: auto 80px;
 }
 
 @keyframes message-enter {

package/out/renderer/assets/{index-3HMjZNhK.js → index-k2scA5OB.js}

@@ -4056,6 +4056,10 @@ const BookmarkNotifications = () => {
   })();
 };
 delegateEvents(["click"]);
+const STATUS_MESSAGE_CLEAR_MS = 3e3;
+const STATUS_MESSAGE_LONG_CLEAR_MS = 5e3;
+const MAX_PREVIEW_TEXT = 60;
+const TRUNCATE_KEEP = 57;
 var _tmpl$$n = /* @__PURE__ */ template(`<div class=bookmark-toast-stack aria-live=polite><div class="bookmark-toast highlight-toast"role=status><div class=bookmark-toast-header><div class=bookmark-toast-title></div><button type=button class=bookmark-toast-close aria-label="Dismiss notification">×</button></div><div class=bookmark-toast-message>`);
 const TOAST_DURATION_MS = 3e3;
 const TOAST_EXIT_MS$1 = 300;
@@ -4543,20 +4547,39 @@ const FlowProgress = () => {
   });
 };
 function useScrollFade(el) {
+  let frameId;
+  let hasTopFade;
+  let hasBottomFade;
   const update = () => {
+    frameId = void 0;
     const { scrollTop, scrollHeight, clientHeight } = el;
     const atTop = scrollTop <= 2;
     const atBottom = scrollTop + clientHeight >= scrollHeight - 2;
-    el.classList.toggle("fade-top", !atTop);
-    el.classList.toggle("fade-bottom", !atBottom);
+    const nextTopFade = !atTop;
+    const nextBottomFade = !atBottom;
+    if (hasTopFade !== nextTopFade) {
+      hasTopFade = nextTopFade;
+      el.classList.toggle("fade-top", nextTopFade);
+    }
+    if (hasBottomFade !== nextBottomFade) {
+      hasBottomFade = nextBottomFade;
+      el.classList.toggle("fade-bottom", nextBottomFade);
+    }
+  };
+  const scheduleUpdate = () => {
+    if (frameId !== void 0) return;
+    frameId = requestAnimationFrame(update);
   };
   el.classList.add("scroll-fade");
-  el.addEventListener("scroll", update, { passive: true });
-  queueMicrotask(update);
-  const observer = new MutationObserver(update);
+  el.addEventListener("scroll", scheduleUpdate, { passive: true });
+  queueMicrotask(scheduleUpdate);
+  const observer = new MutationObserver(scheduleUpdate);
   observer.observe(el, { childList: true, subtree: true });
   onCleanup(() => {
-    el.removeEventListener("scroll", update);
+    el.removeEventListener("scroll", scheduleUpdate);
+    if (frameId !== void 0) {
+      cancelAnimationFrame(frameId);
+    }
     observer.disconnect();
   });
 }
@@ -7433,7 +7456,7 @@ const TOOL_ICONS = {
 function renderToolChip(name, args) {
   const icon = TOOL_ICONS[name] || "⚙";
   const displayName = name.replace(/_/g, " ");
-  const argsHtml = args ? `<span class="tool-chip-args">${escapeHtml(args.length > 60 ? args.slice(0, 57) + "..." : args)}</span>` : "";
+  const argsHtml = args ? `<span class="tool-chip-args">${escapeHtml(args.length > MAX_PREVIEW_TEXT ? args.slice(0, TRUNCATE_KEEP) + "..." : args)}</span>` : "";
   return `<div class="tool-chip"><span class="tool-chip-icon">${icon}</span><span class="tool-chip-name">${escapeHtml(displayName)}</span>${argsHtml}</div>`;
 }
 function renderMarkdown(source) {
@@ -7482,7 +7505,8 @@ ${token}
     output
   );
   if (typeof purify?.sanitize !== "function") {
-    return output;
+    console.warn("[markdown] DOMPurify not available; stripping HTML as fallback");
+    return output.replace(/<[^>]+>/g, "");
   }
   return purify.sanitize(output, {
     ALLOWED_TAGS: [
@@ -12703,8 +12727,6 @@ const SettingsPrivacy = (props) => {
   })();
 };
 delegateEvents(["input", "click"]);
-const STATUS_MESSAGE_CLEAR_MS = 3e3;
-const STATUS_MESSAGE_LONG_CLEAR_MS = 5e3;
 var _tmpl$$4 = /* @__PURE__ */ template(`<div class=settings-feedback-form><input class=settings-input type=email placeholder="Your reply email"><textarea class="settings-textarea settings-feedback-textarea"placeholder="Tell us what happened, what you expected, or what would make Vessel better."></textarea><div class=settings-inline-actions><button class=settings-secondary-btn>`), _tmpl$2$4 = /* @__PURE__ */ template(`<div class=premium-section><div class=premium-active-badge>Premium Active</div><p class=premium-detail></p><div class=premium-actions-row><button class="premium-btn premium-btn-manage">Manage Subscription</button><button class="premium-btn premium-btn-reset">Sign Out`), _tmpl$3$3 = /* @__PURE__ */ template(`<div class=vault-entries>`), _tmpl$4$2 = /* @__PURE__ */ template(`<div class=settings-category-panel><div class=settings-field><label class=settings-label>Support</label><div class=settings-inline-actions><button class=settings-secondary-btn></button></div></div><div class=settings-field><label class=settings-label>Vessel Premium</label></div><div class=settings-field><label class=settings-label>Saved Sessions</label><p class=settings-hint style=margin-bottom:10px>Save the current browser state (tabs, cookies, storage) as a named session. Restore it later from this panel.</p><div class=premium-activate-row style=margin-bottom:8px><input class="settings-input premium-email-input"placeholder="Session name"><button class="premium-btn premium-btn-activate">Save Current`), _tmpl$5$2 = /* @__PURE__ */ template(`<p class=settings-status>`), _tmpl$6$2 = /* @__PURE__ */ template(`<div class=premium-activate-row><input class="settings-input premium-email-input"inputmode=numeric maxlength=6 placeholder="Enter 6-digit code"><button class="premium-btn premium-btn-activate">`), _tmpl$7$2 = /* @__PURE__ */ template(`<button class="premium-btn premium-btn-reset">Clear Saved Email`), _tmpl$8$1 = /* @__PURE__ */ template(`<div class=premium-section><p class=premium-description>Unlock screenshot/vision analysis, session management, Obsidian integration, workflow tracking, DevTools tools, table extraction, Agent Credential Vault, and unlimited tool iterations.</p><div class=premium-activate-row><input class="settings-input premium-email-input"type=email placeholder="Enter your subscription email"><button class="premium-btn premium-btn-activate"></button></div><button class="premium-btn premium-btn-upgrade">`), _tmpl$9 = /* @__PURE__ */ template(`<div class=vault-entry><div class=vault-entry-info><span class=vault-entry-label></span><span class=vault-entry-detail> &middot; <!> cookies &middot; <!> domains</span></div><div style=display:flex;gap:6px;align-items:center><button class="premium-btn premium-btn-activate"title="Restore this session (replaces current tabs and cookies)"style="padding:2px 10px;font-size:12px">Load</button><button class=vault-entry-remove title="Delete session">&times;`);
 const SettingsAccount = (props) => {
   const p = props.premium;
@@ -14299,7 +14321,7 @@ const App = () => {
   const loadingPresence = useAnimatedPresence(() => !!activeTab()?.isLoading, 300);
   const showHighlightResult = (result) => {
     if (result.success && result.text) {
-      const preview = result.text.length > 60 ? result.text.slice(0, 57) + "..." : result.text;
+      const preview = result.text.length > MAX_PREVIEW_TEXT ? result.text.slice(0, TRUNCATE_KEEP) + "..." : result.text;
       setHighlightToast({
         title: "Highlight saved",
         message: preview

package/out/renderer/index.html

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="Content-Security-Policy" content="default-src 'self'; base-uri 'none'; object-src 'none'; frame-src 'none'; script-src 'self'; style-src 'self' 'unsafe-inline'; img-src 'self' data:; connect-src 'self'; font-src 'self' data:; form-action 'self';" />
     <title>Vessel</title>
-    <script type="module" crossorigin src="./assets/index-3HMjZNhK.js"></script>
-    <link rel="stylesheet" crossorigin href="./assets/index-CWy6khUL.css">
+    <script type="module" crossorigin src="./assets/index-k2scA5OB.js"></script>
+    <link rel="stylesheet" crossorigin href="./assets/index-CdUTXTU4.css">
   </head>
   <body>
     <div id="root"></div>

package/package.json

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