@comergehq/studio 0.1.20 → 0.1.22

package/dist/index.js

@@ -549,6 +549,12 @@ var AppsRemoteDataSourceImpl = class extends BaseRemote {
     );
     return data;
   }
+  async syncUpstream(appId) {
+    const { data } = await api.post(
+      `/v1/apps/${encodeURIComponent(appId)}/sync-upstream`
+    );
+    return data;
+  }
 };
 var appsRemoteDataSource = new AppsRemoteDataSourceImpl();
 
@@ -561,6 +567,95 @@ var BaseRepository = class {
   }
 };
 
+// src/core/services/supabase/realtimeManager.ts
+var INITIAL_BACKOFF_MS = 1e3;
+var MAX_BACKOFF_MS = 3e4;
+var realtimeLog = log.extend("realtime");
+var entries = /* @__PURE__ */ new Map();
+var subscriberIdCounter = 0;
+function clearTimer(entry) {
+  if (!entry.timer) return;
+  clearTimeout(entry.timer);
+  entry.timer = null;
+}
+function buildChannel(entry) {
+  const supabase = getSupabaseClient();
+  const channel = supabase.channel(entry.key);
+  entry.subscribers.forEach((configure) => {
+    configure(channel);
+  });
+  return channel;
+}
+function scheduleResubscribe(entry, reason) {
+  if (entry.timer) return;
+  const delay = entry.backoffMs;
+  entry.backoffMs = Math.min(entry.backoffMs * 2, MAX_BACKOFF_MS);
+  realtimeLog.warn(`[realtime] channel ${entry.key} ${reason}; resubscribe in ${delay}ms`);
+  entry.timer = setTimeout(() => {
+    entry.timer = null;
+    if (!entries.has(entry.key)) return;
+    if (entry.subscribers.size === 0) return;
+    subscribeChannel(entry);
+  }, delay);
+}
+function handleStatus(entry, status) {
+  if (status === "SUBSCRIBED") {
+    entry.backoffMs = INITIAL_BACKOFF_MS;
+    clearTimer(entry);
+    return;
+  }
+  if (status === "CLOSED" || status === "TIMED_OUT" || status === "CHANNEL_ERROR") {
+    scheduleResubscribe(entry, status);
+  }
+}
+function subscribeChannel(entry) {
+  try {
+    const supabase = getSupabaseClient();
+    if (entry.channel) supabase.removeChannel(entry.channel);
+    const channel = buildChannel(entry);
+    entry.channel = channel;
+    channel.subscribe((status) => handleStatus(entry, status));
+  } catch (error) {
+    realtimeLog.warn("[realtime] subscribe failed", error);
+    scheduleResubscribe(entry, "SUBSCRIBE_FAILED");
+  }
+}
+function subscribeManagedChannel(key, configure) {
+  let entry = entries.get(key);
+  if (!entry) {
+    entry = {
+      key,
+      channel: null,
+      subscribers: /* @__PURE__ */ new Map(),
+      backoffMs: INITIAL_BACKOFF_MS,
+      timer: null
+    };
+    entries.set(key, entry);
+  }
+  const subscriberId = ++subscriberIdCounter;
+  entry.subscribers.set(subscriberId, configure);
+  if (!entry.channel) {
+    subscribeChannel(entry);
+  } else {
+    configure(entry.channel);
+  }
+  return () => {
+    const current = entries.get(key);
+    if (!current) return;
+    current.subscribers.delete(subscriberId);
+    if (current.subscribers.size === 0) {
+      clearTimer(current);
+      try {
+        if (current.channel) getSupabaseClient().removeChannel(current.channel);
+      } finally {
+        entries.delete(key);
+      }
+      return;
+    }
+    subscribeChannel(current);
+  };
+}
+
 // src/data/apps/repository.ts
 function mapDbAppRow(row) {
   return {
@@ -627,6 +722,10 @@ var AppsRepositoryImpl = class extends BaseRepository {
     const res = await this.remote.importFromGithub(payload);
     return this.unwrapOrThrow(res);
   }
+  async syncUpstream(appId) {
+    const res = await this.remote.syncUpstream(appId);
+    return this.unwrapOrThrow(res);
+  }
   subscribeCreatedApps(userId, handlers) {
     if (!userId) return () => {
     };
@@ -638,35 +737,33 @@ var AppsRepositoryImpl = class extends BaseRepository {
     return this.subscribeToAppChannel(`apps:id:${appId}`, `id=eq.${appId}`, handlers);
   }
   subscribeToAppChannel(channelKey, filter, handlers) {
-    const supabase = getSupabaseClient();
-    const channel = supabase.channel(channelKey).on(
-      "postgres_changes",
-      { event: "INSERT", schema: "public", table: "app", filter },
-      (payload) => {
-        var _a;
-        console.log("[subscribeToAppChannel] onInsert", payload);
-        (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.new));
-      }
-    ).on(
-      "postgres_changes",
-      { event: "UPDATE", schema: "public", table: "app", filter },
-      (payload) => {
-        var _a;
-        console.log("[subscribeToAppChannel] onUpdate", payload);
-        (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.new));
-      }
-    ).on(
-      "postgres_changes",
-      { event: "DELETE", schema: "public", table: "app", filter },
-      (payload) => {
-        var _a;
-        console.log("[subscribeToAppChannel] onDelete", payload);
-        (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.old));
-      }
-    ).subscribe();
-    return () => {
-      supabase.removeChannel(channel);
-    };
+    return subscribeManagedChannel(channelKey, (channel) => {
+      channel.on(
+        "postgres_changes",
+        { event: "INSERT", schema: "public", table: "app", filter },
+        (payload) => {
+          var _a;
+          console.log("[subscribeToAppChannel] onInsert", payload);
+          (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.new));
+        }
+      ).on(
+        "postgres_changes",
+        { event: "UPDATE", schema: "public", table: "app", filter },
+        (payload) => {
+          var _a;
+          console.log("[subscribeToAppChannel] onUpdate", payload);
+          (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.new));
+        }
+      ).on(
+        "postgres_changes",
+        { event: "DELETE", schema: "public", table: "app", filter },
+        (payload) => {
+          var _a;
+          console.log("[subscribeToAppChannel] onDelete", payload);
+          (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapDbAppRow(payload.old));
+        }
+      );
+    });
   }
 };
 var appsRepository = new AppsRepositoryImpl(appsRemoteDataSource);
