@comergehq/studio 0.1.16 → 0.1.18

package/dist/index.js

@@ -36,7 +36,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/studio/ComergeStudio.tsx
-var React46 = __toESM(require("react"));
+var React47 = __toESM(require("react"));
 var import_react_native56 = require("react-native");
 var import_bottom_sheet6 = require("@gorhom/bottom-sheet");
 
@@ -894,9 +894,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;
   }, []);
@@ -911,7 +910,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)));
@@ -937,7 +936,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 };
 }
 
@@ -1981,7 +1984,6 @@ function useStudioActions({
       setSending(true);
       setError(null);
       try {
-        onEditStart == null ? void 0 : onEditStart();
         let targetApp = app;
         if (shouldForkOnEdit) {
           setForking(true);
@@ -1993,6 +1995,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 });
@@ -2059,7 +2062,7 @@ function RuntimeRenderer({
 }
 
 // src/studio/ui/StudioOverlay.tsx
-var React43 = __toESM(require("react"));
+var React44 = __toESM(require("react"));
 var import_react_native55 = require("react-native");
 
 // src/components/studio-sheet/StudioBottomSheet.tsx
@@ -3249,6 +3252,7 @@ var IconSend = makeIcon(import_lucide_react_native2.Send);
 var IconPlay = makeIcon(import_lucide_react_native2.Play);
 var IconArrowDown = makeIcon(import_lucide_react_native2.ArrowDown);
 var IconApprove = makeIcon(import_lucide_react_native2.Check);
+var IconShare = makeIcon(import_lucide_react_native2.Share2);
 
 // src/components/chat/ChatComposer.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -3965,6 +3969,7 @@ function AppCommentsSheet({ appId, onClose, onCountChange, onPlayApp }) {
 }
 
 // src/studio/ui/PreviewPanel.tsx
+var React35 = __toESM(require("react"));
 var import_react_native43 = require("react-native");
 
 // src/components/preview/PreviewPage.tsx
@@ -4115,7 +4120,14 @@ function StudioSheetHeaderIconButton({
 
 // src/studio/ui/preview-panel/PreviewPanelHeader.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
-function PreviewPanelHeader({ isOwner, onClose, onNavigateHome, onGoToChat }) {
+function PreviewPanelHeader({
+  isOwner,
+  isPublic,
+  onClose,
+  onNavigateHome,
+  onGoToChat,
+  onShare
+}) {
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     StudioSheetHeader,
     {
@@ -4133,6 +4145,17 @@ function PreviewPanelHeader({ isOwner, onClose, onNavigateHome, onGoToChat }) {
             children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconChat, { size: 20, colorToken: "onPrimary" })
           }
         ) : null,
+        isPublic && onShare ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          StudioSheetHeaderIconButton,
+          {
+            onPress: onShare,
+            accessibilityLabel: "Share",
+            intent: "primary",
+            appearance: "glass",
+            style: { marginRight: 8 },
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconShare, { size: 20, colorToken: "onPrimary" })
+          }
+        ) : null,
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(StudioSheetHeaderIconButton, { onPress: onClose, accessibilityLabel: "Close", appearance: "glass", intent: "primary", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(IconClose, { size: 20, colorToken: "onPrimary" }) })
       ] })
     }
