@comergehq/studio 0.1.16 → 0.1.18

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/studio/ComergeStudio.tsx
-import * as React46 from "react";
+import * as React47 from "react";
 import { Platform as RNPlatform, View as View46 } from "react-native";
 import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
 
@@ -864,9 +864,8 @@ function useThreadMessages(threadId) {
   const activeRequestIdRef = React4.useRef(0);
   const foregroundSignal = useForegroundSignal(Boolean(threadId));
   const upsertSorted = React4.useCallback((prev, m) => {
-    const include = !isQueuedHiddenMessage(m);
     const next = prev.filter((x) => x.id !== m.id);
-    if (include) next.push(m);
+    next.push(m);
     next.sort(compareMessages);
     return next;
   }, []);
@@ -881,7 +880,7 @@ function useThreadMessages(threadId) {
     try {
       const list = await messagesRepository.list(threadId);
       if (activeRequestIdRef.current !== requestId) return;
-      setRaw([...list].filter((m) => !isQueuedHiddenMessage(m)).sort(compareMessages));
+      setRaw([...list].sort(compareMessages));
     } catch (e) {
       if (activeRequestIdRef.current !== requestId) return;
       setError(e instanceof Error ? e : new Error(String(e)));
@@ -907,7 +906,11 @@ function useThreadMessages(threadId) {
     if (foregroundSignal <= 0) return;
     void refetch();
   }, [foregroundSignal, refetch, threadId]);
-  const messages = React4.useMemo(() => raw.map(mapMessageToChatMessage), [raw]);
+  const messages = React4.useMemo(() => {
+    const visible = raw.filter((m) => !isQueuedHiddenMessage(m));
+    const resolved = visible.length > 0 ? visible : raw;
+    return resolved.map(mapMessageToChatMessage);
+  }, [raw]);
   return { raw, messages, loading, error, refetch };
 }
 
@@ -1951,7 +1954,6 @@ function useStudioActions({
       setSending(true);
       setError(null);
       try {
-        onEditStart == null ? void 0 : onEditStart();
         let targetApp = app;
         if (shouldForkOnEdit) {
           setForking(true);
@@ -1963,6 +1965,7 @@ function useStudioActions({
         setForking(false);
         const threadId = targetApp.threadId;
         if (!threadId) throw new Error("No thread available for this app.");
+        onEditStart == null ? void 0 : onEditStart();
         let attachmentMetas;
         if (attachments && attachments.length > 0 && uploadAttachments) {
           attachmentMetas = await uploadAttachments({ threadId, appId: targetApp.id, dataUrls: attachments });
@@ -2029,8 +2032,8 @@ function RuntimeRenderer({
 }
 
 // src/studio/ui/StudioOverlay.tsx
-import * as React43 from "react";
-import { Keyboard as Keyboard5, Platform as Platform10, View as View45, useWindowDimensions as useWindowDimensions4 } from "react-native";
+import * as React44 from "react";
+import { Keyboard as Keyboard5, Platform as Platform11, View as View45, useWindowDimensions as useWindowDimensions4 } from "react-native";
 
 // src/components/studio-sheet/StudioBottomSheet.tsx
 import * as React12 from "react";
@@ -3227,7 +3230,8 @@ import {
   Play,
   Send,
   X as X2,
-  Check as Check2
+  Check as Check2,
+  Share2
 } from "lucide-react-native";
 import { jsx as jsx16 } from "react/jsx-runtime";
 function useResolvedIconColor(token) {
@@ -3267,6 +3271,7 @@ var IconSend = makeIcon(Send);
 var IconPlay = makeIcon(Play);
 var IconArrowDown = makeIcon(ArrowDown);
 var IconApprove = makeIcon(Check2);
+var IconShare = makeIcon(Share2);
 
 // src/components/chat/ChatComposer.tsx
 import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -3983,7 +3988,8 @@ function AppCommentsSheet({ appId, onClose, onCountChange, onPlayApp }) {
 }
 
 // src/studio/ui/PreviewPanel.tsx
-import { ActivityIndicator as ActivityIndicator7, View as View33 } from "react-native";
+import * as React35 from "react";
+import { ActivityIndicator as ActivityIndicator7, Platform as Platform8, Share, View as View33 } from "react-native";
 
 // src/components/preview/PreviewPage.tsx
 import { View as View15 } from "react-native";
@@ -4133,7 +4139,14 @@ function StudioSheetHeaderIconButton({
 
 // src/studio/ui/preview-panel/PreviewPanelHeader.tsx
 import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
-function PreviewPanelHeader({ isOwner, onClose, onNavigateHome, onGoToChat }) {
+function PreviewPanelHeader({
+  isOwner,
+  isPublic,
+  onClose,
+  onNavigateHome,
+  onGoToChat,
+  onShare
+}) {
   return /* @__PURE__ */ jsx24(
     StudioSheetHeader,
     {
@@ -4151,6 +4164,17 @@ function PreviewPanelHeader({ isOwner, onClose, onNavigateHome, onGoToChat }) {
             children: /* @__PURE__ */ jsx24(IconChat, { size: 20, colorToken: "onPrimary" })
           }
         ) : null,
+        isPublic && onShare ? /* @__PURE__ */ jsx24(
+          StudioSheetHeaderIconButton,
+          {
+            onPress: onShare,
+            accessibilityLabel: "Share",
+            intent: "primary",
+            appearance: "glass",
+            style: { marginRight: 8 },
+            children: /* @__PURE__ */ jsx24(IconShare, { size: 20, colorToken: "onPrimary" })
+          }
+        ) : null,
         /* @__PURE__ */ jsx24(StudioSheetHeaderIconButton, { onPress: onClose, accessibilityLabel: "Close", appearance: "glass", intent: "primary", children: /* @__PURE__ */ jsx24(IconClose, { size: 20, colorToken: "onPrimary" }) })
       ] })
     }
@@ -5823,6 +5847,27 @@ function PreviewPanel({
   onOpenComments,
   commentCountOverride
 }) {
+  const handleShare = React35.useCallback(async () => {
+    if (!app || !app.isPublic) return;
+    const shareUrl = `https://comerge.ai/app/${app.id}`;
+    const message = app.name ? `${app.name} on Comerge
+${shareUrl}` : `Check out this app on Comerge
+${shareUrl}`;
+    try {
+      const title = app.name ?? "Comerge app";
+      const payload = Platform8.OS === "ios" ? {
+        title,
+        message
+      } : {
+        title,
+        message,
+        url: shareUrl
+      };
+      await Share.share(payload);
+    } catch (error) {
+      log.warn("PreviewPanel share failed", error);
+    }
+  }, [app]);
   const { imageUrl, imageLoaded, setImageLoaded, creator, insights, stats, showProcessing, canSubmitMergeRequest } = usePreviewPanelData({
     app,
     isOwner,
@@ -5830,7 +5875,17 @@ function PreviewPanel({
     onOpenComments,
     commentCountOverride
   });
-  const header = /* @__PURE__ */ jsx45(PreviewPanelHeader, { isOwner, onClose, onNavigateHome, onGoToChat });
+  const header = /* @__PURE__ */ jsx45(
+    PreviewPanelHeader,
+    {
+      isOwner,
+      isPublic: Boolean(app == null ? void 0 : app.isPublic),
+      onClose,
+      onNavigateHome,
+      onGoToChat,
+      onShare: handleShare
+    }
+  );
   if (loading || !app) {
     return /* @__PURE__ */ jsx45(PreviewPage, { header, children: /* @__PURE__ */ jsxs26(View33, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: [
       /* @__PURE__ */ jsx45(ActivityIndicator7, {}),
@@ -5890,16 +5945,16 @@ function PreviewPanel({
 }
 
 // src/studio/ui/ChatPanel.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { ActivityIndicator as ActivityIndicator9, View as View42 } from "react-native";
 
 // src/components/chat/ChatPage.tsx
-import * as React37 from "react";
-import { Keyboard as Keyboard4, Platform as Platform9, View as View37 } from "react-native";
+import * as React38 from "react";
+import { Keyboard as Keyboard4, Platform as Platform10, View as View37 } from "react-native";
 import { useSafeAreaInsets as useSafeAreaInsets4 } from "react-native-safe-area-context";
 
 // src/components/chat/ChatMessageList.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import { View as View36 } from "react-native";
 import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
 
@@ -5945,17 +6000,17 @@ function ChatMessageBubble({ message, renderContent, style }) {
 }
 
 // src/components/chat/TypingIndicator.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import { Animated as Animated10, View as View35 } from "react-native";
 import { jsx as jsx47 } from "react/jsx-runtime";
 function TypingIndicator({ style }) {
   const theme = useTheme();
   const dotColor = theme.colors.textSubtle;
-  const anims = React35.useMemo(
+  const anims = React36.useMemo(
     () => [new Animated10.Value(0.3), new Animated10.Value(0.3), new Animated10.Value(0.3)],
     []
   );
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     const loops = [];
     anims.forEach((a, idx) => {
       const seq = Animated10.sequence([
@@ -5989,7 +6044,7 @@ function TypingIndicator({ style }) {
 
 // src/components/chat/ChatMessageList.tsx
 import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
-var ChatMessageList = React36.forwardRef(
+var ChatMessageList = React37.forwardRef(
   ({
     messages,
     showTypingIndicator = false,
@@ -6000,20 +6055,20 @@ var ChatMessageList = React36.forwardRef(
     nearBottomThreshold = 200
   }, ref) => {
     const theme = useTheme();
-    const listRef = React36.useRef(null);
-    const nearBottomRef = React36.useRef(true);
-    const initialScrollDoneRef = React36.useRef(false);
-    const lastMessageIdRef = React36.useRef(null);
-    const data = React36.useMemo(() => {
+    const listRef = React37.useRef(null);
+    const nearBottomRef = React37.useRef(true);
+    const initialScrollDoneRef = React37.useRef(false);
+    const lastMessageIdRef = React37.useRef(null);
+    const data = React37.useMemo(() => {
       return [...messages].reverse();
     }, [messages]);
-    const scrollToBottom = React36.useCallback((options) => {
+    const scrollToBottom = React37.useCallback((options) => {
       var _a;
       const animated = (options == null ? void 0 : options.animated) ?? true;
       (_a = listRef.current) == null ? void 0 : _a.scrollToOffset({ offset: 0, animated });
     }, []);
-    React36.useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);
-    const handleScroll = React36.useCallback(
+    React37.useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);
+    const handleScroll = React37.useCallback(
       (e) => {
         const { contentOffset, contentSize, layoutMeasurement } = e.nativeEvent;
         const distanceFromBottom = Math.max(contentOffset.y - Math.max(bottomInset, 0), 0);
@@ -6025,7 +6080,7 @@ var ChatMessageList = React36.forwardRef(
       },
       [bottomInset, nearBottomThreshold, onNearBottomChange]
     );
-    React36.useEffect(() => {
+    React37.useEffect(() => {
       if (!initialScrollDoneRef.current) return;
       const lastId = messages.length > 0 ? messages[messages.length - 1].id : null;
       const prevLastId = lastMessageIdRef.current;
@@ -6035,7 +6090,7 @@ var ChatMessageList = React36.forwardRef(
       const id = requestAnimationFrame(() => scrollToBottom({ animated: true }));
       return () => cancelAnimationFrame(id);
     }, [messages, scrollToBottom]);
-    React36.useEffect(() => {
+    React37.useEffect(() => {
       if (showTypingIndicator && nearBottomRef.current) {
         const id = requestAnimationFrame(() => scrollToBottom({ animated: true }));
         return () => cancelAnimationFrame(id);
@@ -6098,11 +6153,11 @@ function ChatPage({
 }) {
   const theme = useTheme();
   const insets = useSafeAreaInsets4();
-  const [composerHeight, setComposerHeight] = React37.useState(0);
-  const [composerTopHeight, setComposerTopHeight] = React37.useState(0);
-  const [keyboardVisible, setKeyboardVisible] = React37.useState(false);
-  React37.useEffect(() => {
-    if (Platform9.OS !== "ios") return;
+  const [composerHeight, setComposerHeight] = React38.useState(0);
+  const [composerTopHeight, setComposerTopHeight] = React38.useState(0);
+  const [keyboardVisible, setKeyboardVisible] = React38.useState(false);
+  React38.useEffect(() => {
+    if (Platform10.OS !== "ios") return;
     const show = Keyboard4.addListener("keyboardWillShow", () => setKeyboardVisible(true));
     const hide = Keyboard4.addListener("keyboardWillHide", () => setKeyboardVisible(false));
     return () => {
@@ -6110,20 +6165,20 @@ function ChatPage({
       hide.remove();
     };
   }, []);
-  const footerBottomPadding = Platform9.OS === "ios" ? keyboardVisible ? 0 : insets.bottom : insets.bottom + 10;
+  const footerBottomPadding = Platform10.OS === "ios" ? keyboardVisible ? 0 : insets.bottom : insets.bottom + 10;
   const totalComposerHeight = composerHeight + composerTopHeight;
   const overlayBottom = totalComposerHeight + footerBottomPadding + theme.spacing.lg;
   const bottomInset = totalComposerHeight + footerBottomPadding + theme.spacing.xl;
-  const resolvedOverlay = React37.useMemo(() => {
+  const resolvedOverlay = React38.useMemo(() => {
     var _a;
     if (!overlay) return null;
-    if (!React37.isValidElement(overlay)) return overlay;
+    if (!React38.isValidElement(overlay)) return overlay;
     const prevStyle = (_a = overlay.props) == null ? void 0 : _a.style;
-    return React37.cloneElement(overlay, {
+    return React38.cloneElement(overlay, {
       style: [prevStyle, { bottom: overlayBottom }]
     });
   }, [overlay, overlayBottom]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     if (composerTop) return;
     setComposerTopHeight(0);
   }, [composerTop]);
@@ -6188,15 +6243,15 @@ function ChatPage({
 }
 
 // src/components/chat/ScrollToBottomButton.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import { Pressable as Pressable12, View as View38 } from "react-native";
 import Animated11, { Easing as Easing2, useAnimatedStyle as useAnimatedStyle2, useSharedValue as useSharedValue2, withTiming as withTiming2 } from "react-native-reanimated";
 import { jsx as jsx50 } from "react/jsx-runtime";
 function ScrollToBottomButton({ visible, onPress, children, style }) {
   const theme = useTheme();
   const progress = useSharedValue2(visible ? 1 : 0);
-  const [pressed, setPressed] = React38.useState(false);
-  React38.useEffect(() => {
+  const [pressed, setPressed] = React39.useState(false);
+  React39.useEffect(() => {
     progress.value = withTiming2(visible ? 1 : 0, { duration: 200, easing: Easing2.out(Easing2.ease) });
   }, [progress, visible]);
   const animStyle = useAnimatedStyle2(() => ({
@@ -6331,16 +6386,16 @@ function ForkNoticeBanner({ isOwner = true, title, description, style }) {
 }
 
 // src/components/chat/ChatQueue.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { ActivityIndicator as ActivityIndicator8, Pressable as Pressable13, View as View41 } from "react-native";
 import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 function ChatQueue({ items, onRemove }) {
   const theme = useTheme();
-  const [expanded, setExpanded] = React39.useState({});
-  const [canExpand, setCanExpand] = React39.useState({});
-  const [collapsedText, setCollapsedText] = React39.useState({});
-  const [removing, setRemoving] = React39.useState({});
-  const buildCollapsedText = React39.useCallback((lines) => {
+  const [expanded, setExpanded] = React40.useState({});
+  const [canExpand, setCanExpand] = React40.useState({});
+  const [collapsedText, setCollapsedText] = React40.useState({});
+  const [removing, setRemoving] = React40.useState({});
+  const buildCollapsedText = React40.useCallback((lines) => {
     var _a, _b;
     const line1 = ((_a = lines[0]) == null ? void 0 : _a.text) ?? "";
     const line2 = ((_b = lines[1]) == null ? void 0 : _b.text) ?? "";
@@ -6356,7 +6411,7 @@ function ChatQueue({ items, onRemove }) {
     return `${line1}
 ${trimmedLine2}\u2026 `;
   }, []);
-  React39.useEffect(() => {
+  React40.useEffect(() => {
     if (items.length === 0) return;
     const ids = new Set(items.map((item) => item.id));
     setExpanded((prev) => Object.fromEntries(Object.entries(prev).filter(([id]) => ids.has(id))));
@@ -6499,9 +6554,9 @@ function ChatPanel({
   queueItems = [],
   onRemoveQueueItem
 }) {
-  const listRef = React40.useRef(null);
-  const [nearBottom, setNearBottom] = React40.useState(true);
-  const handleSend = React40.useCallback(
+  const listRef = React41.useRef(null);
+  const [nearBottom, setNearBottom] = React41.useState(true);
+  const handleSend = React41.useCallback(
     async (text, composerAttachments) => {
       const all = composerAttachments ?? attachments;
       await onSend(text, all.length > 0 ? all : void 0);
@@ -6515,7 +6570,7 @@ function ChatPanel({
     },
     [attachments, nearBottom, onClearAttachments, onSend]
   );
-  const handleScrollToBottom = React40.useCallback(() => {
+  const handleScrollToBottom = React41.useCallback(() => {
     var _a;
     (_a = listRef.current) == null ? void 0 : _a.scrollToBottom({ animated: true });
   }, []);
@@ -6591,7 +6646,7 @@ function ChatPanel({
 }
 
 // src/components/dialogs/ConfirmMergeRequestDialog.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { Pressable as Pressable15, View as View44 } from "react-native";
 
 // src/components/primitives/Modal.tsx
@@ -6643,14 +6698,14 @@ function ConfirmMergeRequestDialog({
   onTestFirst
 }) {
   const theme = useTheme();
-  const close = React41.useCallback(() => onOpenChange(false), [onOpenChange]);
+  const close = React42.useCallback(() => onOpenChange(false), [onOpenChange]);
   const canConfirm = Boolean(mergeRequest) && !approveDisabled;
-  const handleConfirm = React41.useCallback(() => {
+  const handleConfirm = React42.useCallback(() => {
     if (!mergeRequest) return;
     onOpenChange(false);
     void onConfirm();
   }, [mergeRequest, onConfirm, onOpenChange]);
-  const handleTestFirst = React41.useCallback(() => {
+  const handleTestFirst = React42.useCallback(() => {
     if (!mergeRequest) return;
     onOpenChange(false);
     void onTestFirst(mergeRequest);
@@ -6799,7 +6854,7 @@ function ConfirmMergeFlow({
 }
 
 // src/studio/hooks/useOptimisticChatMessages.ts
-import * as React42 from "react";
+import * as React43 from "react";
 function makeOptimisticId() {
   return `optimistic:${Date.now().toString(36)}:${Math.random().toString(36).slice(2, 10)}`;
 }
@@ -6838,11 +6893,11 @@ function useOptimisticChatMessages({
   chatMessages,
   onSendChat
 }) {
-  const [optimisticChat, setOptimisticChat] = React42.useState([]);
-  React42.useEffect(() => {
+  const [optimisticChat, setOptimisticChat] = React43.useState([]);
+  React43.useEffect(() => {
     setOptimisticChat([]);
   }, [threadId]);
-  const messages = React42.useMemo(() => {
+  const messages = React43.useMemo(() => {
     if (!optimisticChat || optimisticChat.length === 0) return chatMessages;
     const unresolved = optimisticChat.filter((o) => !isOptimisticResolvedByServer(chatMessages, o));
     if (unresolved.length === 0) return chatMessages;
@@ -6858,7 +6913,7 @@ function useOptimisticChatMessages({
     merged.sort((a, b) => String(a.createdAt).localeCompare(String(b.createdAt)));
     return merged;
   }, [chatMessages, optimisticChat]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (optimisticChat.length === 0) return;
     setOptimisticChat((prev) => {
       if (prev.length === 0) return prev;
@@ -6866,7 +6921,7 @@ function useOptimisticChatMessages({
       return next.length === prev.length ? prev : next;
     });
   }, [chatMessages, optimisticChat.length]);
-  const onSend = React42.useCallback(
+  const onSend = React43.useCallback(
     async (text, attachments) => {
       if (shouldForkOnEdit || disableOptimistic) {
         await onSendChat(text, attachments);
@@ -6925,15 +6980,17 @@ function StudioOverlay({
 }) {
   const theme = useTheme();
   const { width } = useWindowDimensions4();
-  const [sheetOpen, setSheetOpen] = React43.useState(false);
-  const sheetOpenRef = React43.useRef(sheetOpen);
-  const [activePage, setActivePage] = React43.useState("preview");
-  const [drawing, setDrawing] = React43.useState(false);
-  const [chatAttachments, setChatAttachments] = React43.useState([]);
-  const [commentsAppId, setCommentsAppId] = React43.useState(null);
-  const [commentsCount, setCommentsCount] = React43.useState(null);
+  const [sheetOpen, setSheetOpen] = React44.useState(false);
+  const sheetOpenRef = React44.useRef(sheetOpen);
+  const [activePage, setActivePage] = React44.useState("preview");
+  const [drawing, setDrawing] = React44.useState(false);
+  const [chatAttachments, setChatAttachments] = React44.useState([]);
+  const [commentsAppId, setCommentsAppId] = React44.useState(null);
+  const [commentsCount, setCommentsCount] = React44.useState(null);
   const threadId = (app == null ? void 0 : app.threadId) ?? null;
-  const disableOptimistic = Boolean(chatQueueItems && chatQueueItems.length > 0) || (app == null ? void 0 : app.status) === "editing";
+  const isForking = chatForking || (app == null ? void 0 : app.status) === "forking";
+  const queueItemsForChat = isForking ? [] : chatQueueItems;
+  const disableOptimistic = Boolean(queueItemsForChat && queueItemsForChat.length > 0) || (app == null ? void 0 : app.status) === "editing";
   const optimistic = useOptimisticChatMessages({
     threadId,
     shouldForkOnEdit,
@@ -6941,25 +6998,25 @@ function StudioOverlay({
     chatMessages,
     onSendChat
   });
-  const [confirmMrId, setConfirmMrId] = React43.useState(null);
-  const confirmMr = React43.useMemo(
+  const [confirmMrId, setConfirmMrId] = React44.useState(null);
+  const confirmMr = React44.useMemo(
     () => confirmMrId ? incomingMergeRequests.find((m) => m.id === confirmMrId) ?? null : null,
     [confirmMrId, incomingMergeRequests]
   );
-  const handleSheetOpenChange = React43.useCallback((open) => {
+  const handleSheetOpenChange = React44.useCallback((open) => {
     setSheetOpen(open);
     if (!open) Keyboard5.dismiss();
   }, []);
-  const closeSheet = React43.useCallback(() => {
+  const closeSheet = React44.useCallback(() => {
     handleSheetOpenChange(false);
   }, [handleSheetOpenChange]);
-  const openSheet = React43.useCallback(() => setSheetOpen(true), []);
-  const goToChat = React43.useCallback(() => {
+  const openSheet = React44.useCallback(() => setSheetOpen(true), []);
+  const goToChat = React44.useCallback(() => {
     setActivePage("chat");
     openSheet();
   }, [openSheet]);
-  const backToPreview = React43.useCallback(() => {
-    if (Platform10.OS !== "ios") {
+  const backToPreview = React44.useCallback(() => {
+    if (Platform11.OS !== "ios") {
       Keyboard5.dismiss();
       setActivePage("preview");
       return;
@@ -6976,11 +7033,11 @@ function StudioOverlay({
     const t = setTimeout(finalize, 350);
     Keyboard5.dismiss();
   }, []);
-  const startDraw = React43.useCallback(() => {
+  const startDraw = React44.useCallback(() => {
     setDrawing(true);
     closeSheet();
   }, [closeSheet]);
-  const handleDrawCapture = React43.useCallback(
+  const handleDrawCapture = React44.useCallback(
     (dataUrl) => {
       setChatAttachments((prev) => [...prev, dataUrl]);
       setDrawing(false);
@@ -6989,7 +7046,7 @@ function StudioOverlay({
     },
     [openSheet]
   );
-  const toggleSheet = React43.useCallback(async () => {
+  const toggleSheet = React44.useCallback(async () => {
     if (!sheetOpen) {
       const shouldExitTest = Boolean(testingMrId) || isTesting;
       if (shouldExitTest) {
@@ -7001,7 +7058,7 @@ function StudioOverlay({
       closeSheet();
     }
   }, [closeSheet, isTesting, onRestoreBase, sheetOpen, testingMrId]);
-  const handleTestMr = React43.useCallback(
+  const handleTestMr = React44.useCallback(
     async (mr) => {
       if (!onTestMr) return;
       await onTestMr(mr);
@@ -7009,10 +7066,10 @@ function StudioOverlay({
     },
     [closeSheet, onTestMr]
   );
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     sheetOpenRef.current = sheetOpen;
   }, [sheetOpen]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     const poller = startStudioControlPolling((action) => {
       if (action === "show" && !sheetOpenRef.current) openSheet();
       if (action === "hide" && sheetOpenRef.current) closeSheet();
@@ -7020,7 +7077,7 @@ function StudioOverlay({
     }, studioControlOptions);
     return () => poller.stop();
   }, [closeSheet, openSheet, studioControlOptions, toggleSheet]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     void publishComergeStudioUIState(sheetOpen, studioControlOptions);
   }, [sheetOpen, studioControlOptions]);
   return /* @__PURE__ */ jsxs35(Fragment6, { children: [
@@ -7075,7 +7132,7 @@ function StudioOverlay({
             onNavigateHome,
             onStartDraw: startDraw,
             onSend: optimistic.onSend,
-            queueItems: chatQueueItems,
+            queueItems: queueItemsForChat,
             onRemoveQueueItem
           }
         )
@@ -7127,7 +7184,7 @@ function StudioOverlay({
 }
 
 // src/studio/hooks/useEditQueue.ts
-import * as React44 from "react";
+import * as React45 from "react";
 
 // src/data/apps/edit-queue/remote.ts
 var EditQueueRemoteDataSourceImpl = class extends BaseRemote {
@@ -7238,17 +7295,17 @@ var editQueueRepository = new EditQueueRepositoryImpl(
 
 // src/studio/hooks/useEditQueue.ts
 function useEditQueue(appId) {
-  const [items, setItems] = React44.useState([]);
-  const [loading, setLoading] = React44.useState(false);
-  const [error, setError] = React44.useState(null);
-  const activeRequestIdRef = React44.useRef(0);
+  const [items, setItems] = React45.useState([]);
+  const [loading, setLoading] = React45.useState(false);
+  const [error, setError] = React45.useState(null);
+  const activeRequestIdRef = React45.useRef(0);
   const foregroundSignal = useForegroundSignal(Boolean(appId));
-  const upsertSorted = React44.useCallback((prev, nextItem) => {
+  const upsertSorted = React45.useCallback((prev, nextItem) => {
     const next = prev.some((x) => x.id === nextItem.id) ? prev.map((x) => x.id === nextItem.id ? nextItem : x) : [...prev, nextItem];
     next.sort((a, b) => String(a.createdAt).localeCompare(String(b.createdAt)));
     return next;
   }, []);
-  const refetch = React44.useCallback(async () => {
+  const refetch = React45.useCallback(async () => {
     if (!appId) {
       setItems([]);
       return;
@@ -7268,10 +7325,10 @@ function useEditQueue(appId) {
       if (activeRequestIdRef.current === requestId) setLoading(false);
     }
   }, [appId]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     void refetch();
   }, [refetch]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!appId) return;
     const unsubscribe = editQueueRepository.subscribeEditQueue(appId, {
       onInsert: (item) => setItems((prev) => upsertSorted(prev, item)),
@@ -7280,7 +7337,7 @@ function useEditQueue(appId) {
     });
     return unsubscribe;
   }, [appId, upsertSorted, foregroundSignal]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!appId) return;
     if (foregroundSignal <= 0) return;
     void refetch();
@@ -7289,16 +7346,16 @@ function useEditQueue(appId) {
 }
 
 // src/studio/hooks/useEditQueueActions.ts
-import * as React45 from "react";
+import * as React46 from "react";
 function useEditQueueActions(appId) {
-  const update = React45.useCallback(
+  const update = React46.useCallback(
     async (queueItemId, payload) => {
       if (!appId) return;
       await editQueueRepository.update(appId, queueItemId, payload);
     },
     [appId]
   );
-  const cancel = React45.useCallback(
+  const cancel = React46.useCallback(
     async (queueItemId) => {
       if (!appId) return;
       await editQueueRepository.cancel(appId, queueItemId);
@@ -7320,16 +7377,16 @@ function ComergeStudio({
   studioControlOptions,
   embeddedBaseBundles
 }) {
-  const [activeAppId, setActiveAppId] = React46.useState(appId);
-  const [runtimeAppId, setRuntimeAppId] = React46.useState(appId);
-  const [pendingRuntimeTargetAppId, setPendingRuntimeTargetAppId] = React46.useState(null);
-  const platform = React46.useMemo(() => RNPlatform.OS === "ios" ? "ios" : "android", []);
-  React46.useEffect(() => {
+  const [activeAppId, setActiveAppId] = React47.useState(appId);
+  const [runtimeAppId, setRuntimeAppId] = React47.useState(appId);
+  const [pendingRuntimeTargetAppId, setPendingRuntimeTargetAppId] = React47.useState(null);
+  const platform = React47.useMemo(() => RNPlatform.OS === "ios" ? "ios" : "android", []);
+  React47.useEffect(() => {
     setActiveAppId(appId);
     setRuntimeAppId(appId);
     setPendingRuntimeTargetAppId(null);
   }, [appId]);
-  const captureTargetRef = React46.useRef(null);
+  const captureTargetRef = React47.useRef(null);
   return /* @__PURE__ */ jsx59(StudioBootstrap, { clientKey: clientKey2, fallback: /* @__PURE__ */ jsx59(View46, { style: { flex: 1 } }), children: ({ userId }) => /* @__PURE__ */ jsx59(BottomSheetModalProvider, { children: /* @__PURE__ */ jsx59(LiquidGlassResetProvider, { resetTriggers: [appId, activeAppId, runtimeAppId], children: /* @__PURE__ */ jsx59(
     ComergeStudioInner,
     {
@@ -7371,11 +7428,11 @@ function ComergeStudioInner({
   const { app, loading: appLoading } = useApp(activeAppId);
   const { app: runtimeAppFromHook } = useApp(runtimeAppId, { enabled: runtimeAppId !== activeAppId });
   const runtimeApp = runtimeAppId === activeAppId ? app : runtimeAppFromHook;
-  const sawEditingOnPendingTargetRef = React46.useRef(false);
-  React46.useEffect(() => {
+  const sawEditingOnPendingTargetRef = React47.useRef(false);
+  React47.useEffect(() => {
     sawEditingOnPendingTargetRef.current = false;
   }, [pendingRuntimeTargetAppId]);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     if (!pendingRuntimeTargetAppId) return;
     if (activeAppId !== pendingRuntimeTargetAppId) return;
     if ((app == null ? void 0 : app.status) === "editing") {
@@ -7393,13 +7450,13 @@ function ComergeStudioInner({
     canRequestLatest: (runtimeApp == null ? void 0 : runtimeApp.status) === "ready",
     embeddedBaseBundles
   });
-  const sawEditingOnActiveAppRef = React46.useRef(false);
-  const [showPostEditPreparing, setShowPostEditPreparing] = React46.useState(false);
-  React46.useEffect(() => {
+  const sawEditingOnActiveAppRef = React47.useRef(false);
+  const [showPostEditPreparing, setShowPostEditPreparing] = React47.useState(false);
+  React47.useEffect(() => {
     sawEditingOnActiveAppRef.current = false;
     setShowPostEditPreparing(false);
   }, [activeAppId]);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     if (!(app == null ? void 0 : app.id)) return;
     if (app.status === "editing") {
       sawEditingOnActiveAppRef.current = true;
@@ -7411,7 +7468,7 @@ function ComergeStudioInner({
       sawEditingOnActiveAppRef.current = false;
     }
   }, [app == null ? void 0 : app.id, app == null ? void 0 : app.status]);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     if (!showPostEditPreparing) return;
     const stillProcessingBaseBundle = bundle.loading && bundle.loadingMode === "base" && !bundle.isTesting;
     if (!stillProcessingBaseBundle) {
@@ -7422,19 +7479,19 @@ function ComergeStudioInner({
   const thread = useThreadMessages(threadId);
   const editQueue = useEditQueue(activeAppId);
   const editQueueActions = useEditQueueActions(activeAppId);
-  const [lastEditQueueInfo, setLastEditQueueInfo] = React46.useState(null);
-  const lastEditQueueInfoRef = React46.useRef(null);
-  const [suppressQueueUntilResponse, setSuppressQueueUntilResponse] = React46.useState(false);
+  const [lastEditQueueInfo, setLastEditQueueInfo] = React47.useState(null);
+  const lastEditQueueInfoRef = React47.useRef(null);
+  const [suppressQueueUntilResponse, setSuppressQueueUntilResponse] = React47.useState(false);
   const mergeRequests = useMergeRequests({ appId: activeAppId });
-  const hasOpenOutgoingMr = React46.useMemo(() => {
+  const hasOpenOutgoingMr = React47.useMemo(() => {
     return mergeRequests.lists.outgoing.some((mr) => mr.status === "open");
   }, [mergeRequests.lists.outgoing]);
-  const incomingReviewMrs = React46.useMemo(() => {
+  const incomingReviewMrs = React47.useMemo(() => {
     if (!userId) return mergeRequests.lists.incoming;
     return mergeRequests.lists.incoming.filter((mr) => mr.createdBy !== userId);
   }, [mergeRequests.lists.incoming, userId]);
   const uploader = useAttachmentUpload();
-  const updateLastEditQueueInfo = React46.useCallback(
+  const updateLastEditQueueInfo = React47.useCallback(
     (info) => {
       lastEditQueueInfoRef.current = info;
       setLastEditQueueInfo(info);
@@ -7475,20 +7532,20 @@ function ComergeStudioInner({
     }
   });
   const chatSendDisabled = false;
-  const [processingMrId, setProcessingMrId] = React46.useState(null);
-  const [testingMrId, setTestingMrId] = React46.useState(null);
-  const chatShowTypingIndicator = React46.useMemo(() => {
+  const [processingMrId, setProcessingMrId] = React47.useState(null);
+  const [testingMrId, setTestingMrId] = React47.useState(null);
+  const chatShowTypingIndicator = React47.useMemo(() => {
     var _a;
     if (!thread.raw || thread.raw.length === 0) return false;
     const last = thread.raw[thread.raw.length - 1];
     const payloadType = typeof ((_a = last.payload) == null ? void 0 : _a.type) === "string" ? String(last.payload.type) : void 0;
     return payloadType !== "outcome";
   }, [thread.raw]);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     updateLastEditQueueInfo(null);
     setSuppressQueueUntilResponse(false);
   }, [activeAppId, updateLastEditQueueInfo]);
-  React46.useEffect(() => {
+  React47.useEffect(() => {
     if (!(lastEditQueueInfo == null ? void 0 : lastEditQueueInfo.queueItemId)) return;
     const stillPresent = editQueue.items.some((item) => item.id === lastEditQueueInfo.queueItemId);
     if (!stillPresent) {
@@ -7496,7 +7553,7 @@ function ComergeStudioInner({
       setSuppressQueueUntilResponse(false);
     }
   }, [editQueue.items, lastEditQueueInfo == null ? void 0 : lastEditQueueInfo.queueItemId]);
-  const chatQueueItems = React46.useMemo(() => {
+  const chatQueueItems = React47.useMemo(() => {
     var _a;
     if (suppressQueueUntilResponse && editQueue.items.length <= 1) {
       return [];