@@ -797,35 +894,33 @@ var MessagesRepositoryImpl = class extends BaseRepository {
     return this.unwrapOrThrow(res);
   }
   subscribeThread(threadId, handlers) {
-    const supabase = getSupabaseClient();
-    const channel = supabase.channel(`messages:thread:${threadId}`).on(
-      "postgres_changes",
-      { event: "INSERT", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
-      (payload) => {
-        var _a;
-        const row = payload.new;
-        (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
-      }
-    ).on(
-      "postgres_changes",
-      { event: "UPDATE", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
-      (payload) => {
-        var _a;
-        const row = payload.new;
-        (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
-      }
-    ).on(
-      "postgres_changes",
-      { event: "DELETE", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
-      (payload) => {
-        var _a;
-        const row = payload.old;
-        (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
-      }
-    ).subscribe();
-    return () => {
-      supabase.removeChannel(channel);
-    };
+    return subscribeManagedChannel(`messages:thread:${threadId}`, (channel) => {
+      channel.on(
+        "postgres_changes",
+        { event: "INSERT", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
+        (payload) => {
+          var _a;
+          const row = payload.new;
+          (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
+        }
+      ).on(
+        "postgres_changes",
+        { event: "UPDATE", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
+        (payload) => {
+          var _a;
+          const row = payload.new;
+          (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
+        }
+      ).on(
+        "postgres_changes",
+        { event: "DELETE", schema: "public", table: "message", filter: `thread_id=eq.${threadId}` },
+        (payload) => {
+          var _a;
+          const row = payload.old;
+          (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapDbRowToMessage(row));
+        }
+      );
+    });
   }
 };
 var messagesRepository = new MessagesRepositoryImpl(messagesRemoteDataSource);
@@ -5390,6 +5485,9 @@ function ReviewMergeRequestCarousel({
 var import_jsx_runtime44 = require("react/jsx-runtime");
 function PreviewCollaborateSection({
   canSubmitMergeRequest,
+  canSyncUpstream,
+  syncingUpstream,
+  upstreamSyncStatus,
   incomingMergeRequests,
   outgoingMergeRequests,
   creatorStatsById,
@@ -5398,15 +5496,18 @@ function PreviewCollaborateSection({
   testingMrId,
   toMergeRequestSummary,
   onSubmitMergeRequest,
+  onSyncUpstream,
   onRequestApprove,
   onReject,
   onTestMr
 }) {
   const theme = useTheme();
   const [submittingMr, setSubmittingMr] = React32.useState(false);
-  const hasSection = canSubmitMergeRequest || incomingMergeRequests.length > 0 || outgoingMergeRequests.length > 0;
+  const [syncingLocal, setSyncingLocal] = React32.useState(false);
+  const hasSection = canSubmitMergeRequest || canSyncUpstream || incomingMergeRequests.length > 0 || outgoingMergeRequests.length > 0;
   if (!hasSection) return null;
-  const showActionsSubtitle = canSubmitMergeRequest && onSubmitMergeRequest || onTestMr && incomingMergeRequests.length > 0;
+  const isSyncing = Boolean(syncingUpstream || syncingLocal);
+  const showActionsSubtitle = canSubmitMergeRequest && onSubmitMergeRequest || canSyncUpstream && onSyncUpstream || onTestMr && incomingMergeRequests.length > 0;
   return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_jsx_runtime44.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SectionTitle, { marginTop: theme.spacing.xl, children: "Collaborate" }),
     showActionsSubtitle ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
@@ -5475,6 +5576,64 @@ function PreviewCollaborateSection({
         right: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react_native9.Send, { size: 16, color: "#03DAC6" })
       }
     ) : null,
+    canSyncUpstream && onSyncUpstream ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+      PressableCardRow,
+      {
+        accessibilityLabel: "Sync from original",
+        disabled: isSyncing,
+        onPress: () => {
+          import_react_native42.Alert.alert(
+            "Sync from Original",
+            "This will pull the latest upstream changes into your remix.",
+            [
+              { text: "Cancel", style: "cancel" },
+              {
+                text: "Sync",
+                style: "destructive",
+                onPress: () => {
+                  setSyncingLocal(true);
+                  Promise.resolve(onSyncUpstream()).then((result) => {
+                    if ((result == null ? void 0 : result.status) === "up-to-date") {
+                      import_react_native42.Alert.alert("Up to date", "Your remix already includes the latest upstream changes.");
+                    } else {
+                      import_react_native42.Alert.alert("Sync started", "Upstream changes are being merged into your remix.");
+                    }
+                  }).catch(() => {
+                    import_react_native42.Alert.alert("Sync failed", "We could not start the sync. Please try again.");
+                  }).finally(() => setSyncingLocal(false));
+                }
+              }
+            ]
+          );
+        },
+        style: {
+          padding: theme.spacing.lg,
+          borderRadius: theme.radii.lg,
+          backgroundColor: withAlpha(theme.colors.surfaceRaised, 0.5),
+          borderWidth: 1,
+          borderColor: withAlpha(theme.colors.primary, 0.25),
+          marginBottom: theme.spacing.sm
+        },
+        left: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          import_react_native42.View,
+          {
+            style: {
+              width: 40,
+              height: 40,
+              borderRadius: 999,
+              alignItems: "center",
+              justifyContent: "center",
+              backgroundColor: withAlpha(theme.colors.primary, 0.12),
+              marginRight: theme.spacing.lg
+            },
+            children: isSyncing ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_native42.ActivityIndicator, { color: theme.colors.primary, size: "small" }) : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react_native9.RefreshCw, { size: 18, color: theme.colors.primary })
+          }
+        ),
+        title: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text, { style: { color: theme.colors.text, fontSize: 16, lineHeight: 20, fontWeight: theme.typography.fontWeight.semibold }, children: "Sync from Original" }),
+        subtitle: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Text, { style: { color: theme.colors.textMuted, fontSize: 12, lineHeight: 16, marginTop: 2 }, children: isSyncing ? "Syncing upstream changes..." : upstreamSyncStatus === "up-to-date" ? "You are already up to date with the original app" : "Pull the latest upstream changes into this remix" }),
+        right: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react_native9.RefreshCw, { size: 16, color: theme.colors.primary })
+      }
+    ) : null,
     onTestMr && incomingMergeRequests.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       ReviewMergeRequestCarousel,
       {
@@ -5782,6 +5941,12 @@ function usePreviewPanelData(params) {
     if (app.headCommitId && app.forkedFromCommitId && app.headCommitId !== app.forkedFromCommitId) return true;
     return false;
   }, [app, isOwner, outgoingMergeRequests]);
+  const canSyncUpstream = React34.useMemo(() => {
+    if (!isOwner) return false;
+    if (!app) return false;
+    if (!app.forkedFromAppId) return false;
+    return app.status === "ready";
+  }, [app, isOwner]);
   const showProcessing = app ? app.status !== "ready" : false;
   return {
     imageUrl,
@@ -5791,7 +5956,8 @@ function usePreviewPanelData(params) {
     insights,
     stats,
     showProcessing,
-    canSubmitMergeRequest
+    canSubmitMergeRequest,
+    canSyncUpstream
   };
 }
 
@@ -5814,6 +5980,9 @@ function PreviewPanel({
   onGoToChat,
   onStartDraw,
   onSubmitMergeRequest,
+  onSyncUpstream,
+  syncingUpstream,
+  upstreamSyncStatus,
   onRequestApprove,
   onReject,
   onTestMr,
@@ -5841,7 +6010,17 @@ ${shareUrl}`;
       log.warn("PreviewPanel share failed", error);
     }
   }, [app]);
-  const { imageUrl, imageLoaded, setImageLoaded, creator, insights, stats, showProcessing, canSubmitMergeRequest } = usePreviewPanelData({
+  const {
+    imageUrl,
+    imageLoaded,
+    setImageLoaded,
+    creator,
+    insights,
+    stats,
+    showProcessing,
+    canSubmitMergeRequest,
+    canSyncUpstream
+  } = usePreviewPanelData({
     app,
     isOwner,
     outgoingMergeRequests,
@@ -5901,6 +6080,9 @@ ${shareUrl}`;
       PreviewCollaborateSection,
       {
         canSubmitMergeRequest,
+        canSyncUpstream,
+        syncingUpstream,
+        upstreamSyncStatus,
         incomingMergeRequests,
         outgoingMergeRequests,
         creatorStatsById,
@@ -5909,6 +6091,7 @@ ${shareUrl}`;
         testingMrId,
         toMergeRequestSummary,
         onSubmitMergeRequest,
+        onSyncUpstream,
         onRequestApprove,
         onReject,
         onTestMr
@@ -5943,6 +6126,8 @@ function ChatMessageBubble({ message, renderContent, style }) {
   const isMergeApproved = metaEvent === "merge_request.approved";
   const isMergeRejected = metaEvent === "merge_request.rejected";
   const isMergeCompleted = metaEvent === "merge.completed";
+  const isSyncStarted = metaEvent === "sync.started";
+  const isSyncCompleted = metaEvent === "sync.completed";
   const isHuman = message.author === "human" || isMergeApproved || isMergeRejected;
   const align = { alignSelf: isHuman ? "flex-end" : "flex-start" };
   const bubbleVariant = isHuman ? "surface" : "surfaceRaised";
@@ -5964,8 +6149,8 @@ function ChatMessageBubble({ message, renderContent, style }) {
         cornerStyle
       ],
       children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_react_native44.View, { style: { flexDirection: "row", alignItems: "center" }, children: [
-        isMergeCompleted ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react_native10.CheckCheck, { size: 16, color: theme.colors.success, style: { marginRight: theme.spacing.sm } }) : null,
-        isMergeApproved ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react_native10.GitMerge, { size: 16, color: theme.colors.text, style: { marginRight: theme.spacing.sm } }) : null,
+        isMergeCompleted || isSyncCompleted ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react_native10.CheckCheck, { size: 16, color: theme.colors.success, style: { marginRight: theme.spacing.sm } }) : null,
+        isMergeApproved || isSyncStarted ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react_native10.GitMerge, { size: 16, color: theme.colors.text, style: { marginRight: theme.spacing.sm } }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react_native44.View, { style: { flexShrink: 1, minWidth: 0 }, children: renderContent ? renderContent(message) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(MarkdownText, { markdown: message.content, variant: "chat", bodyColor }) })
       ] })
     }
@@ -6928,6 +7113,9 @@ function StudioOverlay({
   testingMrId,
   toMergeRequestSummary,
   onSubmitMergeRequest,
+  onSyncUpstream,
+  syncingUpstream,
+  upstreamSyncStatus,
   onApprove,
   onReject,
   onTestMr,
@@ -7072,6 +7260,9 @@ function StudioOverlay({
             onGoToChat: goToChat,
             onStartDraw: isOwner ? startDraw : void 0,
             onSubmitMergeRequest,
+            onSyncUpstream,
+            syncingUpstream,
+            upstreamSyncStatus,
             onRequestApprove: (mr) => setConfirmMrId(mr.id),
             onReject,
             onTestMr: handleTestMr,
@@ -7217,42 +7408,40 @@ var EditQueueRepositoryImpl = class extends BaseRepository {
     return this.unwrapOrThrow(res);
   }
   subscribeEditQueue(appId, handlers) {
-    const supabase = getSupabaseClient();
-    const channel = supabase.channel(`edit-queue:app:${appId}`).on(
-      "postgres_changes",
-      { event: "INSERT", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
-      (payload) => {
-        var _a;
-        const row = payload.new;
-        if (row.kind !== "edit") return;
-        const item = mapQueueItem(row);
-        if (!ACTIVE_STATUSES.includes(item.status)) return;
-        (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, item);
-      }
-    ).on(
-      "postgres_changes",
-      { event: "UPDATE", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
-      (payload) => {
-        var _a, _b;
-        const row = payload.new;
-        if (row.kind !== "edit") return;
-        const item = mapQueueItem(row);
-        if (ACTIVE_STATUSES.includes(item.status)) (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, item);
-        else (_b = handlers.onDelete) == null ? void 0 : _b.call(handlers, item);
-      }
-    ).on(
-      "postgres_changes",
-      { event: "DELETE", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
-      (payload) => {
-        var _a;
-        const row = payload.old;
-        if (row.kind !== "edit") return;
-        (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapQueueItem(row));
-      }
-    ).subscribe();
-    return () => {
-      supabase.removeChannel(channel);
-    };
+    return subscribeManagedChannel(`edit-queue:app:${appId}`, (channel) => {
+      channel.on(
+        "postgres_changes",
+        { event: "INSERT", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
+        (payload) => {
+          var _a;
+          const row = payload.new;
+          if (row.kind !== "edit") return;
+          const item = mapQueueItem(row);
+          if (!ACTIVE_STATUSES.includes(item.status)) return;
+          (_a = handlers.onInsert) == null ? void 0 : _a.call(handlers, item);
+        }
+      ).on(
+        "postgres_changes",
+        { event: "UPDATE", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
+        (payload) => {
+          var _a, _b;
+          const row = payload.new;
+          if (row.kind !== "edit") return;
+          const item = mapQueueItem(row);
+          if (ACTIVE_STATUSES.includes(item.status)) (_a = handlers.onUpdate) == null ? void 0 : _a.call(handlers, item);
+          else (_b = handlers.onDelete) == null ? void 0 : _b.call(handlers, item);
+        }
+      ).on(
+        "postgres_changes",
+        { event: "DELETE", schema: "public", table: "app_job_queue", filter: `app_id=eq.${appId}` },
+        (payload) => {
+          var _a;
+          const row = payload.old;
+          if (row.kind !== "edit") return;
+          (_a = handlers.onDelete) == null ? void 0 : _a.call(handlers, mapQueueItem(row));
+        }
+      );
+    });
   }
 };
 var editQueueRepository = new EditQueueRepositoryImpl(
@@ -7500,6 +7689,8 @@ function ComergeStudioInner({
   const chatSendDisabled = false;
   const [processingMrId, setProcessingMrId] = React47.useState(null);
   const [testingMrId, setTestingMrId] = React47.useState(null);
+  const [syncingUpstream, setSyncingUpstream] = React47.useState(false);
+  const [upstreamSyncStatus, setUpstreamSyncStatus] = React47.useState(null);
   const chatShowTypingIndicator = React47.useMemo(() => {
     var _a;
     if (!thread.raw || thread.raw.length === 0) return false;
@@ -7510,7 +7701,21 @@ function ComergeStudioInner({
   React47.useEffect(() => {
     updateLastEditQueueInfo(null);
     setSuppressQueueUntilResponse(false);
+    setUpstreamSyncStatus(null);
   }, [activeAppId, updateLastEditQueueInfo]);
+  const handleSyncUpstream = React47.useCallback(async () => {
+    if (!(app == null ? void 0 : app.id)) {
+      throw new Error("Missing app");
+    }
+    setSyncingUpstream(true);
+    try {
+      const result = await appsRepository.syncUpstream(activeAppId);
+      setUpstreamSyncStatus(result.status);
+      return result;
+    } finally {
+      setSyncingUpstream(false);
+    }
+  }, [activeAppId, app == null ? void 0 : app.id]);
   React47.useEffect(() => {
     if (!(lastEditQueueInfo == null ? void 0 : lastEditQueueInfo.queueItemId)) return;
     const stillPresent = editQueue.items.some((item) => item.id === lastEditQueueInfo.queueItemId);
@@ -7566,6 +7771,9 @@ function ComergeStudioInner({
         onSubmitMergeRequest: (app == null ? void 0 : app.forkedFromAppId) && actions.isOwner && !hasOpenOutgoingMr ? async () => {
           await mergeRequests.actions.openMergeRequest(activeAppId);
         } : void 0,
+        onSyncUpstream: actions.isOwner && (app == null ? void 0 : app.forkedFromAppId) ? handleSyncUpstream : void 0,
+        syncingUpstream,
+        upstreamSyncStatus,
         onApprove: async (mr) => {
           if (processingMrId) return;
           setProcessingMrId(mr.id);