@reticular/speakable 1.3.0 → 1.5.0

package/dist/index.js

@@ -1,3 +1,9 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
 // src/model/types.ts
 var SUPPORTED_ROLES = [
   // Original roles (22)
@@ -2658,6 +2664,2830 @@ function createGenericContainer(rootElement, warnings) {
     children
   };
 }
+
+// src/runtime/index.ts
+var runtime_exports = {};
+__export(runtime_exports, {
+  analyzeVerbosity: () => analyzeVerbosity,
+  classifyDiff: () => classifyDiff,
+  createBaselineStorage: () => createBaselineStorage,
+  createEngine: () => createEngine,
+  createHeuristicAnalyzer: () => createHeuristicAnalyzer,
+  createTimelineGenerator: () => createTimelineGenerator,
+  deserializeEvent: () => deserializeEvent,
+  deserializeInteractionSequence: () => deserializeInteractionSequence,
+  deserializeTimeline: () => deserializeTimeline,
+  diffTimelines: () => diffTimelines,
+  executeAction: () => executeAction,
+  executeSequence: () => executeSequence,
+  formatVerbosityReport: () => formatVerbosityReport,
+  generateSelector: () => generateSelector,
+  getBuiltinPattern: () => getBuiltinPattern,
+  serializeEvent: () => serializeEvent,
+  serializeInteractionSequence: () => serializeInteractionSequence,
+  serializeTimeline: () => serializeTimeline,
+  timelinesEqual: () => timelinesEqual
+});
+
+// src/runtime/selector.ts
+function generateSelector(element) {
+  if (element.id) {
+    return `#${escapeCSSIdentifier(element.id)}`;
+  }
+  const document = element.ownerDocument;
+  if (!document) {
+    return getTagName(element);
+  }
+  const segments = [];
+  let current = element;
+  while (current && current !== document.documentElement) {
+    const segment = buildSegment(current, document);
+    segments.unshift(segment);
+    const partialSelector = segments.join(" > ");
+    try {
+      const matches = document.querySelectorAll(partialSelector);
+      if (matches.length === 1 && matches[0] === element) {
+        return partialSelector;
+      }
+    } catch {
+    }
+    current = current.parentElement;
+  }
+  if (segments.length === 0) {
+    return getTagName(element);
+  }
+  const fullSelector = segments.join(" > ");
+  return fullSelector;
+}
+function buildSegment(element, _document) {
+  const tag = getTagName(element);
+  const parent = element.parentElement;
+  if (parent) {
+    const siblingsWithSameTag = Array.from(parent.children).filter(
+      (child) => getTagName(child) === tag
+    );
+    if (siblingsWithSameTag.length === 1) {
+      return tag;
+    }
+  } else {
+    return tag;
+  }
+  const classes = getStableClasses(element);
+  if (classes.length > 0) {
+    const tagWithClasses = `${tag}.${classes.join(".")}`;
+    if (parent) {
+      const siblingsMatchingClasses = Array.from(parent.children).filter(
+        (child) => {
+          if (getTagName(child) !== tag) return false;
+          return classes.every((cls) => child.classList.contains(cls));
+        }
+      );
+      if (siblingsMatchingClasses.length === 1) {
+        return tagWithClasses;
+      }
+    }
+  }
+  const index = getNthChildIndex(element);
+  return `${tag}:nth-child(${index})`;
+}
+function getTagName(element) {
+  return element.tagName.toLowerCase();
+}
+function getStableClasses(element) {
+  const classes = Array.from(element.classList);
+  if (classes.length === 0) return [];
+  const stableClasses = classes.filter((cls) => !looksLikeDynamicClass(cls));
+  return stableClasses.sort().map(escapeCSSIdentifier);
+}
+function looksLikeDynamicClass(className) {
+  if (/^[a-f0-9]{5,}$/i.test(className)) return true;
+  if (/[_-][a-f0-9]{5,}$/i.test(className)) return true;
+  if (/_{2,}[A-Za-z0-9]{4,}$/.test(className)) return true;
+  return false;
+}
+function getNthChildIndex(element) {
+  const parent = element.parentElement;
+  if (!parent) return 1;
+  const children = Array.from(parent.children);
+  const index = children.indexOf(element);
+  return index + 1;
+}
+function escapeCSSIdentifier(value) {
+  if (!value) return value;
+  let result = "";
+  for (let i = 0; i < value.length; i++) {
+    const char = value[i];
+    const code = char.charCodeAt(0);
+    if (i === 0 && code >= 48 && code <= 57) {
+      result += `\\3${char} `;
+      continue;
+    }
+    if (char === "!" || char === '"' || char === "#" || char === "$" || char === "%" || char === "&" || char === "'" || char === "(" || char === ")" || char === "*" || char === "+" || char === "," || char === "." || char === "/" || char === ":" || char === ";" || char === "<" || char === "=" || char === ">" || char === "?" || char === "@" || char === "[" || char === "\\" || char === "]" || char === "^" || char === "`" || char === "{" || char === "|" || char === "}" || char === "~" || char === " ") {
+      result += `\\${char}`;
+      continue;
+    }
+    result += char;
+  }
+  return result;
+}
+
+// src/runtime/observers/focus-observer.ts
+function computeAccessibleName2(element, document) {
+  const ariaLabel = element.getAttribute("aria-label");
+  if (ariaLabel && ariaLabel.trim()) {
+    return ariaLabel.trim();
+  }
+  const labelledBy = element.getAttribute("aria-labelledby");
+  if (labelledBy && labelledBy.trim()) {
+    const ids = labelledBy.trim().split(/\s+/);
+    const parts = [];
+    for (const id of ids) {
+      const referenced = document.getElementById(id);
+      if (referenced && referenced.textContent) {
+        parts.push(referenced.textContent.trim());
+      }
+    }
+    const combined = parts.join(" ");
+    if (combined) {
+      return combined;
+    }
+  }
+  const textContent = element.textContent;
+  if (textContent && textContent.trim()) {
+    return textContent.trim();
+  }
+  return "";
+}
+function getElementRole(element) {
+  const explicitRole = element.getAttribute("role");
+  if (explicitRole && explicitRole.trim()) {
+    return explicitRole.trim();
+  }
+  const tagName = element.tagName.toLowerCase();
+  switch (tagName) {
+    case "button":
+      return "button";
+    case "a":
+      return element.hasAttribute("href") ? "link" : "generic";
+    case "input": {
+      const type = (element.getAttribute("type") || "text").toLowerCase();
+      switch (type) {
+        case "button":
+        case "submit":
+        case "reset":
+        case "image":
+          return "button";
+        case "checkbox":
+          return "checkbox";
+        case "radio":
+          return "radio";
+        case "range":
+          return "slider";
+        case "search":
+          return "searchbox";
+        default:
+          return "textbox";
+      }
+    }
+    case "textarea":
+      return "textbox";
+    case "select":
+      return element.hasAttribute("multiple") ? "listbox" : "combobox";
+    case "nav":
+      return "navigation";
+    case "main":
+      return "main";
+    case "header":
+      return "banner";
+    case "footer":
+      return "contentinfo";
+    case "aside":
+      return "complementary";
+    case "form":
+      return "form";
+    case "section":
+      return element.hasAttribute("aria-label") || element.hasAttribute("aria-labelledby") ? "region" : "generic";
+    case "article":
+      return "article";
+    case "dialog":
+      return "dialog";
+    case "table":
+      return "table";
+    case "ul":
+    case "ol":
+      return "list";
+    case "li":
+      return "listitem";
+    case "img":
+      return element.getAttribute("alt") === "" ? "presentation" : "img";
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+      return "heading";
+    case "option":
+      return "option";
+    case "progress":
+      return "progressbar";
+    case "output":
+      return "status";
+    case "menu":
+      return "menu";
+    default:
+      return "generic";
+  }
+}
+function createFocusObserver(options) {
+  const { document: doc, onEvent, getTimestamp } = options;
+  let active = false;
+  let previousTarget = null;
+  function buildEventTarget2(element) {
+    return {
+      role: getElementRole(element),
+      accessibleName: computeAccessibleName2(element, doc),
+      selector: generateSelector(element)
+    };
+  }
+  function handleFocusIn(event) {
+    if (!active) return;
+    const target = event.target;
+    if (!target || !(target instanceof doc.defaultView.Element)) {
+      return;
+    }
+    const currentTarget = buildEventTarget2(target);
+    const a11yEvent = {
+      type: "FOCUS_CHANGED",
+      timestamp: getTimestamp(),
+      target: currentTarget,
+      payload: {
+        kind: "focus_changed",
+        previousTarget
+      }
+    };
+    onEvent(a11yEvent);
+    previousTarget = currentTarget;
+  }
+  return {
+    start() {
+      if (active) return;
+      active = true;
+      previousTarget = null;
+      doc.addEventListener("focusin", handleFocusIn);
+    },
+    stop() {
+      if (!active) return;
+      active = false;
+      doc.removeEventListener("focusin", handleFocusIn);
+    },
+    get isActive() {
+      return active;
+    }
+  };
+}
+
+// src/runtime/observers/mutation-observer.ts
+var ROLE_ATTRIBUTE = "role";
+var NAME_ATTRIBUTES = /* @__PURE__ */ new Set(["aria-label", "aria-labelledby"]);
+var STATE_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "aria-expanded",
+  "aria-selected",
+  "aria-checked",
+  "aria-disabled",
+  "aria-hidden"
+]);
+var OBSERVED_ATTRIBUTES = [
+  ROLE_ATTRIBUTE,
+  "aria-label",
+  "aria-labelledby",
+  "aria-expanded",
+  "aria-selected",
+  "aria-checked",
+  "aria-disabled",
+  "aria-hidden"
+];
+function computeAccessibleName3(element, document) {
+  const ariaLabel = element.getAttribute("aria-label");
+  if (ariaLabel && ariaLabel.trim()) {
+    return ariaLabel.trim();
+  }
+  const labelledBy = element.getAttribute("aria-labelledby");
+  if (labelledBy && labelledBy.trim()) {
+    const ids = labelledBy.trim().split(/\s+/);
+    const parts = [];
+    for (const id of ids) {
+      const referenced = document.getElementById(id);
+      if (referenced && referenced.textContent) {
+        parts.push(referenced.textContent.trim());
+      }
+    }
+    const combined = parts.join(" ");
+    if (combined) {
+      return combined;
+    }
+  }
+  const textContent = element.textContent;
+  if (textContent && textContent.trim()) {
+    return textContent.trim();
+  }
+  return "";
+}
+function getElementRole2(element) {
+  const explicitRole = element.getAttribute("role");
+  if (explicitRole && explicitRole.trim()) {
+    return explicitRole.trim();
+  }
+  const tagName = element.tagName.toLowerCase();
+  switch (tagName) {
+    case "button":
+      return "button";
+    case "a":
+      return element.hasAttribute("href") ? "link" : "generic";
+    case "input": {
+      const type = (element.getAttribute("type") || "text").toLowerCase();
+      switch (type) {
+        case "button":
+        case "submit":
+        case "reset":
+        case "image":
+          return "button";
+        case "checkbox":
+          return "checkbox";
+        case "radio":
+          return "radio";
+        case "range":
+          return "slider";
+        case "search":
+          return "searchbox";
+        default:
+          return "textbox";
+      }
+    }
+    case "textarea":
+      return "textbox";
+    case "select":
+      return element.hasAttribute("multiple") ? "listbox" : "combobox";
+    case "nav":
+      return "navigation";
+    case "main":
+      return "main";
+    case "header":
+      return "banner";
+    case "footer":
+      return "contentinfo";
+    case "aside":
+      return "complementary";
+    case "form":
+      return "form";
+    case "section":
+      return element.hasAttribute("aria-label") || element.hasAttribute("aria-labelledby") ? "region" : "generic";
+    case "article":
+      return "article";
+    case "dialog":
+      return "dialog";
+    case "table":
+      return "table";
+    case "ul":
+    case "ol":
+      return "list";
+    case "li":
+      return "listitem";
+    case "img":
+      return element.getAttribute("alt") === "" ? "presentation" : "img";
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+      return "heading";
+    case "option":
+      return "option";
+    case "progress":
+      return "progressbar";
+    case "output":
+      return "status";
+    case "menu":
+      return "menu";
+    default:
+      return "generic";
+  }
+}
+function createMutationObserver(options) {
+  const { document: doc, onEvent, getTimestamp } = options;
+  let observer = null;
+  let active = false;
+  function handleMutations(mutations) {
+    if (!active) return;
+    for (const mutation of mutations) {
+      if (mutation.type !== "attributes") {
+        continue;
+      }
+      const attributeName = mutation.attributeName;
+      if (!attributeName) {
+        continue;
+      }
+      const target = mutation.target;
+      if (!(target instanceof Element)) {
+        continue;
+      }
+      if (attributeName === ROLE_ATTRIBUTE) {
+        handleRoleChange(target, mutation.oldValue);
+      } else if (NAME_ATTRIBUTES.has(attributeName)) {
+        handleNameChange(target, attributeName, mutation.oldValue);
+      } else if (STATE_ATTRIBUTES.has(attributeName)) {
+        handleStateChange(target, attributeName, mutation.oldValue);
+      }
+    }
+  }
+  function handleRoleChange(element, oldValue) {
+    const previousRole = oldValue?.trim() || getImplicitRole(element);
+    const newRole = element.getAttribute("role")?.trim() || getImplicitRole(element);
+    if (previousRole === newRole) {
+      return;
+    }
+    const eventTarget = buildEventTarget2(element);
+    const payload = {
+      kind: "role_changed",
+      previousRole,
+      newRole
+    };
+    onEvent({
+      type: "ROLE_CHANGED",
+      timestamp: getTimestamp(),
+      target: eventTarget,
+      payload
+    });
+  }
+  function handleNameChange(element, attributeName, oldValue) {
+    let previousName;
+    let newName;
+    if (attributeName === "aria-label") {
+      previousName = oldValue?.trim() || "";
+      newName = computeAccessibleName3(element, doc);
+      if (!previousName && oldValue === null) {
+        const labelledBy = element.getAttribute("aria-labelledby");
+        if (labelledBy) {
+          previousName = resolveAriaLabelledBy(element, labelledBy);
+        } else {
+          previousName = element.textContent?.trim() || "";
+        }
+      }
+    } else {
+      previousName = oldValue ? resolveAriaLabelledBy(element, oldValue) : "";
+      if (!previousName && oldValue === null) {
+        const ariaLabel = element.getAttribute("aria-label");
+        if (ariaLabel) {
+          previousName = ariaLabel.trim();
+        } else {
+          previousName = element.textContent?.trim() || "";
+        }
+      }
+      newName = computeAccessibleName3(element, doc);
+    }
+    if (previousName === newName) {
+      return;
+    }
+    const eventTarget = buildEventTarget2(element);
+    const payload = {
+      kind: "accessible_name_changed",
+      previousName,
+      newName
+    };
+    onEvent({
+      type: "ACCESSIBLE_NAME_CHANGED",
+      timestamp: getTimestamp(),
+      target: eventTarget,
+      payload
+    });
+  }
+  function handleStateChange(element, attributeName, oldValue) {
+    const currentValue = element.getAttribute(attributeName);
+    const normalizedOld = normalizeStateValue(oldValue);
+    const normalizedNew = normalizeStateValue(currentValue);
+    if (normalizedOld === normalizedNew) {
+      return;
+    }
+    const eventTarget = buildEventTarget2(element);
+    const payload = {
+      kind: "state_changed",
+      attribute: attributeName,
+      previousValue: normalizedOld,
+      newValue: normalizedNew
+    };
+    onEvent({
+      type: "STATE_CHANGED",
+      timestamp: getTimestamp(),
+      target: eventTarget,
+      payload
+    });
+  }
+  function buildEventTarget2(element) {
+    return {
+      role: getElementRole2(element),
+      accessibleName: computeAccessibleName3(element, doc),
+      selector: generateSelector(element)
+    };
+  }
+  function getImplicitRole(element) {
+    const tagName = element.tagName.toLowerCase();
+    switch (tagName) {
+      case "button":
+        return "button";
+      case "a":
+        return element.hasAttribute("href") ? "link" : "generic";
+      case "input": {
+        const type = (element.getAttribute("type") || "text").toLowerCase();
+        switch (type) {
+          case "button":
+          case "submit":
+          case "reset":
+          case "image":
+            return "button";
+          case "checkbox":
+            return "checkbox";
+          case "radio":
+            return "radio";
+          default:
+            return "textbox";
+        }
+      }
+      default:
+        return "generic";
+    }
+  }
+  function resolveAriaLabelledBy(element, idRefs) {
+    const ownerDoc = element.ownerDocument;
+    if (!ownerDoc) {
+      return "";
+    }
+    const ids = idRefs.trim().split(/\s+/).filter(Boolean);
+    const parts = [];
+    for (const id of ids) {
+      const referenced = ownerDoc.getElementById(id);
+      if (referenced && referenced.textContent) {
+        parts.push(referenced.textContent.trim());
+      }
+    }
+    return parts.join(" ");
+  }
+  function normalizeStateValue(value) {
+    if (value === null) {
+      return null;
+    }
+    if (value === "true") {
+      return true;
+    }
+    if (value === "false") {
+      return false;
+    }
+    return value;
+  }
+  return {
+    start() {
+      if (active) return;
+      active = true;
+      observer = new MutationObserver(handleMutations);
+      observer.observe(doc.body ?? doc.documentElement, {
+        attributes: true,
+        attributeOldValue: true,
+        attributeFilter: OBSERVED_ATTRIBUTES,
+        subtree: true
+      });
+    },
+    stop() {
+      if (!active) return;
+      active = false;
+      if (observer) {
+        observer.disconnect();
+        observer = null;
+      }
+    },
+    get isActive() {
+      return active;
+    }
+  };
+}
+
+// src/runtime/observers/live-region-observer.ts
+var IMPLICIT_LIVE_ROLES = /* @__PURE__ */ new Set(["alert", "status", "log", "marquee", "timer"]);
+var ROLE_POLITENESS_MAP = {
+  alert: "assertive",
+  status: "polite",
+  log: "polite",
+  marquee: "polite",
+  timer: "polite"
+};
+function createLiveRegionObserver(document, callback) {
+  let contentObserver = null;
+  let documentObserver = null;
+  const trackedRegions = /* @__PURE__ */ new Set();
+  function getLiveRegionPoliteness(element) {
+    const ariaLive = element.getAttribute("aria-live");
+    if (ariaLive === "assertive") return "assertive";
+    if (ariaLive === "polite") return "polite";
+    if (ariaLive === "off") return null;
+    const role = element.getAttribute("role");
+    if (role && IMPLICIT_LIVE_ROLES.has(role)) {
+      return ROLE_POLITENESS_MAP[role] || "polite";
+    }
+    if (ariaLive && ariaLive !== "off") return "polite";
+    return null;
+  }
+  function isAtomic(element) {
+    return element.getAttribute("aria-atomic") === "true";
+  }
+  function buildEventTarget2(element) {
+    const role = element.getAttribute("role") || "region";
+    const accessibleName = element.getAttribute("aria-label") || element.getAttribute("aria-labelledby") || "";
+    const selector = generateSelector(element);
+    return { role, accessibleName, selector };
+  }
+  function getTextFromNodes(nodes) {
+    const parts = [];
+    nodes.forEach((node) => {
+      if (node.nodeType === Node.TEXT_NODE) {
+        const text = node.textContent?.trim();
+        if (text) parts.push(text);
+      } else if (node.nodeType === Node.ELEMENT_NODE) {
+        const text = node.textContent?.trim();
+        if (text) parts.push(text);
+      }
+    });
+    return parts.join(" ").trim();
+  }
+  function emitAnnouncement(liveRegion, text, politeness) {
+    if (!text) return;
+    const target = buildEventTarget2(liveRegion);
+    callback({
+      type: "ANNOUNCEMENT",
+      target,
+      payload: {
+        kind: "announcement",
+        politeness,
+        text
+      }
+    });
+  }
+  function findLiveRegionAncestor(node) {
+    let current = node;
+    while (current) {
+      if (current.nodeType === Node.ELEMENT_NODE && trackedRegions.has(current)) {
+        return current;
+      }
+      current = current.parentNode;
+    }
+    return null;
+  }
+  function handleContentMutations(mutations) {
+    const regionChanges = /* @__PURE__ */ new Map();
+    for (const mutation of mutations) {
+      const liveRegion = findLiveRegionAncestor(mutation.target);
+      if (!liveRegion) continue;
+      if (!regionChanges.has(liveRegion)) {
+        regionChanges.set(liveRegion, { addedText: [], charDataChanged: false });
+      }
+      const changes = regionChanges.get(liveRegion);
+      if (mutation.type === "childList" && mutation.addedNodes.length > 0) {
+        const text = getTextFromNodes(mutation.addedNodes);
+        if (text) {
+          changes.addedText.push(text);
+        }
+      } else if (mutation.type === "characterData") {
+        changes.charDataChanged = true;
+      }
+    }
+    for (const [region, changes] of regionChanges) {
+      const politeness = getLiveRegionPoliteness(region);
+      if (!politeness) continue;
+      let text;
+      if (isAtomic(region)) {
+        text = region.textContent?.trim() || "";
+      } else {
+        if (changes.addedText.length > 0) {
+          text = changes.addedText.join(" ").trim();
+        } else if (changes.charDataChanged) {
+          text = region.textContent?.trim() || "";
+        } else {
+          text = "";
+        }
+      }
+      emitAnnouncement(region, text, politeness);
+    }
+  }
+  function handleDocumentMutations(mutations) {
+    for (const mutation of mutations) {
+      if (mutation.type !== "childList") continue;
+      mutation.addedNodes.forEach((node) => {
+        if (node.nodeType !== Node.ELEMENT_NODE) return;
+        const element = node;
+        if (getLiveRegionPoliteness(element) !== null && !trackedRegions.has(element)) {
+          trackRegion(element);
+        }
+        const descendants = element.querySelectorAll("[aria-live], [role]");
+        descendants.forEach((desc) => {
+          if (getLiveRegionPoliteness(desc) !== null && !trackedRegions.has(desc)) {
+            trackRegion(desc);
+          }
+        });
+      });
+      mutation.removedNodes.forEach((node) => {
+        if (node.nodeType !== Node.ELEMENT_NODE) return;
+        const element = node;
+        if (trackedRegions.has(element)) {
+          trackedRegions.delete(element);
+        }
+        const descendants = element.querySelectorAll("[aria-live], [role]");
+        descendants.forEach((desc) => {
+          trackedRegions.delete(desc);
+        });
+      });
+    }
+  }
+  function trackRegion(element) {
+    trackedRegions.add(element);
+  }
+  function discoverExistingRegions() {
+    const ariaLiveElements = document.querySelectorAll("[aria-live]");
+    ariaLiveElements.forEach((el) => {
+      if (getLiveRegionPoliteness(el) !== null) {
+        trackRegion(el);
+      }
+    });
+    IMPLICIT_LIVE_ROLES.forEach((role) => {
+      const roleElements = document.querySelectorAll(`[role="${role}"]`);
+      roleElements.forEach((el) => {
+        if (!trackedRegions.has(el)) {
+          trackRegion(el);
+        }
+      });
+    });
+  }
+  function start() {
+    discoverExistingRegions();
+    contentObserver = new MutationObserver(handleContentMutations);
+    const body = document.body;
+    if (body) {
+      contentObserver.observe(body, {
+        childList: true,
+        characterData: true,
+        subtree: true,
+        characterDataOldValue: true
+      });
+    }
+    documentObserver = new MutationObserver(handleDocumentMutations);
+    if (body) {
+      documentObserver.observe(body, {
+        childList: true,
+        subtree: true
+      });
+    }
+  }
+  function stop() {
+    if (contentObserver) {
+      contentObserver.disconnect();
+      contentObserver = null;
+    }
+    if (documentObserver) {
+      documentObserver.disconnect();
+      documentObserver = null;
+    }
+    trackedRegions.clear();
+  }
+  return { start, stop };
+}
+
+// src/runtime/observers/dialog-observer.ts
+function computeDialogAccessibleName(element, document) {
+  const ariaLabel = element.getAttribute("aria-label");
+  if (ariaLabel && ariaLabel.trim()) {
+    return ariaLabel.trim();
+  }
+  const labelledBy = element.getAttribute("aria-labelledby");
+  if (labelledBy && labelledBy.trim()) {
+    const ids = labelledBy.trim().split(/\s+/);
+    const parts = [];
+    for (const id of ids) {
+      const referenced = document.getElementById(id);
+      if (referenced && referenced.textContent) {
+        parts.push(referenced.textContent.trim());
+      }
+    }
+    const combined = parts.join(" ");
+    if (combined) {
+      return combined;
+    }
+  }
+  const title = element.getAttribute("title");
+  if (title && title.trim()) {
+    return title.trim();
+  }
+  const heading = element.querySelector("h1, h2, h3, h4, h5, h6");
+  if (heading && heading.textContent && heading.textContent.trim()) {
+    return heading.textContent.trim();
+  }
+  return "";
+}
+function getDialogRole(element) {
+  const explicitRole = element.getAttribute("role");
+  if (explicitRole && explicitRole.trim()) {
+    return explicitRole.trim();
+  }
+  if (element.tagName.toLowerCase() === "dialog") {
+    return "dialog";
+  }
+  return "generic";
+}
+function isDialogElement(element) {
+  if (element.tagName.toLowerCase() === "dialog") {
+    return true;
+  }
+  const role = element.getAttribute("role");
+  return role === "dialog" || role === "alertdialog";
+}
+function isDialogModal(element) {
+  const ariaModal = element.getAttribute("aria-modal");
+  if (ariaModal === "true") {
+    return true;
+  }
+  return false;
+}
+function createDialogObserver(options) {
+  const { document: doc, onEvent, getTimestamp } = options;
+  let active = false;
+  let mutationObserver = null;
+  const openDialogStack = [];
+  function buildEventTarget2(element) {
+    return {
+      role: getDialogRole(element),
+      accessibleName: computeDialogAccessibleName(element, doc),
+      selector: generateSelector(element)
+    };
+  }
+  function emitDialogOpened(element) {
+    const name = computeDialogAccessibleName(element, doc);
+    const isModal = isDialogModal(element);
+    const target = buildEventTarget2(element);
+    openDialogStack.push({
+      element,
+      name,
+      selector: target.selector
+    });
+    const a11yEvent = {
+      type: "DIALOG_OPENED",
+      timestamp: getTimestamp(),
+      target,
+      payload: {
+        kind: "dialog_opened",
+        dialogName: name,
+        isModal
+      }
+    };
+    onEvent(a11yEvent);
+  }
+  function emitDialogClosed(element) {
+    const name = computeDialogAccessibleName(element, doc);
+    const target = buildEventTarget2(element);
+    const index = openDialogStack.findIndex((d) => d.element === element);
+    if (index !== -1) {
+      openDialogStack.splice(index, 1);
+    }
+    const a11yEvent = {
+      type: "DIALOG_CLOSED",
+      timestamp: getTimestamp(),
+      target,
+      payload: {
+        kind: "dialog_closed",
+        dialogName: name
+      }
+    };
+    onEvent(a11yEvent);
+  }
+  function isTrackedAsOpen(element) {
+    return openDialogStack.some((d) => d.element === element);
+  }
+  function handleMutations(mutations) {
+    if (!active) return;
+    for (const mutation of mutations) {
+      if (mutation.type === "attributes") {
+        const target = mutation.target;
+        if (!(target instanceof doc.defaultView.Element)) continue;
+        if (mutation.attributeName === "open" && target.tagName.toLowerCase() === "dialog") {
+          if (target.hasAttribute("open")) {
+            if (!isTrackedAsOpen(target)) {
+              emitDialogOpened(target);
+            }
+          } else {
+            if (isTrackedAsOpen(target)) {
+              emitDialogClosed(target);
+            }
+          }
+        }
+        if (mutation.attributeName === "aria-modal" && isDialogElement(target)) {
+          if (!isTrackedAsOpen(target) && isVisibleDialog(target)) {
+            emitDialogOpened(target);
+          }
+        }
+        if (mutation.attributeName === "role") {
+          const oldRole = mutation.oldValue;
+          const newRole = target.getAttribute("role");
+          const wasDialog = oldRole === "dialog" || oldRole === "alertdialog";
+          const isNowDialog = newRole === "dialog" || newRole === "alertdialog";
+          if (!wasDialog && isNowDialog && isVisibleDialog(target)) {
+            emitDialogOpened(target);
+          } else if (wasDialog && !isNowDialog && isTrackedAsOpen(target)) {
+            emitDialogClosed(target);
+          }
+        }
+      }
+      if (mutation.type === "childList") {
+        for (let i = 0; i < mutation.addedNodes.length; i++) {
+          const node = mutation.addedNodes[i];
+          if (!(node instanceof doc.defaultView.Element)) continue;
+          if (isDialogElement(node) && isVisibleDialog(node)) {
+            if (!isTrackedAsOpen(node)) {
+              emitDialogOpened(node);
+            }
+          }
+          const dialogDescendants = node.querySelectorAll(
+            'dialog[open], [role="dialog"], [role="alertdialog"]'
+          );
+          for (let j = 0; j < dialogDescendants.length; j++) {
+            const dialog = dialogDescendants[j];
+            if (isVisibleDialog(dialog) && !isTrackedAsOpen(dialog)) {
+              emitDialogOpened(dialog);
+            }
+          }
+        }
+        for (let i = 0; i < mutation.removedNodes.length; i++) {
+          const node = mutation.removedNodes[i];
+          if (!(node instanceof doc.defaultView.Element)) continue;
+          if (isTrackedAsOpen(node)) {
+            emitDialogClosed(node);
+          }
+          const trackedInRemoved = openDialogStack.filter(
+            (d) => node.contains(d.element)
+          );
+          for (const tracked of trackedInRemoved) {
+            emitDialogClosed(tracked.element);
+          }
+        }
+      }
+    }
+  }
+  function isVisibleDialog(element) {
+    if (element.tagName.toLowerCase() === "dialog") {
+      return element.hasAttribute("open");
+    }
+    return true;
+  }
+  return {
+    start() {
+      if (active) return;
+      active = true;
+      openDialogStack.length = 0;
+      const existingDialogs = doc.querySelectorAll(
+        'dialog[open], [role="dialog"], [role="alertdialog"]'
+      );
+      for (let i = 0; i < existingDialogs.length; i++) {
+        const dialog = existingDialogs[i];
+        if (isVisibleDialog(dialog)) {
+          openDialogStack.push({
+            element: dialog,
+            name: computeDialogAccessibleName(dialog, doc),
+            selector: generateSelector(dialog)
+          });
+        }
+      }
+      mutationObserver = new MutationObserver(handleMutations);
+      mutationObserver.observe(doc.body || doc.documentElement, {
+        attributes: true,
+        attributeFilter: ["open", "role", "aria-modal"],
+        attributeOldValue: true,
+        childList: true,
+        subtree: true
+      });
+    },
+    stop() {
+      if (!active) return;
+      active = false;
+      if (mutationObserver) {
+        mutationObserver.disconnect();
+        mutationObserver = null;
+      }
+      openDialogStack.length = 0;
+    },
+    get isActive() {
+      return active;
+    },
+    getOpenDialogs() {
+      return openDialogStack.map((d) => d.name);
+    }
+  };
+}
+
+// src/runtime/engine.ts
+function createEngine(options) {
+  const { document: doc } = options;
+  let attached = false;
+  let sessionStart = 0;
+  let events = [];
+  function getTimestamp() {
+    return Date.now() - sessionStart;
+  }
+  function collectEvent(event) {
+    events.push(event);
+  }
+  function collectLiveRegionEvent(event) {
+    const fullEvent = {
+      ...event,
+      timestamp: getTimestamp()
+    };
+    events.push(fullEvent);
+  }
+  const focusObs = createFocusObserver({
+    document: doc,
+    onEvent: collectEvent,
+    getTimestamp
+  });
+  const mutationObs = createMutationObserver({
+    document: doc,
+    onEvent: collectEvent,
+    getTimestamp
+  });
+  const liveRegionObs = createLiveRegionObserver(
+    doc,
+    collectLiveRegionEvent
+  );
+  const dialogObs = createDialogObserver({
+    document: doc,
+    onEvent: collectEvent,
+    getTimestamp
+  });
+  return {
+    attach() {
+      if (attached) return;
+      attached = true;
+      sessionStart = Date.now();
+      events = [];
+      focusObs.start();
+      mutationObs.start();
+      liveRegionObs.start();
+      dialogObs.start();
+    },
+    detach() {
+      if (!attached) return;
+      attached = false;
+      focusObs.stop();
+      mutationObs.stop();
+      liveRegionObs.stop();
+      dialogObs.stop();
+    },
+    getEvents() {
+      return [...events];
+    },
+    reset() {
+      events = [];
+    },
+    get isAttached() {
+      return attached;
+    },
+    get dialogObserver() {
+      return {
+        getOpenDialogs() {
+          return dialogObs.getOpenDialogs();
+        }
+      };
+    }
+  };
+}
+
+// src/runtime/interactions.ts
+var KEY_MAP = {
+  Tab: { key: "Tab", code: "Tab", keyCode: 9 },
+  Escape: { key: "Escape", code: "Escape", keyCode: 27 },
+  Enter: { key: "Enter", code: "Enter", keyCode: 13 },
+  " ": { key: " ", code: "Space", keyCode: 32 },
+  ArrowUp: { key: "ArrowUp", code: "ArrowUp", keyCode: 38 },
+  ArrowDown: { key: "ArrowDown", code: "ArrowDown", keyCode: 40 },
+  ArrowLeft: { key: "ArrowLeft", code: "ArrowLeft", keyCode: 37 },
+  ArrowRight: { key: "ArrowRight", code: "ArrowRight", keyCode: 39 }
+};
+var FOCUSABLE_SELECTOR = [
+  "button:not([disabled])",
+  "a[href]",
+  "input:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function getFocusableElements(document) {
+  return Array.from(document.querySelectorAll(FOCUSABLE_SELECTOR));
+}
+function computeAccessibleName4(element, document) {
+  const ariaLabel = element.getAttribute("aria-label");
+  if (ariaLabel && ariaLabel.trim()) {
+    return ariaLabel.trim();
+  }
+  const labelledBy = element.getAttribute("aria-labelledby");
+  if (labelledBy && labelledBy.trim()) {
+    const ids = labelledBy.trim().split(/\s+/);
+    const parts = [];
+    for (const id of ids) {
+      const referenced = document.getElementById(id);
+      if (referenced && referenced.textContent) {
+        parts.push(referenced.textContent.trim());
+      }
+    }
+    const combined = parts.join(" ");
+    if (combined) return combined;
+  }
+  const textContent = element.textContent;
+  if (textContent && textContent.trim()) {
+    return textContent.trim();
+  }
+  return "";
+}
+function getElementRole3(element) {
+  const explicitRole = element.getAttribute("role");
+  if (explicitRole && explicitRole.trim()) {
+    return explicitRole.trim();
+  }
+  const tagName = element.tagName.toLowerCase();
+  switch (tagName) {
+    case "button":
+      return "button";
+    case "a":
+      return element.hasAttribute("href") ? "link" : "generic";
+    case "input": {
+      const type = (element.getAttribute("type") || "text").toLowerCase();
+      switch (type) {
+        case "button":
+        case "submit":
+        case "reset":
+        case "image":
+          return "button";
+        case "checkbox":
+          return "checkbox";
+        case "radio":
+          return "radio";
+        case "range":
+          return "slider";
+        case "search":
+          return "searchbox";
+        default:
+          return "textbox";
+      }
+    }
+    case "textarea":
+      return "textbox";
+    case "select":
+      return element.hasAttribute("multiple") ? "listbox" : "combobox";
+    case "dialog":
+      return "dialog";
+    default:
+      return "generic";
+  }
+}
+function buildEventTarget(element, document) {
+  return {
+    role: getElementRole3(element),
+    accessibleName: computeAccessibleName4(element, document),
+    selector: generateSelector(element)
+  };
+}
+function dispatchKeyboardEvent(document, options) {
+  const target = document.activeElement || document.body;
+  const commonProps = {
+    key: options.key,
+    code: options.code,
+    keyCode: options.keyCode,
+    which: options.keyCode,
+    shiftKey: options.shiftKey || false,
+    ctrlKey: options.ctrlKey || false,
+    altKey: options.altKey || false,
+    metaKey: options.metaKey || false,
+    bubbles: true,
+    cancelable: true
+  };
+  target.dispatchEvent(new KeyboardEvent("keydown", commonProps));
+  if (options.key.length === 1) {
+    target.dispatchEvent(new KeyboardEvent("keypress", commonProps));
+  }
+  target.dispatchEvent(new KeyboardEvent("keyup", commonProps));
+}
+function parseKeyCombo(combo) {
+  const parts = combo.split("+");
+  const modifiers = [];
+  let shiftKey = false;
+  let ctrlKey = false;
+  let altKey = false;
+  let metaKey = false;
+  const key = parts[parts.length - 1];
+  for (let i = 0; i < parts.length - 1; i++) {
+    const mod = parts[i].toLowerCase();
+    switch (mod) {
+      case "shift":
+        shiftKey = true;
+        modifiers.push("Shift");
+        break;
+      case "control":
+      case "ctrl":
+        ctrlKey = true;
+        modifiers.push("Control");
+        break;
+      case "alt":
+        altKey = true;
+        modifiers.push("Alt");
+        break;
+      case "meta":
+      case "cmd":
+      case "command":
+        metaKey = true;
+        modifiers.push("Meta");
+        break;
+    }
+  }
+  return { key, modifiers, shiftKey, ctrlKey, altKey, metaKey };
+}
+function getKeyInfo(key) {
+  if (KEY_MAP[key]) {
+    return KEY_MAP[key];
+  }
+  if (key.length === 1) {
+    return {
+      key,
+      code: `Key${key.toUpperCase()}`,
+      keyCode: key.toUpperCase().charCodeAt(0)
+    };
+  }
+  return {
+    key,
+    code: key,
+    keyCode: 0
+  };
+}
+function executeClick(selector, document, onEvent, getTimestamp) {
+  const element = document.querySelector(selector);
+  if (!element) {
+    const warningEvent = {
+      type: "WARNING",
+      timestamp: getTimestamp(),
+      target: {
+        role: "generic",
+        accessibleName: "",
+        selector
+      },
+      payload: {
+        kind: "warning",
+        message: `Element not found: ${selector}`
+      }
+    };
+    onEvent(warningEvent);
+    return;
+  }
+  const eventProps = { bubbles: true, cancelable: true };
+  element.dispatchEvent(new MouseEvent("mousedown", eventProps));
+  element.dispatchEvent(new MouseEvent("mouseup", eventProps));
+  element.dispatchEvent(new MouseEvent("click", eventProps));
+  if ("focus" in element && typeof element.focus === "function") {
+    element.focus();
+  }
+}
+function executeTab(document, onEvent, getTimestamp) {
+  const focusableElements = getFocusableElements(document);
+  if (focusableElements.length === 0) return;
+  const activeElement = document.activeElement;
+  let currentIndex = -1;
+  if (activeElement) {
+    currentIndex = focusableElements.indexOf(activeElement);
+  }
+  const nextIndex = (currentIndex + 1) % focusableElements.length;
+  const nextElement = focusableElements[nextIndex];
+  dispatchKeyboardEvent(document, {
+    ...KEY_MAP["Tab"],
+    shiftKey: false
+  });
+  if (nextElement && typeof nextElement.focus === "function") {
+    nextElement.focus();
+  }
+  const target = document.activeElement || document.body;
+  const keyboardEvent = {
+    type: "KEYBOARD_ACTION",
+    timestamp: getTimestamp(),
+    target: buildEventTarget(target, document),
+    payload: {
+      kind: "keyboard_action",
+      key: "Tab",
+      modifiers: []
+    }
+  };
+  onEvent(keyboardEvent);
+}
+function executeShiftTab(document, onEvent, getTimestamp) {
+  const focusableElements = getFocusableElements(document);
+  if (focusableElements.length === 0) return;
+  const activeElement = document.activeElement;
+  let currentIndex = -1;
+  if (activeElement) {
+    currentIndex = focusableElements.indexOf(activeElement);
+  }
+  const prevIndex = currentIndex <= 0 ? focusableElements.length - 1 : currentIndex - 1;
+  const prevElement = focusableElements[prevIndex];
+  dispatchKeyboardEvent(document, {
+    ...KEY_MAP["Tab"],
+    shiftKey: true
+  });
+  if (prevElement && typeof prevElement.focus === "function") {
+    prevElement.focus();
+  }
+  const target = document.activeElement || document.body;
+  const keyboardEvent = {
+    type: "KEYBOARD_ACTION",
+    timestamp: getTimestamp(),
+    target: buildEventTarget(target, document),
+    payload: {
+      kind: "keyboard_action",
+      key: "Tab",
+      modifiers: ["Shift"]
+    }
+  };
+  onEvent(keyboardEvent);
+}
+function executeKeyAction(keyName, document, onEvent, getTimestamp) {
+  const keyInfo = KEY_MAP[keyName];
+  if (!keyInfo) return;
+  dispatchKeyboardEvent(document, {
+    ...keyInfo
+  });
+  const target = document.activeElement || document.body;
+  const keyboardEvent = {
+    type: "KEYBOARD_ACTION",
+    timestamp: getTimestamp(),
+    target: buildEventTarget(target, document),
+    payload: {
+      kind: "keyboard_action",
+      key: keyName,
+      modifiers: []
+    }
+  };
+  onEvent(keyboardEvent);
+}
+function executeKeyCombo(combo, document, onEvent, getTimestamp) {
+  const parsed = parseKeyCombo(combo);
+  const keyInfo = getKeyInfo(parsed.key);
+  dispatchKeyboardEvent(document, {
+    ...keyInfo,
+    shiftKey: parsed.shiftKey,
+    ctrlKey: parsed.ctrlKey,
+    altKey: parsed.altKey,
+    metaKey: parsed.metaKey
+  });
+  const target = document.activeElement || document.body;
+  const keyboardEvent = {
+    type: "KEYBOARD_ACTION",
+    timestamp: getTimestamp(),
+    target: buildEventTarget(target, document),
+    payload: {
+      kind: "keyboard_action",
+      key: parsed.key,
+      modifiers: parsed.modifiers
+    }
+  };
+  onEvent(keyboardEvent);
+}
+async function executeAction(action, document, onEvent, getTimestamp) {
+  switch (action.type) {
+    case "click":
+      executeClick(action.selector, document, onEvent, getTimestamp);
+      break;
+    case "tab":
+      executeTab(document, onEvent, getTimestamp);
+      break;
+    case "shiftTab":
+      executeShiftTab(document, onEvent, getTimestamp);
+      break;
+    case "escape":
+      executeKeyAction("Escape", document, onEvent, getTimestamp);
+      break;
+    case "enter":
+      executeKeyAction("Enter", document, onEvent, getTimestamp);
+      break;
+    case "space":
+      executeKeyAction(" ", document, onEvent, getTimestamp);
+      break;
+    case "arrowUp":
+      executeKeyAction("ArrowUp", document, onEvent, getTimestamp);
+      break;
+    case "arrowDown":
+      executeKeyAction("ArrowDown", document, onEvent, getTimestamp);
+      break;
+    case "arrowLeft":
+      executeKeyAction("ArrowLeft", document, onEvent, getTimestamp);
+      break;
+    case "arrowRight":
+      executeKeyAction("ArrowRight", document, onEvent, getTimestamp);
+      break;
+    case "key":
+      executeKeyCombo(action.combo, document, onEvent, getTimestamp);
+      break;
+    case "wait":
+      await new Promise((resolve) => setTimeout(resolve, action.ms));
+      break;
+  }
+}
+async function executeSequence(sequence, document, onEvent, getTimestamp, settleTime = 100) {
+  for (let i = 0; i < sequence.actions.length; i++) {
+    const action = sequence.actions[i];
+    await executeAction(action, document, onEvent, getTimestamp);
+    if (i < sequence.actions.length - 1) {
+      await new Promise((resolve) => setTimeout(resolve, settleTime));
+    }
+  }
+}
+
+// src/runtime/heuristics.ts
+var DEFAULT_CONFIG = {
+  dialogFocusTimeout: 100,
+  rapidAnnouncementWindow: 500,
+  rapidAnnouncementThreshold: 3,
+  keyboardResponseTimeout: 200
+};
+function createHeuristicAnalyzer(config) {
+  const cfg = { ...DEFAULT_CONFIG, ...config };
+  const trackedDialogs = [];
+  const pendingDialogFocusChecks = [];
+  const pendingKeyboardResponses = [];
+  const announcementTimestamps = [];
+  let lastFocusedSelector = null;
+  function createWarning(timestamp, message, target, relatedEvent) {
+    const payload = {
+      kind: "warning",
+      message,
+      relatedEvent
+    };
+    return {
+      type: "WARNING",
+      timestamp,
+      target,
+      payload
+    };
+  }
+  function checkExpiredDialogFocusTimeouts(currentTimestamp) {
+    const warnings = [];
+    for (let i = pendingDialogFocusChecks.length - 1; i >= 0; i--) {
+      const pending = pendingDialogFocusChecks[i];
+      if (pending.resolved) continue;
+      const elapsed = currentTimestamp - pending.openedAt;
+      if (elapsed > cfg.dialogFocusTimeout) {
+        if (pending.isModal) {
+          warnings.push(
+            createWarning(
+              currentTimestamp,
+              "Focus was not moved into modal dialog",
+              {
+                role: "dialog",
+                accessibleName: pending.dialogName,
+                selector: pending.dialogSelector
+              }
+            )
+          );
+        }
+        pending.resolved = true;
+      }
+    }
+    return warnings;
+  }
+  function checkExpiredKeyboardResponses(currentTimestamp) {
+    const warnings = [];
+    for (let i = pendingKeyboardResponses.length - 1; i >= 0; i--) {
+      const pending = pendingKeyboardResponses[i];
+      if (pending.resolved) continue;
+      const elapsed = currentTimestamp - pending.timestamp;
+      if (elapsed > cfg.keyboardResponseTimeout) {
+        warnings.push(
+          createWarning(
+            currentTimestamp,
+            "Keyboard action produced no accessibility response",
+            pending.event.target,
+            pending.event
+          )
+        );
+        pending.resolved = true;
+      }
+    }
+    return warnings;
+  }
+  function checkRapidAnnouncements(currentTimestamp) {
+    const warnings = [];
+    const windowStart = currentTimestamp - cfg.rapidAnnouncementWindow;
+    while (announcementTimestamps.length > 0 && announcementTimestamps[0] < windowStart) {
+      announcementTimestamps.shift();
+    }
+    if (announcementTimestamps.length > cfg.rapidAnnouncementThreshold) {
+      warnings.push(
+        createWarning(
+          currentTimestamp,
+          "Rapid announcements detected: assistive technology users may miss content",
+          {
+            role: "region",
+            accessibleName: "",
+            selector: "body"
+          }
+        )
+      );
+      announcementTimestamps.length = 0;
+    }
+    return warnings;
+  }
+  function checkFocusEscape(event) {
+    const warnings = [];
+    if (event.type !== "FOCUS_CHANGED") return warnings;
+    const modalDialogs = trackedDialogs.filter((d) => d.isModal);
+    if (modalDialogs.length === 0) return warnings;
+    const focusedSelector = event.target.selector;
+    for (const dialog of modalDialogs) {
+      if (!isSelectorInside(focusedSelector, dialog.selector)) {
+        warnings.push(
+          createWarning(
+            event.timestamp,
+            "Focus escaped modal dialog",
+            event.target,
+            event
+          )
+        );
+        break;
+      }
+    }
+    return warnings;
+  }
+  function checkFocusedElementRemoved(event) {
+    const warnings = [];
+    if (event.type === "DOM_MUTATION" && lastFocusedSelector !== null) {
+      if (event.target.selector === lastFocusedSelector) {
+        warnings.push(
+          createWarning(
+            event.timestamp,
+            "Focused element removed without focus management",
+            event.target,
+            event
+          )
+        );
+      }
+    }
+    return warnings;
+  }
+  function isSelectorInside(childSelector, containerSelector) {
+    if (childSelector === containerSelector) return true;
+    if (childSelector.startsWith(containerSelector + " ")) return true;
+    if (childSelector.startsWith(containerSelector + " > ")) return true;
+    if (childSelector.startsWith(containerSelector + ">")) return true;
+    return false;
+  }
+  function processEvent(event) {
+    const warnings = [];
+    warnings.push(...checkExpiredDialogFocusTimeouts(event.timestamp));
+    warnings.push(...checkExpiredKeyboardResponses(event.timestamp));
+    switch (event.type) {
+      case "DIALOG_OPENED": {
+        const payload = event.payload;
+        const dialog = {
+          selector: event.target.selector,
+          name: payload.dialogName,
+          isModal: payload.isModal
+        };
+        trackedDialogs.push(dialog);
+        if (payload.isModal) {
+          pendingDialogFocusChecks.push({
+            dialogSelector: event.target.selector,
+            dialogName: payload.dialogName,
+            openedAt: event.timestamp,
+            isModal: true,
+            resolved: false
+          });
+        }
+        break;
+      }
+      case "DIALOG_CLOSED": {
+        const closedSelector = event.target.selector;
+        const idx = trackedDialogs.findIndex(
+          (d) => d.selector === closedSelector
+        );
+        if (idx !== -1) {
+          trackedDialogs.splice(idx, 1);
+        }
+        for (const pending of pendingDialogFocusChecks) {
+          if (pending.dialogSelector === closedSelector && !pending.resolved) {
+            pending.resolved = true;
+          }
+        }
+        break;
+      }
+      case "FOCUS_CHANGED": {
+        for (const pending of pendingDialogFocusChecks) {
+          if (pending.resolved) continue;
+          if (isSelectorInside(event.target.selector, pending.dialogSelector)) {
+            pending.resolved = true;
+          }
+        }
+        for (const pending of pendingKeyboardResponses) {
+          if (!pending.resolved) {
+            pending.resolved = true;
+          }
+        }
+        warnings.push(...checkFocusEscape(event));
+        lastFocusedSelector = event.target.selector;
+        break;
+      }
+      case "ANNOUNCEMENT": {
+        announcementTimestamps.push(event.timestamp);
+        for (const pending of pendingKeyboardResponses) {
+          if (!pending.resolved) {
+            pending.resolved = true;
+          }
+        }
+        warnings.push(...checkRapidAnnouncements(event.timestamp));
+        break;
+      }
+      case "KEYBOARD_ACTION": {
+        pendingKeyboardResponses.push({
+          event,
+          timestamp: event.timestamp,
+          resolved: false
+        });
+        break;
+      }
+      case "DOM_MUTATION": {
+        warnings.push(...checkFocusedElementRemoved(event));
+        for (const pending of pendingKeyboardResponses) {
+          if (!pending.resolved) {
+            pending.resolved = true;
+          }
+        }
+        break;
+      }
+      case "STATE_CHANGED":
+      case "ROLE_CHANGED":
+      case "ACCESSIBLE_NAME_CHANGED": {
+        for (const pending of pendingKeyboardResponses) {
+          if (!pending.resolved) {
+            pending.resolved = true;
+          }
+        }
+        break;
+      }
+      default:
+        break;
+    }
+    cleanupResolvedChecks();
+    return warnings;
+  }
+  function cleanupResolvedChecks() {
+    for (let i = pendingDialogFocusChecks.length - 1; i >= 0; i--) {
+      if (pendingDialogFocusChecks[i].resolved) {
+        pendingDialogFocusChecks.splice(i, 1);
+      }
+    }
+    for (let i = pendingKeyboardResponses.length - 1; i >= 0; i--) {
+      if (pendingKeyboardResponses[i].resolved) {
+        pendingKeyboardResponses.splice(i, 1);
+      }
+    }
+  }
+  return {
+    process(event) {
+      return processEvent(event);
+    },
+    get openDialogs() {
+      return trackedDialogs.map((d) => d.selector);
+    }
+  };
+}
+
+// src/runtime/timeline-generator.ts
+var SPEAKABLE_VERSION = "1.3.0";
+var TIMELINE_FORMAT_VERSION = "1.0";
+var DEFAULT_SETTLE_PERIOD = 500;
+var DEFAULT_LOAD_TIMEOUT = 1e4;
+var DOM_STABILITY_WAIT = 100;
+function createTimelineGenerator(options) {
+  const {
+    document: doc,
+    componentName,
+    storyName,
+    settlePeriod = DEFAULT_SETTLE_PERIOD,
+    loadTimeout = DEFAULT_LOAD_TIMEOUT,
+    heuristics: enableHeuristics = true
+  } = options;
+  let aborted = false;
+  let currentEngine = null;
+  return {
+    async capture(sequence) {
+      aborted = false;
+      await waitForDocumentReady(doc, loadTimeout);
+      if (aborted) {
+        return buildAbortedTimeline(componentName, storyName, sequence);
+      }
+      const engine = createEngine({ document: doc });
+      currentEngine = engine;
+      const heuristicAnalyzer = enableHeuristics ? createHeuristicAnalyzer() : null;
+      const interactionEvents = [];
+      const sessionStart = Date.now();
+      engine.attach();
+      if (aborted) {
+        engine.detach();
+        currentEngine = null;
+        return buildAbortedTimeline(componentName, storyName, sequence);
+      }
+      function getTimestamp() {
+        return Date.now() - sessionStart;
+      }
+      await executeSequence(
+        sequence,
+        doc,
+        (event) => {
+          interactionEvents.push(event);
+        },
+        getTimestamp,
+        DOM_STABILITY_WAIT
+      );
+      if (aborted) {
+        engine.detach();
+        currentEngine = null;
+        return buildAbortedTimeline(componentName, storyName, sequence);
+      }
+      await delay(settlePeriod);
+      engine.detach();
+      currentEngine = null;
+      const duration = Date.now() - sessionStart;
+      const engineEvents = engine.getEvents();
+      const allEvents = mergeEvents(engineEvents, interactionEvents);
+      if (heuristicAnalyzer) {
+        const heuristicWarnings = [];
+        for (const event of allEvents) {
+          const warnings = heuristicAnalyzer.process(event);
+          heuristicWarnings.push(...warnings);
+        }
+        for (const warning of heuristicWarnings) {
+          allEvents.push(warning);
+        }
+        allEvents.sort((a, b) => a.timestamp - b.timestamp);
+      }
+      const allWarnings = allEvents.filter((e) => e.type === "WARNING");
+      const metadata = {
+        capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
+        speakableVersion: SPEAKABLE_VERSION,
+        sourceUrl: getSourceUrl(doc),
+        userAgent: getUserAgent()
+      };
+      const timeline = {
+        version: TIMELINE_FORMAT_VERSION,
+        component: componentName,
+        story: storyName || null,
+        interactionSequence: sequence.description,
+        duration,
+        events: allEvents,
+        warnings: allWarnings,
+        metadata
+      };
+      return timeline;
+    },
+    abort() {
+      aborted = true;
+      if (currentEngine && currentEngine.isAttached) {
+        currentEngine.detach();
+        currentEngine = null;
+      }
+    }
+  };
+}
+async function waitForDocumentReady(doc, timeout) {
+  if (doc.body) return;
+  return new Promise((resolve, reject) => {
+    const timeoutId = setTimeout(() => {
+      reject(
+        new Error(
+          `Document load timeout (${timeout}ms): ${getSourceUrl(doc)}`
+        )
+      );
+    }, timeout);
+    const interval = setInterval(() => {
+      if (doc.body) {
+        clearTimeout(timeoutId);
+        clearInterval(interval);
+        resolve();
+      }
+    }, 50);
+  });
+}
+function mergeEvents(engineEvents, interactionEvents) {
+  const all = [...engineEvents, ...interactionEvents];
+  all.sort((a, b) => a.timestamp - b.timestamp);
+  return all;
+}
+function getSourceUrl(doc) {
+  try {
+    const url = doc.URL;
+    if (url && url !== "about:blank" && url !== "") {
+      return url;
+    }
+  } catch {
+  }
+  return "local";
+}
+function getUserAgent() {
+  try {
+    if (typeof navigator !== "undefined" && navigator.userAgent) {
+      return navigator.userAgent;
+    }
+  } catch {
+  }
+  return "jsdom";
+}
+function delay(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function buildAbortedTimeline(componentName, storyName, sequence) {
+  return {
+    version: TIMELINE_FORMAT_VERSION,
+    component: componentName,
+    story: storyName || null,
+    interactionSequence: sequence.description,
+    duration: 0,
+    events: [],
+    warnings: [],
+    metadata: {
+      capturedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      speakableVersion: SPEAKABLE_VERSION,
+      sourceUrl: "local",
+      userAgent: getUserAgent()
+    }
+  };
+}
+
+// src/runtime/patterns.ts
+var MODAL_DIALOG_DEFAULTS = {
+  trigger: "button",
+  container: '[role="dialog"], dialog'
+};
+var COMBOBOX_DEFAULTS = {
+  input: '[role="combobox"], input[type="text"]',
+  items: '[role="option"]'
+};
+var TABS_DEFAULTS = {
+  container: '[role="tablist"]',
+  items: '[role="tab"]'
+};
+var ACCORDION_DEFAULTS = {
+  trigger: "button[aria-expanded]"
+};
+function buildModalDialogPattern(selectors) {
+  const trigger = selectors?.trigger ?? MODAL_DIALOG_DEFAULTS.trigger;
+  const actions = [
+    { type: "click", selector: trigger },
+    { type: "tab" },
+    { type: "tab" },
+    { type: "tab" },
+    { type: "escape" }
+  ];
+  return {
+    description: "Modal dialog: click trigger to open, tab through dialog content, press Escape to close, verify focus returns to trigger",
+    actions
+  };
+}
+function buildComboboxPattern(selectors) {
+  const input = selectors?.input ?? COMBOBOX_DEFAULTS.input;
+  const actions = [
+    { type: "click", selector: input },
+    { type: "key", combo: "a" },
+    { type: "arrowDown" },
+    { type: "arrowDown" },
+    { type: "enter" }
+  ];
+  return {
+    description: "Combobox: focus input, type to filter, navigate options with arrow keys, select with Enter",
+    actions
+  };
+}
+function buildTabsPattern(selectors) {
+  const container = selectors?.container ?? TABS_DEFAULTS.container;
+  const actions = [
+    { type: "click", selector: container },
+    { type: "arrowRight" },
+    { type: "arrowRight" },
+    { type: "enter" },
+    { type: "arrowLeft" },
+    { type: "space" }
+  ];
+  return {
+    description: "Tabs: focus tablist, navigate between tabs with arrow keys, activate with Enter/Space",
+    actions
+  };
+}
+function buildAccordionPattern(selectors) {
+  const trigger = selectors?.trigger ?? ACCORDION_DEFAULTS.trigger;
+  const actions = [
+    { type: "click", selector: trigger },
+    { type: "enter" },
+    { type: "arrowDown" },
+    { type: "space" },
+    { type: "arrowDown" },
+    { type: "enter" }
+  ];
+  return {
+    description: "Accordion: focus header, toggle with Enter/Space, navigate between headers with arrow keys",
+    actions
+  };
+}
+function getBuiltinPattern(name, selectors) {
+  switch (name) {
+    case "modal-dialog":
+      return buildModalDialogPattern(selectors);
+    case "combobox":
+      return buildComboboxPattern(selectors);
+    case "tabs":
+      return buildTabsPattern(selectors);
+    case "accordion":
+      return buildAccordionPattern(selectors);
+  }
+}
+
+// src/runtime/serialization.ts
+var VALID_EVENT_TYPES = /* @__PURE__ */ new Set([
+  "FOCUS_CHANGED",
+  "ANNOUNCEMENT",
+  "DOM_MUTATION",
+  "ROLE_CHANGED",
+  "ACCESSIBLE_NAME_CHANGED",
+  "STATE_CHANGED",
+  "KEYBOARD_ACTION",
+  "DIALOG_OPENED",
+  "DIALOG_CLOSED",
+  "WARNING",
+  "REGRESSION"
+]);
+var VALID_PAYLOAD_KINDS = /* @__PURE__ */ new Set([
+  "focus_changed",
+  "announcement",
+  "role_changed",
+  "accessible_name_changed",
+  "state_changed",
+  "dialog_opened",
+  "dialog_closed",
+  "keyboard_action",
+  "warning"
+]);
+var VALID_ACTION_TYPES = /* @__PURE__ */ new Set([
+  "click",
+  "tab",
+  "shiftTab",
+  "escape",
+  "enter",
+  "space",
+  "arrowUp",
+  "arrowDown",
+  "arrowLeft",
+  "arrowRight",
+  "key",
+  "wait"
+]);
+function sortKeysDeep(value) {
+  if (value === null || value === void 0) {
+    return value;
+  }
+  if (Array.isArray(value)) {
+    return value.map(sortKeysDeep);
+  }
+  if (typeof value === "object") {
+    const sorted = {};
+    const keys = Object.keys(value).sort();
+    for (const key of keys) {
+      sorted[key] = sortKeysDeep(value[key]);
+    }
+    return sorted;
+  }
+  return value;
+}
+function serializeEvent(event) {
+  const sorted = sortKeysDeep(event);
+  return JSON.stringify(sorted, null, 2);
+}
+function deserializeEvent(json) {
+  const parsed = JSON.parse(json);
+  validateEvent(parsed);
+  return parsed;
+}
+function serializeTimeline(timeline) {
+  const sorted = sortKeysDeep(timeline);
+  return JSON.stringify(sorted, null, 2);
+}
+function deserializeTimeline(json) {
+  const parsed = JSON.parse(json);
+  validateTimeline(parsed);
+  return parsed;
+}
+function serializeInteractionSequence(seq) {
+  const sorted = sortKeysDeep(seq);
+  return JSON.stringify(sorted, null, 2);
+}
+function deserializeInteractionSequence(json) {
+  const parsed = JSON.parse(json);
+  validateInteractionSequence(parsed);
+  return parsed;
+}
+function timelinesEqual(a, b) {
+  return serializeTimeline(a) === serializeTimeline(b);
+}
+function validateEvent(obj) {
+  if (obj === null || typeof obj !== "object") {
+    throw new Error("Event must be a non-null object");
+  }
+  const event = obj;
+  if (typeof event.type !== "string" || !VALID_EVENT_TYPES.has(event.type)) {
+    throw new Error(
+      `Event "type" must be one of: ${[...VALID_EVENT_TYPES].join(", ")}. Got: ${String(event.type)}`
+    );
+  }
+  if (typeof event.timestamp !== "number" || !Number.isFinite(event.timestamp)) {
+    throw new Error('Event "timestamp" must be a finite number');
+  }
+  validateEventTarget(event.target, 'Event "target"');
+  validatePayload(event.payload);
+}
+function validateEventTarget(obj, label) {
+  if (obj === null || typeof obj !== "object") {
+    throw new Error(`${label} must be a non-null object`);
+  }
+  const target = obj;
+  if (typeof target.role !== "string") {
+    throw new Error(`${label}.role must be a string`);
+  }
+  if (typeof target.accessibleName !== "string") {
+    throw new Error(`${label}.accessibleName must be a string`);
+  }
+  if (typeof target.selector !== "string") {
+    throw new Error(`${label}.selector must be a string`);
+  }
+}
+function validatePayload(obj) {
+  if (obj === null || typeof obj !== "object") {
+    throw new Error('Event "payload" must be a non-null object');
+  }
+  const payload = obj;
+  if (typeof payload.kind !== "string" || !VALID_PAYLOAD_KINDS.has(payload.kind)) {
+    throw new Error(
+      `Payload "kind" must be one of: ${[...VALID_PAYLOAD_KINDS].join(", ")}. Got: ${String(payload.kind)}`
+    );
+  }
+  switch (payload.kind) {
+    case "focus_changed":
+      if (payload.previousTarget !== null) {
+        validateEventTarget(payload.previousTarget, "FocusChangedPayload.previousTarget");
+      }
+      break;
+    case "announcement":
+      if (payload.politeness !== "polite" && payload.politeness !== "assertive") {
+        throw new Error('AnnouncementPayload.politeness must be "polite" or "assertive"');
+      }
+      if (typeof payload.text !== "string") {
+        throw new Error("AnnouncementPayload.text must be a string");
+      }
+      break;
+    case "role_changed":
+      if (typeof payload.previousRole !== "string") {
+        throw new Error("RoleChangedPayload.previousRole must be a string");
+      }
+      if (typeof payload.newRole !== "string") {
+        throw new Error("RoleChangedPayload.newRole must be a string");
+      }
+      break;
+    case "accessible_name_changed":
+      if (typeof payload.previousName !== "string") {
+        throw new Error("AccessibleNameChangedPayload.previousName must be a string");
+      }
+      if (typeof payload.newName !== "string") {
+        throw new Error("AccessibleNameChangedPayload.newName must be a string");
+      }
+      break;
+    case "state_changed":
+      if (typeof payload.attribute !== "string") {
+        throw new Error("StateChangedPayload.attribute must be a string");
+      }
+      validateStateValue(payload.previousValue, "StateChangedPayload.previousValue");
+      validateStateValue(payload.newValue, "StateChangedPayload.newValue");
+      break;
+    case "dialog_opened":
+      if (typeof payload.dialogName !== "string") {
+        throw new Error("DialogOpenedPayload.dialogName must be a string");
+      }
+      if (typeof payload.isModal !== "boolean") {
+        throw new Error("DialogOpenedPayload.isModal must be a boolean");
+      }
+      break;
+    case "dialog_closed":
+      if (typeof payload.dialogName !== "string") {
+        throw new Error("DialogClosedPayload.dialogName must be a string");
+      }
+      break;
+    case "keyboard_action":
+      if (typeof payload.key !== "string") {
+        throw new Error("KeyboardActionPayload.key must be a string");
+      }
+      if (!Array.isArray(payload.modifiers)) {
+        throw new Error("KeyboardActionPayload.modifiers must be an array");
+      }
+      for (const mod of payload.modifiers) {
+        if (typeof mod !== "string") {
+          throw new Error("KeyboardActionPayload.modifiers must contain only strings");
+        }
+      }
+      break;
+    case "warning":
+      if (typeof payload.message !== "string") {
+        throw new Error("WarningPayload.message must be a string");
+      }
+      if (payload.relatedEvent !== void 0 && payload.relatedEvent !== null) {
+        validateEvent(payload.relatedEvent);
+      }
+      break;
+  }
+}
+function validateStateValue(value, label) {
+  if (value !== null && typeof value !== "string" && typeof value !== "boolean") {
+    throw new Error(`${label} must be a string, boolean, or null`);
+  }
+}
+function validateTimeline(obj) {
+  if (obj === null || typeof obj !== "object") {
+    throw new Error("Timeline must be a non-null object");
+  }
+  const timeline = obj;
+  if (typeof timeline.version !== "string") {
+    throw new Error('Timeline "version" must be a string');
+  }
+  if (typeof timeline.component !== "string") {
+    throw new Error('Timeline "component" must be a string');
+  }
+  if (timeline.story !== null && typeof timeline.story !== "string") {
+    throw new Error('Timeline "story" must be a string or null');
+  }
+  if (typeof timeline.interactionSequence !== "string") {
+    throw new Error('Timeline "interactionSequence" must be a string');
+  }
+  if (typeof timeline.duration !== "number" || !Number.isFinite(timeline.duration)) {
+    throw new Error('Timeline "duration" must be a finite number');
+  }
+  if (!Array.isArray(timeline.events)) {
+    throw new Error('Timeline "events" must be an array');
+  }
+  for (let i = 0; i < timeline.events.length; i++) {
+    try {
+      validateEvent(timeline.events[i]);
+    } catch (err) {
+      throw new Error(
+        `Timeline events[${i}]: ${err instanceof Error ? err.message : String(err)}`
+      );
+    }
+  }
+  if (!Array.isArray(timeline.warnings)) {
+    throw new Error('Timeline "warnings" must be an array');
+  }
+  for (let i = 0; i < timeline.warnings.length; i++) {
+    try {
+      validateEvent(timeline.warnings[i]);
+    } catch (err) {
+      throw new Error(
+        `Timeline warnings[${i}]: ${err instanceof Error ? err.message : String(err)}`
+      );
+    }
+  }
+  validateTimelineMetadata(timeline.metadata);
+}
+function validateTimelineMetadata(obj) {
+  if (obj === null || typeof obj !== "object") {
+    throw new Error('Timeline "metadata" must be a non-null object');
+  }
+  const meta = obj;
+  if (typeof meta.capturedAt !== "string") {
+    throw new Error("Timeline metadata.capturedAt must be a string");
+  }
+  if (typeof meta.speakableVersion !== "string") {
+    throw new Error("Timeline metadata.speakableVersion must be a string");
+  }
+  if (typeof meta.sourceUrl !== "string") {
+    throw new Error("Timeline metadata.sourceUrl must be a string");
+  }
+  if (typeof meta.userAgent !== "string") {
+    throw new Error("Timeline metadata.userAgent must be a string");
+  }
+}
+function validateInteractionSequence(obj) {
+  if (obj === null || typeof obj !== "object") {
+    throw new Error("InteractionSequence must be a non-null object");
+  }
+  const seq = obj;
+  if (typeof seq.description !== "string") {
+    throw new Error('InteractionSequence "description" must be a string');
+  }
+  if (!Array.isArray(seq.actions)) {
+    throw new Error('InteractionSequence "actions" must be an array');
+  }
+  for (let i = 0; i < seq.actions.length; i++) {
+    validateAction(seq.actions[i], i);
+  }
+}
+function validateAction(obj, index) {
+  if (obj === null || typeof obj !== "object") {
+    throw new Error(`InteractionSequence actions[${index}] must be a non-null object`);
+  }
+  const action = obj;
+  if (typeof action.type !== "string" || !VALID_ACTION_TYPES.has(action.type)) {
+    throw new Error(
+      `InteractionSequence actions[${index}].type must be one of: ${[...VALID_ACTION_TYPES].join(", ")}. Got: ${String(action.type)}`
+    );
+  }
+  switch (action.type) {
+    case "click":
+      if (typeof action.selector !== "string") {
+        throw new Error(
+          `InteractionSequence actions[${index}].selector must be a string for click actions`
+        );
+      }
+      break;
+    case "key":
+      if (typeof action.combo !== "string") {
+        throw new Error(
+          `InteractionSequence actions[${index}].combo must be a string for key actions`
+        );
+      }
+      break;
+    case "wait":
+      if (typeof action.ms !== "number" || !Number.isFinite(action.ms)) {
+        throw new Error(
+          `InteractionSequence actions[${index}].ms must be a finite number for wait actions`
+        );
+      }
+      break;
+  }
+}
+
+// src/runtime/diff-engine.ts
+function matchingKey(event) {
+  return `${event.type}::${event.target.selector}`;
+}
+function payloadsEqual(a, b) {
+  if (a.type !== b.type) return false;
+  if (!targetsEqual(a.target, b.target)) return false;
+  return deepEqual(a.payload, b.payload);
+}
+function targetsEqual(a, b) {
+  return a.role === b.role && a.accessibleName === b.accessibleName && a.selector === b.selector;
+}
+function deepEqual(a, b) {
+  if (a === b) return true;
+  if (a === null || b === null) return a === b;
+  if (typeof a !== typeof b) return false;
+  if (typeof a !== "object") return a === b;
+  const aObj = a;
+  const bObj = b;
+  const aKeys = Object.keys(aObj).sort();
+  const bKeys = Object.keys(bObj).sort();
+  if (aKeys.length !== bKeys.length) return false;
+  for (let i = 0; i < aKeys.length; i++) {
+    if (aKeys[i] !== bKeys[i]) return false;
+    if (!deepEqual(aObj[aKeys[i]], bObj[bKeys[i]])) return false;
+  }
+  return true;
+}
+function buildModifiedMessage(baseline, current) {
+  const type = current.type;
+  const selector = current.target.selector;
+  if (baseline.target.accessibleName !== current.target.accessibleName) {
+    return `${type} on "${selector}": accessible name changed from "${baseline.target.accessibleName}" to "${current.target.accessibleName}"`;
+  }
+  if (baseline.target.role !== current.target.role) {
+    return `${type} on "${selector}": role changed from "${baseline.target.role}" to "${current.target.role}"`;
+  }
+  return `${type} on "${selector}": payload values differ`;
+}
+function diffTimelines(baseline, current) {
+  const added = [];
+  const removed = [];
+  const modified = [];
+  const currentByKey = /* @__PURE__ */ new Map();
+  for (const event of current.events) {
+    const key = matchingKey(event);
+    const existing = currentByKey.get(key);
+    if (existing) {
+      existing.push(event);
+    } else {
+      currentByKey.set(key, [event]);
+    }
+  }
+  const matchedCurrentIndices = /* @__PURE__ */ new Set();
+  for (const baselineEvent of baseline.events) {
+    const key = matchingKey(baselineEvent);
+    const candidates = currentByKey.get(key);
+    if (!candidates || candidates.length === 0) {
+      removed.push({
+        event: baselineEvent,
+        message: `${baselineEvent.type} on "${baselineEvent.target.selector}" was removed`
+      });
+      continue;
+    }
+    let matched = false;
+    for (let i = 0; i < candidates.length; i++) {
+      const candidateId = `${key}::${i}`;
+      if (matchedCurrentIndices.has(candidateId)) continue;
+      const currentEvent = candidates[i];
+      matchedCurrentIndices.add(candidateId);
+      if (!payloadsEqual(baselineEvent, currentEvent)) {
+        modified.push({
+          event: currentEvent,
+          previousEvent: baselineEvent,
+          message: buildModifiedMessage(baselineEvent, currentEvent)
+        });
+      }
+      matched = true;
+      break;
+    }
+    if (!matched) {
+      removed.push({
+        event: baselineEvent,
+        message: `${baselineEvent.type} on "${baselineEvent.target.selector}" was removed`
+      });
+    }
+  }
+  for (const [key, candidates] of currentByKey.entries()) {
+    for (let i = 0; i < candidates.length; i++) {
+      const candidateId = `${key}::${i}`;
+      if (!matchedCurrentIndices.has(candidateId)) {
+        const event = candidates[i];
+        added.push({
+          event,
+          message: `${event.type} on "${event.target.selector}" was added`
+        });
+      }
+    }
+  }
+  return {
+    baseline: { totalEvents: baseline.events.length },
+    current: { totalEvents: current.events.length },
+    added,
+    removed,
+    modified,
+    summary: {
+      totalBaseline: baseline.events.length,
+      totalCurrent: current.events.length,
+      added: added.length,
+      removed: removed.length,
+      modified: modified.length
+    }
+  };
+}
+
+// src/runtime/severity.ts
+function classifyDiff(report) {
+  const entries = [];
+  for (const entry of report.removed) {
+    const severity = classifyRemoved(entry);
+    entries.push({ ...entry, severity });
+  }
+  for (const entry of report.added) {
+    const severity = classifyAdded(entry);
+    entries.push({ ...entry, severity });
+  }
+  for (const entry of report.modified) {
+    const severity = classifyModified(entry);
+    entries.push({ ...entry, severity });
+  }
+  const criticalCount = entries.filter((e) => e.severity === "critical").length;
+  const highCount = entries.filter((e) => e.severity === "high").length;
+  const mediumCount = entries.filter((e) => e.severity === "medium").length;
+  const lowCount = entries.filter((e) => e.severity === "low").length;
+  let highestSeverity = null;
+  if (criticalCount > 0) highestSeverity = "critical";
+  else if (highCount > 0) highestSeverity = "high";
+  else if (mediumCount > 0) highestSeverity = "medium";
+  else if (lowCount > 0) highestSeverity = "low";
+  return { entries, highestSeverity, criticalCount, highCount, mediumCount, lowCount };
+}
+function classifyRemoved(entry) {
+  switch (entry.event.type) {
+    case "FOCUS_CHANGED":
+      return "critical";
+    case "ANNOUNCEMENT":
+      return "critical";
+    case "DIALOG_OPENED":
+      return "high";
+    case "DIALOG_CLOSED":
+      return "high";
+    case "STATE_CHANGED":
+      return "high";
+    case "KEYBOARD_ACTION":
+      return "medium";
+    default:
+      return "medium";
+  }
+}
+function classifyAdded(entry) {
+  switch (entry.event.type) {
+    case "WARNING":
+      return "high";
+    case "REGRESSION":
+      return "critical";
+    case "ANNOUNCEMENT":
+      return "medium";
+    case "FOCUS_CHANGED":
+      return "medium";
+    default:
+      return "low";
+  }
+}
+function classifyModified(entry) {
+  switch (entry.event.type) {
+    case "FOCUS_CHANGED":
+      return "high";
+    case "STATE_CHANGED":
+      return "high";
+    case "ACCESSIBLE_NAME_CHANGED":
+      return "medium";
+    case "ANNOUNCEMENT":
+      return "medium";
+    default:
+      return "medium";
+  }
+}
+
+// src/runtime/baseline-storage.ts
+import { readFile, writeFile, mkdir, access } from "fs/promises";
+import { join, dirname } from "path";
+var SPEAKABLE_VERSION2 = "1.3.0";
+function createBaselineStorage(baseDir) {
+  function sanitize(name) {
+    return name.toLowerCase().replace(/[/\\]/g, "-").replace(/[^a-z0-9._-]/g, "-");
+  }
+  function getPath(componentName, storyName) {
+    return join(baseDir, sanitize(componentName), `${sanitize(storyName)}.timeline.json`);
+  }
+  return {
+    async save(componentName, storyName, timeline, meta) {
+      const filePath = getPath(componentName, storyName);
+      const dir = dirname(filePath);
+      try {
+        await mkdir(dir, { recursive: true });
+      } catch (err) {
+        throw new Error(`Cannot create baseline directory "${dir}": ${err.message}`);
+      }
+      const baselineFile = {
+        baseline: {
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          speakableVersion: SPEAKABLE_VERSION2,
+          storybookUrl: meta?.storybookUrl,
+          interactionSequence: timeline.interactionSequence
+        },
+        timeline
+      };
+      const json = JSON.stringify(baselineFile, null, 2);
+      try {
+        await writeFile(filePath, json, "utf-8");
+      } catch (err) {
+        throw new Error(`Cannot write baseline file "${filePath}": ${err.message}`);
+      }
+    },
+    async load(componentName, storyName) {
+      const filePath = getPath(componentName, storyName);
+      try {
+        const content = await readFile(filePath, "utf-8");
+        const parsed = JSON.parse(content);
+        return parsed;
+      } catch {
+        return null;
+      }
+    },
+    async exists(componentName, storyName) {
+      const filePath = getPath(componentName, storyName);
+      try {
+        await access(filePath);
+        return true;
+      } catch {
+        return false;
+      }
+    },
+    getBaselinePath(componentName, storyName) {
+      return getPath(componentName, storyName);
+    }
+  };
+}
+
+// src/runtime/verbosity-analyzer.ts
+var DEFAULT_CONFIG2 = {
+  interactionFrameWindow: 150,
+  textSimilarityThreshold: 0.6
+};
+function textSimilarity(a, b) {
+  if (!a || !b) return 0;
+  const wordsA = new Set(a.toLowerCase().split(/\s+/).filter(Boolean));
+  const wordsB = new Set(b.toLowerCase().split(/\s+/).filter(Boolean));
+  if (wordsA.size === 0 || wordsB.size === 0) return 0;
+  let overlap = 0;
+  for (const word of wordsA) {
+    if (wordsB.has(word)) overlap++;
+  }
+  const maxSize = Math.max(wordsA.size, wordsB.size);
+  return overlap / maxSize;
+}
+function groupIntoFrames(events, windowMs) {
+  if (events.length === 0) return [];
+  const frames = [];
+  let currentFrame = {
+    start: events[0].timestamp,
+    end: events[0].timestamp,
+    events: [events[0]]
+  };
+  for (let i = 1; i < events.length; i++) {
+    const event = events[i];
+    if (event.timestamp - currentFrame.end <= windowMs) {
+      currentFrame.events.push(event);
+      currentFrame.end = event.timestamp;
+    } else {
+      frames.push(currentFrame);
+      currentFrame = {
+        start: event.timestamp,
+        end: event.timestamp,
+        events: [event]
+      };
+    }
+  }
+  frames.push(currentFrame);
+  return frames;
+}
+function detectRedundantStateAndLiveRegion(frame, _config) {
+  const findings = [];
+  const stateChanges = frame.events.filter((e) => e.type === "STATE_CHANGED");
+  const announcements = frame.events.filter((e) => e.type === "ANNOUNCEMENT");
+  for (const stateEvent of stateChanges) {
+    const payload = stateEvent.payload;
+    const announcedAttributes = [
+      "aria-selected",
+      "aria-checked",
+      "aria-pressed",
+      "aria-expanded",
+      "aria-disabled",
+      "aria-invalid",
+      "aria-current"
+    ];
+    if (!announcedAttributes.includes(payload.attribute)) continue;
+    for (const announcement of announcements) {
+      const annoPayload = announcement.payload;
+      const annoText = annoPayload.text.toLowerCase();
+      const elementName = stateEvent.target.accessibleName.toLowerCase();
+      const nameInAnnouncement = elementName.length > 0 && annoText.includes(elementName);
+      const stateEchoWords = ["selected", "deselected", "checked", "unchecked", "expanded", "collapsed", "pressed"];
+      const hasStateEcho = stateEchoWords.some((word) => annoText.includes(word));
+      if (nameInAnnouncement && hasStateEcho) {
+        findings.push({
+          pattern: "redundant-state-and-live-region",
+          severity: "high",
+          description: `The ${payload.attribute} state change on "${stateEvent.target.accessibleName}" (${stateEvent.target.role}) is already announced by the screen reader, but a live region also announces similar content ("${annoPayload.text}"). This causes VoiceOver to read the information 2-3 times.`,
+          remediation: [
+            `Remove the live region announcement when ${payload.attribute} changes on the active element, since the screen reader already announces state transitions on the focused/active item.`,
+            `If you need the live region for summary info (e.g., "3 of 5 selected"), debounce it with a 150ms+ delay and ensure the text does NOT repeat the option name.`,
+            `Use a summary-only pattern in the live region: "3 of 5 selected" instead of "JavaScript selected. 3 of 5 selected." The element name is already announced via the state change.`,
+            `Consider removing the live region entirely and relying on aria-selected/aria-checked state changes for per-item feedback.`
+          ],
+          affectedReaders: ["VoiceOver (macOS)", "VoiceOver (iOS)"],
+          relatedEvents: [stateEvent, announcement],
+          timeWindow: { start: frame.start, end: frame.end },
+          elementSelector: stateEvent.target.selector
+        });
+      }
+    }
+  }
+  return findings;
+}
+function detectActiveDescendantPlusStateChange(frame, _config) {
+  const findings = [];
+  const activedescendantChanges = frame.events.filter(
+    (e) => e.type === "STATE_CHANGED" && e.payload.attribute === "aria-activedescendant"
+  );
+  const otherStateChanges = frame.events.filter(
+    (e) => e.type === "STATE_CHANGED" && e.payload.attribute !== "aria-activedescendant"
+  );
+  for (const adChange of activedescendantChanges) {
+    const adPayload = adChange.payload;
+    const newValue = String(adPayload.newValue);
+    const previousValue = String(adPayload.previousValue ?? "");
+    const isSameElement = newValue === previousValue;
+    for (const stateChange of otherStateChanges) {
+      const statePayload = stateChange.payload;
+      const targetMatchesAD = stateChange.target.selector.includes(newValue) || stateChange.target.selector === adChange.target.selector;
+      if (!targetMatchesAD) continue;
+      if (isSameElement) {
+        findings.push({
+          pattern: "activedescendant-plus-state-change",
+          severity: "high",
+          description: `aria-activedescendant was re-set to the same value ("${newValue}") AND ${statePayload.attribute} changed on that element within ${frame.end - frame.start}ms. VoiceOver reads the element once for the activedescendant update, then again for the state change.`,
+          remediation: [
+            `When toggling selection on the already-active option, do NOT re-set aria-activedescendant to the same value. Only update it when the user navigates to a different option.`,
+            `Batch DOM attribute changes: set aria-selected BEFORE updating aria-activedescendant, or skip the activedescendant update entirely when the active item hasn't changed.`,
+            `For click interactions on options, avoid calling both setActiveDescendant() and toggleSelection() if the clicked item is already the active descendant.`
+          ],
+          affectedReaders: ["VoiceOver (macOS)", "VoiceOver (iOS)", "Narrator"],
+          relatedEvents: [adChange, stateChange],
+          timeWindow: { start: frame.start, end: frame.end },
+          elementSelector: stateChange.target.selector
+        });
+      } else {
+        findings.push({
+          pattern: "activedescendant-plus-state-change",
+          severity: "low",
+          description: `aria-activedescendant moved to "${stateChange.target.accessibleName}" AND ${statePayload.attribute} changed on that element within ${frame.end - frame.start}ms. VoiceOver may announce the option name twice (once for navigation, once for state).`,
+          remediation: [
+            `If this is a click-to-select interaction, consider separating the activedescendant update and the state change by a microtask (Promise.resolve()) so VoiceOver processes them as separate assertions.`,
+            `Alternatively, accept this as expected behavior for click interactions where navigation and selection happen simultaneously.`
+          ],
+          affectedReaders: ["VoiceOver (macOS)"],
+          relatedEvents: [adChange, stateChange],
+          timeWindow: { start: frame.start, end: frame.end },
+          elementSelector: stateChange.target.selector
+        });
+      }
+    }
+  }
+  return findings;
+}
+function detectNameChangePlusLiveRegion(frame, config) {
+  const findings = [];
+  const nameChanges = frame.events.filter((e) => e.type === "ACCESSIBLE_NAME_CHANGED");
+  const announcements = frame.events.filter((e) => e.type === "ANNOUNCEMENT");
+  for (const nameEvent of nameChanges) {
+    for (const announcement of announcements) {
+      const annoPayload = announcement.payload;
+      const similarity = textSimilarity(nameEvent.target.accessibleName, annoPayload.text);
+      if (similarity >= config.textSimilarityThreshold) {
+        findings.push({
+          pattern: "name-change-plus-live-region",
+          severity: "medium",
+          description: `The accessible name of "${nameEvent.target.accessibleName}" (${nameEvent.target.role}) changed AND a live region announced similar content ("${annoPayload.text}"). Screen readers may announce both the name change and the live region.`,
+          remediation: [
+            `Choose one announcement channel: either update the element's accessible name (which the screen reader reads if the element is focused) OR use a live region, not both.`,
+            `If the element is focused, prefer the name change. If it's not focused, prefer the live region.`,
+            `Add a 200ms+ debounce to the live region update to let the name change announce first.`
+          ],
+          affectedReaders: ["VoiceOver (macOS)", "NVDA", "JAWS"],
+          relatedEvents: [nameEvent, announcement],
+          timeWindow: { start: frame.start, end: frame.end },
+          elementSelector: nameEvent.target.selector
+        });
+      }
+    }
+  }
+  return findings;
+}
+function detectFocusPlusActiveDescendant(frame, _config) {
+  const findings = [];
+  const focusEvents = frame.events.filter((e) => e.type === "FOCUS_CHANGED");
+  const adChanges = frame.events.filter(
+    (e) => e.type === "STATE_CHANGED" && e.payload.attribute === "aria-activedescendant"
+  );
+  if (focusEvents.length > 0 && adChanges.length > 0) {
+    findings.push({
+      pattern: "focus-plus-activedescendant",
+      severity: "medium",
+      description: `Both real DOM focus moved AND aria-activedescendant changed within ${frame.end - frame.start}ms. Screen readers may announce the focused element AND then re-announce via activedescendant, causing a double-read.`,
+      remediation: [
+        `Choose one focus management strategy: either move real DOM focus to options (roving tabindex) OR use aria-activedescendant on the container. Do not mix both.`,
+        `If using aria-activedescendant, keep DOM focus on the container (listbox/combobox) and only change the activedescendant attribute.`,
+        `If using roving tabindex, set tabindex="0" on the active item and tabindex="-1" on others, and move focus directly via element.focus().`
+      ],
+      affectedReaders: ["VoiceOver (macOS)", "NVDA", "JAWS", "Narrator"],
+      relatedEvents: [...focusEvents, ...adChanges],
+      timeWindow: { start: frame.start, end: frame.end },
+      elementSelector: focusEvents[0].target.selector
+    });
+  }
+  return findings;
+}
+function detectMultipleStateChangesSameElement(frame, _config) {
+  const findings = [];
+  const stateChanges = frame.events.filter((e) => e.type === "STATE_CHANGED");
+  const bySelector = /* @__PURE__ */ new Map();
+  for (const event of stateChanges) {
+    const existing = bySelector.get(event.target.selector) || [];
+    existing.push(event);
+    bySelector.set(event.target.selector, existing);
+  }
+  for (const [selector, events] of bySelector) {
+    if (events.length >= 3) {
+      const attributes = events.map((e) => e.payload.attribute);
+      findings.push({
+        pattern: "multiple-state-changes-same-element",
+        severity: "medium",
+        description: `${events.length} ARIA attributes changed simultaneously on "${events[0].target.accessibleName}" (${events[0].target.role}): ${attributes.join(", ")}. Some screen readers announce each attribute change individually, causing a verbose multi-part announcement.`,
+        remediation: [
+          `Batch attribute changes into a single DOM mutation frame by setting all attributes before the next microtask. Use requestAnimationFrame() or Promise.resolve() to group them.`,
+          `Evaluate which attributes actually need to be communicated. For example, if aria-selected changes, the screen reader already announces it; additional aria-checked or aria-pressed changes may be redundant.`,
+          `Consider using a single composite state (e.g., just aria-selected for listbox options) rather than multiple state attributes.`
+        ],
+        affectedReaders: ["VoiceOver (macOS)", "Narrator"],
+        relatedEvents: events,
+        timeWindow: { start: frame.start, end: frame.end },
+        elementSelector: selector
+      });
+    }
+  }
+  return findings;
+}
+function detectRapidIdenticalAnnouncements(frame, _config) {
+  const findings = [];
+  const announcements = frame.events.filter((e) => e.type === "ANNOUNCEMENT");
+  const seen = /* @__PURE__ */ new Map();
+  for (const event of announcements) {
+    const text = event.payload.text.toLowerCase().trim();
+    const existing = seen.get(text) || [];
+    existing.push(event);
+    seen.set(text, existing);
+  }
+  for (const [text, events] of seen) {
+    if (events.length >= 2) {
+      findings.push({
+        pattern: "rapid-identical-announcements",
+        severity: "high",
+        description: `The same live region content ("${text}") was announced ${events.length} times within ${frame.end - frame.start}ms. Users will hear the same information repeated.`,
+        remediation: [
+          `Debounce live region updates. Clear the live region text content first, then set the new value after a 100-200ms delay.`,
+          `If updating a live region's textContent to the same value, the screen reader may ignore it OR re-read it depending on implementation. Clear to empty string first.`,
+          `Avoid updating the live region inside a loop or rapid event handler. Compute the final state and announce once.`
+        ],
+        affectedReaders: ["VoiceOver (macOS)", "VoiceOver (iOS)", "NVDA", "Narrator"],
+        relatedEvents: events,
+        timeWindow: { start: frame.start, end: frame.end },
+        elementSelector: events[0].target.selector
+      });
+    }
+  }
+  return findings;
+}
+function analyzeVerbosity(events, config) {
+  const cfg = { ...DEFAULT_CONFIG2, ...config };
+  const frames = groupIntoFrames(events, cfg.interactionFrameWindow);
+  const findings = [];
+  for (const frame of frames) {
+    findings.push(...detectRedundantStateAndLiveRegion(frame, cfg));
+    findings.push(...detectActiveDescendantPlusStateChange(frame, cfg));
+    findings.push(...detectNameChangePlusLiveRegion(frame, cfg));
+    findings.push(...detectFocusPlusActiveDescendant(frame, cfg));
+    findings.push(...detectMultipleStateChangesSameElement(frame, cfg));
+    findings.push(...detectRapidIdenticalAnnouncements(frame, cfg));
+  }
+  const severityOrder = { high: 0, medium: 1, low: 2 };
+  findings.sort((a, b) => severityOrder[a.severity] - severityOrder[b.severity]);
+  const summary = {
+    high: findings.filter((f) => f.severity === "high").length,
+    medium: findings.filter((f) => f.severity === "medium").length,
+    low: findings.filter((f) => f.severity === "low").length,
+    total: findings.length
+  };
+  const deductions = summary.high * 25 + summary.medium * 10 + summary.low * 3;
+  const score = Math.max(0, 100 - deductions);
+  return { findings, summary, score };
+}
+function formatVerbosityReport(report) {
+  const lines = [];
+  lines.push("");
+  lines.push("=== VERBOSITY ANALYSIS REPORT ===");
+  lines.push("");
+  lines.push(`Score: ${report.score}/100 ${report.score >= 80 ? "(Good)" : report.score >= 50 ? "(Needs attention)" : "(Critical verbosity issues)"}`);
+  lines.push(`Findings: ${report.summary.total} (${report.summary.high} high, ${report.summary.medium} medium, ${report.summary.low} low)`);
+  lines.push("");
+  if (report.findings.length === 0) {
+    lines.push("No verbosity issues detected. Announcements appear clean.");
+    return lines.join("\n");
+  }
+  for (let i = 0; i < report.findings.length; i++) {
+    const finding = report.findings[i];
+    const severityIcon = finding.severity === "high" ? "\u2718" : finding.severity === "medium" ? "\u26A0" : "\u2139";
+    lines.push(`${severityIcon} [${finding.severity.toUpperCase()}] ${finding.pattern}`);
+    lines.push(`  Element: ${finding.elementSelector}`);
+    lines.push(`  Window: ${finding.timeWindow.start}ms - ${finding.timeWindow.end}ms`);
+    lines.push(`  ${finding.description}`);
+    lines.push("");
+    lines.push("  Affected: " + finding.affectedReaders.join(", "));
+    lines.push("");
+    lines.push("  Remediation:");
+    for (const step of finding.remediation) {
+      lines.push(`    - ${step}`);
+    }
+    lines.push("");
+    if (i < report.findings.length - 1) {
+      lines.push("  " + "\u2500".repeat(60));
+      lines.push("");
+    }
+  }
+  return lines.join("\n");
+}
 export {
   CURRENT_MODEL_VERSION,
   ParsingError,
@@ -2691,6 +5521,7 @@ export {
   renderNVDA,
   renderNarrator,
   renderVoiceOver,
+  runtime_exports as runtime,
   serializeModel,
   validateHTMLNotEmpty,
   validateModel,