@base44-preview/vite-plugin 0.2.22-pr.36.019589c → 0.2.22-pr.36.425440e

package/dist/injections/layer-dropdown/consts.d.ts

@@ -6,7 +6,10 @@ export declare const DROPDOWN_ITEM_ACTIVE_BG = "#DBEAFE";
 export declare const DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT = "600";
 export declare const DROPDOWN_ITEM_HOVER_BG = "#f1f5f9";
 export declare const DEPTH_INDENT_PX = 10;
+/** Chevron shown when dropdown is closed (click to open) */
 export declare const LABEL_CHEVRON = " \u25BE";
+/** Chevron shown when dropdown is open (click to close) */
+export declare const LABEL_CHEVRON_OPEN = " \u25B4";
 export declare const LAYER_DROPDOWN_ATTR = "data-layer-dropdown";
 /** Max instrumented ancestors to show above the selected element */
 export declare const MAX_PARENT_DEPTH = 2;

package/dist/injections/layer-dropdown/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/consts.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAEhD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ5D,CAAC;AAEF,eAAO,MAAM,0BAA0B,YAAY,CAAC;AACpD,eAAO,MAAM,uBAAuB,YAAY,CAAC;AACjD,eAAO,MAAM,gCAAgC,QAAQ,CAAC;AAEtD,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAEhD,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,uEAAuE;AACvE,eAAO,MAAM,eAAe,IAAI,CAAC"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/consts.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAEhD,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAa5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQ5D,CAAC;AAEF,eAAO,MAAM,0BAA0B,YAAY,CAAC;AACpD,eAAO,MAAM,uBAAuB,YAAY,CAAC;AACjD,eAAO,MAAM,gCAAgC,QAAQ,CAAC;AAEtD,eAAO,MAAM,sBAAsB,YAAY,CAAC;AAEhD,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC,4DAA4D;AAC5D,eAAO,MAAM,aAAa,YAAY,CAAC;AACvC,2DAA2D;AAC3D,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAE5C,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC,uEAAuE;AACvE,eAAO,MAAM,eAAe,IAAI,CAAC"}

package/dist/injections/layer-dropdown/consts.js

@@ -27,7 +27,10 @@ export const DROPDOWN_ITEM_ACTIVE_BG = "#DBEAFE";
 export const DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT = "600";
 export const DROPDOWN_ITEM_HOVER_BG = "#f1f5f9";
 export const DEPTH_INDENT_PX = 10;
+/** Chevron shown when dropdown is closed (click to open) */
 export const LABEL_CHEVRON = " \u25BE";
+/** Chevron shown when dropdown is open (click to close) */
+export const LABEL_CHEVRON_OPEN = " \u25B4";
 export const LAYER_DROPDOWN_ATTR = "data-layer-dropdown";
 /** Max instrumented ancestors to show above the selected element */
 export const MAX_PARENT_DEPTH = 2;

package/dist/injections/layer-dropdown/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/consts.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAEhD,MAAM,CAAC,MAAM,yBAAyB,GAA2B;IAC/D,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,SAAS;IAC1B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,gCAAgC;IAC3C,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,OAAO;IAChB,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA2B;IAC/D,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC;AACpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAEzD,oEAAoE;AACpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,uEAAuE;AACvE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC"}
+{"version":3,"file":"consts.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/consts.ts"],"names":[],"mappings":"AAAA,gDAAgD;AAEhD,MAAM,CAAC,MAAM,yBAAyB,GAA2B;IAC/D,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,SAAS;IAC1B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,gCAAgC;IAC3C,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,OAAO;IAClB,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,OAAO;IACf,OAAO,EAAE,OAAO;IAChB,aAAa,EAAE,MAAM;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA2B;IAC/D,OAAO,EAAE,UAAU;IACnB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,SAAS;IAChB,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,KAAK;IACjB,UAAU,EAAE,KAAK;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,SAAS,CAAC;AACpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,SAAS,CAAC;AACjD,MAAM,CAAC,MAAM,gCAAgC,GAAG,KAAK,CAAC;AAEtD,MAAM,CAAC,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAEhD,MAAM,CAAC,MAAM,eAAe,GAAG,EAAE,CAAC;AAElC,4DAA4D;AAC5D,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAC;AACvC,2DAA2D;AAC3D,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAE5C,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC;AAEzD,oEAAoE;AACpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAElC,uEAAuE;AACvE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC"}

