@comergehq/studio 0.1.26 → 0.1.28

package/src/studio/hooks/useStudioActions.ts

@@ -4,6 +4,7 @@ import type { App } from '../../data/apps/types';
 import { appsRepository } from '../../data/apps/repository';
 import { agentRepository } from '../../data/agent/repository';
 import type { AttachmentMeta } from '../../data/attachment/types';
+import { trackEditApp, trackRemixApp } from '../analytics/track';
 
 function sleep(ms: number): Promise<void> {
   return new Promise((resolve) => setTimeout(resolve, ms));
@@ -104,14 +105,22 @@ export function useStudioActions({
 
       setSending(true);
       setError(null);
+      let forkSucceeded = false;
       try {
         let targetApp = app;
+        const sourceAppId = app.id;
 
         if (shouldForkOnEdit) {
           setForking(true);
-          const sourceAppId = app.id;
           const forked = await appsRepository.fork(app.id, {});
           targetApp = forked;
+          await trackRemixApp({
+            appId: forked.id,
+            sourceAppId,
+            threadId: forked.threadId ?? undefined,
+            success: true,
+          });
+          forkSucceeded = true;
           // For fork+edit, keep rendering the original app until the edit completes on the fork.
           onForkedApp?.(forked.id, { keepRenderingAppId: sourceAppId });
         }
@@ -143,9 +152,33 @@ export function useStudioActions({
           queueItemId: editResult.queueItemId ?? null,
           queuePosition: editResult.queuePosition ?? null,
         });
+        await trackEditApp({
+          appId: targetApp.id,
+          threadId,
+          promptLength: prompt.trim().length,
+          success: true,
+        });
       } catch (e) {
         const err = e instanceof Error ? e : new Error(String(e));
         setError(err);
+        if (shouldForkOnEdit && !forkSucceeded && app?.id) {
+          await trackRemixApp({
+            appId: app.id,
+            sourceAppId: app.id,
+            threadId: app.threadId ?? undefined,
+            success: false,
+            error: err,
+          });
+        }
+        if (app?.id && app.threadId) {
+          await trackEditApp({
+            appId: app.id,
+            threadId: app.threadId,
+            promptLength: prompt.trim().length,
+            success: false,
+            error: err,
+          });
+        }
         throw err;
       } finally {
         setForking(false);

package/src/studio/ui/ChatPanel.tsx

@@ -12,6 +12,10 @@ import { Text } from '../../components/primitives/Text';
 import type { ChatMessage } from '../../components/models/types';
 import type { EditQueueItem } from '../../data/apps/edit-queue/types';
 import { ChatQueue } from '../../components/chat/ChatQueue';
+import { AgentProgressCard } from '../../components/chat/AgentProgressCard';
+import { BundleProgressCard } from '../../components/chat/BundleProgressCard';
+import type { AgentRunProgressView } from '../hooks/useAgentRunProgress';
+import { useTheme } from '../../theme';
 
 export type ChatPanelProps = {
   title?: string;
@@ -34,6 +38,7 @@ export type ChatPanelProps = {
   isRetryingMessage?: (messageId: string) => boolean;
   queueItems?: EditQueueItem[];
   onRemoveQueueItem?: (id: string) => void;
+  progress?: AgentRunProgressView | null;
 };
 
 export function ChatPanel({
@@ -57,7 +62,9 @@ export function ChatPanel({
   isRetryingMessage,
   queueItems = [],
   onRemoveQueueItem,
+  progress = null,
 }: ChatPanelProps) {
+  const theme = useTheme();
   const listRef = React.useRef<ChatMessageListRef | null>(null);
   const [nearBottom, setNearBottom] = React.useState(true);
 
@@ -131,8 +138,12 @@ export function ChatPanel({
     );
   }
 
-  const queueTop = queueItems.length > 0 ? (
-    <ChatQueue items={queueItems} onRemove={onRemoveQueueItem} />
+  const bundleProgress = progress?.bundle ?? null;
+  const queueTop = progress || queueItems.length > 0 ? (
+    <View style={{ gap: theme.spacing.sm }}>
+      {progress ? (bundleProgress ? <BundleProgressCard progress={bundleProgress} /> : <AgentProgressCard progress={progress} />) : null}
+      {queueItems.length > 0 ? <ChatQueue items={queueItems} onRemove={onRemoveQueueItem} /> : null}
+    </View>
   ) : null;
 
   return (

package/src/studio/ui/PreviewPanel.tsx

@@ -12,6 +12,7 @@ import { PreviewMetaSection } from './preview-panel/PreviewMetaSection';
 import { PreviewCustomizeSection } from './preview-panel/PreviewCustomizeSection';
 import { PreviewCollaborateSection } from './preview-panel/PreviewCollaborateSection';
 import { usePreviewPanelData } from './preview-panel/usePreviewPanelData';
+import { trackShareApp } from '../analytics/track';
 
 export type PreviewPanelProps = {
   app: App | null;
@@ -84,8 +85,17 @@ export function PreviewPanel({
               url: shareUrl,
             };
       await Share.share(payload);
+      await trackShareApp({
+        appId: app.id,
+        success: true,
+      });
     } catch (error) {
       log.warn('PreviewPanel share failed', error);
+      await trackShareApp({
+        appId: app.id,
+        success: false,
+        error,
+      });
     }
   }, [app]);
 

package/src/studio/ui/RuntimeRenderer.tsx

@@ -8,6 +8,10 @@ import { Text } from '../../components/primitives/Text';
 export type RuntimeRendererProps = {
   appKey: string;
   bundlePath: string | null;
+  /**
+   * Loading text shown while runtime cannot render a bundle yet.
+   */
+  preparingText?: string;
   /**
    * When true, show the "Preparing app…" UI even if a previous bundle is available.
    * Used to avoid briefly rendering an outdated bundle during post-edit base refresh.
@@ -28,6 +32,7 @@ export type RuntimeRendererProps = {
 export function RuntimeRenderer({
   appKey,
   bundlePath,
+  preparingText,
   forcePreparing,
   renderToken,
   style,
@@ -48,7 +53,7 @@ export function RuntimeRenderer({
 
     return (
       <View style={[{ flex: 1, justifyContent: 'center', alignItems: 'center', padding: 24 }, style]}>
-        <Text variant="bodyMuted">Preparing app…</Text>
+        <Text variant="bodyMuted">{preparingText ?? 'Preparing app…'}</Text>
       </View>
     );
   }

package/src/studio/ui/StudioOverlay.tsx

@@ -64,6 +64,7 @@ export type StudioOverlayProps = {
   onSendChat: (text: string, attachments?: string[]) => void | Promise<void>;
   chatQueueItems?: import('../../data/apps/edit-queue/types').EditQueueItem[];
   onRemoveQueueItem?: (id: string) => void;
+  chatProgress?: import('../hooks/useAgentRunProgress').AgentRunProgressView | null;
 
   // Navigation callbacks
   onNavigateHome?: () => void;
@@ -105,6 +106,7 @@ export function StudioOverlay({
   onSendChat,
   chatQueueItems,
   onRemoveQueueItem,
+  chatProgress,
   onNavigateHome,
   showBubble,
   studioControlOptions,
@@ -287,6 +289,7 @@ export function StudioOverlay({
               isRetryingMessage={optimistic.isRetrying}
               queueItems={queueItemsForChat}
               onRemoveQueueItem={onRemoveQueueItem}
+              progress={chatProgress}
             />
           }
         />

package/src/studio/ui/preview-panel/usePreviewPanelData.ts

@@ -104,6 +104,7 @@ export function usePreviewPanelData(params: {
     initialComments: commentCountOverride ?? insights.comments,
     initialIsLiked: Boolean(app?.isLiked),
     onOpenComments,
+    interactionSource: 'preview_panel',
   });
 
   const canSubmitMergeRequest = React.useMemo(() => {