@comergehq/studio 0.1.8 → 0.1.9

package/dist/index.js

@@ -1807,18 +1807,6 @@ function StudioBottomSheet({
     });
     return () => sub.remove();
   }, [open, resolvedSheetRef]);
-  React9.useEffect(() => {
-    if (import_react_native7.Platform.OS !== "ios") return;
-    const sub = import_react_native7.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;
@@ -5500,7 +5488,6 @@ var import_react_native49 = require("react-native");
 var React34 = __toESM(require("react"));
 var import_react_native45 = require("react-native");
 var import_react_native_safe_area_context4 = require("react-native-safe-area-context");
-var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"));
 
 // src/components/chat/ChatMessageList.tsx
 var React33 = __toESM(require("react"));
@@ -5667,6 +5654,8 @@ var ChatMessageList = React33.forwardRef(
         ref: listRef,
         data: messages,
         keyExtractor: (m) => m.id,
+        keyboardDismissMode: import_react_native44.Platform.OS === "ios" ? "interactive" : "on-drag",
+        keyboardShouldPersistTaps: "handled",
         onScroll: handleScroll,
         scrollEventThrottle: 16,
         showsVerticalScrollIndicator: false,
@@ -5707,7 +5696,6 @@ function ChatPage({
   const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
   const [composerHeight, setComposerHeight] = React34.useState(0);
   const [keyboardVisible, setKeyboardVisible] = React34.useState(false);
-  const animatedKeyboard = (0, import_react_native_reanimated2.useAnimatedKeyboard)();
   React34.useEffect(() => {
     if (import_react_native45.Platform.OS !== "ios") return;
     const show = import_react_native45.Keyboard.addListener("keyboardWillShow", () => setKeyboardVisible(true));
@@ -5718,10 +5706,6 @@ function ChatPage({
     };
   }, []);
   const footerBottomPadding = import_react_native45.Platform.OS === "ios" ? keyboardVisible ? 0 : insets.bottom : insets.bottom + 10;
-  const footerAnimatedStyle = (0, import_react_native_reanimated2.useAnimatedStyle)(() => {
-    if (import_react_native45.Platform.OS !== "ios") return { paddingBottom: insets.bottom + 10 };
-    return { paddingBottom: animatedKeyboard.height.value > 0 ? 0 : insets.bottom };
-  });
   const overlayBottom = composerHeight + footerBottomPadding + theme.spacing.lg;
   const bottomInset = composerHeight + footerBottomPadding + theme.spacing.xl;
   const resolvedOverlay = React34.useMemo(() => {
@@ -5737,32 +5721,38 @@ function ChatPage({
     header ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_native45.View, { children: header }) : null,
     topBanner ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react_native45.View, { style: { paddingHorizontal: theme.spacing.lg, paddingTop: theme.spacing.sm }, children: topBanner }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react_native45.View, { style: { flex: 1 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        ChatMessageList,
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+        import_react_native45.View,
         {
-          ref: listRef,
-          messages,
-          showTypingIndicator,
-          renderMessageContent,
-          onNearBottomChange,
-          bottomInset
+          style: { flex: 1 },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              ChatMessageList,
+              {
+                ref: listRef,
+                messages,
+                showTypingIndicator,
+                renderMessageContent,
+                onNearBottomChange,
+                bottomInset
+              }
+            ),
+            resolvedOverlay
+          ]
         }
       ),
-      resolvedOverlay,
       /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
-        import_react_native_reanimated2.default.View,
+        import_react_native45.View,
         {
-          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__ */ (0, import_jsx_runtime47.jsx)(
             ChatComposer,
             {
@@ -5780,23 +5770,23 @@ function ChatPage({
 // src/components/chat/ScrollToBottomButton.tsx
 var React35 = __toESM(require("react"));
 var import_react_native46 = require("react-native");
-var import_react_native_reanimated3 = __toESM(require("react-native-reanimated"));
+var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"));
 var import_jsx_runtime48 = require("react/jsx-runtime");
 function ScrollToBottomButton({ visible, onPress, children, style }) {
   const theme = useTheme();
-  const progress = (0, import_react_native_reanimated3.useSharedValue)(visible ? 1 : 0);
+  const progress = (0, import_react_native_reanimated2.useSharedValue)(visible ? 1 : 0);
   const [pressed, setPressed] = React35.useState(false);
   React35.useEffect(() => {
-    progress.value = (0, import_react_native_reanimated3.withTiming)(visible ? 1 : 0, { duration: 200, easing: import_react_native_reanimated3.Easing.out(import_react_native_reanimated3.Easing.ease) });
+    progress.value = (0, import_react_native_reanimated2.withTiming)(visible ? 1 : 0, { duration: 200, easing: import_react_native_reanimated2.Easing.out(import_react_native_reanimated2.Easing.ease) });
   }, [progress, visible]);
-  const animStyle = (0, import_react_native_reanimated3.useAnimatedStyle)(() => ({
+  const animStyle = (0, import_react_native_reanimated2.useAnimatedStyle)(() => ({
     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__ */ (0, import_jsx_runtime48.jsx)(
-    import_react_native_reanimated3.default.View,
+    import_react_native_reanimated2.default.View,
     {
       pointerEvents: visible ? "auto" : "none",
       style: [
@@ -6276,10 +6266,13 @@ function StudioOverlay({
     () => confirmMrId ? incomingMergeRequests.find((m) => m.id === confirmMrId) ?? null : null,
     [confirmMrId, incomingMergeRequests]
   );
-  const closeSheet = React38.useCallback(() => {
-    setSheetOpen(false);
-    import_react_native52.Keyboard.dismiss();
+  const handleSheetOpenChange = React38.useCallback((open) => {
+    setSheetOpen(open);
+    if (!open) import_react_native52.Keyboard.dismiss();
   }, []);
+  const closeSheet = React38.useCallback(() => {
+    handleSheetOpenChange(false);
+  }, [handleSheetOpenChange]);
   const openSheet = React38.useCallback(() => setSheetOpen(true), []);
   const goToChat = React38.useCallback(() => {
     setActivePage("chat");
@@ -6338,7 +6331,7 @@ function StudioOverlay({
   );
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_jsx_runtime55.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(EdgeGlowFrame, { visible: isTesting, role: "accent", thickness: 40, intensity: 1 }),
-    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StudioBottomSheet, { open: sheetOpen, onOpenChange: setSheetOpen, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(StudioBottomSheet, { open: sheetOpen, onOpenChange: handleSheetOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       StudioSheetPager,
       {
         activePage,