package/dist/injections/layer-dropdown/controller.d.ts

@@ -0,0 +1,4 @@
+/** Controller that encapsulates layer-dropdown integration logic */
+import type { LayerControllerDeps, LayerController } from "./types.js";
+export declare function createLayerController(deps: LayerControllerDeps): LayerController;
+//# sourceMappingURL=controller.d.ts.map

package/dist/injections/layer-dropdown/controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/controller.ts"],"names":[],"mappings":"AAAA,oEAAoE;AAUpE,OAAO,KAAK,EAAa,mBAAmB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElF,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,mBAAmB,GAAG,eAAe,CA4FhF"}

package/dist/injections/layer-dropdown/controller.js

@@ -0,0 +1,85 @@
+/** Controller that encapsulates layer-dropdown integration logic */
+import { getElementSelectorId } from "../utils.js";
+import { buildLayerChain } from "./utils.js";
+import { enhanceLabelWithChevron, showDropdown, closeDropdown, isDropdownOpen, } from "./dropdown-ui.js";
+export function createLayerController(deps) {
+    let layerPreviewOverlay = null;
+    let escapeHandler = null;
+    let dropdownSourceElement = null;
+    const clearLayerPreview = () => {
+        if (layerPreviewOverlay && layerPreviewOverlay.parentNode) {
+            layerPreviewOverlay.remove();
+        }
+        layerPreviewOverlay = null;
+    };
+    const showLayerPreview = (layer) => {
+        clearLayerPreview();
+        if (getElementSelectorId(layer.element) === deps.getSelectedElementId())
+            return;
+        layerPreviewOverlay = deps.createPreviewOverlay(layer.element);
+    };
+    const selectElementFromLayer = (layer) => {
+        clearLayerPreview();
+        closeDropdown();
+        if (escapeHandler) {
+            document.removeEventListener("keydown", escapeHandler, true);
+            escapeHandler = null;
+        }
+        dropdownSourceElement = null;
+        const firstOverlay = deps.selectElement(layer.element);
+        attachToOverlay(firstOverlay, layer.element);
+    };
+    const reselectDropdownSource = () => {
+        if (escapeHandler) {
+            document.removeEventListener("keydown", escapeHandler, true);
+            escapeHandler = null;
+        }
+        if (dropdownSourceElement) {
+            selectElementFromLayer({
+                element: dropdownSourceElement,
+                tagName: dropdownSourceElement.tagName.toLowerCase(),
+                selectorId: getElementSelectorId(dropdownSourceElement),
+            });
+            dropdownSourceElement = null;
+        }
+    };
+    const attachToOverlay = (overlay, element) => {
+        if (!overlay)
+            return;
+        const label = overlay.querySelector("div");
+        if (!label)
+            return;
+        const layers = buildLayerChain(element);
+        if (layers.length <= 1)
+            return;
+        const currentId = getElementSelectorId(element);
+        enhanceLabelWithChevron(label);
+        label.addEventListener("click", (e) => {
+            e.stopPropagation();
+            e.preventDefault();
+            if (isDropdownOpen()) {
+                closeDropdown();
+                reselectDropdownSource();
+            }
+            else {
+                dropdownSourceElement = element;
+                deps.onDeselect();
+                escapeHandler = (ev) => {
+                    if (ev.key === "Escape") {
+                        ev.stopPropagation();
+                        closeDropdown();
+                        reselectDropdownSource();
+                    }
+                };
+                document.addEventListener("keydown", escapeHandler, true);
+                showDropdown(label, layers, currentId, selectElementFromLayer, showLayerPreview, clearLayerPreview);
+            }
+        });
+    };
+    const cleanup = () => {
+        clearLayerPreview();
+        closeDropdown();
+    };
+    return { attachToOverlay, cleanup };
+}
+//# sourceMappingURL=controller.js.map

package/dist/injections/layer-dropdown/controller.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"controller.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/controller.ts"],"names":[],"mappings":"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"}

package/dist/injections/layer-dropdown/{component/dropdown-ui.d.ts → dropdown-ui.d.ts}

@@ -1,8 +1,5 @@
 /** Dropdown UI component for layer navigation */
