@comergehq/studio 0.1.16 → 0.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comergehq/studio",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "description": "Comerge studio",
   "main": "src/index.ts",
   "module": "dist/index.mjs",

package/src/components/icons/StudioIcons.tsx

@@ -12,6 +12,7 @@ import {
   Send,
   X,
   Check,
+  Share2,
 } from 'lucide-react-native';
 
 import { useTheme } from '../../theme';
@@ -62,5 +63,6 @@ export const IconSend = makeIcon(Send);
 export const IconPlay = makeIcon(Play);
 export const IconArrowDown = makeIcon(ArrowDown);
 export const IconApprove = makeIcon(Check);
+export const IconShare = makeIcon(Share2);
 
 

package/src/studio/hooks/useStudioActions.ts

@@ -58,7 +58,6 @@ export function useStudioActions({
       setSending(true);
       setError(null);
       try {
-        onEditStart?.();
         let targetApp = app;
 
         if (shouldForkOnEdit) {
@@ -73,6 +72,7 @@ export function useStudioActions({
 
         const threadId = targetApp.threadId;
         if (!threadId) throw new Error('No thread available for this app.');
+        onEditStart?.();
 
         let attachmentMetas: AttachmentMeta[] | undefined;
         if (attachments && attachments.length > 0 && uploadAttachments) {

package/src/studio/hooks/useThreadMessages.ts

@@ -83,9 +83,8 @@ export function useThreadMessages(threadId: string): UseThreadMessagesResult {
   const foregroundSignal = useForegroundSignal(Boolean(threadId));
 
   const upsertSorted = React.useCallback((prev: Message[], m: Message) => {
-    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;
   }, []);
@@ -101,7 +100,7 @@ export function useThreadMessages(threadId: string): UseThreadMessagesResult {
     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)));
@@ -131,7 +130,11 @@ export function useThreadMessages(threadId: string): UseThreadMessagesResult {
     void refetch();
   }, [foregroundSignal, refetch, threadId]);
 
-  const messages = React.useMemo(() => raw.map(mapMessageToChatMessage), [raw]);
+  const messages = React.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 };
 }

package/src/studio/ui/PreviewPanel.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
-import { ActivityIndicator, View } from 'react-native';
+import { ActivityIndicator, Platform, Share, View } from 'react-native';
 
 import type { App } from '../../data/apps/types';
 import type { MergeRequest } from '../../data/merge-requests/types';
+import { log } from '../../core/logger';
 import { PreviewPage } from '../../components/preview/PreviewPage';
 import { Text } from '../../components/primitives/Text';
 import { PreviewPanelHeader } from './preview-panel/PreviewPanelHeader';
@@ -59,6 +60,29 @@ export function PreviewPanel({
   onOpenComments,
   commentCountOverride,
 }: PreviewPanelProps) {
+  const handleShare = React.useCallback(async () => {
+    if (!app || !app.isPublic) return;
+    const shareUrl = `https://comerge.ai/app/${app.id}`;
+    const message = app.name ? `${app.name} on Comerge\n${shareUrl}` : `Check out this app on Comerge\n${shareUrl}`;
+    try {
+      const title = app.name ?? 'Comerge app';
+      const payload =
+        Platform.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,
@@ -67,7 +91,16 @@ export function PreviewPanel({
     commentCountOverride,
   });
 
-  const header = <PreviewPanelHeader isOwner={isOwner} onClose={onClose} onNavigateHome={onNavigateHome} onGoToChat={onGoToChat} />;
+  const header = (
+    <PreviewPanelHeader
+      isOwner={isOwner}
+      isPublic={Boolean(app?.isPublic)}
+      onClose={onClose}
+      onNavigateHome={onNavigateHome}
+      onGoToChat={onGoToChat}
+      onShare={handleShare}
+    />
+  );
 
   if (loading || !app) {
     return (

package/src/studio/ui/StudioOverlay.tsx

@@ -114,7 +114,9 @@ export function StudioOverlay({
   const [commentsCount, setCommentsCount] = React.useState<number | null>(null);
 
   const threadId = app?.threadId ?? null;
-  const disableOptimistic = Boolean(chatQueueItems && chatQueueItems.length > 0) || app?.status === 'editing';
+  const isForking = chatForking || app?.status === 'forking';
+  const queueItemsForChat = isForking ? [] : chatQueueItems;
+  const disableOptimistic = Boolean(queueItemsForChat && queueItemsForChat.length > 0) || app?.status === 'editing';
   const optimistic = useOptimisticChatMessages({
     threadId,
     shouldForkOnEdit,
@@ -271,7 +273,7 @@ export function StudioOverlay({
               onNavigateHome={onNavigateHome}
               onStartDraw={startDraw}
               onSend={optimistic.onSend}
-              queueItems={chatQueueItems}
+              queueItems={queueItemsForChat}
               onRemoveQueueItem={onRemoveQueueItem}
             />
           }

package/src/studio/ui/preview-panel/PreviewPanelHeader.tsx

@@ -3,16 +3,25 @@ import { View } from 'react-native';
 
 import { StudioSheetHeader } from '../../../components/studio-sheet/StudioSheetHeader';
 import { StudioSheetHeaderIconButton } from '../../../components/studio-sheet/StudioSheetHeaderIconButton';
-import { IconChat, IconClose, IconHome } from '../../../components/icons/StudioIcons';
+import { IconChat, IconClose, IconHome, IconShare } from '../../../components/icons/StudioIcons';
 
 export type PreviewPanelHeaderProps = {
   isOwner: boolean;
+  isPublic: boolean;
   onClose: () => void;
   onNavigateHome?: () => void;
   onGoToChat: () => void;
+  onShare?: () => void;
 };
 
-export function PreviewPanelHeader({ isOwner, onClose, onNavigateHome, onGoToChat }: PreviewPanelHeaderProps) {
+export function PreviewPanelHeader({
+  isOwner,
+  isPublic,
+  onClose,
+  onNavigateHome,
+  onGoToChat,
+  onShare,
+}: PreviewPanelHeaderProps) {
   return (
     <StudioSheetHeader
       left={
@@ -36,6 +45,17 @@ export function PreviewPanelHeader({ isOwner, onClose, onNavigateHome, onGoToCha
               <IconChat size={20} colorToken="onPrimary" />
             </StudioSheetHeaderIconButton>
           ) : null}
+          {isPublic && onShare ? (
+            <StudioSheetHeaderIconButton
+              onPress={onShare}
+              accessibilityLabel="Share"
+              intent="primary"
+              appearance="glass"
+              style={{ marginRight: 8 }}
+            >
+              <IconShare size={20} colorToken="onPrimary" />
+            </StudioSheetHeaderIconButton>
+          ) : null}
           <StudioSheetHeaderIconButton onPress={onClose} accessibilityLabel="Close" appearance="glass" intent="primary">
             <IconClose size={20} colorToken="onPrimary" />
           </StudioSheetHeaderIconButton>