@base44-preview/vite-plugin 0.2.22-pr.36.425440e → 0.2.22-pr.36.8002ffd

package/dist/injections/utils.d.ts

@@ -2,6 +2,8 @@
 export declare function isInstrumentedElement(element: Element): boolean;
 /** Get the selector ID from an element's data attributes (prefers source-location) */
 export declare function getElementSelectorId(element: Element): string | null;
+/** Find the nearest instrumented ancestor (not the element itself) */
+export declare function getImmediateInstrumentedParent(element: Element): Element | null;
 /** Find elements by ID - first try data-source-location, fallback to data-visual-selector-id */
 export declare function findElementsById(id: string | null): Element[];
 /**

package/dist/injections/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/injections/utils.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAK/D;AAED,sFAAsF;AACtF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAOpE;AAED,gGAAgG;AAChG,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,CAW7D;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAI/E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/injections/utils.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAK/D;AAED,sFAAsF;AACtF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAOpE;AAED,sEAAsE;AACtE,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,GAAG,IAAI,CAa/E;AAED,gGAAgG;AAChG,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,OAAO,EAAE,CAW7D;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAI/E"}

package/dist/injections/utils.js

@@ -10,6 +10,19 @@ export function getElementSelectorId(element) {
         htmlEl.dataset?.visualSelectorId ||
         null);
 }
+/** Find the nearest instrumented ancestor (not the element itself) */
+export function getImmediateInstrumentedParent(element) {
+    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) {
     if (!id)

package/dist/injections/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/injections/utils.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,MAAM,UAAU,qBAAqB,CAAC,OAAgB;IACpD,MAAM,MAAM,GAAG,OAAsB,CAAC;IACtC,OAAO,CAAC,CAAC,CACP,MAAM,CAAC,OAAO,EAAE,cAAc,IAAI,MAAM,CAAC,OAAO,EAAE,gBAAgB,CACnE,CAAC;AACJ,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,MAAM,MAAM,GAAG,OAAsB,CAAC;IACtC,OAAO,CACL,MAAM,CAAC,OAAO,EAAE,cAAc;QAC9B,MAAM,CAAC,OAAO,EAAE,gBAAgB;QAChC,IAAI,CACL,CAAC;AACJ,CAAC;AAED,gGAAgG;AAChG,MAAM,UAAU,gBAAgB,CAAC,EAAiB;IAChD,IAAI,CAAC,EAAE;QAAE,OAAO,EAAE,CAAC;IACnB,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAC/B,QAAQ,CAAC,gBAAgB,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAC5D,CAAC;IACF,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC9B,OAAO,cAAc,CAAC;IACxB,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CACf,QAAQ,CAAC,gBAAgB,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAC/D,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,QAAmB,EAAE,OAAe;IACvE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC3B,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/injections/utils.ts"],"names":[],"mappings":"AAAA,yDAAyD;AACzD,MAAM,UAAU,qBAAqB,CAAC,OAAgB;IACpD,MAAM,MAAM,GAAG,OAAsB,CAAC;IACtC,OAAO,CAAC,CAAC,CACP,MAAM,CAAC,OAAO,EAAE,cAAc,IAAI,MAAM,CAAC,OAAO,EAAE,gBAAgB,CACnE,CAAC;AACJ,CAAC;AAED,sFAAsF;AACtF,MAAM,UAAU,oBAAoB,CAAC,OAAgB;IACnD,MAAM,MAAM,GAAG,OAAsB,CAAC;IACtC,OAAO,CACL,MAAM,CAAC,OAAO,EAAE,cAAc;QAC9B,MAAM,CAAC,OAAO,EAAE,gBAAgB;QAChC,IAAI,CACL,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,MAAM,UAAU,8BAA8B,CAAC,OAAgB;IAC7D,IAAI,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;IACpC,OACE,OAAO;QACP,OAAO,KAAK,QAAQ,CAAC,eAAe;QACpC,OAAO,KAAK,QAAQ,CAAC,IAAI,EACzB,CAAC;QACD,IAAI,qBAAqB,CAAC,OAAO,CAAC,EAAE,CAAC;YACnC,OAAO,OAAO,CAAC;QACjB,CAAC;QACD,OAAO,GAAG,OAAO,CAAC,aAAa,CAAC;IAClC,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,gGAAgG;AAChG,MAAM,UAAU,gBAAgB,CAAC,EAAiB;IAChD,IAAI,CAAC,EAAE;QAAE,OAAO,EAAE,CAAC;IACnB,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAC/B,QAAQ,CAAC,gBAAgB,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAC5D,CAAC;IACF,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC9B,OAAO,cAAc,CAAC;IACxB,CAAC;IACD,OAAO,KAAK,CAAC,IAAI,CACf,QAAQ,CAAC,gBAAgB,CAAC,6BAA6B,EAAE,IAAI,CAAC,CAC/D,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,oBAAoB,CAAC,QAAmB,EAAE,OAAe;IACvE,QAAQ,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC3B,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;AACL,CAAC"}

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 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\n/** Chevron shown when dropdown is closed (click to open) */\nexport const LABEL_CHEVRON = \" \\u25BE\";\n/** Chevron shown when dropdown is open (click to close) */\nexport const LABEL_CHEVRON_OPEN = \" \\u25B4\";\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  LABEL_CHEVRON_OPEN,\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 activeLabel: 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  const t = label.textContent ?? \"\";\n  if (t.endsWith(LABEL_CHEVRON) || t.endsWith(LABEL_CHEVRON_OPEN)) return;\n\n  label.textContent = t + 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  activeLabel = label;\n  if (label.textContent?.endsWith(LABEL_CHEVRON.trim())) {\n    label.textContent = label.textContent.slice(0, -LABEL_CHEVRON.length) + LABEL_CHEVRON_OPEN;\n  }\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 (activeLabel?.textContent?.includes(LABEL_CHEVRON_OPEN)) {\n    activeLabel.textContent = activeLabel.textContent.replace(LABEL_CHEVRON_OPEN, LABEL_CHEVRON);\n  }\n  activeLabel = null;\n\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":"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","names":["isInstrumentedElement","element","htmlEl","getElementSelectorId","findElementsById","id","sourceElements","updateElementClasses","elements","classes","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","LABEL_CHEVRON_OPEN","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","activeLabel","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","LABEL_CHEVRON_OPEN","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/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\n/** Chevron shown when dropdown is closed (click to open) */\nexport const LABEL_CHEVRON = \" \\u25BE\";\n/** Chevron shown when dropdown is open (click to close) */\nexport const LABEL_CHEVRON_OPEN = \" \\u25B4\";\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  LABEL_CHEVRON_OPEN,\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 activeLabel: 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  const t = label.textContent ?? \"\";\n  if (t.endsWith(LABEL_CHEVRON) || t.endsWith(LABEL_CHEVRON_OPEN)) return;\n\n  label.textContent = t + 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  activeLabel = label;\n  if (label.textContent?.endsWith(LABEL_CHEVRON.trim())) {\n    label.textContent = label.textContent.slice(0, -LABEL_CHEVRON.length) + LABEL_CHEVRON_OPEN;\n  }\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 (activeLabel?.textContent?.includes(LABEL_CHEVRON_OPEN)) {\n    activeLabel.textContent = activeLabel.textContent.replace(LABEL_CHEVRON_OPEN, LABEL_CHEVRON);\n  }\n  activeLabel = null;\n\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":"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","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","LABEL_CHEVRON_OPEN","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","activeLabel","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","LABEL_CHEVRON_OPEN","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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@base44-preview/vite-plugin",
-  "version": "0.2.22-pr.36.425440e",
+  "version": "0.2.22-pr.36.8002ffd",
   "description": "The Vite plugin for base44 based applications",
   "type": "module",
   "license": "MIT",

package/src/injections/utils.ts

@@ -16,6 +16,22 @@ export function getElementSelectorId(element: Element): string | 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 [];