-import type { LayerInfo } from "../utils.js";
-export type OnLayerSelect = (layer: LayerInfo) => void;
-export type OnLayerHover = (layer: LayerInfo) => void;
-export type OnLayerHoverEnd = () => void;
+import type { LayerInfo, OnLayerSelect, OnLayerHover, OnLayerHoverEnd } from "./types.js";
 /** Create the dropdown DOM element with layer items */
 export declare function createDropdownElement(layers: LayerInfo[], currentSelectorId: string | null, onSelect: OnLayerSelect, onHover?: OnLayerHover, onHoverEnd?: OnLayerHoverEnd): HTMLDivElement;
 /** Add chevron indicator and pointer-events to the label */

package/dist/injections/layer-dropdown/dropdown-ui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-ui.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/dropdown-ui.ts"],"names":[],"mappings":"AAAA,iDAAiD;AAejD,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAiD1F,uDAAuD;AACvD,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,SAAS,EAAE,EACnB,iBAAiB,EAAE,MAAM,GAAG,IAAI,EAChC,QAAQ,EAAE,aAAa,EACvB,OAAO,CAAC,EAAE,YAAY,EACtB,UAAU,CAAC,EAAE,eAAe,GAC3B,cAAc,CAWhB;AAED,4DAA4D;AAC5D,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CASnE;AAkED,gDAAgD;AAChD,wBAAgB,YAAY,CAC1B,KAAK,EAAE,cAAc,EACrB,MAAM,EAAE,SAAS,EAAE,EACnB,iBAAiB,EAAE,MAAM,GAAG,IAAI,EAChC,QAAQ,EAAE,aAAa,EACvB,OAAO,CAAC,EAAE,YAAY,EACtB,UAAU,CAAC,EAAE,eAAe,GAC3B,IAAI,CA+BN;AAED,uDAAuD;AACvD,wBAAgB,aAAa,IAAI,IAAI,CAyBpC;AAED,+CAA+C;AAC/C,wBAAgB,cAAc,IAAI,OAAO,CAExC"}

package/dist/injections/layer-dropdown/{component/dropdown-ui.js → dropdown-ui.js}

@@ -1,103 +1,79 @@
 /** Dropdown UI component for layer navigation */
-import { 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, } from "../consts.js";
-import { getLayerDisplayName } from "../utils.js";
+import { 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, } from "./consts.js";
+import { applyStyles, getLayerDisplayName } from "./utils.js";
 let activeDropdown = null;
+let activeLabel = null;
 let outsideMousedownHandler = null;
 let activeOnHoverEnd = null;
 let activeKeydownHandler = null;
