@base44-preview/vite-plugin 0.2.22-pr.36.d652cb1 → 0.2.22-pr.37.26664a5

package/dist/statics/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/injections/utils.ts","../../src/injections/layer-dropdown/consts.ts","../../src/injections/layer-dropdown/utils.ts","../../src/injections/layer-dropdown/dropdown-ui.ts","../../src/injections/layer-dropdown/controller.ts","../../src/injections/visual-edit-agent.ts"],"sourcesContent":["/** Check if an element has instrumentation attributes */\nexport function isInstrumentedElement(element: Element): boolean {\n  const htmlEl = element as HTMLElement;\n  return !!(\n    htmlEl.dataset?.sourceLocation || htmlEl.dataset?.visualSelectorId\n  );\n}\n\n/** Get the selector ID from an element's data attributes (prefers source-location) */\nexport function getElementSelectorId(element: Element): string | null {\n  const htmlEl = element as HTMLElement;\n  return (\n    htmlEl.dataset?.sourceLocation ||\n    htmlEl.dataset?.visualSelectorId ||\n    null\n  );\n}\n\n/** Find the nearest instrumented ancestor (not the element itself) */\nexport function getImmediateInstrumentedParent(element: Element): Element | null {\n  let current = element.parentElement;\n  while (\n    current &&\n    current !== document.documentElement &&\n    current !== document.body\n  ) {\n    if (isInstrumentedElement(current)) {\n      return current;\n    }\n    current = current.parentElement;\n  }\n  return null;\n}\n\n/** Find elements by ID - first try data-source-location, fallback to data-visual-selector-id */\nexport function findElementsById(id: string | null): Element[] {\n  if (!id) return [];\n  const sourceElements = Array.from(\n    document.querySelectorAll(`[data-source-location=\"${id}\"]`)\n  );\n  if (sourceElements.length > 0) {\n    return sourceElements;\n  }\n  return Array.from(\n    document.querySelectorAll(`[data-visual-selector-id=\"${id}\"]`)\n  );\n}\n\n/**\n * Update element classes by visual selector ID.\n * Uses setAttribute instead of className to support both HTML and SVG elements.\n */\nexport function updateElementClasses(elements: Element[], classes: string): void {\n  elements.forEach((element) => {\n    element.setAttribute(\"class\", classes);\n  });  \n}\n","/** Style constants for the layer dropdown UI */\n\nexport const DROPDOWN_CONTAINER_STYLES: Record<string, string> = {\n  position: \"absolute\",\n  backgroundColor: \"#ffffff\",\n  border: \"1px solid #e2e8f0\",\n  borderRadius: \"6px\",\n  boxShadow: \"0 4px 12px rgba(0, 0, 0, 0.15)\",\n  fontSize: \"12px\",\n  minWidth: \"120px\",\n  maxHeight: \"200px\",\n  overflowY: \"auto\",\n  zIndex: \"10001\",\n  padding: \"4px 0\",\n  pointerEvents: \"auto\",\n};\n\nexport const DROPDOWN_ITEM_BASE_STYLES: Record<string, string> = {\n  padding: \"4px 12px\",\n  cursor: \"pointer\",\n  color: \"#334155\",\n  backgroundColor: \"transparent\",\n  whiteSpace: \"nowrap\",\n  lineHeight: \"1.5\",\n  fontWeight: \"400\",\n};\n\nexport const DROPDOWN_ITEM_ACTIVE_COLOR = \"#526cff\";\nexport const DROPDOWN_ITEM_ACTIVE_BG = \"#DBEAFE\";\nexport const DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT = \"600\";\n\nexport const DROPDOWN_ITEM_HOVER_BG = \"#f1f5f9\";\n\nexport const DEPTH_INDENT_PX = 10;\n\nexport const LABEL_CHEVRON = \" \\u25BE\";\n\nexport const LAYER_DROPDOWN_ATTR = \"data-layer-dropdown\";\n\n/** Max instrumented ancestors to show above the selected element */\nexport const MAX_PARENT_DEPTH = 2;\n\n/** Max instrumented depth levels to show below the selected element */\nexport const MAX_CHILD_DEPTH = 2;\n","/** DOM utilities for the layer-dropdown module */\n\nimport { isInstrumentedElement, getElementSelectorId } from \"../utils.js\";\nimport { MAX_PARENT_DEPTH, MAX_CHILD_DEPTH } from \"./consts.js\";\n\nimport type { LayerInfo } from \"./types.js\";\n\n/** Apply a style map to an element */\nexport function applyStyles(element: HTMLElement, styles: Record<string, string>): void {\n  Object.assign(element.style, styles);\n}\n\n/** Display name for a layer — just the real tag name */\nexport function getLayerDisplayName(layer: LayerInfo): string {\n  return layer.tagName;\n}\n\n/**\n * Collect instrumented descendants up to `maxDepth` instrumented nesting levels.\n * Non-instrumented wrappers are walked through without counting toward depth.\n * Results are in DOM order.\n */\nexport function getInstrumentedDescendants(\n  parent: Element,\n  maxDepth: number\n): LayerInfo[] {\n  const result: LayerInfo[] = [];\n\n  function walk(el: Element, instrDepth: number): void {\n    if (instrDepth > maxDepth) return;\n    for (let i = 0; i < el.children.length; i++) {\n      const child = el.children[i]!;\n      if (isInstrumentedElement(child)) {\n        result.push({\n          element: child,\n          tagName: child.tagName.toLowerCase(),\n          selectorId: getElementSelectorId(child),\n        });\n        walk(child, instrDepth + 1);\n      } else {\n        walk(child, instrDepth);\n      }\n    }\n  }\n\n  walk(parent, 1);\n  return result;\n}\n\nfunction toLayerInfo(element: Element, depth?: number): LayerInfo {\n  const info: LayerInfo = {\n    element,\n    tagName: element.tagName.toLowerCase(),\n    selectorId: getElementSelectorId(element),\n  };\n  if (depth !== undefined) info.depth = depth;\n  return info;\n}\n\n/** Collect instrumented ancestors from selected element up to MAX_PARENT_DEPTH (outermost first). */\nfunction collectInstrumentedParents(selectedElement: Element): LayerInfo[] {\n  const parents: LayerInfo[] = [];\n  let current = selectedElement.parentElement;\n  while (\n    current &&\n    current !== document.documentElement &&\n    current !== document.body &&\n    parents.length < MAX_PARENT_DEPTH\n  ) {\n    if (isInstrumentedElement(current)) {\n      parents.push(toLayerInfo(current));\n    }\n    current = current.parentElement;\n  }\n  parents.reverse();\n  return parents;\n}\n\n/** Append parents to chain with depth 0, 1, …; returns depth of selected (parents.length). */\nfunction appendParentsWithDepth(chain: LayerInfo[], parents: LayerInfo[]): number {\n  parents.forEach((p, i) => {\n    chain.push({ ...p, depth: i });\n  });\n  return parents.length;\n}\n\n/** Append selected element and its descendants at the given depth. */\nfunction appendSelfAndDescendants(\n  chain: LayerInfo[],\n  selectedElement: Element,\n  selfDepth: number\n): void {\n  chain.push(toLayerInfo(selectedElement, selfDepth));\n  const descendants = getInstrumentedDescendants(\n    selectedElement,\n    MAX_CHILD_DEPTH\n  );\n  assignDescendantDepths(selectedElement, descendants, selfDepth + 1);\n  chain.push(...descendants);\n}\n\n/** Get the innermost instrumented parent's DOM element, or null if none. */\nfunction getImmediateInstrParent(parents: LayerInfo[]): Element | null {\n  return parents.length > 0 ? parents[parents.length - 1]!.element : null;\n}\n\n/** Collect instrumented siblings of the selected element from its parent (DOM order). */\nfunction collectSiblings(parent: Element, selectedElement: Element): LayerInfo[] {\n  const siblings = getInstrumentedDescendants(parent, 1);\n  if (!siblings.some((s) => s.element === selectedElement)) {\n    siblings.push(toLayerInfo(selectedElement));\n  }\n  return siblings;\n}\n\n/** Append siblings at selfDepth, expanding children only for the selected element. */\nfunction appendSiblingsWithSelected(\n  chain: LayerInfo[],\n  siblings: LayerInfo[],\n  selectedElement: Element,\n  selfDepth: number\n): void {\n  for (const sibling of siblings) {\n    if (sibling.element === selectedElement) {\n      appendSelfAndDescendants(chain, selectedElement, selfDepth);\n    } else {\n      chain.push({ ...sibling, depth: selfDepth });\n    }\n  }\n}\n\n/**\n * Build the layer chain for the dropdown:\n *\n *   Parents  – up to MAX_PARENT_DEPTH instrumented ancestors, outer → inner.\n *   Siblings – instrumented children of the immediate parent, at the same depth.\n *   Current  – the selected element (highlighted), with children expanded.\n *   Children – instrumented descendants within MAX_CHILD_DEPTH levels, DOM order.\n *\n * Each item carries a `depth` for visual indentation.\n */\nexport function buildLayerChain(selectedElement: Element): LayerInfo[] {\n  const parents = collectInstrumentedParents(selectedElement);\n  const chain: LayerInfo[] = [];\n  const selfDepth = appendParentsWithDepth(chain, parents);\n\n  const instrParent = getImmediateInstrParent(parents);\n  if (instrParent) {\n    const siblings = collectSiblings(instrParent, selectedElement);\n    appendSiblingsWithSelected(chain, siblings, selectedElement, selfDepth);\n  } else {\n    appendSelfAndDescendants(chain, selectedElement, selfDepth);\n  }\n\n  return chain;\n}\n\n/**\n * Walk the DOM tree again to assign correct visual depth to each descendant.\n * This avoids storing depth during collection and keeps the API simple.\n */\nfunction assignDescendantDepths(\n  root: Element,\n  descendants: LayerInfo[],\n  startDepth: number\n): void {\n  // Build a set for O(1) lookup\n  const descSet = new Set(descendants.map((d) => d.element));\n  // Map element → LayerInfo for mutation\n  const descMap = new Map(descendants.map((d) => [d.element, d]));\n\n  function walk(el: Element, instrDepth: number): void {\n    for (let i = 0; i < el.children.length; i++) {\n      const child = el.children[i]!;\n      if (descSet.has(child)) {\n        descMap.get(child)!.depth = startDepth + instrDepth - 1;\n        walk(child, instrDepth + 1);\n      } else {\n        walk(child, instrDepth);\n      }\n    }\n  }\n\n  walk(root, 1);\n}\n","/** Dropdown UI component for layer navigation */\n\nimport {\n  DROPDOWN_CONTAINER_STYLES,\n  DROPDOWN_ITEM_BASE_STYLES,\n  DROPDOWN_ITEM_ACTIVE_COLOR,\n  DROPDOWN_ITEM_ACTIVE_BG,\n  DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT,\n  DROPDOWN_ITEM_HOVER_BG,\n  DEPTH_INDENT_PX,\n  LABEL_CHEVRON,\n  LAYER_DROPDOWN_ATTR,\n} from \"./consts.js\";\nimport { applyStyles, getLayerDisplayName } from \"./utils.js\";\nimport type { LayerInfo, OnLayerSelect, OnLayerHover, OnLayerHoverEnd } from \"./types.js\";\n\nlet activeDropdown: HTMLDivElement | null = null;\nlet outsideMousedownHandler: ((e: MouseEvent) => void) | null = null;\nlet activeOnHoverEnd: OnLayerHoverEnd | null = null;\nlet activeKeydownHandler: ((e: KeyboardEvent) => void) | null = null;\n\nfunction createDropdownItem(\n  layer: LayerInfo,\n  isActive: boolean,\n  onSelect: OnLayerSelect,\n  onHover?: OnLayerHover,\n  onHoverEnd?: OnLayerHoverEnd\n): HTMLDivElement {\n  const item = document.createElement(\"div\");\n  item.textContent = getLayerDisplayName(layer);\n  applyStyles(item, DROPDOWN_ITEM_BASE_STYLES);\n\n  const depth = layer.depth ?? 0;\n  if (depth > 0) {\n    item.style.paddingLeft = `${12 + depth * DEPTH_INDENT_PX}px`;\n  }\n\n  if (isActive) {\n    item.style.color = DROPDOWN_ITEM_ACTIVE_COLOR;\n    item.style.backgroundColor = DROPDOWN_ITEM_ACTIVE_BG;\n    item.style.fontWeight = DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT;\n  }\n\n  item.addEventListener(\"mouseenter\", () => {\n    if (!isActive) item.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;\n    if (onHover) onHover(layer);\n  });\n\n  item.addEventListener(\"mouseleave\", () => {\n    if (!isActive) item.style.backgroundColor = \"transparent\";\n    if (onHoverEnd) onHoverEnd();\n  });\n\n  item.addEventListener(\"click\", (e: MouseEvent) => {\n    e.stopPropagation();\n    e.preventDefault();\n    onSelect(layer);\n  });\n\n  return item;\n}\n\n/** Create the dropdown DOM element with layer items */\nexport function createDropdownElement(\n  layers: LayerInfo[],\n  currentSelectorId: string | null,\n  onSelect: OnLayerSelect,\n  onHover?: OnLayerHover,\n  onHoverEnd?: OnLayerHoverEnd\n): HTMLDivElement {\n  const container = document.createElement(\"div\");\n  container.setAttribute(LAYER_DROPDOWN_ATTR, \"true\");\n  applyStyles(container, DROPDOWN_CONTAINER_STYLES);\n\n  layers.forEach((layer) => {\n    const isActive = layer.selectorId === currentSelectorId;\n    container.appendChild(createDropdownItem(layer, isActive, onSelect, onHover, onHoverEnd));\n  });\n\n  return container;\n}\n\n/** Add chevron indicator and pointer-events to the label */\nexport function enhanceLabelWithChevron(label: HTMLDivElement): void {\n  if (label.textContent?.includes(LABEL_CHEVRON)) return;\n\n  label.textContent = label.textContent + LABEL_CHEVRON;\n  label.style.cursor = \"pointer\";\n  label.style.userSelect = \"none\";\n  label.style.pointerEvents = \"auto\";\n  label.setAttribute(LAYER_DROPDOWN_ATTR, \"true\");\n}\n\nfunction setupKeyboardNavigation(\n  dropdown: HTMLDivElement,\n  layers: LayerInfo[],\n  currentSelectorId: string | null,\n  onSelect: OnLayerSelect,\n  onHover?: OnLayerHover,\n  onHoverEnd?: OnLayerHoverEnd\n): void {\n  const items = Array.from(dropdown.children) as HTMLDivElement[];\n  let focusedIndex = layers.findIndex((l) => l.selectorId === currentSelectorId);\n\n  const setFocusedItem = (index: number) => {\n    if (focusedIndex >= 0 && focusedIndex < items.length) {\n      const prev = items[focusedIndex]!;\n      if (prev.style.color !== DROPDOWN_ITEM_ACTIVE_COLOR) {\n        prev.style.backgroundColor = \"transparent\";\n      }\n    }\n    focusedIndex = index;\n    if (focusedIndex >= 0 && focusedIndex < items.length) {\n      const cur = items[focusedIndex]!;\n      if (cur.style.color !== DROPDOWN_ITEM_ACTIVE_COLOR) {\n        cur.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;\n      }\n      cur.scrollIntoView({ block: \"nearest\" });\n      if (onHover) onHover(layers[focusedIndex]!);\n    }\n  };\n\n  activeKeydownHandler = (e: KeyboardEvent) => {\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      e.stopPropagation();\n      setFocusedItem(focusedIndex < items.length - 1 ? focusedIndex + 1 : 0);\n    } else if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      e.stopPropagation();\n      setFocusedItem(focusedIndex > 0 ? focusedIndex - 1 : items.length - 1);\n    } else if (e.key === \"Enter\" && focusedIndex >= 0) {\n      e.preventDefault();\n      e.stopPropagation();\n      if (onHoverEnd) onHoverEnd();\n      onSelect(layers[focusedIndex]!);\n      closeDropdown();\n    }\n  };\n  document.addEventListener(\"keydown\", activeKeydownHandler, true);\n}\n\nfunction setupOutsideClickHandler(\n  dropdown: HTMLDivElement,\n  label: HTMLDivElement\n): void {\n  setTimeout(() => {\n    outsideMousedownHandler = (e: MouseEvent) => {\n      const target = e.target as Node;\n      if (!dropdown.contains(target) && target !== label) {\n        closeDropdown();\n      }\n    };\n    document.addEventListener(\"mousedown\", outsideMousedownHandler, true);\n  }, 0);\n}\n\n/** Show the dropdown below the label element */\nexport function showDropdown(\n  label: HTMLDivElement,\n  layers: LayerInfo[],\n  currentSelectorId: string | null,\n  onSelect: OnLayerSelect,\n  onHover?: OnLayerHover,\n  onHoverEnd?: OnLayerHoverEnd\n): void {\n  closeDropdown();\n\n  const dropdown = createDropdownElement(\n    layers,\n    currentSelectorId,\n    (layer) => {\n      if (onHoverEnd) onHoverEnd();\n      onSelect(layer);\n      closeDropdown();\n    },\n    onHover,\n    onHoverEnd\n  );\n\n  const overlay = label.parentElement;\n  if (!overlay) return;\n\n  dropdown.style.top = `${label.offsetTop + label.offsetHeight + 2}px`;\n  dropdown.style.left = `${label.offsetLeft}px`;\n\n  overlay.appendChild(dropdown);\n  activeDropdown = dropdown;\n  activeOnHoverEnd = onHoverEnd ?? null;\n\n  setupKeyboardNavigation(dropdown, layers, currentSelectorId, onSelect, onHover, onHoverEnd);\n  setupOutsideClickHandler(dropdown, label);\n}\n\n/** Close the active dropdown and clean up listeners */\nexport function closeDropdown(): void {\n  if (activeOnHoverEnd) {\n    activeOnHoverEnd();\n    activeOnHoverEnd = null;\n  }\n\n  if (activeDropdown && activeDropdown.parentNode) {\n    activeDropdown.remove();\n  }\n  activeDropdown = null;\n\n  if (outsideMousedownHandler) {\n    document.removeEventListener(\"mousedown\", outsideMousedownHandler, true);\n    outsideMousedownHandler = null;\n  }\n\n  if (activeKeydownHandler) {\n    document.removeEventListener(\"keydown\", activeKeydownHandler, true);\n    activeKeydownHandler = null;\n  }\n}\n\n/** Check if a dropdown is currently visible */\nexport function isDropdownOpen(): boolean {\n  return activeDropdown !== null;\n}\n","/** Controller that encapsulates layer-dropdown integration logic */\n\nimport { getElementSelectorId } from \"../utils.js\";\nimport { buildLayerChain } from \"./utils.js\";\nimport {\n  enhanceLabelWithChevron,\n  showDropdown,\n  closeDropdown,\n  isDropdownOpen,\n} from \"./dropdown-ui.js\";\nimport type { LayerInfo, LayerControllerDeps, LayerController } from \"./types.js\";\n\nexport function createLayerController(deps: LayerControllerDeps): LayerController {\n  let layerPreviewOverlay: HTMLDivElement | null = null;\n  let escapeHandler: ((e: KeyboardEvent) => void) | null = null;\n  let dropdownSourceElement: Element | null = null;\n\n  const clearLayerPreview = () => {\n    if (layerPreviewOverlay && layerPreviewOverlay.parentNode) {\n      layerPreviewOverlay.remove();\n    }\n    layerPreviewOverlay = null;\n  };\n\n  const showLayerPreview = (layer: LayerInfo) => {\n    clearLayerPreview();\n    if (getElementSelectorId(layer.element) === deps.getSelectedElementId()) return;\n\n    layerPreviewOverlay = deps.createPreviewOverlay(layer.element);\n  };\n\n  const selectElementFromLayer = (layer: LayerInfo) => {\n    clearLayerPreview();\n    closeDropdown();\n    if (escapeHandler) {\n      document.removeEventListener(\"keydown\", escapeHandler, true);\n      escapeHandler = null;\n    }\n    dropdownSourceElement = null;\n\n    const firstOverlay = deps.selectElement(layer.element);\n    attachToOverlay(firstOverlay, layer.element);\n  };\n\n  const reselectDropdownSource = () => {\n    if (escapeHandler) {\n      document.removeEventListener(\"keydown\", escapeHandler, true);\n      escapeHandler = null;\n    }\n    if (dropdownSourceElement) {\n      selectElementFromLayer({\n        element: dropdownSourceElement,\n        tagName: dropdownSourceElement.tagName.toLowerCase(),\n        selectorId: getElementSelectorId(dropdownSourceElement),\n      });\n      dropdownSourceElement = null;\n    }\n  };\n\n  const attachToOverlay = (\n    overlay: HTMLDivElement | undefined,\n    element: Element\n  ) => {\n    if (!overlay) return;\n\n    const label = overlay.querySelector(\"div\") as HTMLDivElement | null;\n    if (!label) return;\n\n    const layers = buildLayerChain(element);\n    if (layers.length <= 1) return;\n\n    const currentId = getElementSelectorId(element);\n    enhanceLabelWithChevron(label);\n\n    label.addEventListener(\"click\", (e: MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      if (isDropdownOpen()) {\n        closeDropdown();\n        reselectDropdownSource();\n      } else {\n        dropdownSourceElement = element;\n        deps.onDeselect();\n\n        escapeHandler = (ev: KeyboardEvent) => {\n          if (ev.key === \"Escape\") {\n            ev.stopPropagation();\n            closeDropdown();\n            reselectDropdownSource();\n          }\n        };\n        document.addEventListener(\"keydown\", escapeHandler, true);\n\n        showDropdown(label, layers, currentId, selectElementFromLayer, showLayerPreview, clearLayerPreview);\n      }\n    });\n  };\n\n  const cleanup = () => {\n    clearLayerPreview();\n    closeDropdown();\n  };\n\n  return { attachToOverlay, cleanup };\n}\n","import { findElementsById, updateElementClasses, getElementSelectorId } from \"./utils.js\";\nimport { createLayerController } from \"./layer-dropdown/controller.js\";\nimport { LAYER_DROPDOWN_ATTR } from \"./layer-dropdown/consts.js\";\n\nexport function setupVisualEditAgent() {\n  // State variables (replacing React useState/useRef)\n  let isVisualEditMode = false;\n  let isPopoverDragging = false;\n  let isDropdownOpen = false;\n  let hoverOverlays: HTMLDivElement[] = [];\n  let selectedOverlays: HTMLDivElement[] = [];\n  let currentHighlightedElements: Element[] = [];\n  let selectedElementId: string | null = null;\n\n  // Create overlay element\n  const createOverlay = (isSelected = false): HTMLDivElement => {\n    const overlay = document.createElement(\"div\");\n    overlay.style.position = \"absolute\";\n    overlay.style.pointerEvents = \"none\";\n    overlay.style.transition = \"all 0.1s ease-in-out\";\n    overlay.style.zIndex = \"9999\";\n\n    if (isSelected) {\n      overlay.style.border = \"2px solid #2563EB\";\n    } else {\n      overlay.style.border = \"2px solid #95a5fc\";\n      overlay.style.backgroundColor = \"rgba(99, 102, 241, 0.05)\";\n    }\n\n    return overlay;\n  };\n\n  // Position overlay relative to element\n  const positionOverlay = (\n    overlay: HTMLDivElement,\n    element: Element,\n    isSelected = false\n  ) => {\n    if (!element || !isVisualEditMode) return;\n\n    const htmlElement = element as HTMLElement;\n    // Force layout recalculation\n    void htmlElement.offsetWidth;\n\n    const rect = element.getBoundingClientRect();\n    overlay.style.top = `${rect.top + window.scrollY}px`;\n    overlay.style.left = `${rect.left + window.scrollX}px`;\n    overlay.style.width = `${rect.width}px`;\n    overlay.style.height = `${rect.height}px`;\n\n    // Check if label already exists in overlay\n    let label = overlay.querySelector(\"div\") as HTMLDivElement | null;\n\n    if (!label) {\n      label = document.createElement(\"div\");\n      label.textContent = element.tagName.toLowerCase();\n      label.style.position = \"absolute\";\n      label.style.top = \"-27px\";\n      label.style.left = \"-2px\";\n      label.style.padding = \"2px 8px\";\n      label.style.fontSize = \"11px\";\n      label.style.fontWeight = isSelected ? \"500\" : \"400\";\n      label.style.color = isSelected ? \"#ffffff\" : \"#526cff\";\n      label.style.backgroundColor = isSelected ? \"#526cff\" : \"#DBEAFE\";\n      label.style.borderRadius = \"3px\";\n      label.style.minWidth = \"24px\";\n      label.style.textAlign = \"center\";\n      overlay.appendChild(label);\n    }\n  };\n\n  // Clear hover overlays\n  const clearHoverOverlays = () => {\n    hoverOverlays.forEach((overlay) => {\n      if (overlay && overlay.parentNode) {\n        overlay.remove();\n      }\n    });\n    hoverOverlays = [];\n    currentHighlightedElements = [];\n  };\n\n  const clearSelectedOverlays = () => {\n    selectedOverlays.forEach((overlay) => {\n      if (overlay && overlay.parentNode) {\n        overlay.remove();\n      }\n    });\n    selectedOverlays = [];\n  };\n\n  const notifyElementSelected = (element: Element) => {\n    const htmlElement = element as HTMLElement;\n    const rect = element.getBoundingClientRect();\n    const svgElement = element as SVGElement;\n    window.parent.postMessage({\n      type: \"element-selected\",\n      tagName: element.tagName,\n      classes:\n        (svgElement.className as unknown as SVGAnimatedString)?.baseVal ||\n        element.className ||\n        \"\",\n      visualSelectorId: getElementSelectorId(element),\n      content: htmlElement.innerText,\n      dataSourceLocation: htmlElement.dataset.sourceLocation,\n      isDynamicContent: htmlElement.dataset.dynamicContent === \"true\",\n      linenumber: htmlElement.dataset.linenumber,\n      filename: htmlElement.dataset.filename,\n      position: {\n        top: rect.top,\n        left: rect.left,\n        right: rect.right,\n        bottom: rect.bottom,\n        width: rect.width,\n        height: rect.height,\n        centerX: rect.left + rect.width / 2,\n        centerY: rect.top + rect.height / 2,\n      },\n    }, \"*\");\n  };\n\n  // Select an element: create overlays, update state, notify parent\n  const selectElement = (element: Element): HTMLDivElement | undefined => {\n    const visualSelectorId = getElementSelectorId(element);\n\n    clearSelectedOverlays();\n\n    const elements = findElementsById(visualSelectorId || null);\n    elements.forEach((el) => {\n      const overlay = createOverlay(true);\n      document.body.appendChild(overlay);\n      selectedOverlays.push(overlay);\n      positionOverlay(overlay, el, true);\n    });\n\n    selectedElementId = visualSelectorId || null;\n    clearHoverOverlays();\n    notifyElementSelected(element);\n\n    return selectedOverlays[0];\n  };\n\n  const unSelectElement = (): void => {\n    selectedElementId = null;\n    window.parent.postMessage({ type: \"unselect-element\" }, \"*\");\n  };\n\n  // Handle mouse over event\n  const handleMouseOver = (e: MouseEvent) => {\n    if (!isVisualEditMode || isPopoverDragging) return;\n\n    const target = e.target as Element;\n\n    // Prevent hover effects when a dropdown is open\n    if (isDropdownOpen) {\n      clearHoverOverlays();\n      return;\n    }\n\n    // Prevent hover effects on SVG path elements\n    if (target.tagName.toLowerCase() === \"path\") {\n      clearHoverOverlays();\n      return;\n    }\n\n    // Support both data-source-location and data-visual-selector-id\n    const element = target.closest(\n      \"[data-source-location], [data-visual-selector-id]\"\n    );\n    if (!element) {\n      clearHoverOverlays();\n      return;\n    }\n\n    // Prefer data-source-location, fallback to data-visual-selector-id\n    const htmlElement = element as HTMLElement;\n    const selectorId =\n      htmlElement.dataset.sourceLocation ||\n      htmlElement.dataset.visualSelectorId;\n\n    // Skip if this element is already selected\n    if (selectedElementId === selectorId) {\n      clearHoverOverlays();\n      return;\n    }\n\n    // Find all elements with the same ID\n    const elements = findElementsById(selectorId || null);\n\n    // Clear previous hover overlays\n    clearHoverOverlays();\n\n    // Create overlays for all matching elements\n    elements.forEach((el) => {\n      const overlay = createOverlay(false);\n      document.body.appendChild(overlay);\n      hoverOverlays.push(overlay);\n      positionOverlay(overlay, el);\n    });\n\n    currentHighlightedElements = elements;\n  };\n\n  // Handle mouse out event\n  const handleMouseOut = () => {\n    if (isPopoverDragging) return;\n    clearHoverOverlays();\n  };\n\n  // Handle element click\n  const handleElementClick = (e: MouseEvent) => {\n    if (!isVisualEditMode) return;\n\n    const target = e.target as Element;\n\n    // Let layer dropdown clicks pass through without interference\n    if (target.closest(`[${LAYER_DROPDOWN_ATTR}]`)) return;\n\n    // Close dropdowns when clicking anywhere in iframe if a dropdown is open\n    if (isDropdownOpen) {\n      e.preventDefault();\n      e.stopPropagation();\n      e.stopImmediatePropagation();\n\n      window.parent.postMessage({ type: \"close-dropdowns\" }, \"*\");\n      return;\n    }\n\n    // Prevent clicking on SVG path elements\n    if (target.tagName.toLowerCase() === \"path\") {\n      return;\n    }\n\n    // Prevent default behavior immediately when in visual edit mode\n    e.preventDefault();\n    e.stopPropagation();\n    e.stopImmediatePropagation();\n\n    // Support both data-source-location and data-visual-selector-id\n    const element = target.closest(\n      \"[data-source-location], [data-visual-selector-id]\"\n    );\n    if (!element) {\n      return;\n    }\n\n    const selectedOverlay = selectElement(element);\n    layerController.attachToOverlay(selectedOverlay, element);\n  };\n\n  // Unselect the current element\n  const unselectElement = () => {\n    clearSelectedOverlays();\n    selectedElementId = null;\n  };\n\n  const updateElementClassesAndReposition = (visualSelectorId: string, classes: string) => {\n    const elements = findElementsById(visualSelectorId);\n    if (elements.length === 0) return;\n\n    updateElementClasses(elements, classes);\n\n    // Use a small delay to allow the browser to recalculate layout before repositioning\n    setTimeout(() => {\n      // Reposition selected overlays\n      if (selectedElementId === visualSelectorId) {\n        selectedOverlays.forEach((overlay, index) => {\n          if (index < elements.length) {\n            positionOverlay(overlay, elements[index]!);\n          }\n        });\n      }\n\n      // Reposition hover overlays if needed\n      if (currentHighlightedElements.length > 0) {\n        const hoveredElement = currentHighlightedElements[0] as HTMLElement;\n        const hoveredId = hoveredElement?.dataset?.visualSelectorId;\n        if (hoveredId === visualSelectorId) {\n          hoverOverlays.forEach((overlay, index) => {\n            if (index < currentHighlightedElements.length) {\n              positionOverlay(overlay, currentHighlightedElements[index]!);\n            }\n          });\n        }\n      }\n    }, 50);\n  };\n\n  // Update element content by visual selector ID\n  const updateElementContent = (visualSelectorId: string, content: string) => {\n    const elements = findElementsById(visualSelectorId);\n\n    if (elements.length === 0) {\n      return;\n    }\n\n    elements.forEach((element) => {\n      (element as HTMLElement).innerText = content;\n    });\n\n    setTimeout(() => {\n      if (selectedElementId === visualSelectorId) {\n        selectedOverlays.forEach((overlay, index) => {\n          if (index < elements.length) {\n            positionOverlay(overlay, elements[index]!);\n          }\n        });\n      }\n    }, 50);\n  };\n\n  // --- Layer dropdown controller ---\n  const layerController = createLayerController({\n    createPreviewOverlay: (element: Element) => {\n      const overlay = createOverlay(false);\n      overlay.style.zIndex = \"9998\";\n      document.body.appendChild(overlay);\n      positionOverlay(overlay, element);\n      return overlay;\n    },\n    getSelectedElementId: () => selectedElementId,\n    selectElement,\n    onDeselect: unSelectElement,\n  });\n\n  // Toggle visual edit mode\n  const toggleVisualEditMode = (isEnabled: boolean) => {\n    isVisualEditMode = isEnabled;\n\n    if (!isEnabled) {\n      layerController.cleanup();\n      clearHoverOverlays();\n      clearSelectedOverlays();\n\n      currentHighlightedElements = [];\n      selectedElementId = null;\n      document.body.style.cursor = \"default\";\n\n      document.removeEventListener(\"mouseover\", handleMouseOver);\n      document.removeEventListener(\"mouseout\", handleMouseOut);\n      document.removeEventListener(\"click\", handleElementClick, true);\n    } else {\n      document.body.style.cursor = \"crosshair\";\n      document.addEventListener(\"mouseover\", handleMouseOver);\n      document.addEventListener(\"mouseout\", handleMouseOut);\n      document.addEventListener(\"click\", handleElementClick, true);\n    }\n  };\n\n  // Handle scroll events to update popover position\n  const handleScroll = () => {\n    if (selectedElementId) {\n      const elements = findElementsById(selectedElementId);\n      if (elements.length > 0) {\n        const element = elements[0];\n        const rect = element!.getBoundingClientRect();\n\n        const viewportHeight = window.innerHeight;\n        const viewportWidth = window.innerWidth;\n        const isInViewport =\n          rect.top < viewportHeight &&\n          rect.bottom > 0 &&\n          rect.left < viewportWidth &&\n          rect.right > 0;\n\n        const elementPosition = {\n          top: rect.top,\n          left: rect.left,\n          right: rect.right,\n          bottom: rect.bottom,\n          width: rect.width,\n          height: rect.height,\n          centerX: rect.left + rect.width / 2,\n          centerY: rect.top + rect.height / 2,\n        };\n\n        window.parent.postMessage(\n          {\n            type: \"element-position-update\",\n            position: elementPosition,\n            isInViewport: isInViewport,\n            visualSelectorId: selectedElementId,\n          },\n          \"*\"\n        );\n      }\n    }\n  };\n\n  // Handle messages from parent window\n  const handleMessage = (event: MessageEvent) => {\n    const message = event.data;\n\n    switch (message.type) {\n      case \"toggle-visual-edit-mode\":\n        toggleVisualEditMode(message.data.enabled);\n        break;\n\n      case \"update-classes\":\n        if (message.data && message.data.classes !== undefined) {\n          updateElementClassesAndReposition(\n            message.data.visualSelectorId,\n            message.data.classes\n          );\n        } else {\n          console.warn(\n            \"[VisualEditAgent] Invalid update-classes message:\",\n            message\n          );\n        }\n        break;\n\n      case \"unselect-element\":\n        unselectElement();\n        break;\n\n      case \"refresh-page\":\n        window.location.reload();\n        break;\n\n      case \"update-content\":\n        if (message.data && message.data.content !== undefined) {\n          updateElementContent(\n            message.data.visualSelectorId,\n            message.data.content\n          );\n        } else {\n          console.warn(\n            \"[VisualEditAgent] Invalid update-content message:\",\n            message\n          );\n        }\n        break;\n\n      case \"request-element-position\":\n        if (selectedElementId) {\n          const elements = findElementsById(selectedElementId);\n          if (elements.length > 0) {\n            const element = elements[0];\n            const rect = element!.getBoundingClientRect();\n\n            const viewportHeight = window.innerHeight;\n            const viewportWidth = window.innerWidth;\n            const isInViewport =\n              rect.top < viewportHeight &&\n              rect.bottom > 0 &&\n              rect.left < viewportWidth &&\n              rect.right > 0;\n\n            const elementPosition = {\n              top: rect.top,\n              left: rect.left,\n              right: rect.right,\n              bottom: rect.bottom,\n              width: rect.width,\n              height: rect.height,\n              centerX: rect.left + rect.width / 2,\n              centerY: rect.top + rect.height / 2,\n            };\n\n            window.parent.postMessage(\n              {\n                type: \"element-position-update\",\n                position: elementPosition,\n                isInViewport: isInViewport,\n                visualSelectorId: selectedElementId,\n              },\n              \"*\"\n            );\n          }\n        }\n        break;\n\n      case \"popover-drag-state\":\n        if (message.data && message.data.isDragging !== undefined) {\n          isPopoverDragging = message.data.isDragging;\n          if (message.data.isDragging) {\n            clearHoverOverlays();\n          }\n        }\n        break;\n\n      case \"dropdown-state\":\n        if (message.data && message.data.isOpen !== undefined) {\n          isDropdownOpen = message.data.isOpen;\n          if (message.data.isOpen) {\n            clearHoverOverlays();\n          }\n        }\n        break;\n\n      default:\n        break;\n    }\n  };\n\n  // Handle window resize to reposition overlays\n  const handleResize = () => {\n    if (selectedElementId) {\n      const elements = findElementsById(selectedElementId);\n      selectedOverlays.forEach((overlay, index) => {\n        if (index < elements.length) {\n          positionOverlay(overlay, elements[index]!);\n        }\n      });\n    }\n\n    if (currentHighlightedElements.length > 0) {\n      hoverOverlays.forEach((overlay, index) => {\n        if (index < currentHighlightedElements.length) {\n          positionOverlay(overlay, currentHighlightedElements[index]!);\n        }\n      });\n    }\n  };\n\n  // Initialize: Add IDs to elements that don't have them but have linenumbers\n  const elementsWithLineNumber = document.querySelectorAll(\n    \"[data-linenumber]:not([data-visual-selector-id])\"\n  );\n  elementsWithLineNumber.forEach((el, index) => {\n    const htmlEl = el as HTMLElement;\n    const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;\n    htmlEl.dataset.visualSelectorId = id;\n  });\n\n  // Create mutation observer to detect layout changes\n  const mutationObserver = new MutationObserver((mutations) => {\n    const needsUpdate = mutations.some((mutation) => {\n      const hasVisualId = (node: Node): boolean => {\n        if (node.nodeType === Node.ELEMENT_NODE) {\n          const el = node as HTMLElement;\n          if (el.dataset && el.dataset.visualSelectorId) {\n            return true;\n          }\n          for (let i = 0; i < el.children.length; i++) {\n            if (hasVisualId(el.children[i]!)) {\n              return true;\n            }\n          }\n        }\n        return false;\n      };\n\n      const isLayoutChange =\n        mutation.type === \"attributes\" &&\n        (mutation.attributeName === \"style\" ||\n          mutation.attributeName === \"class\" ||\n          mutation.attributeName === \"width\" ||\n          mutation.attributeName === \"height\");\n\n      return isLayoutChange && hasVisualId(mutation.target);\n    });\n\n    if (needsUpdate) {\n      setTimeout(handleResize, 50);\n    }\n  });\n\n  // Set up event listeners\n  window.addEventListener(\"message\", handleMessage);\n  window.addEventListener(\"scroll\", handleScroll, true);\n  document.addEventListener(\"scroll\", handleScroll, true);\n  window.addEventListener(\"resize\", handleResize);\n  window.addEventListener(\"scroll\", handleResize);\n\n  // Start observing DOM mutations\n  mutationObserver.observe(document.body, {\n    attributes: true,\n    childList: true,\n    subtree: true,\n    attributeFilter: [\"style\", \"class\", \"width\", \"height\"],\n  });\n\n  // Send ready message to parent\n  window.parent.postMessage({ type: \"visual-edit-agent-ready\" }, \"*\");\n}"],"mappings":"AACO,SAASA,EAAsBC,EAA2B,CAC/D,IAAMC,EAASD,EACf,MAAO,CAAC,EACNC,EAAO,SAAS,gBAAkBA,EAAO,SAAS,iBAEtD,CAGO,SAASC,EAAqBF,EAAiC,CACpE,IAAMC,EAASD,EACf,OACEC,EAAO,SAAS,gBAChBA,EAAO,SAAS,kBAChB,IAEJ,CAmBO,SAASE,EAAiBC,EAA8B,CAC7D,GAAI,CAACA,EAAI,MAAO,CAAC,EACjB,IAAMC,EAAiB,MAAM,KAC3B,SAAS,iBAAiB,0BAA0BD,CAAE,IAAI,CAC5D,EACA,OAAIC,EAAe,OAAS,EACnBA,EAEF,MAAM,KACX,SAAS,iBAAiB,6BAA6BD,CAAE,IAAI,CAC/D,CACF,CAMO,SAASE,EAAqBC,EAAqBC,EAAuB,CAC/ED,EAAS,QAASE,GAAY,CAC5BA,EAAQ,aAAa,QAASD,CAAO,CACvC,CAAC,CACH,CCtDO,IAAME,EAAoD,CAC/D,SAAU,WACV,gBAAiB,UACjB,OAAQ,oBACR,aAAc,MACd,UAAW,iCACX,SAAU,OACV,SAAU,QACV,UAAW,QACX,UAAW,OACX,OAAQ,QACR,QAAS,QACT,cAAe,MACjB,EAEaC,EAAoD,CAC/D,QAAS,WACT,OAAQ,UACR,MAAO,UACP,gBAAiB,cACjB,WAAY,SACZ,WAAY,MACZ,WAAY,KACd,EAEaC,EAA6B,UAC7BC,EAA0B,UAC1BC,EAAmC,MAEnCC,EAAyB,UAEzBC,EAAkB,GAElBC,EAAgB,UAEhBC,EAAsB,sBAGtBC,EAAmB,EAGnBC,EAAkB,ECnCxB,SAASC,EAAYC,EAAsBC,EAAsC,CACtF,OAAO,OAAOD,EAAQ,MAAOC,CAAM,CACrC,CAGO,SAASC,EAAoBC,EAA0B,CAC5D,OAAOA,EAAM,OACf,CAOO,SAASC,EACdC,EACAC,EACa,CACb,IAAMC,EAAsB,CAAC,EAE7B,SAASC,EAAKC,EAAaC,EAA0B,CACnD,GAAI,EAAAA,EAAaJ,GACjB,QAASK,EAAI,EAAGA,EAAIF,EAAG,SAAS,OAAQE,IAAK,CAC3C,IAAMC,EAAQH,EAAG,SAASE,CAAC,EACvBE,EAAsBD,CAAK,GAC7BL,EAAO,KAAK,CACV,QAASK,EACT,QAASA,EAAM,QAAQ,YAAY,EACnC,WAAYE,EAAqBF,CAAK,CACxC,CAAC,EACDJ,EAAKI,EAAOF,EAAa,CAAC,GAE1BF,EAAKI,EAAOF,CAAU,CAE1B,CACF,CAEA,OAAAF,EAAKH,EAAQ,CAAC,EACPE,CACT,CAEA,SAASQ,EAAYf,EAAkBgB,EAA2B,CAChE,IAAMC,EAAkB,CACtB,QAAAjB,EACA,QAASA,EAAQ,QAAQ,YAAY,EACrC,WAAYc,EAAqBd,CAAO,CAC1C,EACA,OAAIgB,IAAU,SAAWC,EAAK,MAAQD,GAC/BC,CACT,CAGA,SAASC,GAA2BC,EAAuC,CACzE,IAAMC,EAAuB,CAAC,EAC1BC,EAAUF,EAAgB,cAC9B,KACEE,GACAA,IAAY,SAAS,iBACrBA,IAAY,SAAS,MACrBD,EAAQ,OAASE,GAEbT,EAAsBQ,CAAO,GAC/BD,EAAQ,KAAKL,EAAYM,CAAO,CAAC,EAEnCA,EAAUA,EAAQ,cAEpB,OAAAD,EAAQ,QAAQ,EACTA,CACT,CAGA,SAASG,GAAuBC,EAAoBJ,EAA8B,CAChF,OAAAA,EAAQ,QAAQ,CAACK,EAAGd,IAAM,CACxBa,EAAM,KAAK,CAAE,GAAGC,EAAG,MAAOd,CAAE,CAAC,CAC/B,CAAC,EACMS,EAAQ,MACjB,CAGA,SAASM,EACPF,EACAL,EACAQ,EACM,CACNH,EAAM,KAAKT,EAAYI,EAAiBQ,CAAS,CAAC,EAClD,IAAMC,EAAcxB,EAClBe,EACAU,CACF,EACAC,GAAuBX,EAAiBS,EAAaD,EAAY,CAAC,EAClEH,EAAM,KAAK,GAAGI,CAAW,CAC3B,CAGA,SAASG,GAAwBX,EAAsC,CACrE,OAAOA,EAAQ,OAAS,EAAIA,EAAQA,EAAQ,OAAS,CAAC,EAAG,QAAU,IACrE,CAGA,SAASY,GAAgB3B,EAAiBc,EAAuC,CAC/E,IAAMc,EAAW7B,EAA2BC,EAAQ,CAAC,EACrD,OAAK4B,EAAS,KAAMC,GAAMA,EAAE,UAAYf,CAAe,GACrDc,EAAS,KAAKlB,EAAYI,CAAe,CAAC,EAErCc,CACT,CAGA,SAASE,GACPX,EACAS,EACAd,EACAQ,EACM,CACN,QAAWS,KAAWH,EAChBG,EAAQ,UAAYjB,EACtBO,EAAyBF,EAAOL,EAAiBQ,CAAS,EAE1DH,EAAM,KAAK,CAAE,GAAGY,EAAS,MAAOT,CAAU,CAAC,CAGjD,CAYO,SAASU,EAAgBlB,EAAuC,CACrE,IAAMC,EAAUF,GAA2BC,CAAe,EACpDK,EAAqB,CAAC,EACtBG,EAAYJ,GAAuBC,EAAOJ,CAAO,EAEjDkB,EAAcP,GAAwBX,CAAO,EACnD,GAAIkB,EAAa,CACf,IAAML,EAAWD,GAAgBM,EAAanB,CAAe,EAC7DgB,GAA2BX,EAAOS,EAAUd,EAAiBQ,CAAS,CACxE,MACED,EAAyBF,EAAOL,EAAiBQ,CAAS,EAG5D,OAAOH,CACT,CAMA,SAASM,GACPS,EACAX,EACAY,EACM,CAEN,IAAMC,EAAU,IAAI,IAAIb,EAAY,IAAKc,GAAMA,EAAE,OAAO,CAAC,EAEnDC,EAAU,IAAI,IAAIf,EAAY,IAAKc,GAAM,CAACA,EAAE,QAASA,CAAC,CAAC,CAAC,EAE9D,SAASlC,EAAKC,EAAaC,EAA0B,CACnD,QAASC,EAAI,EAAGA,EAAIF,EAAG,SAAS,OAAQE,IAAK,CAC3C,IAAMC,EAAQH,EAAG,SAASE,CAAC,EACvB8B,EAAQ,IAAI7B,CAAK,GACnB+B,EAAQ,IAAI/B,CAAK,EAAG,MAAQ4B,EAAa9B,EAAa,EACtDF,EAAKI,EAAOF,EAAa,CAAC,GAE1BF,EAAKI,EAAOF,CAAU,CAE1B,CACF,CAEAF,EAAK+B,EAAM,CAAC,CACd,CCxKA,IAAIK,EAAwC,KACxCC,EAA4D,KAC5DC,EAA2C,KAC3CC,EAA4D,KAEhE,SAASC,GACPC,EACAC,EACAC,EACAC,EACAC,EACgB,CAChB,IAAMC,EAAO,SAAS,cAAc,KAAK,EACzCA,EAAK,YAAcC,EAAoBN,CAAK,EAC5CO,EAAYF,EAAMG,CAAyB,EAE3C,IAAMC,EAAQT,EAAM,OAAS,EAC7B,OAAIS,EAAQ,IACVJ,EAAK,MAAM,YAAc,GAAG,GAAKI,EAAQC,CAAe,MAGtDT,IACFI,EAAK,MAAM,MAAQM,EACnBN,EAAK,MAAM,gBAAkBO,EAC7BP,EAAK,MAAM,WAAaQ,GAG1BR,EAAK,iBAAiB,aAAc,IAAM,CACnCJ,IAAUI,EAAK,MAAM,gBAAkBS,GACxCX,GAASA,EAAQH,CAAK,CAC5B,CAAC,EAEDK,EAAK,iBAAiB,aAAc,IAAM,CACnCJ,IAAUI,EAAK,MAAM,gBAAkB,eACxCD,GAAYA,EAAW,CAC7B,CAAC,EAEDC,EAAK,iBAAiB,QAAUU,GAAkB,CAChDA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACjBb,EAASF,CAAK,CAChB,CAAC,EAEMK,CACT,CAGO,SAASW,GACdC,EACAC,EACAhB,EACAC,EACAC,EACgB,CAChB,IAAMe,EAAY,SAAS,cAAc,KAAK,EAC9C,OAAAA,EAAU,aAAaC,EAAqB,MAAM,EAClDb,EAAYY,EAAWE,CAAyB,EAEhDJ,EAAO,QAASjB,GAAU,CACxB,IAAMC,EAAWD,EAAM,aAAekB,EACtCC,EAAU,YAAYpB,GAAmBC,EAAOC,EAAUC,EAAUC,EAASC,CAAU,CAAC,CAC1F,CAAC,EAEMe,CACT,CAGO,SAASG,GAAwBC,EAA6B,CAC/DA,EAAM,aAAa,SAASC,CAAa,IAE7CD,EAAM,YAAcA,EAAM,YAAcC,EACxCD,EAAM,MAAM,OAAS,UACrBA,EAAM,MAAM,WAAa,OACzBA,EAAM,MAAM,cAAgB,OAC5BA,EAAM,aAAaH,EAAqB,MAAM,EAChD,CAEA,SAASK,GACPC,EACAT,EACAC,EACAhB,EACAC,EACAC,EACM,CACN,IAAMuB,EAAQ,MAAM,KAAKD,EAAS,QAAQ,EACtCE,EAAeX,EAAO,UAAWY,GAAMA,EAAE,aAAeX,CAAiB,EAEvEY,EAAkBC,GAAkB,CACxC,GAAIH,GAAgB,GAAKA,EAAeD,EAAM,OAAQ,CACpD,IAAMK,EAAOL,EAAMC,CAAY,EAC3BI,EAAK,MAAM,QAAUrB,IACvBqB,EAAK,MAAM,gBAAkB,cAEjC,CAEA,GADAJ,EAAeG,EACXH,GAAgB,GAAKA,EAAeD,EAAM,OAAQ,CACpD,IAAMM,EAAMN,EAAMC,CAAY,EAC1BK,EAAI,MAAM,QAAUtB,IACtBsB,EAAI,MAAM,gBAAkBnB,GAE9BmB,EAAI,eAAe,CAAE,MAAO,SAAU,CAAC,EACnC9B,GAASA,EAAQc,EAAOW,CAAY,CAAE,CAC5C,CACF,EAEA9B,EAAwBiB,GAAqB,CACvCA,EAAE,MAAQ,aACZA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClBe,EAAeF,EAAeD,EAAM,OAAS,EAAIC,EAAe,EAAI,CAAC,GAC5Db,EAAE,MAAQ,WACnBA,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClBe,EAAeF,EAAe,EAAIA,EAAe,EAAID,EAAM,OAAS,CAAC,GAC5DZ,EAAE,MAAQ,SAAWa,GAAgB,IAC9Cb,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EACdX,GAAYA,EAAW,EAC3BF,EAASe,EAAOW,CAAY,CAAE,EAC9BM,EAAc,EAElB,EACA,SAAS,iBAAiB,UAAWpC,EAAsB,EAAI,CACjE,CAEA,SAASqC,GACPT,EACAH,EACM,CACN,WAAW,IAAM,CACf3B,EAA2BmB,GAAkB,CAC3C,IAAMqB,EAASrB,EAAE,OACb,CAACW,EAAS,SAASU,CAAM,GAAKA,IAAWb,GAC3CW,EAAc,CAElB,EACA,SAAS,iBAAiB,YAAatC,EAAyB,EAAI,CACtE,EAAG,CAAC,CACN,CAGO,SAASyC,GACdd,EACAN,EACAC,EACAhB,EACAC,EACAC,EACM,CACN8B,EAAc,EAEd,IAAMR,EAAWV,GACfC,EACAC,EACClB,GAAU,CACLI,GAAYA,EAAW,EAC3BF,EAASF,CAAK,EACdkC,EAAc,CAChB,EACA/B,EACAC,CACF,EAEMkC,EAAUf,EAAM,cACjBe,IAELZ,EAAS,MAAM,IAAM,GAAGH,EAAM,UAAYA,EAAM,aAAe,CAAC,KAChEG,EAAS,MAAM,KAAO,GAAGH,EAAM,UAAU,KAEzCe,EAAQ,YAAYZ,CAAQ,EAC5B/B,EAAiB+B,EACjB7B,EAAmBO,GAAc,KAEjCqB,GAAwBC,EAAUT,EAAQC,EAAmBhB,EAAUC,EAASC,CAAU,EAC1F+B,GAAyBT,EAAUH,CAAK,EAC1C,CAGO,SAASW,GAAsB,CAChCrC,IACFA,EAAiB,EACjBA,EAAmB,MAGjBF,GAAkBA,EAAe,YACnCA,EAAe,OAAO,EAExBA,EAAiB,KAEbC,IACF,SAAS,oBAAoB,YAAaA,EAAyB,EAAI,EACvEA,EAA0B,MAGxBE,IACF,SAAS,oBAAoB,UAAWA,EAAsB,EAAI,EAClEA,EAAuB,KAE3B,CAGO,SAASyC,IAA0B,CACxC,OAAO5C,IAAmB,IAC5B,CChNO,SAAS6C,GAAsBC,EAA4C,CAChF,IAAIC,EAA6C,KAC7CC,EAAqD,KACrDC,EAAwC,KAEtCC,EAAoB,IAAM,CAC1BH,GAAuBA,EAAoB,YAC7CA,EAAoB,OAAO,EAE7BA,EAAsB,IACxB,EAEMI,EAAoBC,GAAqB,CAC7CF,EAAkB,EACdG,EAAqBD,EAAM,OAAO,IAAMN,EAAK,qBAAqB,IAEtEC,EAAsBD,EAAK,qBAAqBM,EAAM,OAAO,EAC/D,EAEME,EAA0BF,GAAqB,CACnDF,EAAkB,EAClBK,EAAc,EACVP,IACF,SAAS,oBAAoB,UAAWA,EAAe,EAAI,EAC3DA,EAAgB,MAElBC,EAAwB,KAExB,IAAMO,EAAeV,EAAK,cAAcM,EAAM,OAAO,EACrDK,EAAgBD,EAAcJ,EAAM,OAAO,CAC7C,EAEMM,EAAyB,IAAM,CAC/BV,IACF,SAAS,oBAAoB,UAAWA,EAAe,EAAI,EAC3DA,EAAgB,MAEdC,IACFK,EAAuB,CACrB,QAASL,EACT,QAASA,EAAsB,QAAQ,YAAY,EACnD,WAAYI,EAAqBJ,CAAqB,CACxD,CAAC,EACDA,EAAwB,KAE5B,EAEMQ,EAAkB,CACtBE,EACAC,IACG,CACH,GAAI,CAACD,EAAS,OAEd,IAAME,EAAQF,EAAQ,cAAc,KAAK,EACzC,GAAI,CAACE,EAAO,OAEZ,IAAMC,EAASC,EAAgBH,CAAO,EACtC,GAAIE,EAAO,QAAU,EAAG,OAExB,IAAME,EAAYX,EAAqBO,CAAO,EAC9CK,GAAwBJ,CAAK,EAE7BA,EAAM,iBAAiB,QAAUK,GAAkB,CACjDA,EAAE,gBAAgB,EAClBA,EAAE,eAAe,EACbC,GAAe,GACjBZ,EAAc,EACdG,EAAuB,IAEvBT,EAAwBW,EACxBd,EAAK,WAAW,EAEhBE,EAAiBoB,GAAsB,CACjCA,EAAG,MAAQ,WACbA,EAAG,gBAAgB,EACnBb,EAAc,EACdG,EAAuB,EAE3B,EACA,SAAS,iBAAiB,UAAWV,EAAe,EAAI,EAExDqB,GAAaR,EAAOC,EAAQE,EAAWV,EAAwBH,EAAkBD,CAAiB,EAEtG,CAAC,CACH,EAOA,MAAO,CAAE,gBAAAO,EAAiB,QALV,IAAM,CACpBP,EAAkB,EAClBK,EAAc,CAChB,CAEkC,CACpC,CCpGO,SAASe,IAAuB,CAErC,IAAIC,EAAmB,GACnBC,EAAoB,GACpBC,EAAiB,GACjBC,EAAkC,CAAC,EACnCC,EAAqC,CAAC,EACtCC,EAAwC,CAAC,EACzCC,EAAmC,KAGjCC,EAAgB,CAACC,EAAa,KAA0B,CAC5D,IAAMC,EAAU,SAAS,cAAc,KAAK,EAC5C,OAAAA,EAAQ,MAAM,SAAW,WACzBA,EAAQ,MAAM,cAAgB,OAC9BA,EAAQ,MAAM,WAAa,uBAC3BA,EAAQ,MAAM,OAAS,OAEnBD,EACFC,EAAQ,MAAM,OAAS,qBAEvBA,EAAQ,MAAM,OAAS,oBACvBA,EAAQ,MAAM,gBAAkB,4BAG3BA,CACT,EAGMC,EAAkB,CACtBD,EACAE,EACAH,EAAa,KACV,CACH,GAAI,CAACG,GAAW,CAACX,EAAkB,OAEfW,EAEH,YAEjB,IAAMC,EAAOD,EAAQ,sBAAsB,EAC3CF,EAAQ,MAAM,IAAM,GAAGG,EAAK,IAAM,OAAO,OAAO,KAChDH,EAAQ,MAAM,KAAO,GAAGG,EAAK,KAAO,OAAO,OAAO,KAClDH,EAAQ,MAAM,MAAQ,GAAGG,EAAK,KAAK,KACnCH,EAAQ,MAAM,OAAS,GAAGG,EAAK,MAAM,KAGrC,IAAIC,EAAQJ,EAAQ,cAAc,KAAK,EAElCI,IACHA,EAAQ,SAAS,cAAc,KAAK,EACpCA,EAAM,YAAcF,EAAQ,QAAQ,YAAY,EAChDE,EAAM,MAAM,SAAW,WACvBA,EAAM,MAAM,IAAM,QAClBA,EAAM,MAAM,KAAO,OACnBA,EAAM,MAAM,QAAU,UACtBA,EAAM,MAAM,SAAW,OACvBA,EAAM,MAAM,WAAaL,EAAa,MAAQ,MAC9CK,EAAM,MAAM,MAAQL,EAAa,UAAY,UAC7CK,EAAM,MAAM,gBAAkBL,EAAa,UAAY,UACvDK,EAAM,MAAM,aAAe,MAC3BA,EAAM,MAAM,SAAW,OACvBA,EAAM,MAAM,UAAY,SACxBJ,EAAQ,YAAYI,CAAK,EAE7B,EAGMC,EAAqB,IAAM,CAC/BX,EAAc,QAASM,GAAY,CAC7BA,GAAWA,EAAQ,YACrBA,EAAQ,OAAO,CAEnB,CAAC,EACDN,EAAgB,CAAC,EACjBE,EAA6B,CAAC,CAChC,EAEMU,EAAwB,IAAM,CAClCX,EAAiB,QAASK,GAAY,CAChCA,GAAWA,EAAQ,YACrBA,EAAQ,OAAO,CAEnB,CAAC,EACDL,EAAmB,CAAC,CACtB,EAEMY,EAAyBL,GAAqB,CAClD,IAAMM,EAAcN,EACdC,EAAOD,EAAQ,sBAAsB,EACrCO,EAAaP,EACnB,OAAO,OAAO,YAAY,CACxB,KAAM,mBACN,QAASA,EAAQ,QACjB,QACGO,EAAW,WAA4C,SACxDP,EAAQ,WACR,GACF,iBAAkBQ,EAAqBR,CAAO,EAC9C,QAASM,EAAY,UACrB,mBAAoBA,EAAY,QAAQ,eACxC,iBAAkBA,EAAY,QAAQ,iBAAmB,OACzD,WAAYA,EAAY,QAAQ,WAChC,SAAUA,EAAY,QAAQ,SAC9B,SAAU,CACR,IAAKL,EAAK,IACV,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,QAASA,EAAK,KAAOA,EAAK,MAAQ,EAClC,QAASA,EAAK,IAAMA,EAAK,OAAS,CACpC,CACF,EAAG,GAAG,CACR,EAGMQ,EAAiBT,GAAiD,CACtE,IAAMU,EAAmBF,EAAqBR,CAAO,EAErD,OAAAI,EAAsB,EAELO,EAAiBD,GAAoB,IAAI,EACjD,QAASE,GAAO,CACvB,IAAMd,EAAUF,EAAc,EAAI,EAClC,SAAS,KAAK,YAAYE,CAAO,EACjCL,EAAiB,KAAKK,CAAO,EAC7BC,EAAgBD,EAASc,EAAI,EAAI,CACnC,CAAC,EAEDjB,EAAoBe,GAAoB,KACxCP,EAAmB,EACnBE,EAAsBL,CAAO,EAEtBP,EAAiB,CAAC,CAC3B,EAEMoB,EAAkB,IAAY,CAClClB,EAAoB,KACpB,OAAO,OAAO,YAAY,CAAE,KAAM,kBAAmB,EAAG,GAAG,CAC7D,EAGMmB,EAAmBC,GAAkB,CACzC,GAAI,CAAC1B,GAAoBC,EAAmB,OAE5C,IAAM0B,EAASD,EAAE,OAGjB,GAAIxB,EAAgB,CAClBY,EAAmB,EACnB,MACF,CAGA,GAAIa,EAAO,QAAQ,YAAY,IAAM,OAAQ,CAC3Cb,EAAmB,EACnB,MACF,CAGA,IAAMH,EAAUgB,EAAO,QACrB,mDACF,EACA,GAAI,CAAChB,EAAS,CACZG,EAAmB,EACnB,MACF,CAGA,IAAMG,EAAcN,EACdiB,EACJX,EAAY,QAAQ,gBACpBA,EAAY,QAAQ,iBAGtB,GAAIX,IAAsBsB,EAAY,CACpCd,EAAmB,EACnB,MACF,CAGA,IAAMe,EAAWP,EAAiBM,GAAc,IAAI,EAGpDd,EAAmB,EAGnBe,EAAS,QAASN,GAAO,CACvB,IAAMd,EAAUF,EAAc,EAAK,EACnC,SAAS,KAAK,YAAYE,CAAO,EACjCN,EAAc,KAAKM,CAAO,EAC1BC,EAAgBD,EAASc,CAAE,CAC7B,CAAC,EAEDlB,EAA6BwB,CAC/B,EAGMC,EAAiB,IAAM,CACvB7B,GACJa,EAAmB,CACrB,EAGMiB,EAAsBL,GAAkB,CAC5C,GAAI,CAAC1B,EAAkB,OAEvB,IAAM2B,EAASD,EAAE,OAGjB,GAAIC,EAAO,QAAQ,IAAIK,CAAmB,GAAG,EAAG,OAGhD,GAAI9B,EAAgB,CAClBwB,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClBA,EAAE,yBAAyB,EAE3B,OAAO,OAAO,YAAY,CAAE,KAAM,iBAAkB,EAAG,GAAG,EAC1D,MACF,CAGA,GAAIC,EAAO,QAAQ,YAAY,IAAM,OACnC,OAIFD,EAAE,eAAe,EACjBA,EAAE,gBAAgB,EAClBA,EAAE,yBAAyB,EAG3B,IAAMf,EAAUgB,EAAO,QACrB,mDACF,EACA,GAAI,CAAChB,EACH,OAGF,IAAMsB,EAAkBb,EAAcT,CAAO,EAC7CuB,EAAgB,gBAAgBD,EAAiBtB,CAAO,CAC1D,EAGMwB,GAAkB,IAAM,CAC5BpB,EAAsB,EACtBT,EAAoB,IACtB,EAEM8B,GAAoC,CAACf,EAA0BgB,IAAoB,CACvF,IAAMR,EAAWP,EAAiBD,CAAgB,EAC9CQ,EAAS,SAAW,IAExBS,EAAqBT,EAAUQ,CAAO,EAGtC,WAAW,IAAM,CAEX/B,IAAsBe,GACxBjB,EAAiB,QAAQ,CAACK,EAAS8B,IAAU,CACvCA,EAAQV,EAAS,QACnBnB,EAAgBD,EAASoB,EAASU,CAAK,CAAE,CAE7C,CAAC,EAIClC,EAA2B,OAAS,GACfA,EAA2B,CAAC,GACjB,SAAS,mBACzBgB,GAChBlB,EAAc,QAAQ,CAACM,EAAS8B,IAAU,CACpCA,EAAQlC,EAA2B,QACrCK,EAAgBD,EAASJ,EAA2BkC,CAAK,CAAE,CAE/D,CAAC,CAGP,EAAG,EAAE,EACP,EAGMC,GAAuB,CAACnB,EAA0BoB,IAAoB,CAC1E,IAAMZ,EAAWP,EAAiBD,CAAgB,EAE9CQ,EAAS,SAAW,IAIxBA,EAAS,QAASlB,GAAY,CAC3BA,EAAwB,UAAY8B,CACvC,CAAC,EAED,WAAW,IAAM,CACXnC,IAAsBe,GACxBjB,EAAiB,QAAQ,CAACK,EAAS8B,IAAU,CACvCA,EAAQV,EAAS,QACnBnB,EAAgBD,EAASoB,EAASU,CAAK,CAAE,CAE7C,CAAC,CAEL,EAAG,EAAE,EACP,EAGML,EAAkBQ,GAAsB,CAC5C,qBAAuB/B,GAAqB,CAC1C,IAAMF,EAAUF,EAAc,EAAK,EACnC,OAAAE,EAAQ,MAAM,OAAS,OACvB,SAAS,KAAK,YAAYA,CAAO,EACjCC,EAAgBD,EAASE,CAAO,EACzBF,CACT,EACA,qBAAsB,IAAMH,EAC5B,cAAAc,EACA,WAAYI,CACd,CAAC,EAGKmB,GAAwBC,GAAuB,CACnD5C,EAAmB4C,EAEdA,GAaH,SAAS,KAAK,MAAM,OAAS,YAC7B,SAAS,iBAAiB,YAAanB,CAAe,EACtD,SAAS,iBAAiB,WAAYK,CAAc,EACpD,SAAS,iBAAiB,QAASC,EAAoB,EAAI,IAf3DG,EAAgB,QAAQ,EACxBpB,EAAmB,EACnBC,EAAsB,EAEtBV,EAA6B,CAAC,EAC9BC,EAAoB,KACpB,SAAS,KAAK,MAAM,OAAS,UAE7B,SAAS,oBAAoB,YAAamB,CAAe,EACzD,SAAS,oBAAoB,WAAYK,CAAc,EACvD,SAAS,oBAAoB,QAASC,EAAoB,EAAI,EAOlE,EAGMc,EAAe,IAAM,CACzB,GAAIvC,EAAmB,CACrB,IAAMuB,EAAWP,EAAiBhB,CAAiB,EACnD,GAAIuB,EAAS,OAAS,EAAG,CAEvB,IAAMjB,EADUiB,EAAS,CAAC,EACJ,sBAAsB,EAEtCiB,EAAiB,OAAO,YACxBC,EAAgB,OAAO,WACvBC,EACJpC,EAAK,IAAMkC,GACXlC,EAAK,OAAS,GACdA,EAAK,KAAOmC,GACZnC,EAAK,MAAQ,EAETqC,EAAkB,CACtB,IAAKrC,EAAK,IACV,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,QAASA,EAAK,KAAOA,EAAK,MAAQ,EAClC,QAASA,EAAK,IAAMA,EAAK,OAAS,CACpC,EAEA,OAAO,OAAO,YACZ,CACE,KAAM,0BACN,SAAUqC,EACV,aAAcD,EACd,iBAAkB1C,CACpB,EACA,GACF,CACF,CACF,CACF,EAGM4C,GAAiBC,GAAwB,CAC7C,IAAMC,EAAUD,EAAM,KAEtB,OAAQC,EAAQ,KAAM,CACpB,IAAK,0BACHT,GAAqBS,EAAQ,KAAK,OAAO,EACzC,MAEF,IAAK,iBACCA,EAAQ,MAAQA,EAAQ,KAAK,UAAY,OAC3ChB,GACEgB,EAAQ,KAAK,iBACbA,EAAQ,KAAK,OACf,EAEA,QAAQ,KACN,oDACAA,CACF,EAEF,MAEF,IAAK,mBACHjB,GAAgB,EAChB,MAEF,IAAK,eACH,OAAO,SAAS,OAAO,EACvB,MAEF,IAAK,iBACCiB,EAAQ,MAAQA,EAAQ,KAAK,UAAY,OAC3CZ,GACEY,EAAQ,KAAK,iBACbA,EAAQ,KAAK,OACf,EAEA,QAAQ,KACN,oDACAA,CACF,EAEF,MAEF,IAAK,2BACH,GAAI9C,EAAmB,CACrB,IAAMuB,EAAWP,EAAiBhB,CAAiB,EACnD,GAAIuB,EAAS,OAAS,EAAG,CAEvB,IAAMjB,EADUiB,EAAS,CAAC,EACJ,sBAAsB,EAEtCiB,EAAiB,OAAO,YACxBC,EAAgB,OAAO,WACvBC,EACJpC,EAAK,IAAMkC,GACXlC,EAAK,OAAS,GACdA,EAAK,KAAOmC,GACZnC,EAAK,MAAQ,EAETqC,GAAkB,CACtB,IAAKrC,EAAK,IACV,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,MAAOA,EAAK,MACZ,OAAQA,EAAK,OACb,QAASA,EAAK,KAAOA,EAAK,MAAQ,EAClC,QAASA,EAAK,IAAMA,EAAK,OAAS,CACpC,EAEA,OAAO,OAAO,YACZ,CACE,KAAM,0BACN,SAAUqC,GACV,aAAcD,EACd,iBAAkB1C,CACpB,EACA,GACF,CACF,CACF,CACA,MAEF,IAAK,qBACC8C,EAAQ,MAAQA,EAAQ,KAAK,aAAe,SAC9CnD,EAAoBmD,EAAQ,KAAK,WAC7BA,EAAQ,KAAK,YACftC,EAAmB,GAGvB,MAEF,IAAK,iBACCsC,EAAQ,MAAQA,EAAQ,KAAK,SAAW,SAC1ClD,EAAiBkD,EAAQ,KAAK,OAC1BA,EAAQ,KAAK,QACftC,EAAmB,GAGvB,MAEF,QACE,KACJ,CACF,EAGMuC,EAAe,IAAM,CACzB,GAAI/C,EAAmB,CACrB,IAAMuB,EAAWP,EAAiBhB,CAAiB,EACnDF,EAAiB,QAAQ,CAACK,EAAS8B,IAAU,CACvCA,EAAQV,EAAS,QACnBnB,EAAgBD,EAASoB,EAASU,CAAK,CAAE,CAE7C,CAAC,CACH,CAEIlC,EAA2B,OAAS,GACtCF,EAAc,QAAQ,CAACM,EAAS8B,IAAU,CACpCA,EAAQlC,EAA2B,QACrCK,EAAgBD,EAASJ,EAA2BkC,CAAK,CAAE,CAE/D,CAAC,CAEL,EAG+B,SAAS,iBACtC,kDACF,EACuB,QAAQ,CAAChB,EAAIgB,IAAU,CAC5C,IAAMe,EAAS/B,EACTgC,EAAK,aAAaD,EAAO,QAAQ,QAAQ,IAAIA,EAAO,QAAQ,UAAU,IAAIf,CAAK,GACrFe,EAAO,QAAQ,iBAAmBC,CACpC,CAAC,EAGD,IAAMC,GAAmB,IAAI,iBAAkBC,GAAc,CACvCA,EAAU,KAAMC,GAAa,CAC/C,IAAMC,EAAeC,GAAwB,CAC3C,GAAIA,EAAK,WAAa,KAAK,aAAc,CACvC,IAAMrC,EAAKqC,EACX,GAAIrC,EAAG,SAAWA,EAAG,QAAQ,iBAC3B,MAAO,GAET,QAASsC,EAAI,EAAGA,EAAItC,EAAG,SAAS,OAAQsC,IACtC,GAAIF,EAAYpC,EAAG,SAASsC,CAAC,CAAE,EAC7B,MAAO,EAGb,CACA,MAAO,EACT,EASA,OANEH,EAAS,OAAS,eACjBA,EAAS,gBAAkB,SAC1BA,EAAS,gBAAkB,SAC3BA,EAAS,gBAAkB,SAC3BA,EAAS,gBAAkB,WAENC,EAAYD,EAAS,MAAM,CACtD,CAAC,GAGC,WAAWL,EAAc,EAAE,CAE/B,CAAC,EAGD,OAAO,iBAAiB,UAAWH,EAAa,EAChD,OAAO,iBAAiB,SAAUL,EAAc,EAAI,EACpD,SAAS,iBAAiB,SAAUA,EAAc,EAAI,EACtD,OAAO,iBAAiB,SAAUQ,CAAY,EAC9C,OAAO,iBAAiB,SAAUA,CAAY,EAG9CG,GAAiB,QAAQ,SAAS,KAAM,CACtC,WAAY,GACZ,UAAW,GACX,QAAS,GACT,gBAAiB,CAAC,QAAS,QAAS,QAAS,QAAQ,CACvD,CAAC,EAGD,OAAO,OAAO,YAAY,CAAE,KAAM,yBAA0B,EAAG,GAAG,CACpE","names":["isInstrumentedElement","element","htmlEl","getElementSelectorId","findElementsById","id","sourceElements","updateElementClasses","elements","classes","element","DROPDOWN_CONTAINER_STYLES","DROPDOWN_ITEM_BASE_STYLES","DROPDOWN_ITEM_ACTIVE_COLOR","DROPDOWN_ITEM_ACTIVE_BG","DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT","DROPDOWN_ITEM_HOVER_BG","DEPTH_INDENT_PX","LABEL_CHEVRON","LAYER_DROPDOWN_ATTR","MAX_PARENT_DEPTH","MAX_CHILD_DEPTH","applyStyles","element","styles","getLayerDisplayName","layer","getInstrumentedDescendants","parent","maxDepth","result","walk","el","instrDepth","i","child","isInstrumentedElement","getElementSelectorId","toLayerInfo","depth","info","collectInstrumentedParents","selectedElement","parents","current","MAX_PARENT_DEPTH","appendParentsWithDepth","chain","p","appendSelfAndDescendants","selfDepth","descendants","MAX_CHILD_DEPTH","assignDescendantDepths","getImmediateInstrParent","collectSiblings","siblings","s","appendSiblingsWithSelected","sibling","buildLayerChain","instrParent","root","startDepth","descSet","d","descMap","activeDropdown","outsideMousedownHandler","activeOnHoverEnd","activeKeydownHandler","createDropdownItem","layer","isActive","onSelect","onHover","onHoverEnd","item","getLayerDisplayName","applyStyles","DROPDOWN_ITEM_BASE_STYLES","depth","DEPTH_INDENT_PX","DROPDOWN_ITEM_ACTIVE_COLOR","DROPDOWN_ITEM_ACTIVE_BG","DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT","DROPDOWN_ITEM_HOVER_BG","e","createDropdownElement","layers","currentSelectorId","container","LAYER_DROPDOWN_ATTR","DROPDOWN_CONTAINER_STYLES","enhanceLabelWithChevron","label","LABEL_CHEVRON","setupKeyboardNavigation","dropdown","items","focusedIndex","l","setFocusedItem","index","prev","cur","closeDropdown","setupOutsideClickHandler","target","showDropdown","overlay","isDropdownOpen","createLayerController","deps","layerPreviewOverlay","escapeHandler","dropdownSourceElement","clearLayerPreview","showLayerPreview","layer","getElementSelectorId","selectElementFromLayer","closeDropdown","firstOverlay","attachToOverlay","reselectDropdownSource","overlay","element","label","layers","buildLayerChain","currentId","enhanceLabelWithChevron","e","isDropdownOpen","ev","showDropdown","setupVisualEditAgent","isVisualEditMode","isPopoverDragging","isDropdownOpen","hoverOverlays","selectedOverlays","currentHighlightedElements","selectedElementId","createOverlay","isSelected","overlay","positionOverlay","element","rect","label","clearHoverOverlays","clearSelectedOverlays","notifyElementSelected","htmlElement","svgElement","getElementSelectorId","selectElement","visualSelectorId","findElementsById","el","unSelectElement","handleMouseOver","e","target","selectorId","elements","handleMouseOut","handleElementClick","LAYER_DROPDOWN_ATTR","selectedOverlay","layerController","unselectElement","updateElementClassesAndReposition","classes","updateElementClasses","index","updateElementContent","content","createLayerController","toggleVisualEditMode","isEnabled","handleScroll","viewportHeight","viewportWidth","isInViewport","elementPosition","handleMessage","event","message","handleResize","htmlEl","id","mutationObserver","mutations","mutation","hasVisualId","node","i"]}
+{"version":3,"sources":["../../src/injections/visual-edit-agent/state/agent-state.ts","../../src/injections/utils.ts","../../src/injections/visual-edit-agent/constants.ts","../../src/injections/visual-edit-agent/ui/overlay.ts","../../src/injections/visual-edit-agent/handlers/hover-handlers.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/styles.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/validation.ts","../../src/injections/visual-edit-agent/capabilities/inline-editing/core.ts","../../src/injections/visual-edit-agent/utils/dom-utils.ts","../../src/injections/visual-edit-agent/handlers/inline-edit-handlers.ts","../../src/injections/visual-edit-agent/handlers/click-handlers.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-visual-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/messages/toggle-inline-edit-mode.ts","../../src/injections/visual-edit-agent/handlers/message-handlers.ts","../../src/injections/visual-edit-agent/index.ts"],"sourcesContent":["/**\n * Central state management for the visual edit agent\n */\n\nexport interface AgentState {\n  isVisualEditMode: boolean;\n  isPopoverDragging: boolean;\n  isDropdownOpen: boolean;\n  hoverOverlays: HTMLDivElement[];\n  selectedOverlays: HTMLDivElement[];\n  currentHighlightedElements: Element[];\n  selectedElementId: string | null;\n  currentEditingElement: HTMLElement | null;\n  debouncedSendTimeout: ReturnType<typeof setTimeout> | null;\n  isInlineEditExperimentEnabled: boolean;\n}\n\nexport function createAgentState(): AgentState {\n  return {\n    isVisualEditMode: false,\n    isPopoverDragging: false,\n    isDropdownOpen: false,\n    hoverOverlays: [],\n    selectedOverlays: [],\n    currentHighlightedElements: [],\n    selectedElementId: null,\n    currentEditingElement: null,\n    debouncedSendTimeout: null,\n    isInlineEditExperimentEnabled: false,\n  };\n}\n","/** Find elements by ID - first try data-source-location, fallback to data-visual-selector-id */\nexport function findElementsById(id: string | null): Element[] {\n  if (!id) return [];\n  const sourceElements = Array.from(\n    document.querySelectorAll(`[data-source-location=\"${id}\"]`)\n  );\n  if (sourceElements.length > 0) {\n    return sourceElements;\n  }\n  return Array.from(\n    document.querySelectorAll(`[data-visual-selector-id=\"${id}\"]`)\n  );\n}\n\n/**\n * Update element classes by visual selector ID.\n * Uses setAttribute instead of className to support both HTML and SVG elements.\n */\nexport function updateElementClasses(elements: Element[], classes: string): void {\n  elements.forEach((element) => {\n    element.setAttribute(\"class\", classes);\n  });  \n}\n","export const INLINE_EDIT_DEBOUNCE_MS = 500;\nexport const OVERLAY_TRANSITION = \"all 0.1s ease-in-out\";\nexport const OVERLAY_Z_INDEX = \"9999\";\nexport const SELECTED_BORDER_COLOR = \"#2563EB\";\nexport const HOVER_BORDER_COLOR = \"#95a5fc\";\nexport const HOVER_BACKGROUND_COLOR = \"rgba(99, 102, 241, 0.05)\";\nexport const LABEL_TOP_OFFSET = \"-27px\";\nexport const LABEL_LEFT_OFFSET = \"-2px\";\nexport const REPOSITION_DELAY_MS = 50;\n","import {\n  OVERLAY_TRANSITION,\n  OVERLAY_Z_INDEX,\n  SELECTED_BORDER_COLOR,\n  HOVER_BORDER_COLOR,\n  HOVER_BACKGROUND_COLOR,\n  LABEL_TOP_OFFSET,\n  LABEL_LEFT_OFFSET,\n} from \"../constants.js\";\nimport type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\n\n/**\n * Create an overlay element for highlighting\n */\nexport function createOverlay(isSelected = false): HTMLDivElement {\n  const overlay = document.createElement(\"div\");\n  overlay.style.position = \"absolute\";\n  overlay.style.pointerEvents = \"none\";\n  overlay.style.transition = OVERLAY_TRANSITION;\n  overlay.style.zIndex = OVERLAY_Z_INDEX;\n\n  if (isSelected) {\n    overlay.style.border = `2px solid ${SELECTED_BORDER_COLOR}`;\n  } else {\n    overlay.style.border = `2px solid ${HOVER_BORDER_COLOR}`;\n    overlay.style.backgroundColor = HOVER_BACKGROUND_COLOR;\n  }\n\n  return overlay;\n}\n\n/**\n * Position overlay relative to element\n */\nexport function positionOverlay(\n  overlay: HTMLDivElement,\n  element: Element,\n  isSelected = false,\n  isVisualEditMode = true\n): void {\n  if (!element || !isVisualEditMode) return;\n\n  const rect = element.getBoundingClientRect();\n  overlay.style.top = `${rect.top + window.scrollY}px`;\n  overlay.style.left = `${rect.left + window.scrollX}px`;\n  overlay.style.width = `${rect.width}px`;\n  overlay.style.height = `${rect.height}px`;\n\n  // Check if label already exists in overlay\n  let label = overlay.querySelector(\"div\") as HTMLDivElement | null;\n\n  if (!label) {\n    label = document.createElement(\"div\");\n    label.textContent = element.tagName.toLowerCase();\n    label.style.position = \"absolute\";\n    label.style.top = LABEL_TOP_OFFSET;\n    label.style.left = LABEL_LEFT_OFFSET;\n    label.style.padding = \"2px 8px\";\n    label.style.fontSize = \"11px\";\n    label.style.fontWeight = isSelected ? \"500\" : \"400\";\n    label.style.color = isSelected ? \"#ffffff\" : \"#526cff\";\n    label.style.backgroundColor = isSelected ? \"#526cff\" : \"#DBEAFE\";\n    label.style.borderRadius = \"3px\";\n    label.style.minWidth = \"24px\";\n    label.style.textAlign = \"center\";\n    overlay.appendChild(label);\n  }\n}\n\n/**\n * Clear all overlays from DOM\n */\nexport function clearOverlays(overlays: HTMLDivElement[]): void {\n  overlays.forEach((overlay) => {\n    if (overlay && overlay.parentNode) {\n      overlay.remove();\n    }\n  });\n}\n\n/**\n * Remove data-selected attribute, clear selected overlays, and reset selection state\n */\nexport function clearSelection(state: AgentState): void {\n  if (state.selectedElementId) {\n    const elements = findElementsById(state.selectedElementId);\n    elements.forEach((el) => {\n      if (el instanceof HTMLElement) {\n        delete el.dataset.selected;\n      }\n    });\n  }\n  clearOverlays(state.selectedOverlays);\n  state.selectedOverlays = [];\n  state.selectedElementId = null;\n}\n\n/**\n * Reposition selected overlays to match current element bounds\n */\nexport function repositionSelectedOverlays(state: AgentState): void {\n  if (!state.selectedElementId) return;\n  const elements = findElementsById(state.selectedElementId);\n  state.selectedOverlays.forEach((overlay, index) => {\n    const element = elements[index];\n    if (element) {\n      positionOverlay(overlay, element, true, state.isVisualEditMode);\n    }\n  });\n}\n\n/**\n * Reposition hover overlays to match current element bounds\n */\nexport function repositionHoverOverlays(state: AgentState): void {\n  state.hoverOverlays.forEach((overlay, index) => {\n    const element = state.currentHighlightedElements[index];\n    if (element) {\n      positionOverlay(overlay, element, false, state.isVisualEditMode);\n    }\n  });\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearOverlays } from \"../ui/overlay.js\";\n\n/**\n * Clear hover overlays\n */\nexport function clearHoverOverlays(state: AgentState): void {\n  clearOverlays(state.hoverOverlays);\n  state.hoverOverlays = [];\n  state.currentHighlightedElements = [];\n}\n\n/**\n * Handle mouse over event\n */\nexport function handleMouseOver(state: AgentState, e: MouseEvent): void {\n  if (!state.isVisualEditMode || state.isPopoverDragging || state.currentEditingElement) return;\n\n  const target = e.target as Element;\n\n  // Prevent hover effects when a dropdown is open\n  if (state.isDropdownOpen) {\n    clearHoverOverlays(state);\n    return;\n  }\n\n  // Prevent hover effects on SVG path elements\n  if (target.tagName.toLowerCase() === \"path\") {\n    clearHoverOverlays(state);\n    return;\n  }\n\n  // Support both data-source-location and data-visual-selector-id\n  const element = target.closest(\n    \"[data-source-location], [data-visual-selector-id]\"\n  );\n  if (!element) {\n    clearHoverOverlays(state);\n    return;\n  }\n\n  // Prefer data-source-location, fallback to data-visual-selector-id\n  const htmlElement = element as HTMLElement;\n  const selectorId =\n    htmlElement.dataset.sourceLocation ||\n    htmlElement.dataset.visualSelectorId;\n\n  // Skip if this element is already selected\n  if (state.selectedElementId === selectorId) {\n    clearHoverOverlays(state);\n    return;\n  }\n\n  // Find all elements with the same ID\n  const elements = findElementsById(selectorId || null);\n\n  // Clear previous hover overlays\n  clearHoverOverlays(state);\n\n  // Create overlays for all matching elements\n  elements.forEach((el) => {\n    const overlay = createOverlay(false);\n    document.body.appendChild(overlay);\n    state.hoverOverlays.push(overlay);\n    positionOverlay(overlay, el, false, state.isVisualEditMode);\n  });\n\n  state.currentHighlightedElements = elements;\n}\n\n/**\n * Handle mouse out event\n */\nexport function handleMouseOut(state: AgentState): void {\n  if (state.isPopoverDragging || state.currentEditingElement) return;\n  clearHoverOverlays(state);\n}\n","/**\n * Inject CSS to suppress the browser's default focus outline on contentEditable elements\n */\nexport function injectFocusOutlineCSS(): void {\n  const existingStyle = document.getElementById(\"visual-edit-focus-styles\");\n  if (existingStyle) return;\n\n  const style = document.createElement(\"style\");\n  style.id = \"visual-edit-focus-styles\";\n  style.textContent = `\n    [data-selected=\"true\"][contenteditable=\"true\"]:focus {\n      outline: none !important;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\n/**\n * Remove the injected focus outline CSS\n */\nexport function removeFocusOutlineCSS(): void {\n  const style = document.getElementById(\"visual-edit-focus-styles\");\n  if (style) {\n    style.remove();\n  }\n}\n","/**\n * Select all text content in an element using the Selection API\n */\nexport function selectText(element: HTMLElement): void {\n  const range = document.createRange();\n  range.selectNodeContents(element);\n  const selection = window.getSelection();\n  selection?.removeAllRanges();\n  selection?.addRange(range);\n}\n\n/**\n * Check if an element is an editable text element\n * Based on the eligibility rules from inlineEdit.md (non-dynamic only)\n */\nexport function isEditableTextElement(element: Element): boolean {\n  // Must be an HTMLElement\n  if (!(element instanceof HTMLElement)) {\n    return false;\n  }\n\n  // Must be an allowed tag\n  const allowedTags = [\n    \"div\",\n    \"p\",\n    \"h1\",\n    \"h2\",\n    \"h3\",\n    \"h4\",\n    \"h5\",\n    \"h6\",\n    \"span\",\n    \"li\",\n    \"td\",\n    \"a\",\n    \"button\",\n    \"label\",\n  ];\n  if (!allowedTags.includes(element.tagName.toLowerCase())) {\n    return false;\n  }\n\n  // Must have text content\n  const textContent = element.textContent?.trim() || \"\";\n  if (textContent.length === 0) {\n    return false;\n  }\n\n  // Must NOT contain img, video, canvas, or svg\n  const hasMediaElements =\n    element.querySelector(\"img, video, canvas, svg\") !== null;\n  if (hasMediaElements) {\n    return false;\n  }\n\n  // Must NOT have complex children (must be a leaf text node or simple container)\n  if (element.children.length > 0) {\n    return false;\n  }\n\n  // Must NOT be dynamic content\n  if (element.dataset.dynamicContent === \"true\") {\n    return false;\n  }\n\n  return true;\n}\n","import { injectFocusOutlineCSS, removeFocusOutlineCSS } from \"./styles.js\";\nimport { selectText, isEditableTextElement } from \"./validation.js\";\n\n/**\n * Callback function type for handling text input changes\n */\ntype OnTextInputChange = (element: HTMLElement) => void;\n\n/**\n * Global callback that gets triggered on every input event\n * This is set by the visual-edit-agent and includes both updatePosition and reportInlineEdit\n */\nlet onTextInputChangeCallback: OnTextInputChange | null = null;\n\n/**\n * Set the callback function that will be called on text input changes\n */\nexport function setInlineEditCallback(callback: OnTextInputChange | null): void {\n  onTextInputChangeCallback = callback;\n}\n\n/**\n * WeakMap to track AbortControllers for each element's input listener.\n * Using WeakMap ensures no memory leaks — when an element is garbage collected,\n * its entry is automatically removed.\n */\nconst listenerAbortControllers = new WeakMap<HTMLElement, AbortController>();\n\n/**\n * Internal handler for the native input event\n */\nfunction handleInputEvent(this: HTMLElement, e: Event): void {\n  if (onTextInputChangeCallback) {\n    onTextInputChangeCallback(this);\n  }\n}\n\n/**\n * Check if an element should enter inline editing mode\n * Called when user clicks on an already-selected element\n */\nexport function shouldEnterInlineEditingMode(element: Element): boolean {\n  // Must have data-selected=\"true\"\n  if (!(element instanceof HTMLElement) || element.dataset.selected !== \"true\") {\n    return false;\n  }\n\n  // Must pass all editability checks\n  if (!isEditableTextElement(element)) {\n    return false;\n  }\n\n  return true;\n}\n\n/**\n * Enable contentEditable mode on an element\n * Follows the exact flow from inlineEdit.md\n */\nexport function enterInlineEditingMode(element: HTMLElement): void {\n  // Inject CSS to suppress focus outline\n  injectFocusOutlineCSS();\n\n  // Store original state\n  element.dataset.originalTextContent = element.textContent || \"\";\n  element.dataset.originalCursor = element.style.cursor;\n\n  // Enable contentEditable\n  element.contentEditable = \"true\";\n\n  // Create an AbortController to manage the input listener lifecycle\n  const abortController = new AbortController();\n  listenerAbortControllers.set(element, abortController);\n\n  // Add input event listener with AbortSignal for automatic cleanup\n  element.addEventListener(\"input\", handleInputEvent, { signal: abortController.signal });\n\n  // Set cursor to text\n  element.style.cursor = \"text\";\n\n  // Select all text\n  selectText(element);\n\n  // Focus after render\n  setTimeout(() => {\n    element.focus();\n  }, 0);\n}\n\n/**\n * Disable contentEditable mode on an element\n * Reverses everything done by enterInlineEditingMode\n */\nexport function clearInlineEditingMode(element: HTMLElement): void {\n  // Abort the input event listener using the stored AbortController\n  const abortController = listenerAbortControllers.get(element);\n  if (abortController) {\n    abortController.abort();\n    listenerAbortControllers.delete(element);\n  }\n\n  // If element was removed from DOM before cleanup, skip DOM operations\n  if (!element.isConnected) {\n    return;\n  }\n\n  removeFocusOutlineCSS();\n\n  // Disable contentEditable\n  element.contentEditable = \"false\";\n\n  // Remove stored original text content\n  delete element.dataset.originalTextContent;\n\n  // Restore original cursor\n  if (element.dataset.originalCursor !== undefined) {\n    element.style.cursor = element.dataset.originalCursor;\n    delete element.dataset.originalCursor;\n  }\n}\n","import type { ElementPosition } from \"../handlers/messages/types.js\";\n\n/**\n * Calculate element position from bounding rect\n */\nexport function getElementPosition(rect: DOMRect): ElementPosition {\n  return {\n    top: rect.top,\n    left: rect.left,\n    right: rect.right,\n    bottom: rect.bottom,\n    width: rect.width,\n    height: rect.height,\n    centerX: rect.left + rect.width / 2,\n    centerY: rect.top + rect.height / 2,\n  };\n}\n\n/**\n * Check if element rect is in viewport\n */\nexport function isElementInViewport(rect: DOMRect): boolean {\n  return (\n    rect.top < window.innerHeight &&\n    rect.bottom > 0 &&\n    rect.left < window.innerWidth &&\n    rect.right > 0\n  );\n}\n\n/**\n * Get element classes (handles both HTML and SVG)\n */\nexport function getElementClasses(element: Element): string {\n  if (element instanceof SVGElement) {\n    return (element.className as unknown as SVGAnimatedString)?.baseVal || \"\";\n  }\n  return element.className || \"\";\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { repositionSelectedOverlays } from \"../ui/overlay.js\";\nimport {\n  enterInlineEditingMode,\n  clearInlineEditingMode,\n  setInlineEditCallback,\n} from \"../capabilities/inline-editing/index.js\";\nimport { INLINE_EDIT_DEBOUNCE_MS } from \"../constants.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/**\n * Enter inline editing mode\n */\nexport function handleEnterInlineEditingMode(state: AgentState, element: HTMLElement): void {\n  state.currentEditingElement = element;\n\n  // Hide overlays during editing\n  state.selectedOverlays.forEach((overlay) => {\n    overlay.style.display = \"none\";\n  });\n\n  // Enter inline editing mode (from capabilities/inline-editing)\n  enterInlineEditingMode(element);\n\n  // Notify parent\n  window.parent.postMessage(\n    {\n      type: OutgoingMessageType.CONTENT_EDITING_STARTED,\n      visualSelectorId: state.selectedElementId,\n    },\n    \"*\"\n  );\n}\n\n/**\n * Clear inline editing mode\n */\nexport function handleClearInlineEditingMode(state: AgentState): void {\n  if (!state.currentEditingElement) return;\n\n  // Cancel any pending debounced edit — originalTextContent will be deleted below\n  if (state.debouncedSendTimeout) {\n    clearTimeout(state.debouncedSendTimeout);\n    state.debouncedSendTimeout = null;\n  }\n\n  const element = state.currentEditingElement;\n\n  // Clear inline editing mode (from capabilities/inline-editing)\n  clearInlineEditingMode(element);\n\n  // Show overlays again\n  state.selectedOverlays.forEach((overlay) => {\n    overlay.style.display = \"\";\n  });\n\n  repositionSelectedOverlays(state);\n\n  // Notify parent that editing ended\n  window.parent.postMessage(\n    {\n      type: OutgoingMessageType.CONTENT_EDITING_ENDED,\n      visualSelectorId: state.selectedElementId,\n    },\n    \"*\"\n  );\n\n  state.currentEditingElement = null;\n}\n\n/**\n * Report inline edit to parent\n */\nfunction reportInlineEdit(state: AgentState, element: HTMLElement): void {\n  const originalContent = element.dataset.originalTextContent;\n  const newContent = element.textContent;\n\n  const elementInfo = {\n    tagName: element.tagName,\n    classes: getElementClasses(element),\n    visualSelectorId: state.selectedElementId,\n    content: newContent,\n    dataSourceLocation: element.dataset.sourceLocation,\n    isDynamicContent: element.dataset.dynamicContent === \"true\",\n    linenumber: element.dataset.linenumber,\n    filename: element.dataset.filename,\n    position: getElementPosition(element.getBoundingClientRect()),\n  };\n\n  // Send inline edit message\n  window.parent.postMessage(\n    {\n      type: OutgoingMessageType.INLINE_EDIT,\n      elementInfo,\n      originalContent,\n      newContent,\n    },\n    \"*\"\n  );\n\n  // Update baseline for next edit\n  element.dataset.originalTextContent = newContent || \"\";\n}\n\n/**\n * Debounced function to send inline edit messages\n * \n * Intentionally overwrites the previous timeout on each keystroke — this is the\n * correct debounce behavior. We only send ONE message 500ms after the user stops\n * typing, containing the final text. Intermediate keystrokes are not sent to avoid\n * flooding the parent with dozens of messages per second.\n */\nfunction debouncedSendInlineEditMessage(state: AgentState, element: HTMLElement): void {\n  // Clear any existing timeout\n  if (state.debouncedSendTimeout) {\n    clearTimeout(state.debouncedSendTimeout);\n  }\n\n  // Set new timeout\n  state.debouncedSendTimeout = setTimeout(() => {\n    reportInlineEdit(state, element);\n  }, INLINE_EDIT_DEBOUNCE_MS);\n}\n\n/**\n * Callback for text input changes (combines updatePosition and reportInlineEdit)\n */\nfunction createTextInputChangeCallback(state: AgentState) {\n  return (element: HTMLElement) => {\n    repositionSelectedOverlays(state);\n    debouncedSendInlineEditMessage(state, element);\n  };\n}\n\n/**\n * Setup inline edit callback\n */\nexport function setupInlineEditCallback(state: AgentState): void {\n  setInlineEditCallback(createTextInputChangeCallback(state));\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById } from \"../../utils.js\";\nimport { createOverlay, positionOverlay, clearSelection } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { shouldEnterInlineEditingMode } from \"../capabilities/inline-editing/index.js\";\nimport { handleClearInlineEditingMode, handleEnterInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { getElementPosition, getElementClasses } from \"../utils/dom-utils.js\";\n\n/**\n * Handle element selection (first click)\n */\nexport function handleElementSelection(\n  state: AgentState,\n  element: Element,\n  visualSelectorId: string | null\n): void {\n  if (state.currentEditingElement) {\n    handleClearInlineEditingMode(state);\n  }\n  clearSelection(state);\n\n  // Find all elements with the same ID\n  const elements = findElementsById(visualSelectorId);\n\n  // Mark elements as selected\n  elements.forEach((el) => {\n    if (el instanceof HTMLElement) {\n      el.dataset.selected = \"true\";\n    }\n  });\n\n  // Create selected overlays for all matching elements\n  elements.forEach((el) => {\n    const overlay = createOverlay(true);\n    document.body.appendChild(overlay);\n    state.selectedOverlays.push(overlay);\n    positionOverlay(overlay, el, true, state.isVisualEditMode);\n  });\n\n  state.selectedElementId = visualSelectorId;\n\n  // Clear hover overlays\n  clearHoverOverlays(state);\n\n  // Send message to parent window with element info\n  const htmlElement = element as HTMLElement;\n  const elementData = {\n    type: OutgoingMessageType.ELEMENT_SELECTED,\n    tagName: element.tagName,\n    classes: getElementClasses(element),\n    visualSelectorId: visualSelectorId,\n    content: htmlElement.innerText,\n    dataSourceLocation: htmlElement.dataset.sourceLocation,\n    isDynamicContent: htmlElement.dataset.dynamicContent === \"true\",\n    linenumber: htmlElement.dataset.linenumber,\n    filename: htmlElement.dataset.filename,\n    position: getElementPosition(element.getBoundingClientRect()),\n  };\n  window.parent.postMessage(elementData, \"*\");\n}\n\n/**\n * Handle element click\n */\nexport function handleElementClick(state: AgentState, e: MouseEvent): void {\n  if (!state.isVisualEditMode) return;\n\n  const target = e.target as Element;\n\n  // Bail out early if clicking on a contentEditable element (allow normal editing)\n  if (target instanceof HTMLElement && target.contentEditable === \"true\") {\n    return;\n  }\n\n  // If currently editing, clicking outside should exit editing mode\n  if (state.currentEditingElement) {\n    e.preventDefault();\n    e.stopPropagation();\n    e.stopImmediatePropagation();\n    handleClearInlineEditingMode(state);\n    return;\n  }\n\n  // Close dropdowns when clicking anywhere in iframe if a dropdown is open\n  if (state.isDropdownOpen) {\n    e.preventDefault();\n    e.stopPropagation();\n    e.stopImmediatePropagation();\n\n    window.parent.postMessage({ type: OutgoingMessageType.CLOSE_DROPDOWNS }, \"*\");\n    return;\n  }\n\n  // Prevent clicking on SVG path elements\n  if (target.tagName.toLowerCase() === \"path\") {\n    return;\n  }\n\n  // Prevent default behavior immediately when in visual edit mode\n  e.preventDefault();\n  e.stopPropagation();\n  e.stopImmediatePropagation();\n\n  // Support both data-source-location and data-visual-selector-id\n  const element = target.closest(\n    \"[data-source-location], [data-visual-selector-id]\"\n  );\n  if (!element) {\n    return;\n  }\n\n  const htmlElement = element as HTMLElement;\n  const visualSelectorId =\n    htmlElement.dataset.sourceLocation ||\n    htmlElement.dataset.visualSelectorId;\n\n  // Check if this element is already selected (second click scenario)\n  const isAlreadySelected =\n    state.selectedElementId === visualSelectorId &&\n    htmlElement.dataset.selected === \"true\";\n\n  if (isAlreadySelected) {\n    // Second click on already-selected element: check if it should enter inline editing\n    // Only if the experiment is enabled\n    if (state.isInlineEditExperimentEnabled && shouldEnterInlineEditingMode(htmlElement)) {\n      handleEnterInlineEditingMode(state, htmlElement);\n      return;\n    }\n  }\n\n  // First click: select the element\n  handleElementSelection(state, element, visualSelectorId || null);\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleVisualEditModeMessage } from \"./types.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { clearHoverOverlays } from \"../hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\n\n/**\n * Toggle visual edit mode on/off\n */\nexport function toggleVisualEditMode(state: AgentState, isEnabled: boolean): void {\n  state.isVisualEditMode = isEnabled;\n\n  if (!isEnabled) {\n    if (state.currentEditingElement) {\n      handleClearInlineEditingMode(state);\n    }\n\n    clearHoverOverlays(state);\n    clearSelection(state);\n    state.currentHighlightedElements = [];\n    document.body.style.cursor = \"default\";\n  } else {\n    document.body.style.cursor = \"crosshair\";\n  }\n}\n\n/**\n * Handle toggle-visual-edit-mode message\n */\nexport function handleToggleVisualEditMode(\n  state: AgentState,\n  message: ToggleVisualEditModeMessage\n): void {\n  toggleVisualEditMode(state, message.data.enabled);\n  \n  // Update inline edit experiment flag if provided\n  if (message.data.specs?.newInlineEditEnabled !== undefined) {\n    state.isInlineEditExperimentEnabled = message.data.specs.newInlineEditEnabled;\n  }\n}\n","import type { AgentState } from \"../../state/agent-state.js\";\nimport type { ToggleInlineEditModeMessage } from \"./types.js\";\nimport { findElementsById } from \"../../../utils.js\";\nimport { shouldEnterInlineEditingMode } from \"../../capabilities/inline-editing/index.js\";\nimport { handleEnterInlineEditingMode, handleClearInlineEditingMode } from \"../inline-edit-handlers.js\";\nimport { clearSelection } from \"../../ui/overlay.js\";\nimport { createOverlay, positionOverlay } from \"../../ui/overlay.js\";\n\n/**\n * Handle toggle-inline-edit-mode message (parent-initiated)\n */\nexport function handleToggleInlineEditMode(\n  state: AgentState,\n  message: ToggleInlineEditModeMessage\n): void {\n  if (!state.isInlineEditExperimentEnabled) {\n    return;\n  }\n\n  if (!message.data || !message.data.dataSourceLocation) {\n    return;\n  }\n\n  const elements = findElementsById(message.data.dataSourceLocation);\n  if (elements.length === 0 || !(elements[0] instanceof HTMLElement)) {\n    return;\n  }\n\n  const element = elements[0];\n\n  if (message.data.inlineEditingMode) {\n    // Enable inline editing (only for non-dynamic text elements)\n    if (shouldEnterInlineEditingMode(element)) {\n      // Select the element first if not already selected\n      if (state.selectedElementId !== message.data.dataSourceLocation) {\n        // Clear any existing selection\n        if (state.currentEditingElement) {\n          handleClearInlineEditingMode(state);\n        }\n        clearSelection(state);\n\n        // Find all elements with the same ID\n        const elements = findElementsById(message.data.dataSourceLocation);\n\n        // Mark elements as selected\n        elements.forEach((el) => {\n          if (el instanceof HTMLElement) {\n            el.dataset.selected = \"true\";\n          }\n        });\n\n        // Create selected overlays for all matching elements\n        elements.forEach((el) => {\n          const overlay = createOverlay(true);\n          document.body.appendChild(overlay);\n          state.selectedOverlays.push(overlay);\n          positionOverlay(overlay, el, true, state.isVisualEditMode);\n        });\n\n        state.selectedElementId = message.data.dataSourceLocation;\n      }\n      handleEnterInlineEditingMode(state, element);\n    }\n  } else {\n    // Disable inline editing\n    if (state.currentEditingElement === element) {\n      handleClearInlineEditingMode(state);\n    }\n  }\n}\n","import type { AgentState } from \"../state/agent-state.js\";\nimport { IncomingMessageType, OutgoingMessageType } from \"./messages/types.js\";\nimport { findElementsById, updateElementClasses } from \"../../utils.js\";\nimport { clearSelection, repositionSelectedOverlays, repositionHoverOverlays } from \"../ui/overlay.js\";\nimport { clearHoverOverlays } from \"./hover-handlers.js\";\nimport { handleClearInlineEditingMode } from \"./inline-edit-handlers.js\";\nimport { REPOSITION_DELAY_MS } from \"../constants.js\";\nimport { handleToggleVisualEditMode } from \"./messages/toggle-visual-edit-mode.js\";\nimport { handleToggleInlineEditMode } from \"./messages/toggle-inline-edit-mode.js\";\nimport { getElementPosition, isElementInViewport } from \"../utils/dom-utils.js\";\n\n/**\n * Send element position update to parent\n */\nfunction sendElementPositionUpdate(state: AgentState): void {\n  if (!state.selectedElementId) return;\n\n  const elements = findElementsById(state.selectedElementId);\n  const [element] = elements;\n  if (!element) return;\n\n  const rect = element.getBoundingClientRect();\n\n  window.parent.postMessage(\n    {\n      type: OutgoingMessageType.ELEMENT_POSITION_UPDATE,\n      position: getElementPosition(rect),\n      isInViewport: isElementInViewport(rect),\n      visualSelectorId: state.selectedElementId,\n    },\n    \"*\"\n  );\n}\n\n/**\n * Unselect the current element\n */\nexport function unselectElement(state: AgentState): void {\n  if (state.currentEditingElement) {\n    handleClearInlineEditingMode(state);\n  }\n  clearSelection(state);\n}\n\n/**\n * Update element classes and reposition overlays\n */\nexport function updateElementClassesAndReposition(\n  state: AgentState,\n  visualSelectorId: string,\n  classes: string\n): void {\n  const elements = findElementsById(visualSelectorId);\n  if (elements.length === 0) return;\n\n  updateElementClasses(elements, classes);\n\n  // Use a small delay to allow the browser to recalculate layout before repositioning\n  setTimeout(() => {\n    if (state.selectedElementId === visualSelectorId) {\n      repositionSelectedOverlays(state);\n    }\n\n    if (state.currentHighlightedElements.length > 0) {\n      const hoveredElement = state.currentHighlightedElements[0] as HTMLElement;\n      if (hoveredElement?.dataset?.visualSelectorId === visualSelectorId) {\n        repositionHoverOverlays(state);\n      }\n    }\n  }, REPOSITION_DELAY_MS);\n}\n\n/**\n * Update element content by visual selector ID\n */\nexport function updateElementContent(\n  state: AgentState,\n  visualSelectorId: string,\n  content: string\n): void {\n  const elements = findElementsById(visualSelectorId);\n\n  if (elements.length === 0) {\n    return;\n  }\n\n  elements.forEach((element) => {\n    (element as HTMLElement).innerText = content;\n  });\n\n  setTimeout(() => {\n    if (state.selectedElementId === visualSelectorId) {\n      repositionSelectedOverlays(state);\n    }\n  }, REPOSITION_DELAY_MS);\n}\n\n/**\n * Handle scroll events to update popover position\n */\nexport function handleScroll(state: AgentState): void {\n  sendElementPositionUpdate(state);\n}\n\n/**\n * Handle window resize to reposition overlays\n */\nexport function handleResize(state: AgentState): void {\n  repositionSelectedOverlays(state);\n  repositionHoverOverlays(state);\n}\n\n/**\n * Handle messages from parent window\n */\nexport function handleMessage(state: AgentState, event: MessageEvent): void {\n  const message = event.data;\n\n  switch (message.type as IncomingMessageType) {\n    case IncomingMessageType.TOGGLE_VISUAL_EDIT_MODE:\n      handleToggleVisualEditMode(state, message);\n      break;\n\n    case IncomingMessageType.UPDATE_CLASSES:\n      if (message.data && message.data.classes !== undefined) {\n        updateElementClassesAndReposition(\n          state,\n          message.data.visualSelectorId,\n          message.data.classes\n        );\n      } else {\n        console.warn(\n          \"[VisualEditAgent] Invalid update-classes message:\",\n          message\n        );\n      }\n      break;\n\n    case IncomingMessageType.UNSELECT_ELEMENT:\n      unselectElement(state);\n      break;\n\n    case IncomingMessageType.REFRESH_PAGE:\n      window.location.reload();\n      break;\n\n    case IncomingMessageType.UPDATE_CONTENT:\n      if (message.data && message.data.content !== undefined) {\n        updateElementContent(\n          state,\n          message.data.visualSelectorId,\n          message.data.content\n        );\n      } else {\n        console.warn(\n          \"[VisualEditAgent] Invalid update-content message:\",\n          message\n        );\n      }\n      break;\n\n    case IncomingMessageType.TOGGLE_INLINE_EDIT_MODE:\n      handleToggleInlineEditMode(state, message);\n      break;\n\n    case IncomingMessageType.REQUEST_ELEMENT_POSITION:\n      sendElementPositionUpdate(state);\n      break;\n\n    case IncomingMessageType.POPOVER_DRAG_STATE:\n      if (message.data && message.data.isDragging !== undefined) {\n        state.isPopoverDragging = message.data.isDragging;\n        if (message.data.isDragging) {\n          clearHoverOverlays(state);\n        }\n      }\n      break;\n\n    case IncomingMessageType.DROPDOWN_STATE:\n      if (message.data && message.data.isOpen !== undefined) {\n        state.isDropdownOpen = message.data.isOpen;\n        if (message.data.isOpen) {\n          clearHoverOverlays(state);\n        }\n      }\n      break;\n\n    default:\n      break;\n  }\n}\n","import { createAgentState } from \"./state/agent-state.js\";\nimport { handleMouseOver, handleMouseOut } from \"./handlers/hover-handlers.js\";\nimport { handleElementClick } from \"./handlers/click-handlers.js\";\nimport { handleMessage, handleScroll, handleResize } from \"./handlers/message-handlers.js\";\nimport { setupInlineEditCallback } from \"./handlers/inline-edit-handlers.js\";\nimport { OutgoingMessageType } from \"./handlers/messages/types.js\";\n\n/**\n * Initialize element IDs for elements with line numbers\n */\nfunction initializeElementIds(): void {\n  const elementsWithLineNumber = document.querySelectorAll(\n    \"[data-linenumber]:not([data-visual-selector-id])\"\n  );\n  elementsWithLineNumber.forEach((el, index) => {\n    const htmlEl = el as HTMLElement;\n    const id = `visual-id-${htmlEl.dataset.filename}-${htmlEl.dataset.linenumber}-${index}`;\n    htmlEl.dataset.visualSelectorId = id;\n  });\n}\n\n/**\n * Create mutation observer to detect layout changes.\n * Uses requestAnimationFrame to coalesce many rapid mutations into one reposition\n * per paint frame, avoiding stacking multiple timers during CSS transitions.\n */\nfunction createLayoutObserver(onLayoutChange: () => void): MutationObserver {\n  let rafHandle: number | null = null;\n\n  const hasVisualId = (node: Node): boolean => {\n    if (node.nodeType !== Node.ELEMENT_NODE) return false;\n    const el = node as HTMLElement;\n    if (el.dataset?.visualSelectorId) return true;\n    for (const child of Array.from(el.children)) {\n      if (hasVisualId(child)) return true;\n    }\n    return false;\n  };\n\n  return new MutationObserver((mutations) => {\n    if (rafHandle !== null) return;\n\n    const needsUpdate = mutations.some((mutation) => {\n      const isLayoutChange =\n        mutation.type === \"attributes\" &&\n        (mutation.attributeName === \"style\" ||\n          mutation.attributeName === \"class\" ||\n          mutation.attributeName === \"width\" ||\n          mutation.attributeName === \"height\");\n\n      return isLayoutChange && hasVisualId(mutation.target);\n    });\n\n    if (needsUpdate) {\n      rafHandle = requestAnimationFrame(() => {\n        rafHandle = null;\n        onLayoutChange();\n      });\n    }\n  });\n}\n\n/**\n * Setup keyboard event protection\n */\nfunction setupKeyboardProtection(): void {\n  document.addEventListener(\"keydown\", (e: KeyboardEvent) => {\n    if (e.target instanceof HTMLElement && e.target.contentEditable === \"true\") {\n      // Don't report keyboard events during inline editing\n      return;\n    }\n    // Forward other keyboard events to parent if needed\n  }, true);\n}\n\n/**\n * Setup event listeners\n */\nfunction setupEventListeners(state: ReturnType<typeof createAgentState>): void {\n  // Message handling\n  window.addEventListener(\"message\", (e) => handleMessage(state, e));\n\n  // Scroll handling\n  window.addEventListener(\"scroll\", () => handleScroll(state), true);\n  document.addEventListener(\"scroll\", () => handleScroll(state), true);\n\n  // Resize handling\n  window.addEventListener(\"resize\", () => handleResize(state));\n  window.addEventListener(\"scroll\", () => handleResize(state));\n\n  // Click handling\n  document.addEventListener(\"click\", (e) => handleElementClick(state, e), true);\n\n  // Hover handling\n  document.addEventListener(\"mouseover\", (e) => handleMouseOver(state, e));\n  document.addEventListener(\"mouseout\", () => handleMouseOut(state));\n}\n\n/**\n * Main setup function for visual edit agent\n */\nexport function setupVisualEditAgent(): void {\n  const state = createAgentState();\n  initializeElementIds();\n  setupInlineEditCallback(state);\n  setupKeyboardProtection();\n  setupEventListeners(state);\n\n  // Create and start mutation observer\n  const mutationObserver = createLayoutObserver(() => handleResize(state));\n  mutationObserver.observe(document.body, {\n    attributes: true,\n    childList: true,\n    subtree: true,\n    attributeFilter: [\"style\", \"class\", \"width\", \"height\"],\n  });\n\n  // Send ready message to parent\n  window.parent.postMessage({ type: OutgoingMessageType.VISUAL_EDIT_AGENT_READY }, \"*\");\n}\n"],"mappings":"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","names":["createAgentState","findElementsById","id","sourceElements","updateElementClasses","elements","classes","element","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","createOverlay","isSelected","overlay","OVERLAY_TRANSITION","OVERLAY_Z_INDEX","SELECTED_BORDER_COLOR","HOVER_BORDER_COLOR","HOVER_BACKGROUND_COLOR","positionOverlay","element","isVisualEditMode","rect","label","LABEL_TOP_OFFSET","LABEL_LEFT_OFFSET","clearOverlays","overlays","clearSelection","state","findElementsById","el","repositionSelectedOverlays","elements","index","repositionHoverOverlays","clearHoverOverlays","state","clearOverlays","handleMouseOver","e","target","element","htmlElement","selectorId","elements","findElementsById","el","overlay","createOverlay","positionOverlay","handleMouseOut","injectFocusOutlineCSS","style","removeFocusOutlineCSS","selectText","element","range","selection","isEditableTextElement","onTextInputChangeCallback","setInlineEditCallback","callback","listenerAbortControllers","handleInputEvent","shouldEnterInlineEditingMode","element","isEditableTextElement","enterInlineEditingMode","injectFocusOutlineCSS","abortController","selectText","clearInlineEditingMode","removeFocusOutlineCSS","getElementPosition","rect","isElementInViewport","getElementClasses","element","handleEnterInlineEditingMode","state","element","overlay","enterInlineEditingMode","handleClearInlineEditingMode","clearInlineEditingMode","repositionSelectedOverlays","reportInlineEdit","originalContent","newContent","elementInfo","getElementClasses","getElementPosition","debouncedSendInlineEditMessage","createTextInputChangeCallback","setupInlineEditCallback","setInlineEditCallback","handleElementSelection","state","element","visualSelectorId","handleClearInlineEditingMode","clearSelection","elements","findElementsById","el","overlay","createOverlay","positionOverlay","clearHoverOverlays","htmlElement","elementData","getElementClasses","getElementPosition","handleElementClick","e","target","shouldEnterInlineEditingMode","handleEnterInlineEditingMode","toggleVisualEditMode","state","isEnabled","handleClearInlineEditingMode","clearHoverOverlays","clearSelection","handleToggleVisualEditMode","message","handleToggleInlineEditMode","state","message","elements","findElementsById","element","shouldEnterInlineEditingMode","handleClearInlineEditingMode","clearSelection","el","overlay","createOverlay","positionOverlay","handleEnterInlineEditingMode","sendElementPositionUpdate","state","elements","findElementsById","element","rect","getElementPosition","isElementInViewport","unselectElement","handleClearInlineEditingMode","clearSelection","updateElementClassesAndReposition","visualSelectorId","classes","updateElementClasses","repositionSelectedOverlays","repositionHoverOverlays","updateElementContent","content","handleScroll","handleResize","handleMessage","event","message","handleToggleVisualEditMode","handleToggleInlineEditMode","clearHoverOverlays","initializeElementIds","el","index","htmlEl","id","createLayoutObserver","onLayoutChange","rafHandle","hasVisualId","node","child","mutations","mutation","setupKeyboardProtection","setupEventListeners","state","e","handleMessage","handleScroll","handleResize","handleElementClick","handleMouseOver","handleMouseOut","setupVisualEditAgent","createAgentState","setupInlineEditCallback"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@base44-preview/vite-plugin",
-  "version": "0.2.22-pr.36.d652cb1",
+  "version": "0.2.22-pr.37.26664a5",
   "description": "The Vite plugin for base44 based applications",
   "type": "module",
   "license": "MIT",

package/src/injections/utils.ts

@@ -1,37 +1,3 @@
-/** Check if an element has instrumentation attributes */
-export function isInstrumentedElement(element: Element): boolean {
-  const htmlEl = element as HTMLElement;
-  return !!(
-    htmlEl.dataset?.sourceLocation || htmlEl.dataset?.visualSelectorId
-  );
-}
-
-/** Get the selector ID from an element's data attributes (prefers source-location) */
-export function getElementSelectorId(element: Element): string | null {
-  const htmlEl = element as HTMLElement;
-  return (
-    htmlEl.dataset?.sourceLocation ||
-    htmlEl.dataset?.visualSelectorId ||
-    null
-  );
-}
-
-/** Find the nearest instrumented ancestor (not the element itself) */
-export function getImmediateInstrumentedParent(element: Element): Element | null {
-  let current = element.parentElement;
-  while (
-    current &&
-    current !== document.documentElement &&
-    current !== document.body
-  ) {
-    if (isInstrumentedElement(current)) {
-      return current;
-    }
-    current = current.parentElement;
-  }
-  return null;
-}
-
 /** Find elements by ID - first try data-source-location, fallback to data-visual-selector-id */
 export function findElementsById(id: string | null): Element[] {
   if (!id) return [];

package/src/injections/visual-edit-agent/README.md

@@ -0,0 +1,222 @@
+# Visual Edit Agent - Modular Architecture
+
+The visual edit agent has been refactored into a clean, modular structure with proper separation of concerns.
+
+## Directory Structure
+
+```
+src/injections/visual-edit-agent/
+├── index.ts                           # Main entry point & setup orchestration
+├── constants.ts                       # Shared constants
+├── state/
+│   └── agent-state.ts                # Centralized state management
+├── ui/
+│   └── overlay.ts                    # Overlay creation, positioning & selection helpers
+├── utils/
+│   └── dom-utils.ts                  # DOM helpers (position, viewport, classes)
+├── handlers/
+│   ├── hover-handlers.ts             # Mouse hover interactions
+│   ├── click-handlers.ts             # Element selection & click handling
+│   ├── inline-edit-handlers.ts       # Bridges to inline editing capability
+│   ├── message-handlers.ts           # Parent window message handling
+│   └── messages/
+│       ├── types.ts                  # Message type enums & interfaces
+│       ├── toggle-visual-edit-mode.ts # Handles toggle-visual-edit-mode
+│       └── toggle-inline-edit-mode.ts # Handles toggle-inline-edit-mode
+└── capabilities/
+    └── inline-editing/               # Inline text editing capability
+        ├── index.ts                  # Public API
+        ├── core.ts                   # ContentEditable logic
+        ├── validation.ts             # Element eligibility checks
+        ├── styles.ts                 # CSS injection / removal
+        └── README.md                 # Documentation
+```
+
+## Module Responsibilities
+
+### `index.ts` - Setup & Orchestration
+- Initializes the visual edit agent
+- Sets up all event listeners
+- Creates mutation observers
+- Coordinates between different modules
+
+### `constants.ts` - Configuration
+- Defines all magic numbers and styling constants
+- Single source of truth for configuration values
+- Easy to modify behavior without touching logic
+
+### `state/agent-state.ts` - State Management
+- **`AgentState` interface**: TypeScript interface defining all state
+- **`createAgentState()`**: Factory function to create initial state
+- Centralizes all state in one place for easier debugging
+
+### `ui/overlay.ts` - UI Components & Overlay State Helpers
+- **`createOverlay()`**: Creates hover/selection overlay elements
+- **`positionOverlay()`**: Positions a single overlay relative to an element
+- **`clearOverlays()`**: Removes overlay elements from the DOM
+- **`clearSelection(state)`**: Removes `data-selected`, clears selected overlays, and nulls `selectedElementId` — single source of truth for deselection used by `unselectElement`, `handleElementSelection`, and `toggleVisualEditMode`
+- **`repositionSelectedOverlays(state)`**: Re-positions all selected overlays after layout changes
+- **`repositionHoverOverlays(state)`**: Re-positions all hover overlays after layout changes
+
+### `handlers/hover-handlers.ts` - Hover Interactions
+- **`handleMouseOver()`**: Shows hover overlays on element hover
+- **`handleMouseOut()`**: Clears hover overlays
+- **`clearHoverOverlays()`**: Cleanup utility
+- Manages the hover state and visual feedback
+
+### `handlers/click-handlers.ts` - Selection Logic
+- **`handleElementClick()`**: Main click event handler
+- **`handleElementSelection()`**: Handles first click (selection)
+- Manages the selection flow and second-click inline editing trigger
+- Sends `element-selected` messages to parent
+
+### `handlers/inline-edit-handlers.ts` - Inline Editing
+- **`handleEnterInlineEditingMode()`**: Enables contentEditable
+- **`handleClearInlineEditingMode()`**: Disables contentEditable
+- **`setupInlineEditCallback()`**: Wires up text input handler
+- **Debounced reporting**: 500ms debounce for `inline-edit` messages
+- Bridges between visual edit agent and the inline-editing capability
+
+### `capabilities/inline-editing/` - Inline Editing Capability
+Reusable inline text editing using contentEditable.
+- **`core.ts`**: Main contentEditable logic — `enterInlineEditingMode` injects the focus-suppression CSS; `clearInlineEditingMode` removes it automatically
+- **`validation.ts`**: Element eligibility checks
+- **`styles.ts`**: CSS injection (`injectFocusOutlineCSS`) and removal (`removeFocusOutlineCSS`)
+- **`README.md`**: Complete documentation
+- See [capabilities/inline-editing/README.md](./capabilities/inline-editing/README.md) for details
+
+### `handlers/messages/` - Per-Message Handlers
+Split out of `message-handlers.ts` to keep each handler focused:
+- **`types.ts`**: `IncomingMessageType` / `OutgoingMessageType` enums and all message interfaces
+- **`toggle-visual-edit-mode.ts`**: Enables/disables visual edit mode, clears all overlays & selection via `clearSelection`, updates the inline-edit experiment flag
+- **`toggle-inline-edit-mode.ts`**: Programmatically enters/exits inline editing for a given element
+
+### `handlers/message-handlers.ts` - Parent Communication
+- **`handleMessage()`**: Switch-board for all incoming messages — delegates to per-message handlers above
+- **`handleScroll()`**: Sends `element-position-update` to parent on scroll
+- **`handleResize()`**: Calls `repositionSelectedOverlays` + `repositionHoverOverlays` on resize
+- **`updateElementClassesAndReposition()`**: Updates classes & repositions overlays after CSS reflow
+- **`updateElementContent()`**: Updates element `innerText` & repositions overlays
+- **`unselectElement()`**: Exits inline editing if active, then delegates to `clearSelection`
+- Central hub for all parent-iframe communication
+
+## State Flow
+
+```
+User Action
+    ↓
+Handler (e.g., handleElementClick)
+    ↓
+Modifies State (AgentState)
+    ↓
+Updates UI (overlay.ts)
+    ↓
+Sends Message to Parent (window.parent.postMessage)
+```
+
+## Position Update Strategy
+
+Following Framewire's reactive pattern, we **update positions at the source** instead of using a broad MutationObserver. This is more performant and predictable.
+
+### Position Updates Happen:
+1. **Element Selection** - When user clicks an element
+2. **Inline Editing** - During text input (debounced)
+3. **Scroll Events** - Via scroll listener
+4. **Window Resize** - Via resize listener  
+5. **Parent Updates** - When parent sends class/content changes (with 50ms delay for CSS reflow)
+6. **Hover Events** - When user hovers over elements
+
+See [POSITION_UPDATES.md](./POSITION_UPDATES.md) for detailed analysis.
+
+## Key Features
+
+### 1. **Separation of Concerns**
+Each module has a single, well-defined responsibility
+
+### 2. **Shared Helpers Over Repeated Logic**
+Overlay repositioning and selection clearing live in `overlay.ts` as named helpers (`repositionSelectedOverlays`, `repositionHoverOverlays`, `clearSelection`) rather than being duplicated across handler files
+
+### 3. **Centralized State**
+All state is in `AgentState`, passed to handlers explicitly
+
+### 4. **Type Safety**
+TypeScript interfaces define clear contracts between modules
+
+### 5. **Easy to Extend**
+Adding new handlers or message types is straightforward
+
+### 6. **Better Debugging**
+Smaller files and clear responsibilities make debugging easier
+
+## Message Types
+
+### Incoming (from Parent)
+- `toggle-visual-edit-mode` - Enable/disable visual edit mode + experiment flags
+- `update-classes` - Update element classes
+- `update-content` - Update element text content
+- `unselect-element` - Clear current selection
+- `refresh-page` - Reload the page
+- `toggle-inline-edit-mode` - Programmatically enable/disable inline editing
+- `request-element-position` - Request position of selected element
+- `popover-drag-state` - Notify about popover drag state
+- `dropdown-state` - Notify about dropdown open state
+
+### Outgoing (to Parent)
+- `visual-edit-agent-ready` - Agent initialized and ready
+- `element-selected` - Element was selected
+- `element-position-update` - Selected element position changed
+- `content-editing-started` - Inline editing began
+- `inline-edit` - Debounced content change during editing
+- `content-editing-ended` - Inline editing finished
+- `close-dropdowns` - Request to close dropdowns
+
+## Inline Editing Experiment
+
+Inline editing is gated behind an experiment flag: `specs.newInlineEditEnabled`
+
+**Enable via:**
+```typescript
+{
+  type: "toggle-visual-edit-mode",
+  data: {
+    enabled: true,
+    specs: {
+      newInlineEditEnabled: true
+    }
+  }
+}
+```
+
+**When enabled:**
+- Second click on selected text element enters inline edit mode
+- `toggle-inline-edit-mode` messages work
+- 500ms debounced `inline-edit` messages sent during typing
+
+**When disabled:**
+- Second click does nothing
+- `toggle-inline-edit-mode` messages ignored
+
+## Constants
+
+All configurable values are in `constants.ts`:
+
+```typescript
+INLINE_EDIT_DEBOUNCE_MS = 500          // Debounce time for inline edits
+OVERLAY_Z_INDEX = "9999"                // Z-index for overlays
+SELECTED_BORDER_COLOR = "#2563EB"       // Selected element border color
+HOVER_BORDER_COLOR = "#95a5fc"          // Hover element border color
+REPOSITION_DELAY_MS = 50                // Delay before repositioning overlays
+// ... and more
+```
+
+## Usage
+
+Import and call the setup function:
+
+```typescript
+import { setupVisualEditAgent } from './visual-edit-agent.js';
+
+setupVisualEditAgent();
+```
+
+That's it! The agent will initialize, set up all listeners, and start responding to messages.