@ohhwells/bridge 0.1.117-next.327 → 0.1.117-next.329

package/dist/index.cjs

@@ -2442,7 +2442,7 @@ function MediaStripBlock({ node, ctx, path }) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
       // Host sites often style `a:hover{opacity}` globally — that would fade every linked item
       // whatever preset is chosen, so the anchors here opt out and only the preset applies.
-      children: '[data-ohw-media-strip] a,[data-ohw-media-strip] a:hover{opacity:1}[data-ohw-media-strip-item]{transition:transform 0.2s ease, opacity 0.2s ease}[data-ohw-media-strip-hover="lift"]:hover{transform:translateY(-4px)}[data-ohw-media-strip-hover="zoom"]:hover{transform:scale(1.05)}[data-ohw-media-strip-hover="fade"]:hover{opacity:0.75}'
+      children: '[data-ohw-media-strip] a,[data-ohw-media-strip] a:hover{opacity:1}[data-ohw-media-strip-hover]{transition:transform 0.2s ease, opacity 0.2s ease}[data-ohw-media-strip-item]:hover>[data-ohw-media-strip-hover="lift"]{transform:translateY(-4px)}[data-ohw-media-strip-item]:hover>[data-ohw-media-strip-hover="zoom"]{transform:scale(1.05)}[data-ohw-media-strip-item]:hover>[data-ohw-media-strip-hover="fade"]{opacity:0.75}'
     }),
     label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
@@ -2474,22 +2474,28 @@ function MediaStripBlock({ node, ctx, path }) {
             {
               "data-ohw-media-strip-item": "",
               "data-ohw-media-strip-index": i,
-              "data-ohw-media-strip-hover": hoverPreset === "none" ? void 0 : hoverPreset,
               style: variant === "logos" ? { height: logoMaxHeight, width: "auto" } : { width: cardWidth, flexShrink: 0 },
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                MediaBox,
+                "div",
                 {
-                  refValue: item.assetId,
-                  ctx,
-                  aspect: variant === "reel" ? "9:16" : void 0,
-                  radius: variant === "reel" ? AI_TREE_TOKENS.radiusCard : 4,
-                  height: variant === "logos" ? logoMaxHeight : void 0,
-                  editPath: `${path}.items.${i}.assetId`,
-                  alt: item.alt,
-                  fit: variant === "logos" ? "contain" : "cover",
-                  grayscale: treatment === "grayscale",
-                  fixedSize: variant === "logos",
-                  genericImageEdit: false
+                  "data-ohw-media-strip-hover": hoverPreset === "none" ? void 0 : hoverPreset,
+                  style: { height: "100%" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    MediaBox,
+                    {
+                      refValue: item.assetId,
+                      ctx,
+                      aspect: variant === "reel" ? "9:16" : void 0,
+                      radius: variant === "reel" ? AI_TREE_TOKENS.radiusCard : 4,
+                      height: variant === "logos" ? logoMaxHeight : void 0,
+                      editPath: `${path}.items.${i}.assetId`,
+                      alt: item.alt,
+                      fit: variant === "logos" ? "contain" : "cover",
+                      grayscale: treatment === "grayscale",
+                      fixedSize: variant === "logos",
+                      genericImageEdit: false
+                    }
+                  )
                 }
               )
             }
@@ -15546,10 +15552,10 @@ function FloatingPanel({
     y: fittedY
   };
   (0, import_react14.useEffect)(() => {
-    if (!open) {
-      setLiveScroll(parentScroll);
-      return;
-    }
+    setLiveScroll(parentScroll);
+  }, [parentScroll]);
+  (0, import_react14.useEffect)(() => {
+    if (!open) return;
     const onParentScroll = (e) => {
       if (e.data?.type !== "ow:parent-scroll") return;
       const { iframeOffsetTop, headerH, canvasH, promptBarH = 0 } = e.data;
@@ -15557,7 +15563,18 @@ function FloatingPanel({
     };
     window.addEventListener("message", onParentScroll);
     return () => window.removeEventListener("message", onParentScroll);
-  }, [open, parentScroll]);
+  }, [open]);
+  const positionRef = (0, import_react14.useRef)(position);
+  (0, import_react14.useLayoutEffect)(() => {
+    if (!open) {
+      positionRef.current = position;
+      return;
+    }
+    if (position == null && positionRef.current != null) {
+      homeRef.current = defaultFloatingPanelPosition(liveScroll ?? parentScroll);
+    }
+    positionRef.current = position;
+  }, [open, position, liveScroll, parentScroll]);
   (0, import_react14.useLayoutEffect)(() => {
     if (!open || !panelRef.current) return;
     const el = panelRef.current;
@@ -21906,6 +21923,7 @@ function OhhwellsBridge() {
       if (id && panel.buttonId !== id) {
         captureButtonOrigin(anchor);
         setFloatingPanelPos(null);
+        setParentScrollSnap(parentScrollRef.current);
         setFloatingPanel({
           ...panel,
           key: `button-style:${id}`,