+function createDropdownItem(layer, isActive, onSelect, onHover, onHoverEnd) {
+    const item = document.createElement("div");
+    item.textContent = getLayerDisplayName(layer);
+    applyStyles(item, DROPDOWN_ITEM_BASE_STYLES);
+    const depth = layer.depth ?? 0;
+    if (depth > 0) {
+        item.style.paddingLeft = `${12 + depth * DEPTH_INDENT_PX}px`;
+    }
+    if (isActive) {
+        item.style.color = DROPDOWN_ITEM_ACTIVE_COLOR;
+        item.style.backgroundColor = DROPDOWN_ITEM_ACTIVE_BG;
+        item.style.fontWeight = DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT;
+    }
+    item.addEventListener("mouseenter", () => {
+        if (!isActive)
+            item.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;
+        if (onHover)
+            onHover(layer);
+    });
+    item.addEventListener("mouseleave", () => {
+        if (!isActive)
+            item.style.backgroundColor = "transparent";
+        if (onHoverEnd)
+            onHoverEnd();
+    });
+    item.addEventListener("click", (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onSelect(layer);
+    });
+    return item;
+}
 /** Create the dropdown DOM element with layer items */
 export function createDropdownElement(layers, currentSelectorId, onSelect, onHover, onHoverEnd) {
     const container = document.createElement("div");
     container.setAttribute(LAYER_DROPDOWN_ATTR, "true");
-    Object.keys(DROPDOWN_CONTAINER_STYLES).forEach((key) => {
-        container.style[key] = DROPDOWN_CONTAINER_STYLES[key];
-    });
+    applyStyles(container, DROPDOWN_CONTAINER_STYLES);
     layers.forEach((layer) => {
-        const item = document.createElement("div");
         const isActive = layer.selectorId === currentSelectorId;
-        item.textContent = getLayerDisplayName(layer);
-        Object.keys(DROPDOWN_ITEM_BASE_STYLES).forEach((key) => {
-            item.style[key] = DROPDOWN_ITEM_BASE_STYLES[key];
-        });
-        // Indent based on depth
-        const depth = layer.depth ?? 0;
-        if (depth > 0) {
-            item.style.paddingLeft = `${12 + depth * DEPTH_INDENT_PX}px`;
-        }
-        if (isActive) {
-            item.style.color = DROPDOWN_ITEM_ACTIVE_COLOR;
-            item.style.backgroundColor = DROPDOWN_ITEM_ACTIVE_BG;
-            item.style.fontWeight = DROPDOWN_ITEM_ACTIVE_FONT_WEIGHT;
-        }
-        item.addEventListener("mouseenter", () => {
-            if (!isActive) {
-                item.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;
-            }
-            if (onHover)
-                onHover(layer);
-        });
-        item.addEventListener("mouseleave", () => {
-            if (!isActive) {
-                item.style.backgroundColor = "transparent";
-            }
-            if (onHoverEnd)
-                onHoverEnd();
-        });
-        item.addEventListener("click", (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-            onSelect(layer);
-        });
-        container.appendChild(item);
+        container.appendChild(createDropdownItem(layer, isActive, onSelect, onHover, onHoverEnd));
     });
     return container;
 }
 /** Add chevron indicator and pointer-events to the label */
 export function enhanceLabelWithChevron(label) {
-    if (label.textContent?.includes(LABEL_CHEVRON))
+    const t = label.textContent ?? "";
+    if (t.endsWith(LABEL_CHEVRON) || t.endsWith(LABEL_CHEVRON_OPEN))
         return;
-    label.textContent = label.textContent + LABEL_CHEVRON;
+    label.textContent = t + LABEL_CHEVRON;
     label.style.cursor = "pointer";
     label.style.userSelect = "none";
     label.style.pointerEvents = "auto";
     label.setAttribute(LAYER_DROPDOWN_ATTR, "true");
 }
