@comergehq/studio 0.1.8 → 0.1.9

package/dist/index.mjs

@@ -1682,11 +1682,11 @@ function RuntimeRenderer({ appKey, bundlePath, renderToken, style }) {
 
 // src/studio/ui/StudioOverlay.tsx
 import * as React38 from "react";
-import { Keyboard as Keyboard5, Platform as Platform7, View as View44, useWindowDimensions as useWindowDimensions4 } from "react-native";
+import { Keyboard as Keyboard5, Platform as Platform8, View as View44, useWindowDimensions as useWindowDimensions4 } from "react-native";
 
 // src/components/studio-sheet/StudioBottomSheet.tsx
 import * as React9 from "react";
-import { AppState as AppState2, Keyboard, Platform as Platform2, View as View4 } from "react-native";
+import { AppState as AppState2, Keyboard, View as View4 } from "react-native";
 import BottomSheet from "@gorhom/bottom-sheet";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
@@ -1777,18 +1777,6 @@ function StudioBottomSheet({
     });
     return () => sub.remove();
   }, [open, resolvedSheetRef]);
-  React9.useEffect(() => {
-    if (Platform2.OS !== "ios") return;
-    const sub = Keyboard.addListener("keyboardDidHide", () => {
-      const sheet = resolvedSheetRef.current;
-      if (!sheet || !open) return;
-      const targetIndex = snapPoints.length - 1;
-      if (currentIndexRef.current === targetIndex) {
-        setTimeout(() => sheet.snapToIndex(targetIndex), 10);
-      }
-    });
-    return () => sub.remove();
-  }, [open, resolvedSheetRef, snapPoints.length]);
   React9.useEffect(() => {
     const sheet = resolvedSheetRef.current;
     if (!sheet) return;
@@ -5524,13 +5512,12 @@ import { ActivityIndicator as ActivityIndicator8, View as View41 } from "react-n
 
 // src/components/chat/ChatPage.tsx
 import * as React34 from "react";
-import { Keyboard as Keyboard4, Platform as Platform6, View as View37 } from "react-native";
+import { Keyboard as Keyboard4, Platform as Platform7, View as View37 } from "react-native";
 import { useSafeAreaInsets as useSafeAreaInsets4 } from "react-native-safe-area-context";
-import Animated11, { useAnimatedKeyboard, useAnimatedStyle as useAnimatedStyle2 } from "react-native-reanimated";
 
 // src/components/chat/ChatMessageList.tsx
 import * as React33 from "react";
-import { View as View36 } from "react-native";
+import { Platform as Platform6, View as View36 } from "react-native";
 import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
 
 // src/components/chat/ChatMessageBubble.tsx
@@ -5693,6 +5680,8 @@ var ChatMessageList = React33.forwardRef(
         ref: listRef,
         data: messages,
         keyExtractor: (m) => m.id,
+        keyboardDismissMode: Platform6.OS === "ios" ? "interactive" : "on-drag",
+        keyboardShouldPersistTaps: "handled",
         onScroll: handleScroll,
         scrollEventThrottle: 16,
         showsVerticalScrollIndicator: false,
@@ -5733,9 +5722,8 @@ function ChatPage({
   const insets = useSafeAreaInsets4();
   const [composerHeight, setComposerHeight] = React34.useState(0);
   const [keyboardVisible, setKeyboardVisible] = React34.useState(false);
-  const animatedKeyboard = useAnimatedKeyboard();
   React34.useEffect(() => {
-    if (Platform6.OS !== "ios") return;
+    if (Platform7.OS !== "ios") return;
     const show = Keyboard4.addListener("keyboardWillShow", () => setKeyboardVisible(true));
     const hide = Keyboard4.addListener("keyboardWillHide", () => setKeyboardVisible(false));
     return () => {
@@ -5743,11 +5731,7 @@ function ChatPage({
       hide.remove();
     };
   }, []);
-  const footerBottomPadding = Platform6.OS === "ios" ? keyboardVisible ? 0 : insets.bottom : insets.bottom + 10;
-  const footerAnimatedStyle = useAnimatedStyle2(() => {
-    if (Platform6.OS !== "ios") return { paddingBottom: insets.bottom + 10 };
-    return { paddingBottom: animatedKeyboard.height.value > 0 ? 0 : insets.bottom };
-  });
+  const footerBottomPadding = Platform7.OS === "ios" ? keyboardVisible ? 0 : insets.bottom : insets.bottom + 10;
   const overlayBottom = composerHeight + footerBottomPadding + theme.spacing.lg;
   const bottomInset = composerHeight + footerBottomPadding + theme.spacing.xl;
   const resolvedOverlay = React34.useMemo(() => {
@@ -5763,32 +5747,38 @@ function ChatPage({
     header ? /* @__PURE__ */ jsx47(View37, { children: header }) : null,
     topBanner ? /* @__PURE__ */ jsx47(View37, { style: { paddingHorizontal: theme.spacing.lg, paddingTop: theme.spacing.sm }, children: topBanner }) : null,
     /* @__PURE__ */ jsxs29(View37, { style: { flex: 1 }, children: [
-      /* @__PURE__ */ jsx47(
-        ChatMessageList,
+      /* @__PURE__ */ jsxs29(
+        View37,
         {
-          ref: listRef,
-          messages,
-          showTypingIndicator,
-          renderMessageContent,
-          onNearBottomChange,
-          bottomInset
+          style: { flex: 1 },
+          children: [
+            /* @__PURE__ */ jsx47(
+              ChatMessageList,
+              {
+                ref: listRef,
+                messages,
+                showTypingIndicator,
+                renderMessageContent,
+                onNearBottomChange,
+                bottomInset
+              }
+            ),
+            resolvedOverlay
+          ]
         }
       ),
-      resolvedOverlay,
       /* @__PURE__ */ jsx47(
-        Animated11.View,
+        View37,
         {
-          style: [
-            {
-              position: "absolute",
-              left: 0,
-              right: 0,
-              bottom: 0,
-              paddingHorizontal: theme.spacing.lg,
-              paddingTop: theme.spacing.sm
-            },
-            footerAnimatedStyle
-          ],
+          style: {
+            position: "absolute",
+            left: 0,
+            right: 0,
+            bottom: 0,
+            paddingHorizontal: theme.spacing.lg,
+            paddingTop: theme.spacing.sm,
+            paddingBottom: footerBottomPadding
+          },
           children: /* @__PURE__ */ jsx47(
             ChatComposer,
             {
@@ -5806,7 +5796,7 @@ function ChatPage({
 // src/components/chat/ScrollToBottomButton.tsx
 import * as React35 from "react";
 import { Pressable as Pressable12, View as View38 } from "react-native";
-import Animated12, { Easing as Easing2, useAnimatedStyle as useAnimatedStyle3, useSharedValue as useSharedValue2, withTiming as withTiming2 } from "react-native-reanimated";
+import Animated11, { Easing as Easing2, useAnimatedStyle as useAnimatedStyle2, useSharedValue as useSharedValue2, withTiming as withTiming2 } from "react-native-reanimated";
 import { jsx as jsx48 } from "react/jsx-runtime";
 function ScrollToBottomButton({ visible, onPress, children, style }) {
   const theme = useTheme();
@@ -5815,14 +5805,14 @@ function ScrollToBottomButton({ visible, onPress, children, style }) {
   React35.useEffect(() => {
     progress.value = withTiming2(visible ? 1 : 0, { duration: 200, easing: Easing2.out(Easing2.ease) });
   }, [progress, visible]);
-  const animStyle = useAnimatedStyle3(() => ({
+  const animStyle = useAnimatedStyle2(() => ({
     opacity: progress.value,
     transform: [{ translateY: (1 - progress.value) * 20 }]
   }));
   const bg = theme.scheme === "dark" ? "rgba(39,39,42,0.9)" : "rgba(244,244,245,0.95)";
   const border = theme.scheme === "dark" ? withAlpha("#FFFFFF", 0.12) : withAlpha("#000000", 0.08);
   return /* @__PURE__ */ jsx48(
-    Animated12.View,
+    Animated11.View,
     {
       pointerEvents: visible ? "auto" : "none",
       style: [
@@ -6306,17 +6296,20 @@ function StudioOverlay({
     () => confirmMrId ? incomingMergeRequests.find((m) => m.id === confirmMrId) ?? null : null,
     [confirmMrId, incomingMergeRequests]
   );
-  const closeSheet = React38.useCallback(() => {
-    setSheetOpen(false);
-    Keyboard5.dismiss();
+  const handleSheetOpenChange = React38.useCallback((open) => {
+    setSheetOpen(open);
+    if (!open) Keyboard5.dismiss();
   }, []);
+  const closeSheet = React38.useCallback(() => {
+    handleSheetOpenChange(false);
+  }, [handleSheetOpenChange]);
   const openSheet = React38.useCallback(() => setSheetOpen(true), []);
   const goToChat = React38.useCallback(() => {
     setActivePage("chat");
     openSheet();
   }, [openSheet]);
   const backToPreview = React38.useCallback(() => {
-    if (Platform7.OS !== "ios") {
+    if (Platform8.OS !== "ios") {
       Keyboard5.dismiss();
       setActivePage("preview");
       return;
@@ -6368,7 +6361,7 @@ function StudioOverlay({
   );
   return /* @__PURE__ */ jsxs34(Fragment6, { children: [
     /* @__PURE__ */ jsx55(EdgeGlowFrame, { visible: isTesting, role: "accent", thickness: 40, intensity: 1 }),
-    /* @__PURE__ */ jsx55(StudioBottomSheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: /* @__PURE__ */ jsx55(
+    /* @__PURE__ */ jsx55(StudioBottomSheet, { open: sheetOpen, onOpenChange: handleSheetOpenChange, children: /* @__PURE__ */ jsx55(
       StudioSheetPager,
       {
         activePage,