@flrande/bak-extension 0.6.16 → 0.6.17

package/dist/content.global.js

@@ -239,6 +239,155 @@
     };
   }
 
+  // src/network-tools.ts
+  var ROW_CANDIDATE_KEYS2 = ["data", "rows", "results", "items", "records", "entries"];
+  var SUMMARY_TEXT_LIMIT = 96;
+  function truncateSummaryText(value, limit = SUMMARY_TEXT_LIMIT) {
+    const normalized = value.replace(/\s+/g, " ").trim();
+    if (normalized.length <= limit) {
+      return normalized;
+    }
+    return `${normalized.slice(0, Math.max(1, limit - 1)).trimEnd()}...`;
+  }
+  function safeParseUrl(urlText) {
+    try {
+      return new URL(urlText);
+    } catch {
+      try {
+        return new URL(urlText, "http://127.0.0.1");
+      } catch {
+        return null;
+      }
+    }
+  }
+  function looksLikeFormBody(value) {
+    return value.includes("=") && (value.includes("&") || !value.trim().startsWith("{"));
+  }
+  function summarizeSearchParams(params) {
+    const entries = [];
+    params.forEach((value, key) => {
+      entries.push([key, value]);
+    });
+    if (entries.length === 0) {
+      return void 0;
+    }
+    const preview = entries.slice(0, 4).map(([key, value]) => `${key}=${truncateSummaryText(value, 32)}`);
+    return entries.length > 4 ? `${preview.join(", ")} ...` : preview.join(", ");
+  }
+  function summarizeJsonValue(value) {
+    if (Array.isArray(value)) {
+      return `json array(${value.length})`;
+    }
+    if (!value || typeof value !== "object") {
+      return `json ${truncateSummaryText(String(value), 40)}`;
+    }
+    const record = value;
+    for (const key of ROW_CANDIDATE_KEYS2) {
+      if (Array.isArray(record[key])) {
+        return `json rows(${record[key].length}) via ${key}`;
+      }
+    }
+    const keys = Object.keys(record).slice(0, 5);
+    return keys.length > 0 ? `json keys: ${keys.join(", ")}` : "json object";
+  }
+  function headerValue(headers, name) {
+    if (!headers) {
+      return void 0;
+    }
+    const normalizedName = name.toLowerCase();
+    for (const [key, value] of Object.entries(headers)) {
+      if (key.toLowerCase() === normalizedName) {
+        return value;
+      }
+    }
+    return void 0;
+  }
+  function summarizeNetworkPayload(payload, contentType, truncated = false) {
+    if (typeof payload !== "string") {
+      return void 0;
+    }
+    const trimmed = payload.trim();
+    if (!trimmed) {
+      return void 0;
+    }
+    const normalizedContentType = contentType?.toLowerCase() ?? "";
+    let summary;
+    if (normalizedContentType.includes("json") || trimmed.startsWith("{") || trimmed.startsWith("[")) {
+      try {
+        summary = summarizeJsonValue(JSON.parse(trimmed));
+      } catch {
+        summary = `json text: ${truncateSummaryText(trimmed)}`;
+      }
+    } else if (normalizedContentType.includes("x-www-form-urlencoded") || looksLikeFormBody(trimmed)) {
+      try {
+        const params = new URLSearchParams(trimmed);
+        const preview = summarizeSearchParams(params);
+        summary = preview ? `form: ${preview}` : "form body";
+      } catch {
+        summary = `form text: ${truncateSummaryText(trimmed)}`;
+      }
+    } else {
+      summary = `text: ${truncateSummaryText(trimmed)}`;
+    }
+    return truncated ? `${summary} (truncated)` : summary;
+  }
+  function buildNetworkEntryDerivedFields(entry) {
+    const parsedUrl = safeParseUrl(entry.url);
+    const preview = {
+      query: parsedUrl ? summarizeSearchParams(parsedUrl.searchParams) : void 0,
+      request: summarizeNetworkPayload(
+        entry.requestBodyPreview,
+        headerValue(entry.requestHeaders, "content-type"),
+        entry.requestBodyTruncated === true
+      ),
+      response: summarizeNetworkPayload(entry.responseBodyPreview, entry.contentType, entry.responseBodyTruncated === true)
+    };
+    return {
+      hostname: parsedUrl?.hostname,
+      pathname: parsedUrl?.pathname,
+      preview: preview.query || preview.request || preview.response ? preview : void 0
+    };
+  }
+  function clampNetworkListLimit(limit, fallback = 50) {
+    return typeof limit === "number" ? Math.max(1, Math.min(500, Math.floor(limit))) : fallback;
+  }
+  function networkEntryMatchesFilters(entry, filters) {
+    const urlIncludes = typeof filters.urlIncludes === "string" ? filters.urlIncludes : "";
+    const method = typeof filters.method === "string" ? filters.method.toUpperCase() : "";
+    const status = typeof filters.status === "number" ? filters.status : void 0;
+    const domain = typeof filters.domain === "string" ? filters.domain.trim().toLowerCase() : "";
+    const resourceType = typeof filters.resourceType === "string" ? filters.resourceType.trim().toLowerCase() : "";
+    const kind = typeof filters.kind === "string" ? filters.kind : void 0;
+    const sinceTs = typeof filters.sinceTs === "number" ? filters.sinceTs : void 0;
+    if (typeof sinceTs === "number" && entry.ts < sinceTs) {
+      return false;
+    }
+    if (urlIncludes && !entry.url.includes(urlIncludes)) {
+      return false;
+    }
+    if (method && entry.method.toUpperCase() !== method) {
+      return false;
+    }
+    if (typeof status === "number" && entry.status !== status) {
+      return false;
+    }
+    if (domain) {
+      const hostname = (entry.hostname ?? safeParseUrl(entry.url)?.hostname ?? "").toLowerCase();
+      if (!hostname || !hostname.includes(domain) && hostname !== domain) {
+        return false;
+      }
+    }
+    if (resourceType) {
+      if ((entry.resourceType ?? "").toLowerCase() !== resourceType) {
+        return false;
+      }
+    }
+    if (kind && entry.kind !== kind) {
+      return false;
+    }
+    return true;
+  }
+
   // src/privacy.ts
   var MAX_SAFE_TEXT_LENGTH = 120;
   var MAX_DEBUG_TEXT_LENGTH = 320;