-/** Show the dropdown below the label element */
-export function showDropdown(label, layers, currentSelectorId, onSelect, onHover, onHoverEnd) {
-    closeDropdown();
-    const dropdown = createDropdownElement(layers, currentSelectorId, (layer) => {
-        if (onHoverEnd)
-            onHoverEnd();
-        onSelect(layer);
-        closeDropdown();
-    }, onHover, onHoverEnd);
-    const overlay = label.parentElement;
-    if (!overlay)
-        return;
-    // Position below the label
-    dropdown.style.top = `${label.offsetTop + label.offsetHeight + 2}px`;
-    dropdown.style.left = `${label.offsetLeft}px`;
-    overlay.appendChild(dropdown);
-    activeDropdown = dropdown;
-    activeOnHoverEnd = onHoverEnd ?? null;
-    // --- Arrow key navigation ---
+function setupKeyboardNavigation(dropdown, layers, currentSelectorId, onSelect, onHover, onHoverEnd) {
     const items = Array.from(dropdown.children);
-    let focusedIndex = -1;
+    let focusedIndex = layers.findIndex((l) => l.selectorId === currentSelectorId);
     const setFocusedItem = (index) => {
-        // Clear previous focus styling
         if (focusedIndex >= 0 && focusedIndex < items.length) {
             const prev = items[focusedIndex];
-            const prevIsActive = prev.style.color === DROPDOWN_ITEM_ACTIVE_COLOR;
-            if (!prevIsActive) {
+            if (prev.style.color !== DROPDOWN_ITEM_ACTIVE_COLOR) {
                 prev.style.backgroundColor = "transparent";
             }
         }
         focusedIndex = index;
-        // Apply hover styling to new focused item
         if (focusedIndex >= 0 && focusedIndex < items.length) {
             const cur = items[focusedIndex];
-            const curIsActive = cur.style.color === DROPDOWN_ITEM_ACTIVE_COLOR;
-            if (!curIsActive) {
+            if (cur.style.color !== DROPDOWN_ITEM_ACTIVE_COLOR) {
                 cur.style.backgroundColor = DROPDOWN_ITEM_HOVER_BG;
             }
             cur.scrollIntoView({ block: "nearest" });
@@ -109,14 +85,12 @@ export function showDropdown(label, layers, currentSelectorId, onSelect, onHover
         if (e.key === "ArrowDown") {
             e.preventDefault();
             e.stopPropagation();
-            const next = focusedIndex < items.length - 1 ? focusedIndex + 1 : 0;
-            setFocusedItem(next);
+            setFocusedItem(focusedIndex < items.length - 1 ? focusedIndex + 1 : 0);
         }
         else if (e.key === "ArrowUp") {
             e.preventDefault();
             e.stopPropagation();
-            const prev = focusedIndex > 0 ? focusedIndex - 1 : items.length - 1;
-            setFocusedItem(prev);
+            setFocusedItem(focusedIndex > 0 ? focusedIndex - 1 : items.length - 1);
         }
         else if (e.key === "Enter" && focusedIndex >= 0) {
             e.preventDefault();
@@ -128,8 +102,8 @@ export function showDropdown(label, layers, currentSelectorId, onSelect, onHover
         }
     };
     document.addEventListener("keydown", activeKeydownHandler, true);
-    // Close on outside mousedown (mousedown fires before click, avoiding
-    // conflict with handleElementClick's stopPropagation on click events)
+}
+function setupOutsideClickHandler(dropdown, label) {
     setTimeout(() => {
         outsideMousedownHandler = (e) => {
             const target = e.target;
@@ -140,8 +114,36 @@ export function showDropdown(label, layers, currentSelectorId, onSelect, onHover
         document.addEventListener("mousedown", outsideMousedownHandler, true);
     }, 0);
 }
+/** Show the dropdown below the label element */
+export function showDropdown(label, layers, currentSelectorId, onSelect, onHover, onHoverEnd) {
+    closeDropdown();
+    const dropdown = createDropdownElement(layers, currentSelectorId, (layer) => {
+        if (onHoverEnd)
+            onHoverEnd();
+        onSelect(layer);
+        closeDropdown();
+    }, onHover, onHoverEnd);
+    const overlay = label.parentElement;
+    if (!overlay)
+        return;
+    dropdown.style.top = `${label.offsetTop + label.offsetHeight + 2}px`;
+    dropdown.style.left = `${label.offsetLeft}px`;
+    overlay.appendChild(dropdown);
+    activeDropdown = dropdown;
+    activeLabel = label;
+    if (label.textContent?.endsWith(LABEL_CHEVRON.trim())) {
+        label.textContent = label.textContent.slice(0, -LABEL_CHEVRON.length) + LABEL_CHEVRON_OPEN;
+    }
+    activeOnHoverEnd = onHoverEnd ?? null;
+    setupKeyboardNavigation(dropdown, layers, currentSelectorId, onSelect, onHover, onHoverEnd);
+    setupOutsideClickHandler(dropdown, label);
+}
 /** Close the active dropdown and clean up listeners */
 export function closeDropdown() {
+    if (activeLabel?.textContent?.includes(LABEL_CHEVRON_OPEN)) {
+        activeLabel.textContent = activeLabel.textContent.replace(LABEL_CHEVRON_OPEN, LABEL_CHEVRON);
+    }
+    activeLabel = null;
     if (activeOnHoverEnd) {
         activeOnHoverEnd();
         activeOnHoverEnd = null;

package/dist/injections/layer-dropdown/dropdown-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-ui.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/dropdown-ui.ts"],"names":[],"mappings":"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"}

package/dist/injections/layer-dropdown/types.d.ts

@@ -0,0 +1,21 @@
+/** Shared types for the layer-dropdown module */
+export interface LayerInfo {
+    element: Element;
+    tagName: string;
+    selectorId: string | null;
+    depth?: number;
+}
+export type OnLayerSelect = (layer: LayerInfo) => void;
+export type OnLayerHover = (layer: LayerInfo) => void;
+export type OnLayerHoverEnd = () => void;
+export interface LayerControllerDeps {
+    createPreviewOverlay: (element: Element) => HTMLDivElement;
+    getSelectedElementId: () => string | null;
+    selectElement: (element: Element) => HTMLDivElement | undefined;
+    onDeselect: () => void;
+}
+export interface LayerController {
+    attachToOverlay: (overlay: HTMLDivElement | undefined, element: Element) => void;
+    cleanup: () => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/injections/layer-dropdown/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/types.ts"],"names":[],"mappings":"AAAA,iDAAiD;AAEjD,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AACvD,MAAM,MAAM,YAAY,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;AACtD,MAAM,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC;AAEzC,MAAM,WAAW,mBAAmB;IAClC,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,cAAc,CAAC;IAC3D,oBAAoB,EAAE,MAAM,MAAM,GAAG,IAAI,CAAC;IAC1C,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,cAAc,GAAG,SAAS,CAAC;IAChE,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,eAAe,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,SAAS,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjF,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}

package/dist/injections/layer-dropdown/types.js

@@ -0,0 +1,3 @@
+/** Shared types for the layer-dropdown module */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/injections/layer-dropdown/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/types.ts"],"names":[],"mappings":"AAAA,iDAAiD"}

package/dist/injections/layer-dropdown/utils.d.ts

@@ -1,10 +1,7 @@
-/** DOM traversal utilities for building the layer chain of instrumented elements */
-export interface LayerInfo {
-    element: Element;
-    tagName: string;
-    selectorId: string | null;
-    depth?: number;
-}
+/** DOM utilities for the layer-dropdown module */
+import type { LayerInfo } from "./types.js";
+/** Apply a style map to an element */
+export declare function applyStyles(element: HTMLElement, styles: Record<string, string>): void;
 /** Display name for a layer — just the real tag name */
 export declare function getLayerDisplayName(layer: LayerInfo): string;
 /**
@@ -17,7 +14,8 @@ export declare function getInstrumentedDescendants(parent: Element, maxDepth: nu
  * Build the layer chain for the dropdown:
  *
  *   Parents  – up to MAX_PARENT_DEPTH instrumented ancestors, outer → inner.
- *   Current  – the selected element.
+ *   Siblings – instrumented children of the immediate parent, at the same depth.
+ *   Current  – the selected element (highlighted), with children expanded.
  *   Children – instrumented descendants within MAX_CHILD_DEPTH levels, DOM order.
  *
  * Each item carries a `depth` for visual indentation.

package/dist/injections/layer-dropdown/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/utils.ts"],"names":[],"mappings":"AAAA,oFAAoF;AAKpF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wDAAwD;AACxD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,MAAM,GACf,SAAS,EAAE,CAsBb;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,EAAE,CAkDrE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/utils.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAKlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,sCAAsC;AACtC,wBAAgB,WAAW,CAAC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAEtF;AAED,wDAAwD;AACxD,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,0BAA0B,CACxC,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,MAAM,GACf,SAAS,EAAE,CAsBb;AAoFD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,eAAe,EAAE,OAAO,GAAG,SAAS,EAAE,CAcrE"}

package/dist/injections/layer-dropdown/utils.js

@@ -1,6 +1,10 @@
-/** DOM traversal utilities for building the layer chain of instrumented elements */
+/** DOM utilities for the layer-dropdown module */
 import { isInstrumentedElement, getElementSelectorId } from "../utils.js";
 import { MAX_PARENT_DEPTH, MAX_CHILD_DEPTH } from "./consts.js";
+/** Apply a style map to an element */
+export function applyStyles(element, styles) {
+    Object.assign(element.style, styles);
+}
 /** Display name for a layer — just the real tag name */
 export function getLayerDisplayName(layer) {
     return layer.tagName;
@@ -33,17 +37,18 @@ export function getInstrumentedDescendants(parent, maxDepth) {
     walk(parent, 1);
     return result;
 }
-/**
- * Build the layer chain for the dropdown:
- *
- *   Parents  – up to MAX_PARENT_DEPTH instrumented ancestors, outer → inner.
- *   Current  – the selected element.
- *   Children – instrumented descendants within MAX_CHILD_DEPTH levels, DOM order.
- *
- * Each item carries a `depth` for visual indentation.
- */
-export function buildLayerChain(selectedElement) {
-    // --- Parents (walk up, collect at most MAX_PARENT_DEPTH) ---
+function toLayerInfo(element, depth) {
+    const info = {
+        element,
+        tagName: element.tagName.toLowerCase(),
+        selectorId: getElementSelectorId(element),
+    };
+    if (depth !== undefined)
+        info.depth = depth;
+    return info;
+}
+/** Collect instrumented ancestors from selected element up to MAX_PARENT_DEPTH (outermost first). */
+function collectInstrumentedParents(selectedElement) {
     const parents = [];
     let current = selectedElement.parentElement;
     while (current &&
@@ -51,36 +56,72 @@ export function buildLayerChain(selectedElement) {
         current !== document.body &&
         parents.length < MAX_PARENT_DEPTH) {
         if (isInstrumentedElement(current)) {
-            parents.push({
-                element: current,
-                tagName: current.tagName.toLowerCase(),
-                selectorId: getElementSelectorId(current),
-            });
+            parents.push(toLayerInfo(current));
         }
         current = current.parentElement;
     }
-    // Reverse so outermost parent comes first
     parents.reverse();
-    // --- Build the chain with depth ---
-    const chain = [];
-    const baseDepth = 0;
-    // Parents: depth 0, 1, …
+    return parents;
+}
+/** Append parents to chain with depth 0, 1, …; returns depth of selected (parents.length). */
+function appendParentsWithDepth(chain, parents) {
     parents.forEach((p, i) => {
-        chain.push({ ...p, depth: baseDepth + i });
-    });
-    // Self
-    const selfDepth = parents.length;
-    chain.push({
-        element: selectedElement,
-        tagName: selectedElement.tagName.toLowerCase(),
-        selectorId: getElementSelectorId(selectedElement),
-        depth: selfDepth,
+        chain.push({ ...p, depth: i });
     });
-    // Children: up to MAX_CHILD_DEPTH instrumented levels below selected
+    return parents.length;
+}
+/** Append selected element and its descendants at the given depth. */
+function appendSelfAndDescendants(chain, selectedElement, selfDepth) {
+    chain.push(toLayerInfo(selectedElement, selfDepth));
     const descendants = getInstrumentedDescendants(selectedElement, MAX_CHILD_DEPTH);
-    // Assign visual depth: we need to track the instrumented nesting to set depth correctly
     assignDescendantDepths(selectedElement, descendants, selfDepth + 1);
     chain.push(...descendants);
+}
+/** Get the innermost instrumented parent's DOM element, or null if none. */
+function getImmediateInstrParent(parents) {
+    return parents.length > 0 ? parents[parents.length - 1].element : null;
+}
+/** Collect instrumented siblings of the selected element from its parent (DOM order). */
+function collectSiblings(parent, selectedElement) {
+    const siblings = getInstrumentedDescendants(parent, 1);
+    if (!siblings.some((s) => s.element === selectedElement)) {
+        siblings.push(toLayerInfo(selectedElement));
+    }
+    return siblings;
+}
+/** Append siblings at selfDepth, expanding children only for the selected element. */
+function appendSiblingsWithSelected(chain, siblings, selectedElement, selfDepth) {
+    for (const sibling of siblings) {
+        if (sibling.element === selectedElement) {
+            appendSelfAndDescendants(chain, selectedElement, selfDepth);
+        }
+        else {
+            chain.push({ ...sibling, depth: selfDepth });
+        }
+    }
+}
+/**
+ * Build the layer chain for the dropdown:
+ *
+ *   Parents  – up to MAX_PARENT_DEPTH instrumented ancestors, outer → inner.
+ *   Siblings – instrumented children of the immediate parent, at the same depth.
+ *   Current  – the selected element (highlighted), with children expanded.
+ *   Children – instrumented descendants within MAX_CHILD_DEPTH levels, DOM order.
+ *
+ * Each item carries a `depth` for visual indentation.
+ */
+export function buildLayerChain(selectedElement) {
+    const parents = collectInstrumentedParents(selectedElement);
+    const chain = [];
+    const selfDepth = appendParentsWithDepth(chain, parents);
+    const instrParent = getImmediateInstrParent(parents);
+    if (instrParent) {
+        const siblings = collectSiblings(instrParent, selectedElement);
+        appendSiblingsWithSelected(chain, siblings, selectedElement, selfDepth);
+    }
+    else {
+        appendSelfAndDescendants(chain, selectedElement, selfDepth);
+    }
     return chain;
 }
 /**

package/dist/injections/layer-dropdown/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/injections/layer-dropdown/utils.ts"],"names":[],"mappings":"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"}

package/dist/injections/utils.d.ts

@@ -2,8 +2,6 @@
 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,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"}
+{"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"}