@@ -5797,6 +5820,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 = import_react_native43.Platform.OS === "ios" ? {
+        title,
+        message
+      } : {
+        title,
+        message,
+        url: shareUrl
+      };
+      await import_react_native43.Share.share(payload);
+    } catch (error) {
+      log.warn("PreviewPanel share failed", error);
+    }
+  }, [app]);
   const { imageUrl, imageLoaded, setImageLoaded, creator, insights, stats, showProcessing, canSubmitMergeRequest } = usePreviewPanelData({
     app,
     isOwner,
@@ -5804,7 +5848,17 @@ function PreviewPanel({
     onOpenComments,
     commentCountOverride
   });
-  const header = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PreviewPanelHeader, { isOwner, onClose, onNavigateHome, onGoToChat });
+  const header = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    PreviewPanelHeader,
+    {
+      isOwner,
+      isPublic: Boolean(app == null ? void 0 : app.isPublic),
+      onClose,
+      onNavigateHome,
+      onGoToChat,
+      onShare: handleShare
+    }
+  );
   if (loading || !app) {
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PreviewPage, { header, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_react_native43.View, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: [
       /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react_native43.ActivityIndicator, {}),
@@ -5864,16 +5918,16 @@ function PreviewPanel({
 }
 
 // src/studio/ui/ChatPanel.tsx
-var React40 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 var import_react_native52 = require("react-native");
 
 // src/components/chat/ChatPage.tsx
-var React37 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var import_react_native47 = require("react-native");
 var import_react_native_safe_area_context4 = require("react-native-safe-area-context");
 
 // src/components/chat/ChatMessageList.tsx
-var React36 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_react_native46 = require("react-native");
 var import_bottom_sheet5 = require("@gorhom/bottom-sheet");
 
@@ -5919,17 +5973,17 @@ function ChatMessageBubble({ message, renderContent, style }) {
 }
 
 // src/components/chat/TypingIndicator.tsx
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var import_react_native45 = require("react-native");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function TypingIndicator({ style }) {
   const theme = useTheme();
   const dotColor = theme.colors.textSubtle;
-  const anims = React35.useMemo(
+  const anims = React36.useMemo(
     () => [new import_react_native45.Animated.Value(0.3), new import_react_native45.Animated.Value(0.3), new import_react_native45.Animated.Value(0.3)],
     []
   );
-  React35.useEffect(() => {
+  React36.useEffect(() => {
     const loops = [];
     anims.forEach((a, idx) => {
       const seq = import_react_native45.Animated.sequence([
@@ -5963,7 +6017,7 @@ function TypingIndicator({ style }) {
 
 // src/components/chat/ChatMessageList.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var ChatMessageList = React36.forwardRef(
+var ChatMessageList = React37.forwardRef(
   ({
     messages,
     showTypingIndicator = false,
@@ -5974,20 +6028,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);
@@ -5999,7 +6053,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;
@@ -6009,7 +6063,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);
@@ -6072,10 +6126,10 @@ function ChatPage({
 }) {
   const theme = useTheme();
   const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
-  const [composerHeight, setComposerHeight] = React37.useState(0);
-  const [composerTopHeight, setComposerTopHeight] = React37.useState(0);
-  const [keyboardVisible, setKeyboardVisible] = React37.useState(false);
-  React37.useEffect(() => {
+  const [composerHeight, setComposerHeight] = React38.useState(0);
+  const [composerTopHeight, setComposerTopHeight] = React38.useState(0);
+  const [keyboardVisible, setKeyboardVisible] = React38.useState(false);
+  React38.useEffect(() => {
     if (import_react_native47.Platform.OS !== "ios") return;
     const show = import_react_native47.Keyboard.addListener("keyboardWillShow", () => setKeyboardVisible(true));
     const hide = import_react_native47.Keyboard.addListener("keyboardWillHide", () => setKeyboardVisible(false));
@@ -6088,16 +6142,16 @@ function ChatPage({
   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]);
@@ -6162,15 +6216,15 @@ function ChatPage({
 }
 
 // src/components/chat/ScrollToBottomButton.tsx
-var React38 = __toESM(require("react"));
+var React39 = __toESM(require("react"));
 var import_react_native48 = require("react-native");
 var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"));
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function ScrollToBottomButton({ visible, onPress, children, style }) {
   const theme = useTheme();
   const progress = (0, import_react_native_reanimated2.useSharedValue)(visible ? 1 : 0);
-  const [pressed, setPressed] = React38.useState(false);
-  React38.useEffect(() => {
+  const [pressed, setPressed] = React39.useState(false);
+  React39.useEffect(() => {
     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_reanimated2.useAnimatedStyle)(() => ({
@@ -6305,16 +6359,16 @@ function ForkNoticeBanner({ isOwner = true, title, description, style }) {
 }
 
 // src/components/chat/ChatQueue.tsx
-var React39 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_react_native51 = require("react-native");
 var import_jsx_runtime53 = require("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) ?? "";
@@ -6330,7 +6384,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))));
@@ -6473,9 +6527,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);
@@ -6489,7 +6543,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 });
   }, []);
@@ -6565,7 +6619,7 @@ function ChatPanel({
 }
 
 // src/components/dialogs/ConfirmMergeRequestDialog.tsx
-var React41 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 var import_react_native54 = require("react-native");
 
 // src/components/primitives/Modal.tsx
@@ -6613,14 +6667,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);
@@ -6769,7 +6823,7 @@ function ConfirmMergeFlow({
 }
 
 // src/studio/hooks/useOptimisticChatMessages.ts
-var React42 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 function makeOptimisticId() {
   return `optimistic:${Date.now().toString(36)}:${Math.random().toString(36).slice(2, 10)}`;
 }
@@ -6808,11 +6862,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;
@@ -6828,7 +6882,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;
@@ -6836,7 +6890,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);
@@ -6892,15 +6946,17 @@ function StudioOverlay({
 }) {
   const theme = useTheme();
   const { width } = (0, import_react_native55.useWindowDimensions)();
-  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,
@@ -6908,24 +6964,24 @@ 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) import_react_native55.Keyboard.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(() => {
+  const backToPreview = React44.useCallback(() => {
     if (import_react_native55.Platform.OS !== "ios") {
       import_react_native55.Keyboard.dismiss();
       setActivePage("preview");
@@ -6943,11 +6999,11 @@ function StudioOverlay({
     const t = setTimeout(finalize, 350);
     import_react_native55.Keyboard.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);
@@ -6956,7 +7012,7 @@ function StudioOverlay({
     },
     [openSheet]
   );
-  const toggleSheet = React43.useCallback(async () => {
+  const toggleSheet = React44.useCallback(async () => {
     if (!sheetOpen) {
       const shouldExitTest = Boolean(testingMrId) || isTesting;
       if (shouldExitTest) {
@@ -6968,7 +7024,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);
@@ -6976,10 +7032,10 @@ function StudioOverlay({
     },
     [closeSheet, onTestMr]
   );
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     sheetOpenRef.current = sheetOpen;
   }, [sheetOpen]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     const poller = (0, import_studio_control.startStudioControlPolling)((action) => {
       if (action === "show" && !sheetOpenRef.current) openSheet();
       if (action === "hide" && sheetOpenRef.current) closeSheet();
@@ -6987,7 +7043,7 @@ function StudioOverlay({
     }, studioControlOptions);
     return () => poller.stop();
   }, [closeSheet, openSheet, studioControlOptions, toggleSheet]);
-  React43.useEffect(() => {
+  React44.useEffect(() => {
     void (0, import_studio_control.publishComergeStudioUIState)(sheetOpen, studioControlOptions);
   }, [sheetOpen, studioControlOptions]);
   return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
@@ -7042,7 +7098,7 @@ function StudioOverlay({
             onNavigateHome,
             onStartDraw: startDraw,
             onSend: optimistic.onSend,
-            queueItems: chatQueueItems,
+            queueItems: queueItemsForChat,
             onRemoveQueueItem
           }
         )
@@ -7094,7 +7150,7 @@ function StudioOverlay({
 }
 
 // src/studio/hooks/useEditQueue.ts
-var React44 = __toESM(require("react"));
+var React45 = __toESM(require("react"));
 
 // src/data/apps/edit-queue/remote.ts
 var EditQueueRemoteDataSourceImpl = class extends BaseRemote {
@@ -7205,17 +7261,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;
@@ -7235,10 +7291,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)),
@@ -7247,7 +7303,7 @@ function useEditQueue(appId) {
     });
     return unsubscribe;
   }, [appId, upsertSorted, foregroundSignal]);
-  React44.useEffect(() => {
+  React45.useEffect(() => {
     if (!appId) return;
     if (foregroundSignal <= 0) return;
     void refetch();
@@ -7256,16 +7312,16 @@ function useEditQueue(appId) {
 }
 
 // src/studio/hooks/useEditQueueActions.ts
-var React45 = __toESM(require("react"));
+var React46 = __toESM(require("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);
@@ -7287,16 +7343,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(() => import_react_native56.Platform.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(() => import_react_native56.Platform.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__ */ (0, import_jsx_runtime59.jsx)(StudioBootstrap, { clientKey: clientKey2, fallback: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_native56.View, { style: { flex: 1 } }), children: ({ userId }) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_bottom_sheet6.BottomSheetModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(LiquidGlassResetProvider, { resetTriggers: [appId, activeAppId, runtimeAppId], children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     ComergeStudioInner,
     {
@@ -7338,11 +7394,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") {
@@ -7360,13 +7416,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;
@@ -7378,7 +7434,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) {
@@ -7389,19 +7445,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);
@@ -7442,20 +7498,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) {
@@ -7463,7 +7519,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 [];