@comergehq/studio 0.1.22 → 0.1.24

package/dist/index.mjs

@@ -363,6 +363,41 @@ var log = logger.createLogger(
 );
 
 // src/core/services/http/index.ts
+var RETRYABLE_MAX_ATTEMPTS = 3;
+var RETRYABLE_BASE_DELAY_MS = 500;
+var RETRYABLE_MAX_DELAY_MS = 4e3;
+var RETRYABLE_JITTER_MS = 250;
+function sleep(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function isRetryableNetworkError(e) {
+  var _a;
+  const err = e;
+  const code = typeof (err == null ? void 0 : err.code) === "string" ? err.code : "";
+  const message = typeof (err == null ? void 0 : err.message) === "string" ? err.message : "";
+  if (code === "ERR_NETWORK" || code === "ECONNABORTED") return true;
+  if (message.toLowerCase().includes("network error")) return true;
+  if (message.toLowerCase().includes("timeout")) return true;
+  const status = typeof ((_a = err == null ? void 0 : err.response) == null ? void 0 : _a.status) === "number" ? err.response.status : void 0;
+  if (status && (status === 429 || status >= 500)) return true;
+  return false;
+}
+function computeBackoffDelay(attempt) {
+  const exp = Math.min(RETRYABLE_MAX_DELAY_MS, RETRYABLE_BASE_DELAY_MS * Math.pow(2, attempt - 1));
+  const jitter = Math.floor(Math.random() * RETRYABLE_JITTER_MS);
+  return exp + jitter;
+}
+function parseRetryAfterMs(value) {
+  if (typeof value !== "string") return null;
+  const trimmed = value.trim();
+  if (!trimmed) return null;
+  const seconds = Number(trimmed);
+  if (!Number.isNaN(seconds) && seconds >= 0) return seconds * 1e3;
+  const parsed = Date.parse(trimmed);
+  if (Number.isNaN(parsed)) return null;
+  const delta = parsed - Date.now();
+  return delta > 0 ? delta : 0;
+}
 var createApiClient = (baseURL) => {
   const apiClient = axios2.create({
     baseURL,
@@ -420,7 +455,7 @@ var createApiClient = (baseURL) => {
       return response;
     },
     async (error) => {
-      var _a, _b, _c, _d, _e, _f, _g;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
       const originalRequest = error.config;
       log.error("Response Error:", {
         message: error.message,
@@ -456,6 +491,23 @@ var createApiClient = (baseURL) => {
           return Promise.reject(refreshErr);
         }
       }
+      const method = ((_h = originalRequest.method) == null ? void 0 : _h.toLowerCase()) ?? "";
+      const isGet = method === "get";
+      const retryable = isRetryableNetworkError(error);
+      const retryCount = originalRequest._retryCount ?? 0;
+      const skipRetry = originalRequest.skipRetry === true;
+      if (isGet && retryable && !skipRetry && retryCount < RETRYABLE_MAX_ATTEMPTS) {
+        const retryAfterMs = parseRetryAfterMs((_j = (_i = error.response) == null ? void 0 : _i.headers) == null ? void 0 : _j["retry-after"]);
+        originalRequest._retryCount = retryCount + 1;
+        const delayMs = retryAfterMs ?? computeBackoffDelay(retryCount + 1);
+        log.warn("Retrying GET request after transient error", {
+          url: originalRequest.url,
+          attempt: originalRequest._retryCount,
+          delayMs
+        });
+        await sleep(delayMs);
+        return apiClient(originalRequest);
+      }
       return Promise.reject(error);
     }
   );
@@ -590,6 +642,25 @@ function subscribeChannel(entry) {
     scheduleResubscribe(entry, "SUBSCRIBE_FAILED");
   }
 }
+function unsubscribeChannel(entry) {
+  var _a, _b;
+  if (!entry.channel) return;
+  try {
+    (_b = (_a = entry.channel).unsubscribe) == null ? void 0 : _b.call(_a);
+  } catch (error) {
+    realtimeLog.warn("[realtime] unsubscribe failed", error);
+  }
+  entry.channel = null;
+}
+function resetRealtimeState(reason) {
+  realtimeLog.warn(`[realtime] reset state ${reason}`);
+  entries.forEach((entry) => {
+    clearTimer(entry);
+    entry.backoffMs = INITIAL_BACKOFF_MS;
+    unsubscribeChannel(entry);
+  });
+  entries.clear();
+}
 function subscribeManagedChannel(key, configure) {
   let entry = entries.get(key);
   if (!entry) {
@@ -747,14 +818,12 @@ function useForegroundSignal(enabled = true) {
   React2.useEffect(() => {
     if (!enabled) return;
     const sub = AppState.addEventListener("change", (nextState) => {
-      var _a, _b;
       const prevState = lastStateRef.current;
       lastStateRef.current = nextState;
       const didResume = (prevState === "background" || prevState === "inactive") && nextState === "active";
       if (!didResume) return;
       try {
-        const supabase = getSupabaseClient();
-        (_b = (_a = supabase == null ? void 0 : supabase.realtime) == null ? void 0 : _a.connect) == null ? void 0 : _b.call(_a);
+        resetRealtimeState("APP_RESUME");
       } catch {
       }
       setSignal((s) => s + 1);
@@ -769,8 +838,13 @@ function useApp(appId, options) {
   const enabled = (options == null ? void 0 : options.enabled) ?? true;
   const [app, setApp] = React3.useState(null);
   const [loading, setLoading] = React3.useState(false);
+  const [refreshing, setRefreshing] = React3.useState(false);
   const [error, setError] = React3.useState(null);
   const foregroundSignal = useForegroundSignal(enabled && Boolean(appId));
+  const hasLoadedOnceRef = React3.useRef(false);
+  React3.useEffect(() => {
+    hasLoadedOnceRef.current = false;
+  }, [appId]);
   const mergeApp = React3.useCallback((prev, next) => {
     const merged = {
       ...prev ?? {},
@@ -780,21 +854,32 @@ function useApp(appId, options) {
     };
     return merged;
   }, []);
-  const fetchOnce = React3.useCallback(async () => {
+  const fetchOnce = React3.useCallback(async (opts) => {
     if (!enabled) return;
     if (!appId) return;
-    setLoading(true);
+    const isBackground = Boolean(opts == null ? void 0 : opts.background);
+    const useBackgroundRefresh = isBackground && hasLoadedOnceRef.current;
+    if (useBackgroundRefresh) {
+      setRefreshing(true);
+    } else {
+      setLoading(true);
+    }
     setError(null);
     try {
       const next = await appsRepository.getById(appId);
+      hasLoadedOnceRef.current = true;
       setApp((prev) => mergeApp(prev, next));
     } catch (e) {
       setError(e instanceof Error ? e : new Error(String(e)));
       setApp(null);
     } finally {
-      setLoading(false);
+      if (useBackgroundRefresh) {
+        setRefreshing(false);
+      } else {
+        setLoading(false);
+      }
     }
-  }, [appId, enabled]);
+  }, [appId, enabled, mergeApp]);
   React3.useEffect(() => {
     if (!enabled) return;
     void fetchOnce();
@@ -819,9 +904,9 @@ function useApp(appId, options) {
     if (!enabled) return;
     if (!appId) return;
     if (foregroundSignal <= 0) return;
-    void fetchOnce();
+    void fetchOnce({ background: true });
   }, [appId, enabled, fetchOnce, foregroundSignal]);
-  return { app, loading, error, refetch: fetchOnce };
+  return { app, loading, refreshing, error, refetch: fetchOnce };
 }
 
 // src/studio/hooks/useThreadMessages.ts
@@ -955,33 +1040,52 @@ function mapMessageToChatMessage(m) {
 function useThreadMessages(threadId) {
   const [raw, setRaw] = React4.useState([]);
   const [loading, setLoading] = React4.useState(false);
+  const [refreshing, setRefreshing] = React4.useState(false);
   const [error, setError] = React4.useState(null);
   const activeRequestIdRef = React4.useRef(0);
   const foregroundSignal = useForegroundSignal(Boolean(threadId));
+  const hasLoadedOnceRef = React4.useRef(false);
+  React4.useEffect(() => {
+    hasLoadedOnceRef.current = false;
+  }, [threadId]);
   const upsertSorted = React4.useCallback((prev, m) => {
     const next = prev.filter((x) => x.id !== m.id);
     next.push(m);
     next.sort(compareMessages);
     return next;
   }, []);
-  const refetch = React4.useCallback(async () => {
+  const refetch = React4.useCallback(async (opts) => {
     if (!threadId) {
       setRaw([]);
+      setLoading(false);
+      setRefreshing(false);
       return;
     }
     const requestId = ++activeRequestIdRef.current;
-    setLoading(true);
+    const isBackground = Boolean(opts == null ? void 0 : opts.background);
+    const useBackgroundRefresh = isBackground && hasLoadedOnceRef.current;
+    if (useBackgroundRefresh) {
+      setRefreshing(true);
+    } else {
+      setLoading(true);
+    }
     setError(null);
     try {
       const list = await messagesRepository.list(threadId);
       if (activeRequestIdRef.current !== requestId) return;
+      hasLoadedOnceRef.current = true;
       setRaw([...list].sort(compareMessages));
     } catch (e) {
       if (activeRequestIdRef.current !== requestId) return;
       setError(e instanceof Error ? e : new Error(String(e)));
       setRaw([]);
     } finally {
-      if (activeRequestIdRef.current === requestId) setLoading(false);
+      if (activeRequestIdRef.current !== requestId) return;
+      if (useBackgroundRefresh) {
+        setRefreshing(false);
+      } else {
+        setLoading(false);
+      }
     }
   }, [threadId]);
   React4.useEffect(() => {
@@ -999,14 +1103,14 @@ function useThreadMessages(threadId) {
   React4.useEffect(() => {
     if (!threadId) return;
     if (foregroundSignal <= 0) return;
-    void refetch();
+    void refetch({ background: true });
   }, [foregroundSignal, refetch, threadId]);
   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 };
+  return { raw, messages, loading, refreshing, error, refetch };
 }
 
 // src/studio/hooks/useBundleManager.ts
@@ -1026,21 +1130,22 @@ var BundlesRemoteDataSourceImpl = class extends BaseRemote {
   }
   async getById(appId, bundleId) {
     const { data } = await api.get(
-      `/v1/apps/${encodeURIComponent(appId)}/bundles/${encodeURIComponent(bundleId)}`
+      `/v1/apps/${encodeURIComponent(appId)}/bundles/${encodeURIComponent(bundleId)}`,
+      { skipRetry: true }
     );
     return data;
   }
   async getSignedDownloadUrl(appId, bundleId, options) {
     const { data } = await api.get(
       `/v1/apps/${encodeURIComponent(appId)}/bundles/${encodeURIComponent(bundleId)}/download`,
-      { params: { redirect: (options == null ? void 0 : options.redirect) ?? false } }
+      { params: { redirect: (options == null ? void 0 : options.redirect) ?? false }, skipRetry: true }
     );
     return data;
   }
   async getSignedAssetsDownloadUrl(appId, bundleId, options) {
     const { data } = await api.get(
       `/v1/apps/${encodeURIComponent(appId)}/bundles/${encodeURIComponent(bundleId)}/assets/download`,
-      { params: { redirect: (options == null ? void 0 : options.redirect) ?? false, kind: options == null ? void 0 : options.kind } }
+      { params: { redirect: (options == null ? void 0 : options.redirect) ?? false, kind: options == null ? void 0 : options.kind }, skipRetry: true }
     );
     return data;
   }
@@ -1073,10 +1178,10 @@ var BundlesRepositoryImpl = class extends BaseRepository {
 var bundlesRepository = new BundlesRepositoryImpl(bundlesRemoteDataSource);
 
 // src/studio/hooks/useBundleManager.ts
-function sleep(ms) {
+function sleep2(ms) {
   return new Promise((r) => setTimeout(r, ms));
 }
-function isRetryableNetworkError(e) {
+function isRetryableNetworkError2(e) {
   var _a;
   const err = e;
   const code = typeof (err == null ? void 0 : err.code) === "string" ? err.code : "";
@@ -1095,13 +1200,13 @@ async function withRetry(fn, opts) {
       return await fn();
     } catch (e) {
       lastErr = e;
-      const retryable = isRetryableNetworkError(e);
+      const retryable = isRetryableNetworkError2(e);
       if (!retryable || attempt >= opts.attempts) {
         throw e;
       }
       const exp = Math.min(opts.maxDelayMs, opts.baseDelayMs * Math.pow(2, attempt - 1));
       const jitter = Math.floor(Math.random() * 250);
-      await sleep(exp + jitter);
+      await sleep2(exp + jitter);
     }
   }
   throw lastErr;
@@ -1378,14 +1483,14 @@ async function pollBundle(appId, bundleId, opts) {
       const bundle = await bundlesRepository.getById(appId, bundleId);
       if (bundle.status === "succeeded" || bundle.status === "failed") return bundle;
     } catch (e) {
-      if (!isRetryableNetworkError(e)) {
+      if (!isRetryableNetworkError2(e)) {
         throw e;
       }
     }
     if (Date.now() - start > opts.timeoutMs) {
       throw new Error("Bundle build timed out.");
     }
-    await sleep(opts.intervalMs);
+    await sleep2(opts.intervalMs);
   }
 }
 async function resolveBundlePath(src, platform, mode) {
@@ -1454,6 +1559,7 @@ function useBundleManager({
   const baseOpIdRef = React5.useRef(0);
   const testOpIdRef = React5.useRef(0);
   const activeLoadModeRef = React5.useRef(null);
+  const desiredModeRef = React5.useRef("base");
   const canRequestLatestRef = React5.useRef(canRequestLatest);
   React5.useEffect(() => {
     canRequestLatestRef.current = canRequestLatest;
@@ -1541,6 +1647,10 @@ function useBundleManager({
   );
   const load = React5.useCallback(async (src, mode) => {
     if (!src.appId) return;
+    if (mode === "test") {
+      desiredModeRef.current = "test";
+      baseOpIdRef.current += 1;
+    }
     const canRequestLatest2 = canRequestLatestRef.current;
     if (mode === "base" && !canRequestLatest2) {
       await activateCachedBase(src.appId);
@@ -1552,13 +1662,14 @@ function useBundleManager({
     setLoadingMode(mode);
     setError(null);
     setStatusLabel(mode === "test" ? "Loading test bundle\u2026" : "Loading latest build\u2026");
-    if (mode === "base") {
+    if (mode === "base" && desiredModeRef.current === "base") {
       void activateCachedBase(src.appId);
     }
     try {
       const { bundlePath: path, bundle } = await resolveBundlePath(src, platform, mode);
       if (mode === "base" && opId !== baseOpIdRef.current) return;
       if (mode === "test" && opId !== testOpIdRef.current) return;
+      if (desiredModeRef.current !== mode) return;
       setBundlePath(path);
       const fingerprint = bundle.checksumSha256 ?? `id:${bundle.id}`;
       const shouldSkipInitialBaseRemount = mode === "base" && initialHydratedBaseFromDiskRef.current && !hasCompletedFirstNetworkBaseLoadRef.current && Boolean(lastBaseFingerprintRef.current) && lastBaseFingerprintRef.current === fingerprint;
@@ -1614,6 +1725,8 @@ function useBundleManager({
   const restoreBase = React5.useCallback(async () => {
     const src = baseRef.current;
     if (!src.appId) return;
+    desiredModeRef.current = "base";
+    testOpIdRef.current += 1;
     await activateCachedBase(src.appId);
     if (canRequestLatestRef.current) {
       await load(src, "base");
@@ -1775,9 +1888,12 @@ function useMergeRequests(params) {
   const { appId } = params;
   const [incoming, setIncoming] = React6.useState([]);
   const [outgoing, setOutgoing] = React6.useState([]);
-  const [loading, setLoading] = React6.useState(false);
+  const [loading, setLoading] = React6.useState(() => Boolean(appId));
   const [error, setError] = React6.useState(null);
   const [creatorStatsById, setCreatorStatsById] = React6.useState({});
+  React6.useEffect(() => {
+    setLoading(Boolean(appId));
+  }, [appId]);
   const pollUntilMerged = React6.useCallback(async (mrId) => {
     const startedAt = Date.now();
     const timeoutMs = 2 * 60 * 1e3;
@@ -1793,6 +1909,7 @@ function useMergeRequests(params) {
       setIncoming([]);
       setOutgoing([]);
       setCreatorStatsById({});
+      setLoading(false);
       return;
     }
     setLoading(true);
@@ -2027,6 +2144,45 @@ var AgentRepositoryImpl = class extends BaseRepository {
 var agentRepository = new AgentRepositoryImpl(agentRemoteDataSource);
 
 // src/studio/hooks/useStudioActions.ts
+function sleep3(ms) {
+  return new Promise((resolve) => setTimeout(resolve, ms));
+}
+function isRetryableNetworkError3(e) {
+  var _a;
+  const err = e;
+  const code = typeof (err == null ? void 0 : err.code) === "string" ? err.code : "";
+  const message = typeof (err == null ? void 0 : err.message) === "string" ? err.message : "";
+  if (code === "ERR_NETWORK" || code === "ECONNABORTED") return true;
+  if (message.toLowerCase().includes("network error")) return true;
+  if (message.toLowerCase().includes("timeout")) return true;
+  const status = typeof ((_a = err == null ? void 0 : err.response) == null ? void 0 : _a.status) === "number" ? err.response.status : void 0;
+  if (status && (status === 429 || status >= 500)) return true;
+  return false;
+}
+async function withRetry2(fn, opts) {
+  let lastErr = null;
+  for (let attempt = 1; attempt <= opts.attempts; attempt += 1) {
+    try {
+      return await fn();
+    } catch (e) {
+      lastErr = e;
+      const retryable = isRetryableNetworkError3(e);
+      if (!retryable || attempt >= opts.attempts) {
+        throw e;
+      }
+      const exp = Math.min(opts.maxDelayMs, opts.baseDelayMs * Math.pow(2, attempt - 1));
+      const jitter = Math.floor(Math.random() * 250);
+      await sleep3(exp + jitter);
+    }
+  }
+  throw lastErr;
+}
+function generateIdempotencyKey() {
+  var _a, _b;
+  const rnd = (_b = (_a = globalThis.crypto) == null ? void 0 : _a.randomUUID) == null ? void 0 : _b.call(_a);
+  if (rnd) return `edit:${rnd}`;
+  return `edit:${Date.now()}-${Math.random().toString(16).slice(2)}`;
+}
 function useStudioActions({
   userId,
   app,
@@ -2065,12 +2221,19 @@ function useStudioActions({
         if (attachments && attachments.length > 0 && uploadAttachments) {
           attachmentMetas = await uploadAttachments({ threadId, appId: targetApp.id, dataUrls: attachments });
         }
-        const editResult = await agentRepository.editApp({
-          prompt,
-          thread_id: threadId,
-          app_id: targetApp.id,
-          attachments: attachmentMetas && attachmentMetas.length > 0 ? attachmentMetas : void 0
-        });
+        const idempotencyKey = generateIdempotencyKey();
+        const editResult = await withRetry2(
+          async () => {
+            return await agentRepository.editApp({
+              prompt,
+              thread_id: threadId,
+              app_id: targetApp.id,
+              attachments: attachmentMetas && attachmentMetas.length > 0 ? attachmentMetas : void 0,
+              idempotencyKey
+            });
+          },
+          { attempts: 3, baseDelayMs: 500, maxDelayMs: 4e3 }
+        );
         onEditQueued == null ? void 0 : onEditQueued({
           queueItemId: editResult.queueItemId ?? null,
           queuePosition: editResult.queuePosition ?? null
@@ -2128,12 +2291,14 @@ function RuntimeRenderer({
 
 // src/studio/ui/StudioOverlay.tsx
 import * as React44 from "react";
-import { Keyboard as Keyboard5, Platform as Platform11, View as View45, useWindowDimensions as useWindowDimensions4 } from "react-native";
+import { Keyboard as Keyboard4, Platform as Platform10, View as View45, useWindowDimensions as useWindowDimensions4 } from "react-native";
 
 // src/components/studio-sheet/StudioBottomSheet.tsx
 import * as React12 from "react";
 import { AppState as AppState3, Keyboard, View as View4 } from "react-native";
-import BottomSheet from "@gorhom/bottom-sheet";
+import {
+  BottomSheetModal
+} from "@gorhom/bottom-sheet";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 // src/components/studio-sheet/StudioSheetBackground.tsx
@@ -2252,25 +2417,16 @@ function StudioBottomSheet({
   const insets = useSafeAreaInsets();
   const internalSheetRef = React12.useRef(null);
   const resolvedSheetRef = sheetRef ?? internalSheetRef;
-  const currentIndexRef = React12.useRef(open ? snapPoints.length - 1 : -1);
+  const resolvedSnapPoints = React12.useMemo(() => [...snapPoints], [snapPoints]);
+  const currentIndexRef = React12.useRef(open ? resolvedSnapPoints.length - 1 : -1);
   const lastAppStateRef = React12.useRef(AppState3.currentState);
   React12.useEffect(() => {
     const sub = AppState3.addEventListener("change", (state) => {
-      const prev = lastAppStateRef.current;
       lastAppStateRef.current = state;
       if (state === "background" || state === "inactive") {
         Keyboard.dismiss();
         return;
       }
-      if (state !== "active") return;
-      const sheet = resolvedSheetRef.current;
-      if (!sheet) return;
-      const idx = currentIndexRef.current;
-      if (open && idx >= 0) {
-        Keyboard.dismiss();
-        requestAnimationFrame(() => sheet.snapToIndex(idx));
-        setTimeout(() => sheet.snapToIndex(idx), 120);
-      }
     });
     return () => sub.remove();
   }, [open, resolvedSheetRef]);
@@ -2278,11 +2434,11 @@ function StudioBottomSheet({
     const sheet = resolvedSheetRef.current;
     if (!sheet) return;
     if (open) {
-      sheet.snapToIndex(snapPoints.length - 1);
+      sheet.present();
     } else {
-      sheet.close();
+      sheet.dismiss();
     }
-  }, [open, resolvedSheetRef, snapPoints.length]);
+  }, [open, resolvedSheetRef, resolvedSnapPoints.length]);
   const handleChange = React12.useCallback(
     (index) => {
       currentIndexRef.current = index;
@@ -2291,21 +2447,24 @@ function StudioBottomSheet({
     [onOpenChange]
   );
   return /* @__PURE__ */ jsx7(
-    BottomSheet,
+    BottomSheetModal,
     {
       ref: resolvedSheetRef,
-      index: open ? snapPoints.length - 1 : -1,
-      snapPoints,
+      index: resolvedSnapPoints.length - 1,
+      snapPoints: resolvedSnapPoints,
       enableDynamicSizing: false,
       enablePanDownToClose: true,
       enableContentPanningGesture: false,
+      keyboardBehavior: "interactive",
+      keyboardBlurBehavior: "restore",
       android_keyboardInputMode: "adjustResize",
       backgroundComponent: (props) => /* @__PURE__ */ jsx7(StudioSheetBackground, { ...props, renderBackground: background == null ? void 0 : background.renderBackground }),
       topInset: insets.top,
       bottomInset: 0,
       handleIndicatorStyle: { backgroundColor: theme.colors.handleIndicator },
-      onChange: handleChange,
       ...bottomSheetProps,
+      onChange: handleChange,
+      onDismiss: () => onOpenChange == null ? void 0 : onOpenChange(false),
       children: /* @__PURE__ */ jsx7(View4, { style: { flex: 1, overflow: "hidden" }, children })
     }
   );
@@ -2366,7 +2525,7 @@ function StudioSheetPager({ activePage, width, preview, chat, style }) {
 }
 
 // src/components/bubble/Bubble.tsx
-import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo3, useRef as useRef7 } from "react";
+import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo4, useRef as useRef8 } from "react";
 import {
   PanResponder,
   Pressable,
@@ -2400,6 +2559,21 @@ var ENTER_SCALE_FROM = 0.3;
 var ENTER_ROTATION_FROM_DEG = -180;
 var PULSE_DURATION_MS = 900;
 
+// src/components/utils/color.ts
+function withAlpha(color, alpha) {
+  const a = Math.max(0, Math.min(1, alpha));
+  const hex = color.trim();
+  if (!hex.startsWith("#")) return color;
+  const raw = hex.slice(1);
+  const expanded = raw.length === 3 ? raw.split("").map((c) => c + c).join("") : raw;
+  if (expanded.length !== 6) return color;
+  const r = Number.parseInt(expanded.slice(0, 2), 16);
+  const g = Number.parseInt(expanded.slice(2, 4), 16);
+  const b = Number.parseInt(expanded.slice(4, 6), 16);
+  if ([r, g, b].some((n) => Number.isNaN(n))) return color;
+  return `rgba(${r}, ${g}, ${b}, ${a})`;
+}
+
 // src/components/bubble/Bubble.tsx
 import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var HIDDEN_OFFSET_X = 20;
@@ -2428,6 +2602,7 @@ function Bubble({
   disabled = false,
   ariaLabel,
   isLoading = false,
+  loadingBorderTone = "default",
   visible = true,
   badgeCount = 0,
   offset = DEFAULT_OFFSET,
@@ -2442,22 +2617,26 @@ function Bubble({
   const theme = useTheme();
   const { width, height } = useWindowDimensions();
   const isDanger = variant === "danger";
-  const onPressRef = useRef7(onPress);
+  const onPressRef = useRef8(onPress);
   useEffect11(() => {
     onPressRef.current = onPress;
   }, [onPress]);
-  const fallbackBgColor = useMemo3(() => {
+  const fallbackBgColor = useMemo4(() => {
     if (backgroundColor) return backgroundColor;
     if (isDanger) return "rgba(239, 68, 68, 0.9)";
     return theme.scheme === "dark" ? "rgba(0, 0, 0, 0.6)" : "rgba(255, 255, 255, 0.6)";
   }, [backgroundColor, isDanger, theme.scheme]);
+  const warningRingColors = useMemo4(
+    () => [withAlpha(theme.colors.warning, 0.35), withAlpha(theme.colors.warning, 1)],
+    [theme.colors.warning]
+  );
   const translateX = useSharedValue(getHiddenTranslateX(size));
   const translateY = useSharedValue(getHiddenTranslateY(height));
   const scale = useSharedValue(ENTER_SCALE_FROM);
   const rotation = useSharedValue(ENTER_ROTATION_FROM_DEG);
   const borderPulse = useSharedValue(0);
-  const startPos = useRef7({ x: 0, y: 0 });
-  const isAnimatingOut = useRef7(false);
+  const startPos = useRef8({ x: 0, y: 0 });
+  const isAnimatingOut = useRef8(false);
   const animateToHidden = useCallback8(
     (options) => {
       const finish = options == null ? void 0 : options.onFinish;
@@ -2471,18 +2650,15 @@ function Bubble({
     [height, rotation, scale, size, translateX, translateY]
   );
   const animateOut = useCallback8(() => {
+    var _a;
     if (isAnimatingOut.current) return;
     isAnimatingOut.current = true;
     try {
       void Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
     } catch {
     }
-    animateToHidden({
-      onFinish: () => {
-        var _a;
-        (_a = onPressRef.current) == null ? void 0 : _a.call(onPressRef);
-      }
-    });
+    (_a = onPressRef.current) == null ? void 0 : _a.call(onPressRef);
+    animateToHidden();
   }, [animateToHidden]);
   useEffect11(() => {
     if (isLoading) {
@@ -2531,7 +2707,7 @@ function Bubble({
       animateIn();
     }
   }, [forceShowTrigger, visible, animateIn]);
-  const panResponder = useRef7(
+  const panResponder = useRef8(
     PanResponder.create({
       onStartShouldSetPanResponder: () => true,
       onMoveShouldSetPanResponder: () => true,
@@ -2567,10 +2743,11 @@ function Bubble({
     ]
   }));
   const borderAnimatedStyle = useAnimatedStyle(() => {
+    const isWarning = loadingBorderTone === "warning";
     const borderColor = interpolateColor(
       borderPulse.value,
       [0, 1],
-      isDanger ? ["rgba(239,68,68,0.4)", "rgba(239,68,68,1)"] : theme.scheme === "dark" ? ["rgba(255,255,255,0.2)", "rgba(255,255,255,0.9)"] : ["rgba(55,0,179,0.2)", "rgba(55,0,179,0.9)"]
+      isDanger ? ["rgba(239,68,68,0.4)", "rgba(239,68,68,1)"] : isWarning ? warningRingColors : theme.scheme === "dark" ? ["rgba(255,255,255,0.2)", "rgba(255,255,255,0.9)"] : ["rgba(55,0,179,0.2)", "rgba(55,0,179,0.9)"]
     );
     return {
       borderWidth: isLoading ? 2 : 0,
@@ -2650,23 +2827,6 @@ var styles = StyleSheet.create({
 import * as React14 from "react";
 import { Animated as Animated3, View as View6 } from "react-native";
 import { LinearGradient } from "expo-linear-gradient";
-
-// src/components/utils/color.ts
-function withAlpha(color, alpha) {
-  const a = Math.max(0, Math.min(1, alpha));
-  const hex = color.trim();
-  if (!hex.startsWith("#")) return color;
-  const raw = hex.slice(1);
-  const expanded = raw.length === 3 ? raw.split("").map((c) => c + c).join("") : raw;
-  if (expanded.length !== 6) return color;
-  const r = Number.parseInt(expanded.slice(0, 2), 16);
-  const g = Number.parseInt(expanded.slice(2, 4), 16);
-  const b = Number.parseInt(expanded.slice(4, 6), 16);
-  if ([r, g, b].some((n) => Number.isNaN(n))) return color;
-  return `rgba(${r}, ${g}, ${b}, ${a})`;
-}
-
-// src/components/overlays/EdgeGlowFrame.tsx
 import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function baseColor(role, theme) {
   switch (role) {
@@ -3261,10 +3421,10 @@ var styles3 = StyleSheet3.create({
 
 // src/components/comments/AppCommentsSheet.tsx
 import * as React24 from "react";
-import { ActivityIndicator as ActivityIndicator3, Keyboard as Keyboard3, Platform as Platform6, Pressable as Pressable5, View as View14 } from "react-native";
+import { ActivityIndicator as ActivityIndicator3, Keyboard as Keyboard3, Platform as Platform5, Pressable as Pressable5, View as View14 } from "react-native";
 import {
   BottomSheetBackdrop,
-  BottomSheetModal,
+  BottomSheetModal as BottomSheetModal2,
   BottomSheetScrollView
 } from "@gorhom/bottom-sheet";
 import { useSafeAreaInsets as useSafeAreaInsets3 } from "react-native-safe-area-context";
@@ -3282,7 +3442,7 @@ import {
   ScrollView,
   View as View11
 } from "react-native";
-import { isLiquidGlassSupported as isLiquidGlassSupported3 } from "@callstack/liquid-glass";
+import { isLiquidGlassSupported as isLiquidGlassSupported3, LiquidGlassView as LiquidGlassView2 } from "@callstack/liquid-glass";
 import { Plus } from "lucide-react-native";
 
 // src/components/chat/MultilineTextInput.tsx
@@ -3420,7 +3580,6 @@ function ChatComposer({
   disabled = false,
   sendDisabled = false,
   sending = false,
-  autoFocus = false,
   onSend,
   attachments = [],
   onRemoveAttachment,
@@ -3443,18 +3602,6 @@ function ChatComposer({
   const maxInputHeight = React19.useMemo(() => Dimensions.get("window").height * 0.5, []);
   const shakeAnim = React19.useRef(new Animated5.Value(0)).current;
   const [sendPressed, setSendPressed] = React19.useState(false);
-  const inputRef = React19.useRef(null);
-  const prevAutoFocusRef = React19.useRef(false);
-  React19.useEffect(() => {
-    const shouldFocus = autoFocus && !prevAutoFocusRef.current && !disabled && !sending;
-    prevAutoFocusRef.current = autoFocus;
-    if (!shouldFocus) return;
-    const t = setTimeout(() => {
-      var _a;
-      (_a = inputRef.current) == null ? void 0 : _a.focus();
-    }, 75);
-    return () => clearTimeout(t);
-  }, [autoFocus, disabled, sending]);
   const triggerShake = React19.useCallback(() => {
     shakeAnim.setValue(0);
     Animated5.sequence([
@@ -3485,7 +3632,7 @@ function ChatComposer({
       onLayout: (e) => onLayout == null ? void 0 : onLayout({ height: e.nativeEvent.layout.height }),
       children: /* @__PURE__ */ jsxs8(View11, { style: { flexDirection: "row", alignItems: "flex-end", gap: 8 }, children: [
         /* @__PURE__ */ jsx17(Animated5.View, { style: { flex: 1, transform: [{ translateX: shakeAnim }] }, children: /* @__PURE__ */ jsxs8(
-          ResettableLiquidGlassView,
+          LiquidGlassView2,
           {
             style: [
               // LiquidGlassView doesn't reliably auto-size to children; ensure enough height for the
@@ -3537,13 +3684,12 @@ function ChatComposer({
               /* @__PURE__ */ jsx17(
                 MultilineTextInput,
                 {
-                  ref: inputRef,
                   value: text,
                   onChangeText: setText,
                   placeholder,
                   editable: !disabled && !sending,
                   useBottomSheetTextInput,
-                  autoFocus,
+                  autoFocus: false,
                   placeholderTextColor,
                   scrollEnabled: true,
                   style: {
@@ -3868,11 +4014,11 @@ function useAppDetails(appId) {
 
 // src/components/comments/useIosKeyboardSnapFix.ts
 import * as React23 from "react";
-import { Keyboard as Keyboard2, Platform as Platform5 } from "react-native";
+import { Keyboard as Keyboard2, Platform as Platform4 } from "react-native";
 function useIosKeyboardSnapFix(sheetRef, options) {
   const [keyboardVisible, setKeyboardVisible] = React23.useState(false);
   React23.useEffect(() => {
-    if (Platform5.OS !== "ios") return;
+    if (Platform4.OS !== "ios") return;
     const show = Keyboard2.addListener("keyboardWillShow", () => setKeyboardVisible(true));
     const hide = Keyboard2.addListener("keyboardWillHide", () => {
       var _a;
@@ -3940,7 +4086,7 @@ function AppCommentsSheet({ appId, onClose, onCountChange, onPlayApp }) {
     onClose();
   }, [appId, onClose, onPlayApp]);
   return /* @__PURE__ */ jsx20(
-    BottomSheetModal,
+    BottomSheetModal2,
     {
       ref: sheetRef,
       index: 1,
@@ -3950,8 +4096,8 @@ function AppCommentsSheet({ appId, onClose, onCountChange, onPlayApp }) {
       onChange: handleChange,
       backgroundStyle: {
         backgroundColor: theme.scheme === "dark" ? "#0B080F" : "#FFFFFF",
-        borderTopLeftRadius: Platform6.OS === "ios" ? 39 : 16,
-        borderTopRightRadius: Platform6.OS === "ios" ? 39 : 16
+        borderTopLeftRadius: Platform5.OS === "ios" ? 39 : 16,
+        borderTopRightRadius: Platform5.OS === "ios" ? 39 : 16
       },
       handleIndicatorStyle: { backgroundColor: theme.colors.handleIndicator },
       keyboardBehavior: "interactive",
@@ -4057,7 +4203,7 @@ function AppCommentsSheet({ appId, onClose, onCountChange, onPlayApp }) {
               bottom: 0,
               paddingHorizontal: theme.spacing.lg,
               paddingTop: theme.spacing.sm,
-              paddingBottom: Platform6.OS === "ios" ? keyboardVisible ? theme.spacing.lg : insets.bottom : insets.bottom + 10,
+              paddingBottom: Platform5.OS === "ios" ? keyboardVisible ? theme.spacing.lg : insets.bottom : insets.bottom + 10,
               borderTopWidth: 1,
               borderTopColor: withAlpha(theme.colors.border, 0.1),
               backgroundColor: withAlpha(theme.colors.background, 0.8)
@@ -4084,7 +4230,7 @@ function AppCommentsSheet({ appId, onClose, onCountChange, onPlayApp }) {
 
 // src/studio/ui/PreviewPanel.tsx
 import * as React35 from "react";
-import { ActivityIndicator as ActivityIndicator7, Platform as Platform8, Share, View as View33 } from "react-native";
+import { ActivityIndicator as ActivityIndicator7, Platform as Platform7, Share, View as View33 } from "react-native";
 
 // src/components/preview/PreviewPage.tsx
 import { View as View15 } from "react-native";
@@ -4971,16 +5117,48 @@ import { RefreshCw, Send as Send2 } from "lucide-react-native";
 
 // src/components/merge-requests/MergeRequestStatusCard.tsx
 import * as React28 from "react";
-import { Animated as Animated7, Pressable as Pressable9, View as View28 } from "react-native";
+import { Animated as Animated7, Pressable as Pressable10, View as View28 } from "react-native";
 import { Ban, Check as Check3, CheckCheck, ChevronDown as ChevronDown2 } from "lucide-react-native";
 
 // src/components/primitives/MarkdownText.tsx
-import { Platform as Platform7, View as View27 } from "react-native";
+import { Platform as Platform6, Pressable as Pressable9, Text as Text3, View as View27 } from "react-native";
 import Markdown from "react-native-markdown-display";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { useEffect as useEffect22, useRef as useRef15, useState as useState21 } from "react";
+import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
+function copyMarkdownToClipboard(markdown) {
+  var _a;
+  if (!markdown) {
+    return;
+  }
+  const navigatorClipboard = (_a = globalThis == null ? void 0 : globalThis.navigator) == null ? void 0 : _a.clipboard;
+  if (navigatorClipboard == null ? void 0 : navigatorClipboard.writeText) {
+    void navigatorClipboard.writeText(markdown);
+    return;
+  }
+  try {
+    const expoClipboard = __require("expo-clipboard");
+    if (expoClipboard == null ? void 0 : expoClipboard.setStringAsync) {
+      void expoClipboard.setStringAsync(markdown);
+      return;
+    }
+  } catch {
+  }
+  try {
+    const rnClipboard = __require("@react-native-clipboard/clipboard");
+    if (rnClipboard == null ? void 0 : rnClipboard.setString) {
+      rnClipboard.setString(markdown);
+    }
+  } catch {
+  }
+}
 function MarkdownText({ markdown, variant = "chat", bodyColor, style }) {
   const theme = useTheme();
   const isDark = theme.scheme === "dark";
+  const [showCopied, setShowCopied] = useState21(false);
+  const [tooltipPosition, setTooltipPosition] = useState21(null);
+  const [tooltipWidth, setTooltipWidth] = useState21(0);
+  const hideTimerRef = useRef15(null);
+  const containerRef = useRef15(null);
   const baseBodyColor = variant === "mergeRequest" ? theme.colors.textMuted : theme.colors.text;
   const linkColor = variant === "mergeRequest" ? isDark ? theme.colors.primary : "#3700B3" : theme.colors.link;
   const linkWeight = variant === "mergeRequest" ? theme.typography.fontWeight.semibold : void 0;
@@ -4988,40 +5166,96 @@ function MarkdownText({ markdown, variant = "chat", bodyColor, style }) {
   const codeTextColor = isDark ? "#FFFFFF" : theme.colors.text;
   const paragraphBottom = variant === "mergeRequest" ? 8 : 6;
   const baseLineHeight = variant === "mergeRequest" ? 22 : 20;
-  return /* @__PURE__ */ jsx39(View27, { style, children: /* @__PURE__ */ jsx39(
-    Markdown,
-    {
-      style: {
-        body: { color: bodyColor ?? baseBodyColor, fontSize: 14, lineHeight: baseLineHeight },
-        paragraph: { marginTop: 0, marginBottom: paragraphBottom },
-        link: { color: linkColor, fontWeight: linkWeight },
-        code_inline: {
-          backgroundColor: codeBgColor,
-          color: codeTextColor,
-          paddingHorizontal: variant === "mergeRequest" ? 6 : 4,
-          paddingVertical: variant === "mergeRequest" ? 2 : 0,
-          borderRadius: variant === "mergeRequest" ? 6 : 4,
-          fontFamily: Platform7.OS === "ios" ? "Menlo" : "monospace",
-          fontSize: 13
+  useEffect22(() => {
+    return () => {
+      if (hideTimerRef.current) {
+        clearTimeout(hideTimerRef.current);
+      }
+    };
+  }, []);
+  const handleLongPress = (event) => {
+    var _a;
+    const { locationX, locationY, pageX, pageY } = event.nativeEvent;
+    if ((_a = containerRef.current) == null ? void 0 : _a.measureInWindow) {
+      containerRef.current.measureInWindow((x, y) => {
+        setTooltipPosition({ x: pageX - x, y: pageY - y });
+      });
+    } else {
+      setTooltipPosition({ x: locationX, y: locationY });
+    }
+    copyMarkdownToClipboard(markdown);
+    setShowCopied(true);
+    if (hideTimerRef.current) {
+      clearTimeout(hideTimerRef.current);
+    }
+    hideTimerRef.current = setTimeout(() => {
+      setShowCopied(false);
+    }, 1200);
+  };
+  return /* @__PURE__ */ jsx39(Pressable9, { style, onLongPress: handleLongPress, children: /* @__PURE__ */ jsxs22(View27, { ref: containerRef, style: { position: "relative" }, children: [
+    /* @__PURE__ */ jsx39(
+      Markdown,
+      {
+        style: {
+          body: { color: bodyColor ?? baseBodyColor, fontSize: 14, lineHeight: baseLineHeight },
+          paragraph: { marginTop: 0, marginBottom: paragraphBottom },
+          link: { color: linkColor, fontWeight: linkWeight },
+          code_inline: {
+            backgroundColor: codeBgColor,
+            color: codeTextColor,
+            paddingHorizontal: variant === "mergeRequest" ? 6 : 4,
+            paddingVertical: variant === "mergeRequest" ? 2 : 0,
+            borderRadius: variant === "mergeRequest" ? 6 : 4,
+            fontFamily: Platform6.OS === "ios" ? "Menlo" : "monospace",
+            fontSize: 13
+          },
+          code_block: {
+            backgroundColor: codeBgColor,
+            color: codeTextColor,
+            padding: variant === "mergeRequest" ? 12 : 8,
+            borderRadius: variant === "mergeRequest" ? 8 : 6,
+            marginVertical: variant === "mergeRequest" ? 8 : 0
+          },
+          fence: {
+            backgroundColor: codeBgColor,
+            color: codeTextColor,
+            padding: variant === "mergeRequest" ? 12 : 8,
+            borderRadius: variant === "mergeRequest" ? 8 : 6,
+            marginVertical: variant === "mergeRequest" ? 8 : 0
+          }
         },
-        code_block: {
-          backgroundColor: codeBgColor,
-          color: codeTextColor,
-          padding: variant === "mergeRequest" ? 12 : 8,
-          borderRadius: variant === "mergeRequest" ? 8 : 6,
-          marginVertical: variant === "mergeRequest" ? 8 : 0
+        children: markdown
+      }
+    ),
+    showCopied && tooltipPosition ? /* @__PURE__ */ jsx39(
+      View27,
+      {
+        pointerEvents: "none",
+        style: {
+          position: "absolute",
+          left: tooltipPosition.x,
+          top: tooltipPosition.y - theme.spacing.lg - 32,
+          backgroundColor: theme.colors.success,
+          borderRadius: theme.radii.pill,
+          paddingHorizontal: theme.spacing.sm,
+          paddingVertical: theme.spacing.xs,
+          transform: [{ translateX: tooltipWidth ? -tooltipWidth / 2 : 0 }]
         },
-        fence: {
-          backgroundColor: codeBgColor,
-          color: codeTextColor,
-          padding: variant === "mergeRequest" ? 12 : 8,
-          borderRadius: variant === "mergeRequest" ? 8 : 6,
-          marginVertical: variant === "mergeRequest" ? 8 : 0
-        }
-      },
-      children: markdown
-    }
-  ) });
+        onLayout: (event) => setTooltipWidth(event.nativeEvent.layout.width),
+        children: /* @__PURE__ */ jsx39(
+          Text3,
+          {
+            style: {
+              color: theme.colors.onSuccess,
+              fontSize: theme.typography.fontSize.xs,
+              fontWeight: theme.typography.fontWeight.medium
+            },
+            children: "Copied"
+          }
+        )
+      }
+    ) : null
+  ] }) });
 }
 
 // src/components/merge-requests/mergeRequestStatusDisplay.ts
@@ -5068,7 +5302,7 @@ function useControlledExpansion(props) {
 }
 
 // src/components/merge-requests/MergeRequestStatusCard.tsx
-import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs23 } from "react/jsx-runtime";
 function MergeRequestStatusCard({
   mergeRequest,
   expanded: expandedProp,
@@ -5121,7 +5355,7 @@ function MergeRequestStatusCard({
       useNativeDriver: true
     }).start();
   }, [expanded, rotate]);
-  return /* @__PURE__ */ jsx40(Pressable9, { onPress: () => setExpanded(!expanded), style: ({ pressed }) => [{ opacity: pressed ? 0.95 : 1 }], children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx40(Pressable10, { onPress: () => setExpanded(!expanded), style: ({ pressed }) => [{ opacity: pressed ? 0.95 : 1 }], children: /* @__PURE__ */ jsxs23(
     Card,
     {
       padded: false,
@@ -5134,10 +5368,10 @@ function MergeRequestStatusCard({
         style
       ],
       children: [
-        /* @__PURE__ */ jsxs22(View28, { style: { flexDirection: "row", alignItems: "center", gap: theme.spacing.lg }, children: [
+        /* @__PURE__ */ jsxs23(View28, { style: { flexDirection: "row", alignItems: "center", gap: theme.spacing.lg }, children: [
           /* @__PURE__ */ jsx40(View28, { style: { width: 40, height: 40, borderRadius: 999, alignItems: "center", justifyContent: "center", backgroundColor: bgColor }, children: /* @__PURE__ */ jsx40(StatusIcon, { size: 20, color: iconColor }) }),
-          /* @__PURE__ */ jsxs22(View28, { style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxs22(View28, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxs23(View28, { style: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ jsxs23(View28, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" }, children: [
               /* @__PURE__ */ jsx40(
                 Text,
                 {
@@ -5170,7 +5404,7 @@ function MergeRequestStatusCard({
             }
           )
         ] }),
-        expanded ? /* @__PURE__ */ jsxs22(View28, { style: { marginTop: 16, marginLeft: 56 }, children: [
+        expanded ? /* @__PURE__ */ jsxs23(View28, { style: { marginTop: 16, marginLeft: 56 }, children: [
           /* @__PURE__ */ jsx40(
             Text,
             {
@@ -5210,12 +5444,12 @@ import { Animated as Animated9, FlatList, View as View31, useWindowDimensions as
 
 // src/components/merge-requests/ReviewMergeRequestCard.tsx
 import * as React30 from "react";
-import { ActivityIndicator as ActivityIndicator5, Animated as Animated8, Pressable as Pressable11, View as View30 } from "react-native";
+import { ActivityIndicator as ActivityIndicator5, Animated as Animated8, Pressable as Pressable12, View as View30 } from "react-native";
 import { Check as Check4, ChevronDown as ChevronDown3, Play as Play3, X as X3 } from "lucide-react-native";
 
 // src/components/merge-requests/ReviewMergeRequestActionButton.tsx
 import * as React29 from "react";
-import { Pressable as Pressable10, View as View29 } from "react-native";
+import { Pressable as Pressable11, View as View29 } from "react-native";
 import { jsx as jsx41 } from "react/jsx-runtime";
 function ReviewMergeRequestActionButton({
   accessibilityLabel,
@@ -5247,7 +5481,7 @@ function ReviewMergeRequestActionButton({
         justifyContent: "center"
       },
       children: /* @__PURE__ */ jsx41(
-        Pressable10,
+        Pressable11,
         {
           accessibilityRole: "button",
           accessibilityLabel,
@@ -5270,7 +5504,7 @@ function ReviewMergeRequestActionButton({
 }
 
 // src/components/merge-requests/ReviewMergeRequestCard.tsx
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
 function ReviewMergeRequestCard({
   mr,
   index,
@@ -5294,7 +5528,7 @@ function ReviewMergeRequestCard({
     Animated8.timing(rotate, { toValue: isExpanded ? 1 : 0, duration: 200, useNativeDriver: true }).start();
   }, [isExpanded, rotate]);
   const position = total > 1 ? `${index + 1}/${total}` : "Merge request";
-  return /* @__PURE__ */ jsx42(Pressable11, { onPress: onToggle, style: ({ pressed }) => ({ opacity: pressed ? 0.95 : 1 }), children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx42(Pressable12, { onPress: onToggle, style: ({ pressed }) => ({ opacity: pressed ? 0.95 : 1 }), children: /* @__PURE__ */ jsxs24(
     Card,
     {
       padded: false,
@@ -5307,9 +5541,9 @@ function ReviewMergeRequestCard({
         }
       ],
       children: [
-        /* @__PURE__ */ jsxs23(View30, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [
+        /* @__PURE__ */ jsxs24(View30, { style: { flexDirection: "row", alignItems: "center", gap: 12 }, children: [
           /* @__PURE__ */ jsx42(Avatar, { size: 40, uri: (creator == null ? void 0 : creator.avatar) ?? null, name: (creator == null ? void 0 : creator.name) ?? void 0 }),
-          /* @__PURE__ */ jsxs23(View30, { style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxs24(View30, { style: { flex: 1, minWidth: 0 }, children: [
             /* @__PURE__ */ jsx42(
               Text,
               {
@@ -5318,7 +5552,7 @@ function ReviewMergeRequestCard({
                 children: mr.title ?? "Untitled merge request"
               }
             ),
-            /* @__PURE__ */ jsxs23(Text, { style: { color: theme.colors.textMuted, fontSize: 12, lineHeight: 16 }, numberOfLines: 1, children: [
+            /* @__PURE__ */ jsxs24(Text, { style: { color: theme.colors.textMuted, fontSize: 12, lineHeight: 16 }, numberOfLines: 1, children: [
               (creator == null ? void 0 : creator.name) ?? "Loading...",
               " \xB7 ",
               position
@@ -5334,7 +5568,7 @@ function ReviewMergeRequestCard({
             }
           )
         ] }),
-        isExpanded ? /* @__PURE__ */ jsxs23(View30, { style: { marginTop: 16 }, children: [
+        isExpanded ? /* @__PURE__ */ jsxs24(View30, { style: { marginTop: 16 }, children: [
           /* @__PURE__ */ jsx42(
             Text,
             {
@@ -5349,12 +5583,12 @@ function ReviewMergeRequestCard({
               children: status.text
             }
           ),
-          /* @__PURE__ */ jsx42(Text, { style: { color: theme.colors.textMuted, fontSize: 12, lineHeight: 16, marginBottom: 12 }, children: creator ? `${creator.approvedOpenedMergeRequests} approved merge${creator.approvedOpenedMergeRequests !== 1 ? "s" : ""}` : "Loading stats..." }),
+          /* @__PURE__ */ jsx42(Text, { style: { color: theme.colors.textMuted, fontSize: 12, lineHeight: 16, marginBottom: 12 }, children: creator ? `${creator.approvedOrMergedMergeRequests} approved merge${creator.approvedOrMergedMergeRequests !== 1 ? "s" : ""}` : "Loading stats..." }),
           mr.description ? /* @__PURE__ */ jsx42(MarkdownText, { markdown: mr.description, variant: "mergeRequest" }) : null
         ] }) : null,
         /* @__PURE__ */ jsx42(View30, { style: { height: 1, backgroundColor: withAlpha(theme.colors.borderStrong, 0.5), marginTop: 12, marginBottom: 12 } }),
-        /* @__PURE__ */ jsxs23(View30, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ jsxs23(View30, { style: { flexDirection: "row", gap: 8 }, children: [
+        /* @__PURE__ */ jsxs24(View30, { style: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" }, children: [
+          /* @__PURE__ */ jsxs24(View30, { style: { flexDirection: "row", gap: 8 }, children: [
             /* @__PURE__ */ jsx42(
               ReviewMergeRequestActionButton,
               {
@@ -5363,7 +5597,7 @@ function ReviewMergeRequestCard({
                 disabled: !canAct || isAnyProcessing,
                 onPress: onReject,
                 iconOnly: !isExpanded,
-                children: /* @__PURE__ */ jsxs23(View30, { style: { flexDirection: "row", alignItems: "center", gap: isExpanded ? 4 : 0 }, children: [
+                children: /* @__PURE__ */ jsxs24(View30, { style: { flexDirection: "row", alignItems: "center", gap: isExpanded ? 4 : 0 }, children: [
                   /* @__PURE__ */ jsx42(X3, { size: 18, color: "#FFFFFF" }),
                   isExpanded ? /* @__PURE__ */ jsx42(Text, { style: { fontSize: 13, color: "#FFFFFF", fontWeight: theme.typography.fontWeight.semibold }, children: "Reject" }) : null
                 ] })
@@ -5377,10 +5611,10 @@ function ReviewMergeRequestCard({
                 disabled: !canAct || isAnyProcessing,
                 onPress: onApprove,
                 iconOnly: !isExpanded,
-                children: isProcessing ? /* @__PURE__ */ jsxs23(View30, { style: { flexDirection: "row", alignItems: "center", gap: isExpanded ? 4 : 0 }, children: [
+                children: isProcessing ? /* @__PURE__ */ jsxs24(View30, { style: { flexDirection: "row", alignItems: "center", gap: isExpanded ? 4 : 0 }, children: [
                   /* @__PURE__ */ jsx42(ActivityIndicator5, { size: "small", color: "#FFFFFF" }),
                   isExpanded ? /* @__PURE__ */ jsx42(Text, { style: { fontSize: 13, color: "#FFFFFF", fontWeight: theme.typography.fontWeight.semibold }, children: "Processing" }) : null
-                ] }) : /* @__PURE__ */ jsxs23(View30, { style: { flexDirection: "row", alignItems: "center", gap: isExpanded ? 4 : 0 }, children: [
+                ] }) : /* @__PURE__ */ jsxs24(View30, { style: { flexDirection: "row", alignItems: "center", gap: isExpanded ? 4 : 0 }, children: [
                   /* @__PURE__ */ jsx42(Check4, { size: 18, color: "#FFFFFF" }),
                   isExpanded ? /* @__PURE__ */ jsx42(Text, { style: { fontSize: 13, color: "#FFFFFF", fontWeight: theme.typography.fontWeight.semibold }, children: "Approve" }) : null
                 ] })
@@ -5395,7 +5629,7 @@ function ReviewMergeRequestCard({
               disabled: isBuilding || isTestingThis,
               onPress: onTest,
               iconOnly: !isExpanded,
-              children: isTestingThis ? /* @__PURE__ */ jsx42(ActivityIndicator5, { size: "small", color: "#888" }) : /* @__PURE__ */ jsxs23(View30, { style: { flexDirection: "row", alignItems: "center", gap: isExpanded ? 4 : 0 }, children: [
+              children: isTestingThis ? /* @__PURE__ */ jsx42(ActivityIndicator5, { size: "small", color: "#888" }) : /* @__PURE__ */ jsxs24(View30, { style: { flexDirection: "row", alignItems: "center", gap: isExpanded ? 4 : 0 }, children: [
                 /* @__PURE__ */ jsx42(Play3, { size: 14, color: theme.colors.text }),
                 isExpanded ? /* @__PURE__ */ jsx42(Text, { style: { fontSize: 13, color: theme.colors.text, fontWeight: theme.typography.fontWeight.semibold }, children: "Test" }) : null
               ] })
@@ -5408,7 +5642,7 @@ function ReviewMergeRequestCard({
 }
 
 // src/components/merge-requests/ReviewMergeRequestCarousel.tsx
-import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs25 } from "react/jsx-runtime";
 function ReviewMergeRequestCarousel({
   mergeRequests,
   creatorStatsById,
@@ -5430,7 +5664,7 @@ function ReviewMergeRequestCarousel({
   const snapInterval = cardWidth + gap;
   const dotColor = theme.scheme === "dark" ? "#FFFFFF" : "#000000";
   if (mergeRequests.length === 0) return null;
-  return /* @__PURE__ */ jsxs24(View31, { style: [{ marginHorizontal: -theme.spacing.lg }, style], children: [
+  return /* @__PURE__ */ jsxs25(View31, { style: [{ marginHorizontal: -theme.spacing.lg }, style], children: [
     /* @__PURE__ */ jsx43(
       FlatList,
       {
@@ -5509,7 +5743,7 @@ function ReviewMergeRequestCarousel({
 }
 
 // src/studio/ui/preview-panel/PreviewCollaborateSection.tsx
-import { Fragment as Fragment5, jsx as jsx44, jsxs as jsxs25 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 function PreviewCollaborateSection({
   canSubmitMergeRequest,
   canSyncUpstream,
@@ -5535,7 +5769,7 @@ function PreviewCollaborateSection({
   if (!hasSection) return null;
   const isSyncing = Boolean(syncingUpstream || syncingLocal);
   const showActionsSubtitle = canSubmitMergeRequest && onSubmitMergeRequest || canSyncUpstream && onSyncUpstream || onTestMr && incomingMergeRequests.length > 0;
-  return /* @__PURE__ */ jsxs25(Fragment5, { children: [
+  return /* @__PURE__ */ jsxs26(Fragment5, { children: [
     /* @__PURE__ */ jsx44(SectionTitle, { marginTop: theme.spacing.xl, children: "Collaborate" }),
     showActionsSubtitle ? /* @__PURE__ */ jsx44(
       Text,
@@ -5674,7 +5908,7 @@ function PreviewCollaborateSection({
         onTest: (mr) => onTestMr ? onTestMr(mr) : void 0
       }
     ) : null,
-    outgoingMergeRequests.length > 0 ? /* @__PURE__ */ jsxs25(Fragment5, { children: [
+    outgoingMergeRequests.length > 0 ? /* @__PURE__ */ jsxs26(Fragment5, { children: [
       /* @__PURE__ */ jsx44(
         Text,
         {
@@ -5989,7 +6223,7 @@ function usePreviewPanelData(params) {
 }
 
 // src/studio/ui/PreviewPanel.tsx
-import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
 function PreviewPanel({
   app,
   loading,
@@ -6024,7 +6258,7 @@ ${shareUrl}` : `Check out this app on Remix
 ${shareUrl}`;
     try {
       const title = app.name ?? "Remix app";
-      const payload = Platform8.OS === "ios" ? {
+      const payload = Platform7.OS === "ios" ? {
         title,
         message
       } : {
@@ -6066,13 +6300,13 @@ ${shareUrl}`;
     }
   );
   if (loading || !app) {
-    return /* @__PURE__ */ jsx45(PreviewPage, { header, children: /* @__PURE__ */ jsxs26(View33, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: [
+    return /* @__PURE__ */ jsx45(PreviewPage, { header, children: /* @__PURE__ */ jsxs27(View33, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: [
       /* @__PURE__ */ jsx45(ActivityIndicator7, {}),
       /* @__PURE__ */ jsx45(View33, { style: { height: 12 } }),
       /* @__PURE__ */ jsx45(Text, { variant: "bodyMuted", children: "Loading app\u2026" })
     ] }) });
   }
-  return /* @__PURE__ */ jsxs26(PreviewPage, { header, children: [
+  return /* @__PURE__ */ jsxs27(PreviewPage, { header, children: [
     /* @__PURE__ */ jsx45(
       PreviewHeroSection,
       {
@@ -6133,7 +6367,7 @@ import { ActivityIndicator as ActivityIndicator9, View as View42 } from "react-n
 
 // src/components/chat/ChatPage.tsx
 import * as React38 from "react";
-import { Keyboard as Keyboard4, Platform as Platform10, View as View37 } from "react-native";
+import { Platform as Platform9, View as View37 } from "react-native";
 import { useSafeAreaInsets as useSafeAreaInsets4 } from "react-native-safe-area-context";
 
 // src/components/chat/ChatMessageList.tsx
@@ -6143,9 +6377,76 @@ import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
 
 // src/components/chat/ChatMessageBubble.tsx
 import { View as View34 } from "react-native";
-import { CheckCheck as CheckCheck2, GitMerge as GitMerge2 } from "lucide-react-native";
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
-function ChatMessageBubble({ message, renderContent, style }) {
+import { CheckCheck as CheckCheck2, GitMerge as GitMerge2, RotateCcw } from "lucide-react-native";
+
+// src/components/primitives/Button.tsx
+import {
+  Pressable as Pressable13
+} from "react-native";
+import { jsx as jsx46 } from "react/jsx-runtime";
+function backgroundFor2(variant, theme, pressed, disabled) {
+  const { colors } = theme;
+  if (variant === "ghost") return "transparent";
+  if (disabled) {
+    return colors.neutral;
+  }
+  const base = variant === "primary" ? colors.primary : variant === "danger" ? colors.danger : colors.neutral;
+  if (!pressed) return base;
+  return base;
+}
+function borderFor(variant, theme) {
+  if (variant !== "ghost") return {};
+  return { borderWidth: 1, borderColor: theme.colors.border };
+}
+function paddingFor(size, theme) {
+  switch (size) {
+    case "sm":
+      return { paddingHorizontal: theme.spacing.md, paddingVertical: theme.spacing.sm, minHeight: 36 };
+    case "icon":
+      return { paddingHorizontal: 0, paddingVertical: 0, minHeight: 44, minWidth: 44 };
+    case "md":
+    default:
+      return { paddingHorizontal: theme.spacing.lg, paddingVertical: theme.spacing.md, minHeight: 44 };
+  }
+}
+function Button({
+  variant = "neutral",
+  size = "md",
+  disabled,
+  style,
+  children,
+  ...props
+}) {
+  const theme = useTheme();
+  const isDisabled = disabled ?? void 0;
+  return /* @__PURE__ */ jsx46(
+    Pressable13,
+    {
+      ...props,
+      disabled: isDisabled,
+      style: (state) => {
+        const pressed = state.pressed;
+        const base = {
+          alignItems: "center",
+          justifyContent: "center",
+          flexDirection: "row",
+          borderRadius: size === "icon" ? theme.radii.pill : theme.radii.pill,
+          backgroundColor: backgroundFor2(variant, theme, pressed, isDisabled),
+          opacity: pressed && !isDisabled ? 0.92 : 1,
+          ...paddingFor(size, theme),
+          ...borderFor(variant, theme)
+        };
+        const resolved = typeof style === "function" ? style({ pressed, disabled: isDisabled }) : style;
+        return [base, resolved];
+      },
+      children
+    }
+  );
+}
+
+// src/components/chat/ChatMessageBubble.tsx
+import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+function ChatMessageBubble({ message, renderContent, isLast, retrying, onRetry, style }) {
   var _a, _b;
   const theme = useTheme();
   const metaEvent = ((_a = message.meta) == null ? void 0 : _a.event) ?? null;
@@ -6160,34 +6461,62 @@ function ChatMessageBubble({ message, renderContent, style }) {
   const bubbleVariant = isHuman ? "surface" : "surfaceRaised";
   const cornerStyle = isHuman ? { borderTopRightRadius: 0 } : { borderTopLeftRadius: 0 };
   const bodyColor = metaStatus === "success" ? theme.colors.success : metaStatus === "error" ? theme.colors.danger : void 0;
-  return /* @__PURE__ */ jsx46(View34, { style: [align, style], children: /* @__PURE__ */ jsx46(
-    Surface,
-    {
-      variant: bubbleVariant,
-      style: [
-        {
-          maxWidth: "85%",
-          borderRadius: theme.radii.lg,
-          paddingHorizontal: theme.spacing.lg,
-          paddingVertical: theme.spacing.md,
-          borderWidth: 1,
-          borderColor: theme.colors.border
-        },
-        cornerStyle
-      ],
-      children: /* @__PURE__ */ jsxs27(View34, { style: { flexDirection: "row", alignItems: "center" }, children: [
-        isMergeCompleted || isSyncCompleted ? /* @__PURE__ */ jsx46(CheckCheck2, { size: 16, color: theme.colors.success, style: { marginRight: theme.spacing.sm } }) : null,
-        isMergeApproved || isSyncStarted ? /* @__PURE__ */ jsx46(GitMerge2, { size: 16, color: theme.colors.text, style: { marginRight: theme.spacing.sm } }) : null,
-        /* @__PURE__ */ jsx46(View34, { style: { flexShrink: 1, minWidth: 0 }, children: renderContent ? renderContent(message) : /* @__PURE__ */ jsx46(MarkdownText, { markdown: message.content, variant: "chat", bodyColor }) })
-      ] })
-    }
-  ) });
+  const showRetry = Boolean(onRetry) && isLast && metaStatus === "error";
+  const retryLabel = retrying ? "Retrying..." : "Retry";
+  return /* @__PURE__ */ jsxs28(View34, { style: [align, style], children: [
+    /* @__PURE__ */ jsx47(
+      Surface,
+      {
+        variant: bubbleVariant,
+        style: [
+          {
+            maxWidth: "85%",
+            borderRadius: theme.radii.lg,
+            paddingHorizontal: theme.spacing.lg,
+            paddingVertical: theme.spacing.md,
+            borderWidth: 1,
+            borderColor: theme.colors.border
+          },
+          cornerStyle
+        ],
+        children: /* @__PURE__ */ jsxs28(View34, { style: { flexDirection: "row", alignItems: "center" }, children: [
+          isMergeCompleted || isSyncCompleted ? /* @__PURE__ */ jsx47(CheckCheck2, { size: 16, color: theme.colors.success, style: { marginRight: theme.spacing.sm } }) : null,
+          isMergeApproved || isSyncStarted ? /* @__PURE__ */ jsx47(GitMerge2, { size: 16, color: theme.colors.text, style: { marginRight: theme.spacing.sm } }) : null,
+          /* @__PURE__ */ jsx47(View34, { style: { flexShrink: 1, minWidth: 0 }, children: renderContent ? renderContent(message) : /* @__PURE__ */ jsx47(MarkdownText, { markdown: message.content, variant: "chat", bodyColor }) })
+        ] })
+      }
+    ),
+    showRetry ? /* @__PURE__ */ jsx47(View34, { style: { marginTop: theme.spacing.xs, alignSelf: align.alignSelf }, children: /* @__PURE__ */ jsx47(
+      Button,
+      {
+        variant: "ghost",
+        size: "sm",
+        onPress: onRetry,
+        disabled: retrying,
+        style: { borderColor: theme.colors.danger },
+        accessibilityLabel: "Retry send",
+        children: /* @__PURE__ */ jsxs28(View34, { style: { flexDirection: "row", alignItems: "center" }, children: [
+          !retrying ? /* @__PURE__ */ jsx47(RotateCcw, { size: 14, color: theme.colors.danger }) : null,
+          /* @__PURE__ */ jsx47(
+            Text,
+            {
+              variant: "caption",
+              color: theme.colors.danger,
+              style: { marginLeft: retrying ? 0 : theme.spacing.xs },
+              numberOfLines: 1,
+              children: retryLabel
+            }
+          )
+        ] })
+      }
+    ) }) : null
+  ] });
 }
 
 // src/components/chat/TypingIndicator.tsx
 import * as React36 from "react";
 import { Animated as Animated10, View as View35 } from "react-native";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 function TypingIndicator({ style }) {
   const theme = useTheme();
   const dotColor = theme.colors.textSubtle;
@@ -6210,7 +6539,7 @@ function TypingIndicator({ style }) {
       loops.forEach((l) => l.stop());
     };
   }, [anims]);
-  return /* @__PURE__ */ jsx47(View35, { style: [{ flexDirection: "row", alignItems: "center" }, style], children: anims.map((a, i) => /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(View35, { style: [{ flexDirection: "row", alignItems: "center" }, style], children: anims.map((a, i) => /* @__PURE__ */ jsx48(
     Animated10.View,
     {
       style: {
@@ -6228,12 +6557,14 @@ function TypingIndicator({ style }) {
 }
 
 // src/components/chat/ChatMessageList.tsx
-import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
 var ChatMessageList = React37.forwardRef(
   ({
     messages,
     showTypingIndicator = false,
     renderMessageContent,
+    onRetryMessage,
+    isRetryingMessage,
     contentStyle,
     bottomInset = 0,
     onNearBottomChange,
@@ -6247,6 +6578,7 @@ var ChatMessageList = React37.forwardRef(
     const data = React37.useMemo(() => {
       return [...messages].reverse();
     }, [messages]);
+    const lastMessageId = messages.length > 0 ? messages[messages.length - 1].id : null;
     const scrollToBottom = React37.useCallback((options) => {
       var _a;
       const animated = (options == null ? void 0 : options.animated) ?? true;
@@ -6282,7 +6614,7 @@ var ChatMessageList = React37.forwardRef(
       }
       return void 0;
     }, [showTypingIndicator, scrollToBottom]);
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx49(
       BottomSheetFlatList,
       {
         ref: listRef,
@@ -6308,11 +6640,20 @@ var ChatMessageList = React37.forwardRef(
           },
           contentStyle
         ],
-        ItemSeparatorComponent: () => /* @__PURE__ */ jsx48(View36, { style: { height: theme.spacing.sm } }),
-        renderItem: ({ item }) => /* @__PURE__ */ jsx48(ChatMessageBubble, { message: item, renderContent: renderMessageContent }),
-        ListHeaderComponent: /* @__PURE__ */ jsxs28(View36, { children: [
-          showTypingIndicator ? /* @__PURE__ */ jsx48(View36, { style: { marginTop: theme.spacing.sm, alignSelf: "flex-start", paddingHorizontal: theme.spacing.lg }, children: /* @__PURE__ */ jsx48(TypingIndicator, {}) }) : null,
-          bottomInset > 0 ? /* @__PURE__ */ jsx48(View36, { style: { height: bottomInset } }) : null
+        ItemSeparatorComponent: () => /* @__PURE__ */ jsx49(View36, { style: { height: theme.spacing.sm } }),
+        renderItem: ({ item }) => /* @__PURE__ */ jsx49(
+          ChatMessageBubble,
+          {
+            message: item,
+            renderContent: renderMessageContent,
+            isLast: Boolean(lastMessageId && item.id === lastMessageId),
+            retrying: (isRetryingMessage == null ? void 0 : isRetryingMessage(item.id)) ?? false,
+            onRetry: onRetryMessage ? () => onRetryMessage(item.id) : void 0
+          }
+        ),
+        ListHeaderComponent: /* @__PURE__ */ jsxs29(View36, { children: [
+          showTypingIndicator ? /* @__PURE__ */ jsx49(View36, { style: { marginTop: theme.spacing.sm, alignSelf: "flex-start", paddingHorizontal: theme.spacing.lg }, children: /* @__PURE__ */ jsx49(TypingIndicator, {}) }) : null,
+          bottomInset > 0 ? /* @__PURE__ */ jsx49(View36, { style: { height: bottomInset } }) : null
         ] })
       }
     );
@@ -6321,12 +6662,14 @@ var ChatMessageList = React37.forwardRef(
 ChatMessageList.displayName = "ChatMessageList";
 
 // src/components/chat/ChatPage.tsx
-import { jsx as jsx49, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs30 } from "react/jsx-runtime";
 function ChatPage({
   header,
   messages,
   showTypingIndicator,
   renderMessageContent,
+  onRetryMessage,
+  isRetryingMessage,
   topBanner,
   composerTop,
   composer,
@@ -6340,17 +6683,7 @@ function ChatPage({
   const insets = useSafeAreaInsets4();
   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 () => {
-      show.remove();
-      hide.remove();
-    };
-  }, []);
-  const footerBottomPadding = Platform10.OS === "ios" ? keyboardVisible ? 0 : insets.bottom : insets.bottom + 10;
+  const footerBottomPadding = Platform9.OS === "ios" ? insets.bottom : insets.bottom + 10;
   const totalComposerHeight = composerHeight + composerTopHeight;
   const overlayBottom = totalComposerHeight + footerBottomPadding + theme.spacing.lg;
   const bottomInset = totalComposerHeight + footerBottomPadding + theme.spacing.xl;
@@ -6367,22 +6700,24 @@ function ChatPage({
     if (composerTop) return;
     setComposerTopHeight(0);
   }, [composerTop]);
-  return /* @__PURE__ */ jsxs29(View37, { style: [{ flex: 1 }, style], children: [
-    header ? /* @__PURE__ */ jsx49(View37, { children: header }) : null,
-    topBanner ? /* @__PURE__ */ jsx49(View37, { style: { paddingHorizontal: theme.spacing.lg, paddingTop: theme.spacing.sm }, children: topBanner }) : null,
-    /* @__PURE__ */ jsxs29(View37, { style: { flex: 1 }, children: [
-      /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsxs30(View37, { style: [{ flex: 1 }, style], children: [
+    header ? /* @__PURE__ */ jsx50(View37, { children: header }) : null,
+    topBanner ? /* @__PURE__ */ jsx50(View37, { style: { paddingHorizontal: theme.spacing.lg, paddingTop: theme.spacing.sm }, children: topBanner }) : null,
+    /* @__PURE__ */ jsxs30(View37, { style: { flex: 1 }, children: [
+      /* @__PURE__ */ jsxs30(
         View37,
         {
           style: { flex: 1 },
           children: [
-            /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx50(
               ChatMessageList,
               {
                 ref: listRef,
                 messages,
                 showTypingIndicator,
                 renderMessageContent,
+                onRetryMessage,
+                isRetryingMessage,
                 onNearBottomChange,
                 bottomInset
               }
@@ -6391,7 +6726,7 @@ function ChatPage({
           ]
         }
       ),
-      /* @__PURE__ */ jsxs29(
+      /* @__PURE__ */ jsxs30(
         View37,
         {
           style: {
@@ -6404,7 +6739,7 @@ function ChatPage({
             paddingBottom: footerBottomPadding
           },
           children: [
-            composerTop ? /* @__PURE__ */ jsx49(
+            composerTop ? /* @__PURE__ */ jsx50(
               View37,
               {
                 style: { marginBottom: theme.spacing.sm },
@@ -6412,7 +6747,7 @@ function ChatPage({
                 children: composerTop
               }
             ) : null,
-            /* @__PURE__ */ jsx49(
+            /* @__PURE__ */ jsx50(
               ChatComposer,
               {
                 ...composer,
@@ -6429,9 +6764,9 @@ function ChatPage({
 
 // src/components/chat/ScrollToBottomButton.tsx
 import * as React39 from "react";
-import { Pressable as Pressable12, View as View38 } from "react-native";
+import { Pressable as Pressable14, 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";
+import { jsx as jsx51 } from "react/jsx-runtime";
 function ScrollToBottomButton({ visible, onPress, children, style }) {
   const theme = useTheme();
   const progress = useSharedValue2(visible ? 1 : 0);
@@ -6445,7 +6780,7 @@ function ScrollToBottomButton({ visible, onPress, children, style }) {
   }));
   const bg = theme.scheme === "dark" ? "rgba(39,39,42,0.9)" : "rgba(244,244,245,0.95)";
   const border = theme.scheme === "dark" ? withAlpha("#FFFFFF", 0.12) : withAlpha("#000000", 0.08);
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51(
     Animated11.View,
     {
       pointerEvents: visible ? "auto" : "none",
@@ -6459,7 +6794,7 @@ function ScrollToBottomButton({ visible, onPress, children, style }) {
         style,
         animStyle
       ],
-      children: /* @__PURE__ */ jsx50(
+      children: /* @__PURE__ */ jsx51(
         View38,
         {
           style: {
@@ -6478,8 +6813,8 @@ function ScrollToBottomButton({ visible, onPress, children, style }) {
             elevation: 5,
             opacity: pressed ? 0.85 : 1
           },
-          children: /* @__PURE__ */ jsx50(
-            Pressable12,
+          children: /* @__PURE__ */ jsx51(
+            Pressable14,
             {
               onPress,
               onPressIn: () => setPressed(true),
@@ -6497,7 +6832,7 @@ function ScrollToBottomButton({ visible, onPress, children, style }) {
 
 // src/components/chat/ChatHeader.tsx
 import { StyleSheet as StyleSheet4 } from "react-native";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function ChatHeader({ left, right, center, style }) {
   const flattenedStyle = StyleSheet4.flatten([
     {
@@ -6505,7 +6840,7 @@ function ChatHeader({ left, right, center, style }) {
     },
     style
   ]);
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52(
     StudioSheetHeader,
     {
       left,
@@ -6518,12 +6853,12 @@ function ChatHeader({ left, right, center, style }) {
 
 // src/components/chat/ForkNoticeBanner.tsx
 import { View as View40 } from "react-native";
-import { jsx as jsx52, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs31 } from "react/jsx-runtime";
 function ForkNoticeBanner({ isOwner = true, title, description, style }) {
   const theme = useTheme();
   const resolvedTitle = title ?? (isOwner ? "Remixed app" : "Remix app");
   const resolvedDescription = description ?? (isOwner ? "Any changes you make will be a remix of the original app. You can view the edited version in the Remix tab in your apps page." : "Once you make edits, this remixed version will appear on your Remixed apps page.");
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     Card,
     {
       variant: "surfaceRaised",
@@ -6538,8 +6873,8 @@ function ForkNoticeBanner({ isOwner = true, title, description, style }) {
         },
         style
       ],
-      children: /* @__PURE__ */ jsxs30(View40, { style: { minWidth: 0 }, children: [
-        /* @__PURE__ */ jsx52(
+      children: /* @__PURE__ */ jsxs31(View40, { style: { minWidth: 0 }, children: [
+        /* @__PURE__ */ jsx53(
           Text,
           {
             style: {
@@ -6553,7 +6888,7 @@ function ForkNoticeBanner({ isOwner = true, title, description, style }) {
             children: resolvedTitle
           }
         ),
-        /* @__PURE__ */ jsx52(
+        /* @__PURE__ */ jsx53(
           Text,
           {
             style: {
@@ -6572,8 +6907,8 @@ function ForkNoticeBanner({ isOwner = true, title, description, style }) {
 
 // src/components/chat/ChatQueue.tsx
 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";
+import { ActivityIndicator as ActivityIndicator8, Pressable as Pressable15, View as View41 } from "react-native";
+import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
 function ChatQueue({ items, onRemove }) {
   const theme = useTheme();
   const [expanded, setExpanded] = React40.useState({});
@@ -6605,7 +6940,7 @@ ${trimmedLine2}\u2026 `;
     setRemoving((prev) => Object.fromEntries(Object.entries(prev).filter(([id]) => ids.has(id))));
   }, [items]);
   if (items.length === 0) return null;
-  return /* @__PURE__ */ jsxs31(
+  return /* @__PURE__ */ jsxs32(
     View41,
     {
       style: {
@@ -6617,15 +6952,15 @@ ${trimmedLine2}\u2026 `;
         backgroundColor: "transparent"
       },
       children: [
-        /* @__PURE__ */ jsx53(Text, { variant: "caption", style: { marginBottom: theme.spacing.sm }, children: "Queue" }),
-        /* @__PURE__ */ jsx53(View41, { style: { gap: theme.spacing.sm }, children: items.map((item) => {
+        /* @__PURE__ */ jsx54(Text, { variant: "caption", style: { marginBottom: theme.spacing.sm }, children: "Queue" }),
+        /* @__PURE__ */ jsx54(View41, { style: { gap: theme.spacing.sm }, children: items.map((item) => {
           const isExpanded = Boolean(expanded[item.id]);
           const showToggle = Boolean(canExpand[item.id]);
           const prompt = item.prompt ?? "";
           const moreLabel = "more";
           const displayPrompt = !isExpanded && showToggle && collapsedText[item.id] ? collapsedText[item.id] : prompt;
           const isRemoving = Boolean(removing[item.id]);
-          return /* @__PURE__ */ jsxs31(
+          return /* @__PURE__ */ jsxs32(
             View41,
             {
               style: {
@@ -6638,8 +6973,8 @@ ${trimmedLine2}\u2026 `;
                 backgroundColor: withAlpha(theme.colors.surface, theme.scheme === "dark" ? 0.8 : 0.9)
               },
               children: [
-                /* @__PURE__ */ jsxs31(View41, { style: { flex: 1 }, children: [
-                  !canExpand[item.id] ? /* @__PURE__ */ jsx53(
+                /* @__PURE__ */ jsxs32(View41, { style: { flex: 1 }, children: [
+                  !canExpand[item.id] ? /* @__PURE__ */ jsx54(
                     Text,
                     {
                       style: { position: "absolute", opacity: 0, zIndex: -1, width: "100%" },
@@ -6658,14 +6993,14 @@ ${trimmedLine2}\u2026 `;
                       children: prompt
                     }
                   ) : null,
-                  /* @__PURE__ */ jsxs31(
+                  /* @__PURE__ */ jsxs32(
                     Text,
                     {
                       variant: "bodyMuted",
                       numberOfLines: isExpanded ? void 0 : 2,
                       children: [
                         displayPrompt,
-                        !isExpanded && showToggle ? /* @__PURE__ */ jsx53(
+                        !isExpanded && showToggle ? /* @__PURE__ */ jsx54(
                           Text,
                           {
                             color: theme.colors.text,
@@ -6677,18 +7012,18 @@ ${trimmedLine2}\u2026 `;
                       ]
                     }
                   ),
-                  showToggle && isExpanded ? /* @__PURE__ */ jsx53(
-                    Pressable13,
+                  showToggle && isExpanded ? /* @__PURE__ */ jsx54(
+                    Pressable15,
                     {
                       onPress: () => setExpanded((prev) => ({ ...prev, [item.id]: false })),
                       hitSlop: 6,
                       style: { alignSelf: "flex-start", marginTop: 4 },
-                      children: /* @__PURE__ */ jsx53(Text, { variant: "captionMuted", color: theme.colors.text, children: "less" })
+                      children: /* @__PURE__ */ jsx54(Text, { variant: "captionMuted", color: theme.colors.text, children: "less" })
                     }
                   ) : null
                 ] }),
-                /* @__PURE__ */ jsx53(
-                  Pressable13,
+                /* @__PURE__ */ jsx54(
+                  Pressable15,
                   {
                     onPress: () => {
                       if (!onRemove || isRemoving) return;
@@ -6703,7 +7038,7 @@ ${trimmedLine2}\u2026 `;
                     },
                     hitSlop: 8,
                     style: { alignSelf: "center" },
-                    children: isRemoving ? /* @__PURE__ */ jsx53(ActivityIndicator8, { size: "small", color: theme.colors.text }) : /* @__PURE__ */ jsx53(IconClose, { size: 14, colorToken: "text" })
+                    children: isRemoving ? /* @__PURE__ */ jsx54(ActivityIndicator8, { size: "small", color: theme.colors.text }) : /* @__PURE__ */ jsx54(IconClose, { size: 14, colorToken: "text" })
                   }
                 )
               ]
@@ -6717,10 +7052,9 @@ ${trimmedLine2}\u2026 `;
 }
 
 // src/studio/ui/ChatPanel.tsx
-import { jsx as jsx54, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
 function ChatPanel({
   title = "Chat",
-  autoFocusComposer = false,
   messages,
   showTypingIndicator,
   loading,
@@ -6736,6 +7070,8 @@ function ChatPanel({
   onNavigateHome,
   onStartDraw,
   onSend,
+  onRetryMessage,
+  isRetryingMessage,
   queueItems = [],
   onRemoveQueueItem
 }) {
@@ -6759,21 +7095,21 @@ function ChatPanel({
     var _a;
     (_a = listRef.current) == null ? void 0 : _a.scrollToBottom({ animated: true });
   }, []);
-  const header = /* @__PURE__ */ jsx54(
+  const header = /* @__PURE__ */ jsx55(
     ChatHeader,
     {
-      left: /* @__PURE__ */ jsxs32(View42, { style: { flexDirection: "row", alignItems: "center" }, children: [
-        /* @__PURE__ */ jsx54(StudioSheetHeaderIconButton, { onPress: onBack, accessibilityLabel: "Back", style: { marginRight: 8 }, children: /* @__PURE__ */ jsx54(IconBack, { size: 20, colorToken: "floatingContent" }) }),
-        onNavigateHome ? /* @__PURE__ */ jsx54(StudioSheetHeaderIconButton, { onPress: onNavigateHome, accessibilityLabel: "Home", children: /* @__PURE__ */ jsx54(IconHome, { size: 20, colorToken: "floatingContent" }) }) : null
+      left: /* @__PURE__ */ jsxs33(View42, { style: { flexDirection: "row", alignItems: "center" }, children: [
+        /* @__PURE__ */ jsx55(StudioSheetHeaderIconButton, { onPress: onBack, accessibilityLabel: "Back", style: { marginRight: 8 }, children: /* @__PURE__ */ jsx55(IconBack, { size: 20, colorToken: "floatingContent" }) }),
+        onNavigateHome ? /* @__PURE__ */ jsx55(StudioSheetHeaderIconButton, { onPress: onNavigateHome, accessibilityLabel: "Home", children: /* @__PURE__ */ jsx55(IconHome, { size: 20, colorToken: "floatingContent" }) }) : null
       ] }),
-      right: /* @__PURE__ */ jsxs32(View42, { style: { flexDirection: "row", alignItems: "center" }, children: [
-        onStartDraw ? /* @__PURE__ */ jsx54(StudioSheetHeaderIconButton, { onPress: onStartDraw, accessibilityLabel: "Draw", intent: "danger", style: { marginRight: 8 }, children: /* @__PURE__ */ jsx54(IconDraw, { size: 20, colorToken: "onDanger" }) }) : null,
-        /* @__PURE__ */ jsx54(StudioSheetHeaderIconButton, { onPress: onClose, accessibilityLabel: "Close", children: /* @__PURE__ */ jsx54(IconClose, { size: 20, colorToken: "floatingContent" }) })
+      right: /* @__PURE__ */ jsxs33(View42, { style: { flexDirection: "row", alignItems: "center" }, children: [
+        onStartDraw ? /* @__PURE__ */ jsx55(StudioSheetHeaderIconButton, { onPress: onStartDraw, accessibilityLabel: "Draw", intent: "danger", style: { marginRight: 8 }, children: /* @__PURE__ */ jsx55(IconDraw, { size: 20, colorToken: "onDanger" }) }) : null,
+        /* @__PURE__ */ jsx55(StudioSheetHeaderIconButton, { onPress: onClose, accessibilityLabel: "Close", children: /* @__PURE__ */ jsx55(IconClose, { size: 20, colorToken: "floatingContent" }) })
       ] }),
       center: null
     }
   );
-  const topBanner = shouldForkOnEdit ? /* @__PURE__ */ jsx54(
+  const topBanner = shouldForkOnEdit ? /* @__PURE__ */ jsx55(
     ForkNoticeBanner,
     {
       isOwner: !shouldForkOnEdit,
@@ -6782,35 +7118,37 @@ function ChatPanel({
   ) : null;
   const showMessagesLoading = Boolean(loading) && messages.length === 0 || forking;
   if (showMessagesLoading) {
-    return /* @__PURE__ */ jsxs32(View42, { style: { flex: 1 }, children: [
-      /* @__PURE__ */ jsx54(View42, { children: header }),
-      topBanner ? /* @__PURE__ */ jsx54(View42, { style: { paddingHorizontal: 16, paddingTop: 8 }, children: topBanner }) : null,
-      /* @__PURE__ */ jsxs32(View42, { style: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 24, paddingVertical: 12 }, children: [
-        /* @__PURE__ */ jsx54(ActivityIndicator9, {}),
-        /* @__PURE__ */ jsx54(View42, { style: { height: 12 } }),
-        /* @__PURE__ */ jsx54(Text, { variant: "bodyMuted", children: forking ? "Creating your copy\u2026" : "Loading messages\u2026" })
+    return /* @__PURE__ */ jsxs33(View42, { style: { flex: 1 }, children: [
+      /* @__PURE__ */ jsx55(View42, { children: header }),
+      topBanner ? /* @__PURE__ */ jsx55(View42, { style: { paddingHorizontal: 16, paddingTop: 8 }, children: topBanner }) : null,
+      /* @__PURE__ */ jsxs33(View42, { style: { flex: 1, alignItems: "center", justifyContent: "center", paddingHorizontal: 24, paddingVertical: 12 }, children: [
+        /* @__PURE__ */ jsx55(ActivityIndicator9, {}),
+        /* @__PURE__ */ jsx55(View42, { style: { height: 12 } }),
+        /* @__PURE__ */ jsx55(Text, { variant: "bodyMuted", children: forking ? "Creating your copy\u2026" : "Loading messages\u2026" })
       ] })
     ] });
   }
-  const queueTop = queueItems.length > 0 ? /* @__PURE__ */ jsx54(ChatQueue, { items: queueItems, onRemove: onRemoveQueueItem }) : null;
-  return /* @__PURE__ */ jsx54(
+  const queueTop = queueItems.length > 0 ? /* @__PURE__ */ jsx55(ChatQueue, { items: queueItems, onRemove: onRemoveQueueItem }) : null;
+  return /* @__PURE__ */ jsx55(
     ChatPage,
     {
       header,
       messages,
       showTypingIndicator,
+      onRetryMessage,
+      isRetryingMessage,
       topBanner,
       composerTop: queueTop,
       composerHorizontalPadding: 0,
       listRef,
       onNearBottomChange: setNearBottom,
-      overlay: /* @__PURE__ */ jsx54(
+      overlay: /* @__PURE__ */ jsx55(
         ScrollToBottomButton,
         {
           visible: !nearBottom,
           onPress: handleScrollToBottom,
           style: { bottom: 80 },
-          children: /* @__PURE__ */ jsx54(IconArrowDown, { size: 20, colorToken: "floatingContent" })
+          children: /* @__PURE__ */ jsx55(IconArrowDown, { size: 20, colorToken: "floatingContent" })
         }
       ),
       composer: {
@@ -6819,7 +7157,6 @@ function ChatPanel({
         disabled: Boolean(loading) || Boolean(forking),
         sendDisabled: Boolean(sendDisabled) || Boolean(loading) || Boolean(forking),
         sending: Boolean(sending),
-        autoFocus: autoFocusComposer,
         onSend: handleSend,
         attachments,
         onRemoveAttachment,
@@ -6832,15 +7169,15 @@ function ChatPanel({
 
 // src/components/dialogs/ConfirmMergeRequestDialog.tsx
 import * as React42 from "react";
-import { Pressable as Pressable15, View as View44 } from "react-native";
+import { Pressable as Pressable17, View as View44 } from "react-native";
 
 // src/components/primitives/Modal.tsx
 import {
   Modal as RNModal,
-  Pressable as Pressable14,
+  Pressable as Pressable16,
   View as View43
 } from "react-native";
-import { jsx as jsx55, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs34 } from "react/jsx-runtime";
 function Modal({
   visible,
   onRequestClose,
@@ -6849,30 +7186,30 @@ function Modal({
   contentStyle
 }) {
   const theme = useTheme();
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx56(
     RNModal,
     {
       visible,
       transparent: true,
       animationType: "fade",
       onRequestClose,
-      children: /* @__PURE__ */ jsxs33(View43, { style: { flex: 1, backgroundColor: theme.colors.backdrop, justifyContent: "center", padding: theme.spacing.lg }, children: [
-        /* @__PURE__ */ jsx55(
-          Pressable14,
+      children: /* @__PURE__ */ jsxs34(View43, { style: { flex: 1, backgroundColor: theme.colors.backdrop, justifyContent: "center", padding: theme.spacing.lg }, children: [
+        /* @__PURE__ */ jsx56(
+          Pressable16,
           {
             accessibilityRole: "button",
             onPress: dismissOnBackdropPress ? onRequestClose : void 0,
             style: { position: "absolute", inset: 0 }
           }
         ),
-        /* @__PURE__ */ jsx55(Card, { variant: "surfaceRaised", padded: true, style: [{ borderRadius: theme.radii.xl }, contentStyle], children })
+        /* @__PURE__ */ jsx56(Card, { variant: "surfaceRaised", padded: true, style: [{ borderRadius: theme.radii.xl }, contentStyle], children })
       ] })
     }
   );
 }
 
 // src/components/dialogs/ConfirmMergeRequestDialog.tsx
-import { jsx as jsx56, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs35 } from "react/jsx-runtime";
 function ConfirmMergeRequestDialog({
   visible,
   onOpenChange,
@@ -6902,7 +7239,7 @@ function ConfirmMergeRequestDialog({
     justifyContent: "center",
     alignSelf: "stretch"
   };
-  return /* @__PURE__ */ jsxs34(
+  return /* @__PURE__ */ jsxs35(
     Modal,
     {
       visible,
@@ -6913,7 +7250,7 @@ function ConfirmMergeRequestDialog({
         backgroundColor: theme.colors.background
       },
       children: [
-        /* @__PURE__ */ jsx56(View44, { children: /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsx57(View44, { children: /* @__PURE__ */ jsx57(
           Text,
           {
             style: {
@@ -6925,8 +7262,8 @@ function ConfirmMergeRequestDialog({
             children: "Are you sure you want to approve this merge request?"
           }
         ) }),
-        /* @__PURE__ */ jsxs34(View44, { style: { marginTop: 16 }, children: [
-          /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsxs35(View44, { style: { marginTop: 16 }, children: [
+          /* @__PURE__ */ jsx57(
             View44,
             {
               style: [
@@ -6936,21 +7273,21 @@ function ConfirmMergeRequestDialog({
                   opacity: canConfirm ? 1 : 0.5
                 }
               ],
-              children: /* @__PURE__ */ jsx56(
-                Pressable15,
+              children: /* @__PURE__ */ jsx57(
+                Pressable17,
                 {
                   accessibilityRole: "button",
                   accessibilityLabel: "Approve Merge",
                   disabled: !canConfirm,
                   onPress: handleConfirm,
                   style: [fullWidthButtonBase, { flex: 1 }],
-                  children: /* @__PURE__ */ jsx56(Text, { style: { textAlign: "center", color: theme.colors.onPrimary }, children: "Approve Merge" })
+                  children: /* @__PURE__ */ jsx57(Text, { style: { textAlign: "center", color: theme.colors.onPrimary }, children: "Approve Merge" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsx56(View44, { style: { height: 8 } }),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(View44, { style: { height: 8 } }),
+          /* @__PURE__ */ jsx57(
             View44,
             {
               style: [
@@ -6962,21 +7299,21 @@ function ConfirmMergeRequestDialog({
                   opacity: isBuilding || !mergeRequest ? 0.5 : 1
                 }
               ],
-              children: /* @__PURE__ */ jsx56(
-                Pressable15,
+              children: /* @__PURE__ */ jsx57(
+                Pressable17,
                 {
                   accessibilityRole: "button",
                   accessibilityLabel: isBuilding ? "Preparing\u2026" : "Test edits first",
                   disabled: isBuilding || !mergeRequest,
                   onPress: handleTestFirst,
                   style: [fullWidthButtonBase, { flex: 1 }],
-                  children: /* @__PURE__ */ jsx56(Text, { style: { textAlign: "center", color: theme.colors.text }, children: isBuilding ? "Preparing\u2026" : "Test edits first" })
+                  children: /* @__PURE__ */ jsx57(Text, { style: { textAlign: "center", color: theme.colors.text }, children: isBuilding ? "Preparing\u2026" : "Test edits first" })
                 }
               )
             }
           ),
-          /* @__PURE__ */ jsx56(View44, { style: { height: 8 } }),
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(View44, { style: { height: 8 } }),
+          /* @__PURE__ */ jsx57(
             View44,
             {
               style: [
@@ -6987,14 +7324,14 @@ function ConfirmMergeRequestDialog({
                   borderColor: theme.colors.border
                 }
               ],
-              children: /* @__PURE__ */ jsx56(
-                Pressable15,
+              children: /* @__PURE__ */ jsx57(
+                Pressable17,
                 {
                   accessibilityRole: "button",
                   accessibilityLabel: "Cancel",
                   onPress: close,
                   style: [fullWidthButtonBase, { flex: 1 }],
-                  children: /* @__PURE__ */ jsx56(Text, { style: { textAlign: "center", color: theme.colors.text }, children: "Cancel" })
+                  children: /* @__PURE__ */ jsx57(Text, { style: { textAlign: "center", color: theme.colors.text }, children: "Cancel" })
                 }
               )
             }
@@ -7006,7 +7343,7 @@ function ConfirmMergeRequestDialog({
 }
 
 // src/studio/ui/ConfirmMergeFlow.tsx
-import { jsx as jsx57 } from "react/jsx-runtime";
+import { jsx as jsx58 } from "react/jsx-runtime";
 function ConfirmMergeFlow({
   visible,
   onOpenChange,
@@ -7017,7 +7354,7 @@ function ConfirmMergeFlow({
   onConfirm,
   onTestFirst
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     ConfirmMergeRequestDialog,
     {
       visible,
@@ -7115,14 +7452,56 @@ function useOptimisticChatMessages({
       const createdAtIso = (/* @__PURE__ */ new Date()).toISOString();
       const baseServerLastId = chatMessages.length > 0 ? chatMessages[chatMessages.length - 1].id : null;
       const id = makeOptimisticId();
-      setOptimisticChat((prev) => [...prev, { id, content: text, createdAtIso, baseServerLastId, failed: false }]);
+      const normalizedAttachments = attachments && attachments.length > 0 ? [...attachments] : void 0;
+      setOptimisticChat((prev) => [
+        ...prev,
+        {
+          id,
+          content: text,
+          attachments: normalizedAttachments,
+          createdAtIso,
+          baseServerLastId,
+          failed: false,
+          retrying: false
+        }
+      ]);
       void Promise.resolve(onSendChat(text, attachments)).catch(() => {
         setOptimisticChat((prev) => prev.map((m) => m.id === id ? { ...m, failed: true } : m));
       });
     },
     [chatMessages, disableOptimistic, onSendChat, shouldForkOnEdit]
   );
-  return { messages, onSend };
+  const onRetry = React43.useCallback(
+    async (messageId) => {
+      if (shouldForkOnEdit || disableOptimistic) return;
+      const target = optimisticChat.find((m) => m.id === messageId);
+      if (!target || target.retrying) return;
+      const baseServerLastId = chatMessages.length > 0 ? chatMessages[chatMessages.length - 1].id : null;
+      setOptimisticChat(
+        (prev) => prev.map(
+          (m) => m.id === messageId ? { ...m, failed: false, retrying: true, baseServerLastId } : m
+        )
+      );
+      try {
+        await onSendChat(target.content, target.attachments);
+        setOptimisticChat(
+          (prev) => prev.map((m) => m.id === messageId ? { ...m, retrying: false } : m)
+        );
+      } catch {
+        setOptimisticChat(
+          (prev) => prev.map((m) => m.id === messageId ? { ...m, failed: true, retrying: false } : m)
+        );
+      }
+    },
+    [chatMessages, disableOptimistic, onSendChat, optimisticChat, shouldForkOnEdit]
+  );
+  const isRetrying = React43.useCallback(
+    (messageId) => {
+      return optimisticChat.some((m) => m.id === messageId && m.retrying);
+    },
+    [optimisticChat]
+  );
+  return { messages, onSend, onRetry, isRetrying };
 }
 
 // src/studio/ui/StudioOverlay.tsx
@@ -7130,7 +7509,7 @@ import {
   publishComergeStudioUIState,
   startStudioControlPolling
 } from "@comergehq/studio-control";
-import { Fragment as Fragment6, jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx59, jsxs as jsxs36 } from "react/jsx-runtime";
 function StudioOverlay({
   captureTargetRef,
   app,
@@ -7138,6 +7517,7 @@ function StudioOverlay({
   isOwner,
   shouldForkOnEdit,
   isTesting,
+  isBaseBundleDownloading = false,
   onRestoreBase,
   incomingMergeRequests,
   outgoingMergeRequests,
@@ -7193,7 +7573,7 @@ function StudioOverlay({
   );
   const handleSheetOpenChange = React44.useCallback((open) => {
     setSheetOpen(open);
-    if (!open) Keyboard5.dismiss();
+    if (!open) Keyboard4.dismiss();
   }, []);
   const closeSheet = React44.useCallback(() => {
     handleSheetOpenChange(false);
@@ -7204,8 +7584,8 @@ function StudioOverlay({
     openSheet();
   }, [openSheet]);
   const backToPreview = React44.useCallback(() => {
-    if (Platform11.OS !== "ios") {
-      Keyboard5.dismiss();
+    if (Platform10.OS !== "ios") {
+      Keyboard4.dismiss();
       setActivePage("preview");
       return;
     }
@@ -7217,9 +7597,9 @@ function StudioOverlay({
       clearTimeout(t);
       setActivePage("preview");
     };
-    const sub = Keyboard5.addListener("keyboardDidHide", finalize);
+    const sub = Keyboard4.addListener("keyboardDidHide", finalize);
     const t = setTimeout(finalize, 350);
-    Keyboard5.dismiss();
+    Keyboard4.dismiss();
   }, []);
   const startDraw = React44.useCallback(() => {
     setDrawing(true);
@@ -7268,14 +7648,14 @@ function StudioOverlay({
   React44.useEffect(() => {
     void publishComergeStudioUIState(sheetOpen, studioControlOptions);
   }, [sheetOpen, studioControlOptions]);
-  return /* @__PURE__ */ jsxs35(Fragment6, { children: [
-    /* @__PURE__ */ jsx58(EdgeGlowFrame, { visible: isTesting, role: "accent", thickness: 40, intensity: 1 }),
-    /* @__PURE__ */ jsx58(StudioBottomSheet, { open: sheetOpen, onOpenChange: handleSheetOpenChange, children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsxs36(Fragment6, { children: [
+    /* @__PURE__ */ jsx59(EdgeGlowFrame, { visible: isTesting, role: "accent", thickness: 40, intensity: 1 }),
+    /* @__PURE__ */ jsx59(StudioBottomSheet, { open: sheetOpen, onOpenChange: handleSheetOpenChange, children: /* @__PURE__ */ jsx59(
       StudioSheetPager,
       {
         activePage,
         width,
-        preview: /* @__PURE__ */ jsx58(
+        preview: /* @__PURE__ */ jsx59(
           PreviewPanel,
           {
             app,
@@ -7304,7 +7684,7 @@ function StudioOverlay({
             commentCountOverride: commentsCount ?? void 0
           }
         ),
-        chat: /* @__PURE__ */ jsx58(
+        chat: /* @__PURE__ */ jsx59(
           ChatPanel,
           {
             messages: optimistic.messages,
@@ -7313,7 +7693,6 @@ function StudioOverlay({
             sendDisabled: chatSendDisabled,
             forking: chatForking,
             sending: chatSending,
-            autoFocusComposer: sheetOpen && activePage === "chat",
             shouldForkOnEdit,
             attachments: chatAttachments,
             onRemoveAttachment: (idx) => setChatAttachments((prev) => prev.filter((_, i) => i !== idx)),
@@ -7323,24 +7702,27 @@ function StudioOverlay({
             onNavigateHome,
             onStartDraw: startDraw,
             onSend: optimistic.onSend,
+            onRetryMessage: optimistic.onRetry,
+            isRetryingMessage: optimistic.isRetrying,
             queueItems: queueItemsForChat,
             onRemoveQueueItem
           }
         )
       }
     ) }),
-    showBubble && /* @__PURE__ */ jsx58(
+    showBubble && /* @__PURE__ */ jsx59(
       Bubble,
       {
         visible: !sheetOpen && !drawing,
         ariaLabel: sheetOpen ? "Hide studio" : "Show studio",
         badgeCount: incomingMergeRequests.length,
         onPress: toggleSheet,
-        isLoading: (app == null ? void 0 : app.status) === "editing",
-        children: /* @__PURE__ */ jsx58(View45, { style: { width: 28, height: 28, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx58(MergeIcon, { width: 24, height: 24, color: theme.colors.floatingContent }) })
+        isLoading: (app == null ? void 0 : app.status) === "editing" || isBaseBundleDownloading,
+        loadingBorderTone: isBaseBundleDownloading ? "warning" : "default",
+        children: /* @__PURE__ */ jsx59(View45, { style: { width: 28, height: 28, alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx59(MergeIcon, { width: 24, height: 24, color: theme.colors.floatingContent }) })
       }
     ),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(
       DrawModeOverlay,
       {
         visible: drawing,
@@ -7349,7 +7731,7 @@ function StudioOverlay({
         onCapture: handleDrawCapture
       }
     ),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(
       ConfirmMergeFlow,
       {
         visible: Boolean(confirmMr),
@@ -7358,11 +7740,12 @@ function StudioOverlay({
         },
         mergeRequest: confirmMr,
         toSummary: toMergeRequestSummary,
+        isBuilding: isBuildingMrTest,
         onConfirm: (mr) => onApprove == null ? void 0 : onApprove(mr),
         onTestFirst: handleTestMr
       }
     ),
-    /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(
       AppCommentsSheet,
       {
         appId: commentsAppId,
@@ -7555,7 +7938,7 @@ function useEditQueueActions(appId) {
 }
 
 // src/studio/ComergeStudio.tsx
-import { jsx as jsx59, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs37 } from "react/jsx-runtime";
 function ComergeStudio({
   appId,
   clientKey: clientKey2,
@@ -7576,7 +7959,7 @@ function ComergeStudio({
     setPendingRuntimeTargetAppId(null);
   }, [appId]);
   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(
+  return /* @__PURE__ */ jsx60(StudioBootstrap, { clientKey: clientKey2, fallback: /* @__PURE__ */ jsx60(View46, { style: { flex: 1 } }), children: ({ userId }) => /* @__PURE__ */ jsx60(BottomSheetModalProvider, { children: /* @__PURE__ */ jsx60(LiquidGlassResetProvider, { resetTriggers: [appId, activeAppId, runtimeAppId], children: /* @__PURE__ */ jsx60(
     ComergeStudioInner,
     {
       userId,
@@ -7725,6 +8108,8 @@ function ComergeStudioInner({
   const [testingMrId, setTestingMrId] = React47.useState(null);
   const [syncingUpstream, setSyncingUpstream] = React47.useState(false);
   const [upstreamSyncStatus, setUpstreamSyncStatus] = React47.useState(null);
+  const isMrTestBuildInProgress = bundle.loading && bundle.loadingMode === "test";
+  const isBaseBundleDownloading = bundle.loading && bundle.loadingMode === "base" && !bundle.isTesting;
   const chatShowTypingIndicator = React47.useMemo(() => {
     var _a;
     if (!thread.raw || thread.raw.length === 0) return false;
@@ -7771,8 +8156,8 @@ function ComergeStudioInner({
     }
     return editQueue.items;
   }, [editQueue.items, lastEditQueueInfo, suppressQueueUntilResponse]);
-  return /* @__PURE__ */ jsx59(View46, { style: [{ flex: 1 }, style], children: /* @__PURE__ */ jsxs36(View46, { ref: captureTargetRef, style: { flex: 1 }, collapsable: false, children: [
-    /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(View46, { style: [{ flex: 1 }, style], children: /* @__PURE__ */ jsxs37(View46, { ref: captureTargetRef, style: { flex: 1 }, collapsable: false, children: [
+    /* @__PURE__ */ jsx60(
       RuntimeRenderer,
       {
         appKey,
@@ -7782,7 +8167,7 @@ function ComergeStudioInner({
         allowInitialPreparing: !embeddedBaseBundles
       }
     ),
-    /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60(
       StudioOverlay,
       {
         captureTargetRef,
@@ -7791,6 +8176,7 @@ function ComergeStudioInner({
         isOwner: actions.isOwner,
         shouldForkOnEdit: actions.shouldForkOnEdit,
         isTesting: bundle.isTesting,
+        isBaseBundleDownloading,
         onRestoreBase: async () => {
           setTestingMrId(null);
           await bundle.restoreBase();
@@ -7799,10 +8185,10 @@ function ComergeStudioInner({
         outgoingMergeRequests: mergeRequests.lists.outgoing,
         creatorStatsById: mergeRequests.creatorStatsById,
         processingMrId,
-        isBuildingMrTest: bundle.loading,
+        isBuildingMrTest: isMrTestBuildInProgress,
         testingMrId,
         toMergeRequestSummary: mergeRequests.toSummary,
-        onSubmitMergeRequest: (app == null ? void 0 : app.forkedFromAppId) && actions.isOwner && !hasOpenOutgoingMr ? async () => {
+        onSubmitMergeRequest: (app == null ? void 0 : app.forkedFromAppId) && actions.isOwner && !mergeRequests.loading && !hasOpenOutgoingMr ? async () => {
           await mergeRequests.actions.openMergeRequest(activeAppId);
         } : void 0,
         onSyncUpstream: actions.isOwner && (app == null ? void 0 : app.forkedFromAppId) ? handleSyncUpstream : void 0,
@@ -7827,6 +8213,7 @@ function ComergeStudioInner({
           }
         },
         onTestMr: async (mr) => {
+          if (testingMrId === mr.id || bundle.loadingMode === "test") return;
           setTestingMrId(mr.id);
           await bundle.loadTest({ appId: mr.sourceAppId, commitId: mr.sourceTipCommitId ?? mr.sourceCommitId });
         },
@@ -7848,6 +8235,7 @@ function ComergeStudioInner({
 }
 export {
   ComergeStudio,
+  resetRealtimeState,
   setSupabaseClient
 };
 //# sourceMappingURL=index.mjs.map