@akhilpulse/samadhaan-session-replay 0.6.3 → 0.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akhilpulse/samadhaan-session-replay",
-  "version": "0.6.3",
+  "version": "0.6.4",
   "description": "React Native SDK for Samadhaan Guided Support — session recording, live remote screen-share, take-control, guided-tour overlays, and Shake-to-Assist AI voice guide.",
   "main": "src/index.ts",
   "module": "src/index.ts",

package/src/SessionReplayProvider.tsx

@@ -56,7 +56,7 @@ let pixelCopyDisabled = false; // turned true after repeated runtime failures to
 let pixelCopyFailStreak = 0; // consecutive non-busy failures; resets on success
 
 const STORAGE_KEY = "@akhilpulse/samadhaan-session-replay/sessionId";
-const SDK_VERSION = "0.6.3";
+const SDK_VERSION = "0.6.4";
 
 // ---- Module-level session singleton --------------------------------------
 // Multiple SessionReplayProvider mounts (intentional or via React StrictMode's
@@ -939,10 +939,19 @@ function AssistArrowOverlay({
 
   const px = nx * (w || 0);
   const py = ny * (h || 0);
-  // Keep the label bubble on-screen: flip below the target near the top edge.
-  const below = py < 96;
-  // Never let the bubble sink behind the bottom voice dock (~110px tall).
-  const bubbleBottom = Math.max((h || 0) - py + 36, 122);
+  // Bubble placement:
+  // - target near the TOP edge   -> bubble just below the target
+  // - target near the BOTTOM     -> bubble pinned to the top of the screen, so it
+  //                                 never covers the target or the app's bottom UI
+  //                                 (bottom sheets / nav bars live there)
+  // - otherwise                  -> bubble just above the target
+  const nearTop = py < 96;
+  const nearBottom = py > (h || 0) - 260;
+  const bubblePos: any = nearTop
+    ? { top: py + 36 }
+    : nearBottom
+      ? { top: 70 }
+      : { bottom: (h || 0) - py + 36 };
   const scale = pulse.interpolate({ inputRange: [0, 1], outputRange: [1, 1.45] });
   const opacity = pulse.interpolate({ inputRange: [0, 1], outputRange: [1, 0.35] });
 
@@ -956,13 +965,13 @@ function AssistArrowOverlay({
       <View
         style={[
           styles.assistArrow,
-          below
+          nearTop
             ? { left: px - 9, top: py + 12 }
             : { left: px - 9, top: py - 30, transform: [{ rotate: "180deg" }] },
         ]}
       />
       {!!(label || instruction) && (
-        <View style={[styles.assistBubble, { left: 16, right: 16, [below ? "top" : "bottom"]: below ? py + 36 : bubbleBottom } as any]}>
+        <View style={[styles.assistBubble, { left: 16, right: 16, ...bubblePos }]}>
           {!!label && <Text style={styles.assistBubbleLabel}>{label}</Text>}
           {!!instruction && <Text style={styles.assistBubbleText}>{instruction}</Text>}
         </View>