@@ -1736,26 +1885,19 @@
     return merged;
   }
   function filterNetworkEntries(params) {
-    const urlIncludes = typeof params.urlIncludes === "string" ? params.urlIncludes : "";
-    const method = typeof params.method === "string" ? params.method.toUpperCase() : "";
-    const status = typeof params.status === "number" ? params.status : void 0;
-    const sinceTs = typeof params.sinceTs === "number" ? params.sinceTs : void 0;
-    const limit = typeof params.limit === "number" ? Math.max(1, Math.min(500, Math.floor(params.limit))) : 50;
-    return networkSnapshotEntries().filter((entry) => {
-      if (typeof sinceTs === "number" && entry.ts < sinceTs) {
-        return false;
-      }
-      if (urlIncludes && !entry.url.includes(urlIncludes)) {
-        return false;
-      }
-      if (method && entry.method.toUpperCase() !== method) {
-        return false;
-      }
-      if (typeof status === "number" && entry.status !== status) {
-        return false;
-      }
-      return true;
-    }).slice(-limit).reverse();
+    const limit = clampNetworkListLimit(typeof params.limit === "number" ? params.limit : void 0, 50);
+    const ordered = networkSnapshotEntries().map((entry) => ({ ...entry, ...buildNetworkEntryDerivedFields(entry) })).filter(
+      (entry) => networkEntryMatchesFilters(entry, {
+        urlIncludes: typeof params.urlIncludes === "string" ? params.urlIncludes : void 0,
+        status: typeof params.status === "number" ? params.status : void 0,
+        method: typeof params.method === "string" ? params.method : void 0,
+        domain: typeof params.domain === "string" ? params.domain : void 0,
+        resourceType: typeof params.resourceType === "string" ? params.resourceType : void 0,
+        kind: typeof params.kind === "string" ? params.kind : void 0,
+        sinceTs: typeof params.sinceTs === "number" ? params.sinceTs : void 0
+      })
+    ).slice(-limit);
+    return params.tail === true ? ordered : ordered.reverse();
   }
   function filterNetworkEntrySections(entry, include) {
     if (!Array.isArray(include)) {
@@ -1772,12 +1914,26 @@
       delete clone.requestHeaders;
       delete clone.requestBodyPreview;
       delete clone.requestBodyTruncated;
+      if (clone.preview) {
+        clone.preview = { ...clone.preview };
+        delete clone.preview.request;
+        if (!clone.preview.query && !clone.preview.request && !clone.preview.response) {
+          delete clone.preview;
+        }
+      }
     }
     if (!sections.has("response")) {
       delete clone.responseHeaders;
       delete clone.responseBodyPreview;
       delete clone.responseBodyTruncated;
       delete clone.binary;
+      if (clone.preview) {
+        clone.preview = { ...clone.preview };
+        delete clone.preview.response;
+        if (!clone.preview.query && !clone.preview.request && !clone.preview.response) {
+          delete clone.preview;
+        }
+      }
     }
     return clone;
   }
@@ -2653,6 +2809,182 @@
       }
     }).filter((item) => item !== null);
   }
+  var MODE_OPTION_PATTERN = /\b(latest|historical|history|archive|archived|live|intraday|today|yesterday|session|completed)\b/i;
+  function selectorHintForElement(element) {
+    if (element instanceof HTMLElement && element.id) {
+      return `#${element.id}`;
+    }
+    if (element instanceof HTMLElement && element.getAttribute("name")) {
+      return `${element.tagName.toLowerCase()}[name="${element.getAttribute("name")}"]`;
+    }
+    const role = element.getAttribute("role");
+    if (role) {
+      return `${element.tagName.toLowerCase()}[role="${role}"]`;
+    }
+    return element.tagName.toLowerCase();
+  }
+  function cleanControlText(value) {
+    if (typeof value !== "string") {
+      return void 0;
+    }
+    const normalized = value.replace(/\s+/g, " ").trim();
+    return normalized.length > 0 ? normalized : void 0;
+  }
+  function extractElementLabel(element) {
+    if (element instanceof HTMLInputElement && element.labels && element.labels.length > 0) {
+      return cleanControlText(element.labels[0]?.textContent);
+    }
+    const ariaLabel = cleanControlText(element.getAttribute("aria-label"));
+    if (ariaLabel) {
+      return ariaLabel;
+    }
+    if (element instanceof HTMLElement && element.id) {
+      const label = document.querySelector(`label[for="${CSS.escape(element.id)}"]`);
+      if (label) {
+        return cleanControlText(label.textContent);
+      }
+    }
+    const fieldset = element.closest("fieldset");
+    if (fieldset) {
+      const legend = fieldset.querySelector("legend");
+      const legendText = cleanControlText(legend?.textContent);
+      if (legendText) {
+        return legendText;
+      }
+    }
+    return cleanControlText(element.parentElement?.getAttribute("aria-label") ?? element.parentElement?.getAttribute("data-label"));
+  }
+  function inferModeOption(element) {
+    const label = cleanControlText(
+      element instanceof HTMLInputElement && element.type === "radio" ? element.labels?.[0]?.textContent ?? element.value : element instanceof HTMLOptionElement ? element.textContent ?? element.value : element.textContent ?? element.getAttribute("value") ?? element.getAttribute("aria-label")
+    ) ?? cleanControlText(element.getAttribute("value"));
+    if (!label || !MODE_OPTION_PATTERN.test(label)) {
+      return null;
+    }
+    const value = cleanControlText(
+      element instanceof HTMLInputElement || element instanceof HTMLOptionElement ? element.value : element.getAttribute("value") ?? label
+    ) ?? label;
+    const selected = element instanceof HTMLOptionElement && element.selected || element instanceof HTMLInputElement && element.checked || element.getAttribute("aria-selected") === "true" || element.getAttribute("aria-pressed") === "true" || element.classList.contains("active") || element.classList.contains("selected") || element.classList.contains("current");
+    return {
+      label,
+      value,
+      selected
+    };
+  }
+  function buildModeGroup(elements, controlType, container) {
+    const options = elements.map((element) => inferModeOption(element)).filter((item) => item !== null);
+    const deduped = options.filter((option, index, array) => array.findIndex((candidate) => candidate.label === option.label) === index);
+    if (deduped.length < 2) {
+      return null;
+    }
+    return {
+      controlType,
+      label: container ? extractElementLabel(container) : void 0,
+      selectorHint: container ? selectorHintForElement(container) : selectorHintForElement(elements[0]),
+      options: deduped
+    };
+  }
+  function collectModeGroups(root) {
+    const groups = [];
+    const handled = /* @__PURE__ */ new Set();
+    for (const select of Array.from(root.querySelectorAll("select"))) {
+      const options = Array.from(select.querySelectorAll("option"));
+      const group = buildModeGroup(options, "select", select);
+      if (!group) {
+        continue;
+      }
+      options.forEach((option) => handled.add(option));
+      groups.push(group);
+    }
+    for (const container of Array.from(root.querySelectorAll('[role="tablist"], [role="radiogroup"], fieldset'))) {
+      const role = container.getAttribute("role");
+      const elements = role === "tablist" ? Array.from(container.querySelectorAll('[role="tab"]')) : role === "radiogroup" ? Array.from(container.querySelectorAll('[role="radio"], input[type="radio"]')) : Array.from(container.querySelectorAll('input[type="radio"], button'));
+      const untouched = elements.filter((element) => !handled.has(element));
+      const group = buildModeGroup(untouched, role === "tablist" ? "tabs" : role === "radiogroup" ? "radio" : "buttons", container);
+      if (!group) {
+        continue;
+      }
+      untouched.forEach((element) => handled.add(element));
+      groups.push(group);
+    }
+    const candidateParents = /* @__PURE__ */ new Set();
+    for (const button of Array.from(root.querySelectorAll("button"))) {
+      if (button.parentElement) {
+        candidateParents.add(button.parentElement);
+      }
+    }
+    for (const parent of candidateParents) {
+      const directButtons = Array.from(parent.children).filter((child) => child instanceof HTMLButtonElement);
+      if (directButtons.length < 2 || directButtons.length > 6 || directButtons.every((button) => handled.has(button))) {
+        continue;
+      }
+      const group = buildModeGroup(
+        directButtons.filter((button) => !handled.has(button)),
+        "buttons",
+        parent
+      );
+      if (!group) {
+        continue;
+      }
+      directButtons.forEach((button) => handled.add(button));
+      groups.push(group);
+    }
+    return groups.slice(0, 6);
+  }
+  function normalizeDateValue(value) {
+    const normalized = cleanControlText(value);
+    if (!normalized) {
+      return void 0;
+    }
+    return Number.isFinite(Date.parse(normalized)) || /^\d{4}-\d{2}-\d{2}$/.test(normalized) ? normalized : void 0;
+  }
+  function collectDateControls(root) {
+    const controls = [];
+    for (const input of Array.from(root.querySelectorAll('input[type="date"], input[type="datetime-local"], input[type="month"], input[type="week"]'))) {
+      controls.push({
+        controlType: "input",
+        label: extractElementLabel(input),
+        selectorHint: selectorHintForElement(input),
+        value: normalizeDateValue(input.value),
+        min: normalizeDateValue(input.min),
+        max: normalizeDateValue(input.max),
+        dataMaxDate: normalizeDateValue(input.getAttribute("data-max-date"))
+      });
+    }
+    for (const select of Array.from(root.querySelectorAll("select"))) {
+      const optionValues = Array.from(select.querySelectorAll("option")).map((option) => normalizeDateValue(option.value) ?? normalizeDateValue(option.textContent)).filter((value) => typeof value === "string");
+      const dataMaxDate = normalizeDateValue(select.getAttribute("data-max-date"));
+      if (optionValues.length === 0 && !dataMaxDate) {
+        continue;
+      }
+      controls.push({
+        controlType: "select",
+        label: extractElementLabel(select),
+        selectorHint: selectorHintForElement(select),
+        value: normalizeDateValue(select.value),
+        dataMaxDate,
+        options: [...new Set(optionValues)].slice(0, 8)
+      });
+    }
+    for (const element of Array.from(root.querySelectorAll("[data-max-date], [data-date]"))) {
+      if (element instanceof HTMLInputElement || element instanceof HTMLSelectElement) {
+        continue;
+      }
+      const dataMaxDate = normalizeDateValue(element.getAttribute("data-max-date"));
+      const value = normalizeDateValue(element.getAttribute("data-date"));
+      if (!dataMaxDate && !value) {
+        continue;
+      }
+      controls.push({
+        controlType: "dataset",
+        label: extractElementLabel(element),
+        selectorHint: selectorHintForElement(element),
+        value,
+        dataMaxDate
+      });
+    }
+    return controls.slice(0, 10);
+  }
   async function collectInspectionState(params = {}) {
     const rootResult = resolveRootForLocator();
     if (!rootResult.ok) {
@@ -2674,6 +3006,8 @@
     const previewGlobals = await globalsPreview();
     const suspiciousGlobals = [...new Set(scripts.flatMap((script) => script.suspectedVars))].slice(0, 50);
     const inlineJsonSources = collectInlineJsonSources(root);
+    const modeGroups = collectModeGroups(root);
+    const dateControls = collectDateControls(root);
     return {
       url: metadata.url,
       title: metadata.title,
@@ -2693,6 +3027,8 @@
       cookies: cookieMetadata(),
       frames: collectFrames(),
       inlineJsonSources,
+      modeGroups,
+      dateControls,
       tables: describeTables(),
       timers: {
         timeouts: 0,

package/dist/manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Browser Agent Kit",
-  "version": "0.6.16",
+  "version": "0.6.17",
   "action": {
     "default_popup": "popup.html"
   },

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@flrande/bak-extension",
-  "version": "0.6.16",
+  "version": "0.6.17",
   "type": "module",
   "dependencies": {
-    "@flrande/bak-protocol": "0.6.16"
+    "@flrande/bak-protocol": "0.6.17"
   },
   "devDependencies": {
     "@types/chrome": "^0.1.14",