@comergehq/studio 0.1.11 → 0.1.13

package/dist/index.js

@@ -36,7 +36,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/studio/ComergeStudio.tsx
-var React42 = __toESM(require("react"));
+var React43 = __toESM(require("react"));
 var import_react_native55 = require("react-native");
 var import_bottom_sheet6 = require("@gorhom/bottom-sheet");
 
@@ -218,11 +218,11 @@ var React = __toESM(require("react"));
 var import_axios = __toESM(require("axios"));
 
 // src/core/services/http/baseUrl.ts
-var BASE_URL = "https://comerge.ai";
+var BASE_URL = "https://api.comerge.ai";
 
 // src/core/services/http/public.ts
 var CLIENT_KEY_HEADER = "x-comerge-api-key";
-var clientApiKey = null;
+var clientKey = null;
 var publicApi = import_axios.default.create({
   baseURL: BASE_URL,
   timeout: 3e4,
@@ -231,19 +231,19 @@ var publicApi = import_axios.default.create({
     "Content-Type": "application/json"
   }
 });
-function setClientApiKey(apiKey) {
+function setClientKey(clientKeyInput) {
   var _a;
-  const trimmed = ((_a = apiKey == null ? void 0 : apiKey.trim) == null ? void 0 : _a.call(apiKey)) ?? "";
+  const trimmed = ((_a = clientKeyInput == null ? void 0 : clientKeyInput.trim) == null ? void 0 : _a.call(clientKeyInput)) ?? "";
   if (!trimmed) {
-    throw new Error("comerge-studio: apiKey is required");
+    throw new Error("comerge-studio: clientKey is required");
   }
-  clientApiKey = trimmed;
+  clientKey = trimmed;
   publicApi.defaults.headers.common[CLIENT_KEY_HEADER] = trimmed;
 }
 publicApi.interceptors.request.use((config) => {
-  if (!clientApiKey) return config;
+  if (!clientKey) return config;
   config.headers = config.headers ?? {};
-  config.headers[CLIENT_KEY_HEADER] = clientApiKey;
+  config.headers[CLIENT_KEY_HEADER] = clientKey;
   return config;
 });
 
@@ -308,42 +308,9 @@ async function ensureAnonymousSession() {
   return { user: data.user, isNew: true };
 }
 
-// src/data/base-repository.ts
-var BaseRepository = class {
-  unwrapOrThrow(res) {
-    if (res.success && res.responseObject) return res.responseObject;
-    const msg = res.message || "Request failed";
-    throw new Error(msg);
-  }
-};
-
-// src/data/base-remote.ts
-var BaseRemote = class {
-};
-
-// src/data/public/studio-config/remote.ts
-var StudioConfigRemoteDataSourceImpl = class extends BaseRemote {
-  async get() {
-    const { data } = await publicApi.get("/v1/public/studio-config");
-    return data;
-  }
-};
-var studioConfigRemoteDataSource = new StudioConfigRemoteDataSourceImpl();
-
-// src/data/public/studio-config/repository.ts
-var StudioConfigRepositoryImpl = class extends BaseRepository {
-  constructor(remote) {
-    super();
-    this.remote = remote;
-  }
-  async get() {
-    const res = await this.remote.get();
-    return this.unwrapOrThrow(res);
-  }
-};
-var studioConfigRepository = new StudioConfigRepositoryImpl(studioConfigRemoteDataSource);
-
 // src/studio/bootstrap/useStudioBootstrap.ts
+var SUPABASE_URL = "https://xtfxwbckjpfmqubnsusu.supabase.co";
+var SUPABASE_ANON_KEY = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inh0Znh3YmNranBmbXF1Ym5zdXN1Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NjA2MDEyMzAsImV4cCI6MjA3NjE3NzIzMH0.dzWGAWrK4CvrmHVHzf8w7JlUZohdap0ZPnLZnABMV8s";
 function useStudioBootstrap(options) {
   const [state, setState] = React.useState({
     ready: false,
@@ -354,11 +321,10 @@ function useStudioBootstrap(options) {
     let cancelled = false;
     (async () => {
       try {
-        setClientApiKey(options.apiKey);
+        setClientKey(options.clientKey);
         const requireAuth = isSupabaseClientInjected();
         if (!requireAuth) {
-          const cfg = await studioConfigRepository.get();
-          setSupabaseConfig(cfg);
+          setSupabaseConfig({ url: SUPABASE_URL, anonKey: SUPABASE_ANON_KEY });
         }
         const { user } = requireAuth ? await ensureAuthenticatedSession() : await ensureAnonymousSession();
         if (cancelled) return;
@@ -372,14 +338,14 @@ function useStudioBootstrap(options) {
     return () => {
       cancelled = true;
     };
-  }, [options.apiKey]);
+  }, [options.clientKey]);
   return state;
 }
 
 // src/studio/bootstrap/StudioBootstrap.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-function StudioBootstrap({ children, fallback, renderError, apiKey }) {
-  const { ready, error, userId } = useStudioBootstrap({ apiKey });
+function StudioBootstrap({ children, fallback, renderError, clientKey: clientKey2 }) {
+  const { ready, error, userId } = useStudioBootstrap({ clientKey: clientKey2 });
   if (error) {
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native3.View, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: renderError ? renderError(error) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(Text, { variant: "bodyMuted", children: error.message }) });
   }
@@ -527,6 +493,10 @@ var createApiClient = (baseURL) => {
 };
 var api = createApiClient(BASE_URL);
 
+// src/data/base-remote.ts
+var BaseRemote = class {
+};
+
 // src/data/apps/remote.ts
 var AppsRemoteDataSourceImpl = class extends BaseRemote {
   async list(projectId) {
@@ -582,6 +552,15 @@ var AppsRemoteDataSourceImpl = class extends BaseRemote {
 };
 var appsRemoteDataSource = new AppsRemoteDataSourceImpl();
 
+// src/data/base-repository.ts
+var BaseRepository = class {
+  unwrapOrThrow(res) {
+    if (res.success && res.responseObject) return res.responseObject;
+    const msg = res.message || "Request failed";
+    throw new Error(msg);
+  }
+};
+
 // src/data/apps/repository.ts
 function mapDbAppRow(row) {
   return {
@@ -934,6 +913,7 @@ function useThreadMessages(threadId) {
 // src/studio/hooks/useBundleManager.ts
 var React5 = __toESM(require("react"));
 var FileSystem = __toESM(require("expo-file-system/legacy"));
+var import_expo_asset = require("expo-asset");
 
 // src/data/apps/bundles/remote.ts
 var BundlesRemoteDataSourceImpl = class extends BaseRemote {
@@ -1092,6 +1072,24 @@ async function deleteFileIfExists(fileUri) {
   } catch {
   }
 }
+async function hydrateBaseFromEmbeddedAsset(appId, platform, embedded) {
+  if (!(embedded == null ? void 0 : embedded.module)) return null;
+  const key = baseBundleKey(appId, platform);
+  const targetUri = toBundleFileUri(key);
+  const existing = await getExistingNonEmptyFileUri(targetUri);
+  if (existing) return { bundlePath: existing, meta: embedded.meta ?? null };
+  const asset = import_expo_asset.Asset.fromModule(embedded.module);
+  await asset.downloadAsync();
+  const sourceUri = asset.localUri ?? asset.uri;
+  if (!sourceUri) return null;
+  const info = await FileSystem.getInfoAsync(sourceUri);
+  if (!info.exists) return null;
+  await deleteFileIfExists(targetUri);
+  await FileSystem.copyAsync({ from: sourceUri, to: targetUri });
+  const finalUri = await getExistingNonEmptyFileUri(targetUri);
+  if (!finalUri) return null;
+  return { bundlePath: finalUri, meta: embedded.meta ?? null };
+}
 async function safeReplaceFileFromUrl(url, targetUri, tmpKey) {
   const tmpUri = toBundleFileUri(`tmp:${tmpKey}:${Date.now()}`);
   try {
@@ -1164,7 +1162,8 @@ async function resolveBundlePath(src, platform, mode) {
 function useBundleManager({
   base,
   platform,
-  canRequestLatest = true
+  canRequestLatest = true,
+  embeddedBaseBundles
 }) {
   const [bundlePath, setBundlePath] = React5.useState(null);
   const [renderToken, setRenderToken] = React5.useState(0);
@@ -1175,6 +1174,8 @@ function useBundleManager({
   const [isTesting, setIsTesting] = React5.useState(false);
   const baseRef = React5.useRef(base);
   baseRef.current = base;
+  const embeddedBaseBundlesRef = React5.useRef(embeddedBaseBundles);
+  embeddedBaseBundlesRef.current = embeddedBaseBundles;
   const baseOpIdRef = React5.useRef(0);
   const testOpIdRef = React5.useRef(0);
   const activeLoadModeRef = React5.useRef(null);
@@ -1197,16 +1198,29 @@ function useBundleManager({
   const hasCompletedFirstNetworkBaseLoadRef = React5.useRef(false);
   const hydrateBaseFromDisk = React5.useCallback(
     async (appId, reason) => {
+      var _a;
       try {
         const dir = bundlesCacheDir();
         await ensureDir(dir);
         const key = baseBundleKey(appId, platform);
         const uri = toBundleFileUri(key);
-        const existing = await getExistingNonEmptyFileUri(uri);
+        let existing = await getExistingNonEmptyFileUri(uri);
+        let embeddedMeta = null;
+        if (!existing) {
+          const embedded = (_a = embeddedBaseBundlesRef.current) == null ? void 0 : _a[platform];
+          const hydrated = await hydrateBaseFromEmbeddedAsset(appId, platform, embedded);
+          if (hydrated == null ? void 0 : hydrated.bundlePath) {
+            existing = hydrated.bundlePath;
+            embeddedMeta = hydrated.meta ?? null;
+            if (embeddedMeta) {
+              await writeJsonFile(toBundleMetaFileUri(key), embeddedMeta);
+            }
+          }
+        }
         if (existing) {
           lastBaseBundlePathRef.current = existing;
           setBundlePath(existing);
-          const meta = await readJsonFile(toBundleMetaFileUri(key));
+          const meta = embeddedMeta ?? await readJsonFile(toBundleMetaFileUri(key));
           if (meta == null ? void 0 : meta.fingerprint) {
             lastBaseFingerprintRef.current = meta.fingerprint;
           }
@@ -1793,11 +1807,28 @@ function hasNoOutcomeAfterLastHuman(messages) {
 }
 
 // src/studio/ui/RuntimeRenderer.tsx
+var React9 = __toESM(require("react"));
 var import_react_native6 = require("react-native");
 var import_runtime = require("@comergehq/runtime");
 var import_jsx_runtime3 = require("react/jsx-runtime");
-function RuntimeRenderer({ appKey, bundlePath, forcePreparing, renderToken, style }) {
+function RuntimeRenderer({
+  appKey,
+  bundlePath,
+  forcePreparing,
+  renderToken,
+  style,
+  allowInitialPreparing = true
+}) {
+  const [hasRenderedOnce, setHasRenderedOnce] = React9.useState(false);
+  React9.useEffect(() => {
+    if (bundlePath) {
+      setHasRenderedOnce(true);
+    }
+  }, [bundlePath]);
   if (!bundlePath || forcePreparing) {
+    if (!hasRenderedOnce && !forcePreparing && !allowInitialPreparing) {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [{ flex: 1 }, style] });
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [{ flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, style], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Text, { variant: "bodyMuted", children: "Preparing app\u2026" }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: [{ flex: 1 }, style], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -1812,11 +1843,11 @@ function RuntimeRenderer({ appKey, bundlePath, forcePreparing, renderToken, styl
 }
 
 // src/studio/ui/StudioOverlay.tsx
-var React41 = __toESM(require("react"));
+var React42 = __toESM(require("react"));
 var import_react_native54 = require("react-native");
 
 // src/components/studio-sheet/StudioBottomSheet.tsx
-var React11 = __toESM(require("react"));
+var React12 = __toESM(require("react"));
 var import_react_native9 = require("react-native");
 var import_bottom_sheet = __toESM(require("@gorhom/bottom-sheet"));
 var import_react_native_safe_area_context = require("react-native-safe-area-context");
@@ -1826,20 +1857,20 @@ var import_react_native8 = require("react-native");
 var import_liquid_glass2 = require("@callstack/liquid-glass");
 
 // src/components/utils/ResettableLiquidGlassView.tsx
-var React10 = __toESM(require("react"));
+var React11 = __toESM(require("react"));
 var import_liquid_glass = require("@callstack/liquid-glass");
 
 // src/components/utils/liquidGlassReset.tsx
-var React9 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 var import_react_native7 = require("react-native");
 var import_jsx_runtime4 = require("react/jsx-runtime");
-var LiquidGlassResetContext = React9.createContext(0);
+var LiquidGlassResetContext = React10.createContext(0);
 function LiquidGlassResetProvider({
   children,
   resetTriggers = []
 }) {
-  const [token, setToken] = React9.useState(0);
-  React9.useEffect(() => {
+  const [token, setToken] = React10.useState(0);
+  React10.useEffect(() => {
     if (import_react_native7.Platform.OS !== "ios") return;
     const onChange = (state) => {
       if (state === "active") setToken((t) => t + 1);
@@ -1847,21 +1878,21 @@ function LiquidGlassResetProvider({
     const sub = import_react_native7.AppState.addEventListener("change", onChange);
     return () => sub.remove();
   }, []);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     setToken((t) => t + 1);
   }, resetTriggers);
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(LiquidGlassResetContext.Provider, { value: token, children });
 }
 function useLiquidGlassResetToken() {
-  return React9.useContext(LiquidGlassResetContext);
+  return React10.useContext(LiquidGlassResetContext);
 }
 
 // src/components/utils/ResettableLiquidGlassView.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function ResettableLiquidGlassView({ children, ...props }) {
   const token = useLiquidGlassResetToken();
-  const [layoutBootKey, setLayoutBootKey] = React10.useState(0);
-  const sawNonZeroLayoutRef = React10.useRef(false);
+  const [layoutBootKey, setLayoutBootKey] = React11.useState(0);
+  const sawNonZeroLayoutRef = React11.useRef(false);
   const onLayout = (e) => {
     var _a;
     (_a = props.onLayout) == null ? void 0 : _a.call(props, e);
@@ -1935,11 +1966,11 @@ function StudioBottomSheet({
 }) {
   const theme = useTheme();
   const insets = (0, import_react_native_safe_area_context.useSafeAreaInsets)();
-  const internalSheetRef = React11.useRef(null);
+  const internalSheetRef = React12.useRef(null);
   const resolvedSheetRef = sheetRef ?? internalSheetRef;
-  const currentIndexRef = React11.useRef(open ? snapPoints.length - 1 : -1);
-  const lastAppStateRef = React11.useRef(import_react_native9.AppState.currentState);
-  React11.useEffect(() => {
+  const currentIndexRef = React12.useRef(open ? snapPoints.length - 1 : -1);
+  const lastAppStateRef = React12.useRef(import_react_native9.AppState.currentState);
+  React12.useEffect(() => {
     const sub = import_react_native9.AppState.addEventListener("change", (state) => {
       const prev = lastAppStateRef.current;
       lastAppStateRef.current = state;
@@ -1959,7 +1990,7 @@ function StudioBottomSheet({
     });
     return () => sub.remove();
   }, [open, resolvedSheetRef]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     const sheet = resolvedSheetRef.current;
     if (!sheet) return;
     if (open) {
@@ -1968,7 +1999,7 @@ function StudioBottomSheet({
       sheet.close();
     }
   }, [open, resolvedSheetRef, snapPoints.length]);
-  const handleChange = React11.useCallback(
+  const handleChange = React12.useCallback(
     (index) => {
       currentIndexRef.current = index;
       onOpenChange == null ? void 0 : onOpenChange(index >= 0);
@@ -1997,12 +2028,12 @@ function StudioBottomSheet({
 }
 
 // src/components/studio-sheet/StudioSheetPager.tsx
-var React12 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var import_react_native10 = require("react-native");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function StudioSheetPager({ activePage, width, preview, chat, style }) {
-  const anim = React12.useRef(new import_react_native10.Animated.Value(activePage === "chat" ? 1 : 0)).current;
-  React12.useEffect(() => {
+  const anim = React13.useRef(new import_react_native10.Animated.Value(activePage === "chat" ? 1 : 0)).current;
+  React13.useEffect(() => {
     import_react_native10.Animated.spring(anim, {
       toValue: activePage === "chat" ? 1 : 0,
       useNativeDriver: true,
@@ -2050,14 +2081,14 @@ function StudioSheetPager({ activePage, width, preview, chat, style }) {
   ] });
 }
 
-// src/components/floating-draggable-button/FloatingDraggableButton.tsx
+// src/components/bubble/Bubble.tsx
 var import_react = require("react");
 var import_react_native11 = require("react-native");
 var Haptics = __toESM(require("expo-haptics"));
 var import_react_native_reanimated = __toESM(require("react-native-reanimated"));
 var import_liquid_glass3 = require("@callstack/liquid-glass");
 
-// src/components/floating-draggable-button/constants.ts
+// src/components/bubble/constants.ts
 var DEFAULT_SIZE = 48;
 var DEFAULT_EDGE_PADDING = 10;
 var DEFAULT_OFFSET = {
@@ -2068,7 +2099,7 @@ var ENTER_SCALE_FROM = 0.3;
 var ENTER_ROTATION_FROM_DEG = -180;
 var PULSE_DURATION_MS = 900;
 
-// src/components/floating-draggable-button/FloatingDraggableButton.tsx
+// src/components/bubble/Bubble.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var HIDDEN_OFFSET_X = 20;
 var SPRING_POSITION = { damping: 12, stiffness: 100, mass: 0.8 };
@@ -2090,7 +2121,7 @@ function getHiddenTranslateY(height) {
 function getFinalTranslateY(height, size, bottomOffset) {
   return height - size - bottomOffset;
 }
-function FloatingDraggableButton({
+function Bubble({
   onPress,
   size = DEFAULT_SIZE,
   disabled = false,
@@ -2315,7 +2346,7 @@ var styles = import_react_native11.StyleSheet.create({
 });
 
 // src/components/overlays/EdgeGlowFrame.tsx
-var React13 = __toESM(require("react"));
+var React14 = __toESM(require("react"));
 var import_react_native12 = require("react-native");
 var import_expo_linear_gradient = require("expo-linear-gradient");
 
@@ -2358,8 +2389,8 @@ function EdgeGlowFrame({
 }) {
   const theme = useTheme();
   const alpha = Math.max(0, Math.min(1, intensity));
-  const anim = React13.useRef(new import_react_native12.Animated.Value(visible ? 1 : 0)).current;
-  React13.useEffect(() => {
+  const anim = React14.useRef(new import_react_native12.Animated.Value(visible ? 1 : 0)).current;
+  React14.useEffect(() => {
     import_react_native12.Animated.timing(anim, {
       toValue: visible ? 1 : 0,
       duration: 300,
@@ -2410,12 +2441,12 @@ function EdgeGlowFrame({
 }
 
 // src/components/draw/DrawModeOverlay.tsx
-var React16 = __toESM(require("react"));
+var React17 = __toESM(require("react"));
 var import_react_native16 = require("react-native");
 var import_react_native_view_shot = require("react-native-view-shot");
 
 // src/components/draw/DrawSurface.tsx
-var React14 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var import_react_native13 = require("react-native");
 var import_react_native_svg = __toESM(require("react-native-svg"));
 
@@ -2447,25 +2478,25 @@ function DrawSurface({
   style,
   minDistance = 1
 }) {
-  const [renderTick, setRenderTick] = React14.useState(0);
-  const currentPointsRef = React14.useRef([]);
-  const rafRef = React14.useRef(null);
-  const triggerRender = React14.useCallback(() => {
+  const [renderTick, setRenderTick] = React15.useState(0);
+  const currentPointsRef = React15.useRef([]);
+  const rafRef = React15.useRef(null);
+  const triggerRender = React15.useCallback(() => {
     if (rafRef.current !== null) return;
     rafRef.current = requestAnimationFrame(() => {
       rafRef.current = null;
       setRenderTick((n) => n + 1);
     });
   }, []);
-  React14.useEffect(() => () => {
+  React15.useEffect(() => () => {
     if (rafRef.current !== null) cancelAnimationFrame(rafRef.current);
   }, []);
-  const onStart = React14.useCallback((e) => {
+  const onStart = React15.useCallback((e) => {
     const { locationX, locationY } = e.nativeEvent;
     currentPointsRef.current = [{ x: locationX, y: locationY }];
     triggerRender();
   }, [triggerRender]);
-  const onMove = React14.useCallback((e, _g) => {
+  const onMove = React15.useCallback((e, _g) => {
     const { locationX, locationY } = e.nativeEvent;
     const pts = currentPointsRef.current;
     if (pts.length > 0) {
@@ -2478,7 +2509,7 @@ function DrawSurface({
     currentPointsRef.current = [...pts, { x: locationX, y: locationY }];
     triggerRender();
   }, [minDistance, triggerRender]);
-  const onEnd = React14.useCallback(() => {
+  const onEnd = React15.useCallback(() => {
     const points = currentPointsRef.current;
     if (points.length > 0) {
       onAddStroke({ points, color, width: strokeWidth });
@@ -2486,7 +2517,7 @@ function DrawSurface({
     currentPointsRef.current = [];
     triggerRender();
   }, [color, onAddStroke, strokeWidth, triggerRender]);
-  const panResponder = React14.useMemo(
+  const panResponder = React15.useMemo(
     () => import_react_native13.PanResponder.create({
       onStartShouldSetPanResponder: () => true,
       onMoveShouldSetPanResponder: () => true,
@@ -2536,7 +2567,7 @@ var styles2 = import_react_native13.StyleSheet.create({
 });
 
 // src/components/draw/DrawToolbar.tsx
-var React15 = __toESM(require("react"));
+var React16 = __toESM(require("react"));
 var import_react_native15 = require("react-native");
 var import_react_native_safe_area_context2 = require("react-native-safe-area-context");
 var import_lucide_react_native = require("lucide-react-native");
@@ -2626,11 +2657,11 @@ function DrawToolbar({
 }) {
   const insets = (0, import_react_native_safe_area_context2.useSafeAreaInsets)();
   const { width: screenWidth, height: screenHeight } = (0, import_react_native15.useWindowDimensions)();
-  const [expanded, setExpanded] = React15.useState(false);
-  const pos = React15.useRef(new import_react_native15.Animated.ValueXY({ x: screenWidth / 2 - 110, y: -140 })).current;
-  const start = React15.useRef({ x: 0, y: 0 });
-  const currentPos = React15.useRef({ x: 0, y: 0 });
-  React15.useEffect(() => {
+  const [expanded, setExpanded] = React16.useState(false);
+  const pos = React16.useRef(new import_react_native15.Animated.ValueXY({ x: screenWidth / 2 - 110, y: -140 })).current;
+  const start = React16.useRef({ x: 0, y: 0 });
+  const currentPos = React16.useRef({ x: 0, y: 0 });
+  React16.useEffect(() => {
     if (hidden) return;
     import_react_native15.Animated.spring(pos.y, {
       toValue: insets.top + 60,
@@ -2640,7 +2671,7 @@ function DrawToolbar({
       mass: 0.8
     }).start();
   }, [hidden, insets.top, pos.y]);
-  React15.useEffect(() => {
+  React16.useEffect(() => {
     const id = pos.addListener((v) => {
       currentPos.current = { x: v.x ?? 0, y: v.y ?? 0 };
     });
@@ -2648,7 +2679,7 @@ function DrawToolbar({
       pos.removeListener(id);
     };
   }, [pos]);
-  const clamp2 = React15.useCallback(
+  const clamp2 = React16.useCallback(
     (x, y) => {
       const minX = 10;
       const maxX = Math.max(10, screenWidth - 230);
@@ -2658,7 +2689,7 @@ function DrawToolbar({
     },
     [insets.top, screenHeight, screenWidth]
   );
-  const panResponder = React15.useMemo(
+  const panResponder = React16.useMemo(
     () => import_react_native15.PanResponder.create({
       onStartShouldSetPanResponder: () => false,
       onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dx) > 5 || Math.abs(g.dy) > 5,
@@ -2686,7 +2717,7 @@ function DrawToolbar({
     children
   }) {
     const isDisabled = Boolean(disabled) || Boolean(capturingDisabled);
-    const [pressed, setPressed] = React15.useState(false);
+    const [pressed, setPressed] = React16.useState(false);
     return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
       import_react_native15.View,
       {
@@ -2824,7 +2855,7 @@ function DrawModeOverlay({
   renderDragHandle
 }) {
   const theme = useTheme();
-  const defaultPalette = React16.useMemo(
+  const defaultPalette = React17.useMemo(
     () => [
       "#EF4444",
       // Red
@@ -2842,11 +2873,11 @@ function DrawModeOverlay({
     []
   );
   const colors = palette && palette.length > 0 ? palette : defaultPalette;
-  const [selectedColor, setSelectedColor] = React16.useState(colors[0] ?? "#EF4444");
-  const [strokes, setStrokes] = React16.useState([]);
-  const [capturing, setCapturing] = React16.useState(false);
-  const [hideUi, setHideUi] = React16.useState(false);
-  React16.useEffect(() => {
+  const [selectedColor, setSelectedColor] = React17.useState(colors[0] ?? "#EF4444");
+  const [strokes, setStrokes] = React17.useState([]);
+  const [capturing, setCapturing] = React17.useState(false);
+  const [hideUi, setHideUi] = React17.useState(false);
+  React17.useEffect(() => {
     if (!visible) return;
     setStrokes([]);
     setSelectedColor(colors[0] ?? "#EF4444");
@@ -2854,14 +2885,14 @@ function DrawModeOverlay({
     setHideUi(false);
   }, [colors, visible]);
   const canUndo = strokes.length > 0;
-  const handleUndo = React16.useCallback(() => {
+  const handleUndo = React17.useCallback(() => {
     setStrokes((prev) => prev.slice(0, -1));
   }, []);
-  const handleCancel = React16.useCallback(() => {
+  const handleCancel = React17.useCallback(() => {
     setStrokes([]);
     onCancel();
   }, [onCancel]);
-  const handleDone = React16.useCallback(async () => {
+  const handleDone = React17.useCallback(async () => {
     if (!captureTargetRef.current || capturing) return;
     try {
       setCapturing(true);
@@ -2921,7 +2952,7 @@ var styles3 = import_react_native16.StyleSheet.create({
 });
 
 // src/components/comments/AppCommentsSheet.tsx
-var React23 = __toESM(require("react"));
+var React24 = __toESM(require("react"));
 var import_react_native22 = require("react-native");
 var import_bottom_sheet3 = require("@gorhom/bottom-sheet");
 var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
@@ -2929,17 +2960,17 @@ var import_liquid_glass5 = require("@callstack/liquid-glass");
 var import_lucide_react_native4 = require("lucide-react-native");
 
 // src/components/chat/ChatComposer.tsx
-var React18 = __toESM(require("react"));
+var React19 = __toESM(require("react"));
 var import_react_native18 = require("react-native");
 var import_liquid_glass4 = require("@callstack/liquid-glass");
 var import_lucide_react_native3 = require("lucide-react-native");
 
 // src/components/chat/MultilineTextInput.tsx
-var React17 = __toESM(require("react"));
+var React18 = __toESM(require("react"));
 var import_react_native17 = require("react-native");
 var import_bottom_sheet2 = require("@gorhom/bottom-sheet");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var MultilineTextInput = React17.forwardRef(function MultilineTextInput2({ useBottomSheetTextInput = false, placeholder, placeholderTextColor, style, ...props }, ref) {
+var MultilineTextInput = React18.forwardRef(function MultilineTextInput2({ useBottomSheetTextInput = false, placeholder, placeholderTextColor, style, ...props }, ref) {
   const theme = useTheme();
   const baseStyle = {
     minHeight: 44,
@@ -3011,7 +3042,7 @@ function AspectRatioThumbnail({
   onRemove,
   renderRemoveIcon
 }) {
-  const [aspectRatio, setAspectRatio] = React18.useState(1);
+  const [aspectRatio, setAspectRatio] = React19.useState(1);
   return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react_native18.View, { style: { height: THUMBNAIL_HEIGHT, aspectRatio, position: "relative" }, children: [
     /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_native18.View, { style: { flex: 1, borderRadius: 8, overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       import_react_native18.Image,
@@ -3068,19 +3099,19 @@ function ChatComposer({
   style
 }) {
   const theme = useTheme();
-  const [internal, setInternal] = React18.useState("");
+  const [internal, setInternal] = React19.useState("");
   const text = value ?? internal;
   const setText = onChangeValue ?? setInternal;
   const hasAttachments = attachments.length > 0;
   const hasText = text.trim().length > 0;
   const composerMinHeight = hasAttachments ? THUMBNAIL_HEIGHT + 44 + 24 : 44;
   const isButtonDisabled = sending || disabled || sendDisabled;
-  const maxInputHeight = React18.useMemo(() => import_react_native18.Dimensions.get("window").height * 0.5, []);
-  const shakeAnim = React18.useRef(new import_react_native18.Animated.Value(0)).current;
-  const [sendPressed, setSendPressed] = React18.useState(false);
-  const inputRef = React18.useRef(null);
-  const prevAutoFocusRef = React18.useRef(false);
-  React18.useEffect(() => {
+  const maxInputHeight = React19.useMemo(() => import_react_native18.Dimensions.get("window").height * 0.5, []);
+  const shakeAnim = React19.useRef(new import_react_native18.Animated.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;
@@ -3090,7 +3121,7 @@ function ChatComposer({
     }, 75);
     return () => clearTimeout(t);
   }, [autoFocus, disabled, sending]);
-  const triggerShake = React18.useCallback(() => {
+  const triggerShake = React19.useCallback(() => {
     shakeAnim.setValue(0);
     import_react_native18.Animated.sequence([
       import_react_native18.Animated.timing(shakeAnim, { toValue: 10, duration: 50, useNativeDriver: true }),
@@ -3100,7 +3131,7 @@ function ChatComposer({
       import_react_native18.Animated.timing(shakeAnim, { toValue: 0, duration: 50, useNativeDriver: true })
     ]).start();
   }, [shakeAnim]);
-  const handleSend = React18.useCallback(async () => {
+  const handleSend = React19.useCallback(async () => {
     if (isButtonDisabled) return;
     if (!hasText) {
       triggerShake();
@@ -3233,7 +3264,7 @@ function ChatComposer({
 }
 
 // src/components/comments/CommentRow.tsx
-var React19 = __toESM(require("react"));
+var React20 = __toESM(require("react"));
 var import_react_native20 = require("react-native");
 
 // src/components/primitives/Avatar.tsx
@@ -3305,9 +3336,9 @@ function formatTimeAgo(iso) {
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function CommentRow({ comment, showDivider }) {
   const theme = useTheme();
-  const [authorName, setAuthorName] = React19.useState(null);
-  const [authorAvatar, setAuthorAvatar] = React19.useState(null);
-  React19.useEffect(() => {
+  const [authorName, setAuthorName] = React20.useState(null);
+  const [authorAvatar, setAuthorAvatar] = React20.useState(null);
+  React20.useEffect(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -3347,7 +3378,7 @@ function CommentRow({ comment, showDivider }) {
 }
 
 // src/components/comments/useAppComments.ts
-var React20 = __toESM(require("react"));
+var React21 = __toESM(require("react"));
 
 // src/data/comments/remote.ts
 var AppCommentsRemoteDataSourceImpl = class extends BaseRemote {
@@ -3419,18 +3450,18 @@ var appCommentsRepository = new AppCommentsRepositoryImpl(appCommentsRemoteDataS
 
 // src/components/comments/useAppComments.ts
 function useAppComments(appId) {
-  const [comments, setComments] = React20.useState([]);
-  const [loading, setLoading] = React20.useState(false);
-  const [sending, setSending] = React20.useState(false);
-  const [error, setError] = React20.useState(null);
-  const sortByCreatedAtAsc = React20.useCallback((items) => {
+  const [comments, setComments] = React21.useState([]);
+  const [loading, setLoading] = React21.useState(false);
+  const [sending, setSending] = React21.useState(false);
+  const [error, setError] = React21.useState(null);
+  const sortByCreatedAtAsc = React21.useCallback((items) => {
     return [...items].sort((a, b) => {
       const at = a.createdAt ? new Date(a.createdAt).getTime() : 0;
       const bt = b.createdAt ? new Date(b.createdAt).getTime() : 0;
       return at - bt;
     });
   }, []);
-  const refresh = React20.useCallback(async () => {
+  const refresh = React21.useCallback(async () => {
     if (!appId) {
       setComments([]);
       return;
@@ -3447,10 +3478,10 @@ function useAppComments(appId) {
       setLoading(false);
     }
   }, [appId, sortByCreatedAtAsc]);
-  React20.useEffect(() => {
+  React21.useEffect(() => {
     void refresh();
   }, [refresh]);
-  const create = React20.useCallback(
+  const create = React21.useCallback(
     async (text) => {
       if (!appId) return;
       const trimmed = text.trim();
@@ -3473,11 +3504,11 @@ function useAppComments(appId) {
 }
 
 // src/components/comments/useAppDetails.ts
-var React21 = __toESM(require("react"));
+var React22 = __toESM(require("react"));
 function useAppDetails(appId) {
-  const [app, setApp] = React21.useState(null);
-  const [loading, setLoading] = React21.useState(false);
-  React21.useEffect(() => {
+  const [app, setApp] = React22.useState(null);
+  const [loading, setLoading] = React22.useState(false);
+  React22.useEffect(() => {
     if (!appId) {
       setApp(null);
       return;
@@ -3502,11 +3533,11 @@ function useAppDetails(appId) {
 }
 
 // src/components/comments/useIosKeyboardSnapFix.ts
-var React22 = __toESM(require("react"));
+var React23 = __toESM(require("react"));
 var import_react_native21 = require("react-native");
 function useIosKeyboardSnapFix(sheetRef, options) {
-  const [keyboardVisible, setKeyboardVisible] = React22.useState(false);
-  React22.useEffect(() => {
+  const [keyboardVisible, setKeyboardVisible] = React23.useState(false);
+  React23.useEffect(() => {
     if (import_react_native21.Platform.OS !== "ios") return;
     const show = import_react_native21.Keyboard.addListener("keyboardWillShow", () => setKeyboardVisible(true));
     const hide = import_react_native21.Keyboard.addListener("keyboardWillHide", () => {
@@ -3534,16 +3565,16 @@ var import_jsx_runtime20 = require("react/jsx-runtime");
 function AppCommentsSheet({ appId, onClose, onCountChange, onPlayApp }) {
   const theme = useTheme();
   const insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
-  const sheetRef = React23.useRef(null);
-  const snapPoints = React23.useMemo(() => ["50%", "90%"], []);
-  const currentIndexRef = React23.useRef(1);
+  const sheetRef = React24.useRef(null);
+  const snapPoints = React24.useMemo(() => ["50%", "90%"], []);
+  const currentIndexRef = React24.useRef(1);
   const { comments, loading, sending, error, create, refresh } = useAppComments(appId);
   const { app, loading: loadingApp } = useAppDetails(appId);
   const { keyboardVisible } = useIosKeyboardSnapFix(sheetRef, {
     getCurrentIndex: () => currentIndexRef.current,
     targetIndex: 1
   });
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     var _a, _b;
     if (appId) {
       (_a = sheetRef.current) == null ? void 0 : _a.present();
@@ -3552,22 +3583,22 @@ function AppCommentsSheet({ appId, onClose, onCountChange, onPlayApp }) {
       (_b = sheetRef.current) == null ? void 0 : _b.dismiss();
     }
   }, [appId, refresh]);
-  React23.useEffect(() => {
+  React24.useEffect(() => {
     if (!appId) return;
     onCountChange == null ? void 0 : onCountChange(comments.length);
   }, [appId, comments.length, onCountChange]);
-  const renderBackdrop = React23.useCallback(
+  const renderBackdrop = React24.useCallback(
     (props) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_bottom_sheet3.BottomSheetBackdrop, { ...props, disappearsOnIndex: -1, appearsOnIndex: 0, opacity: 0.5 }),
     []
   );
-  const handleChange = React23.useCallback(
+  const handleChange = React24.useCallback(
     (index) => {
       currentIndexRef.current = index;
       if (index === -1) onClose();
     },
     [onClose]
   );
-  const handlePlay = React23.useCallback(async () => {
+  const handlePlay = React24.useCallback(async () => {
     var _a;
     if (!appId) return;
     (_a = sheetRef.current) == null ? void 0 : _a.dismiss();
@@ -3777,7 +3808,7 @@ function StudioSheetHeader({ left, center, right, style }) {
 }
 
 // src/components/studio-sheet/StudioSheetHeaderIconButton.tsx
-var React24 = __toESM(require("react"));
+var React25 = __toESM(require("react"));
 var import_react_native25 = require("react-native");
 var import_liquid_glass6 = require("@callstack/liquid-glass");
 var import_jsx_runtime23 = require("react/jsx-runtime");
@@ -3792,7 +3823,7 @@ function StudioSheetHeaderIconButton({
 }) {
   const theme = useTheme();
   const size = 44;
-  const [pressed, setPressed] = React24.useState(false);
+  const [pressed, setPressed] = React25.useState(false);
   const solidBg = intent === "danger" ? theme.colors.danger : intent === "primary" ? theme.colors.primary : theme.colors.neutral;
   const glassFallbackBg = theme.scheme === "dark" ? "#18181B" : "#F6F6F6";
   const glassInnerBg = intent === "danger" ? theme.colors.danger : theme.colors.primary;
@@ -3982,14 +4013,14 @@ function PreviewHeroCard({
 }
 
 // src/components/preview/PreviewPlaceholder.tsx
-var React25 = __toESM(require("react"));
+var React26 = __toESM(require("react"));
 var import_react_native29 = require("react-native");
 var import_expo_linear_gradient2 = require("expo-linear-gradient");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function PreviewPlaceholder({ visible, style }) {
   if (!visible) return null;
-  const opacityAnim = React25.useRef(new import_react_native29.Animated.Value(0)).current;
-  React25.useEffect(() => {
+  const opacityAnim = React26.useRef(new import_react_native29.Animated.Value(0)).current;
+  React26.useEffect(() => {
     if (!visible) return;
     const animation = import_react_native29.Animated.loop(
       import_react_native29.Animated.sequence([
@@ -4573,12 +4604,12 @@ function PreviewCustomizeSection({
 }
 
 // src/studio/ui/preview-panel/PreviewCollaborateSection.tsx
-var React31 = __toESM(require("react"));
+var React32 = __toESM(require("react"));
 var import_react_native42 = require("react-native");
 var import_lucide_react_native9 = require("lucide-react-native");
 
 // src/components/merge-requests/MergeRequestStatusCard.tsx
-var React27 = __toESM(require("react"));
+var React28 = __toESM(require("react"));
 var import_react_native38 = require("react-native");
 var import_lucide_react_native7 = require("lucide-react-native");
 
@@ -4660,11 +4691,11 @@ function toIsoString(input) {
 }
 
 // src/components/merge-requests/useControlledExpansion.ts
-var React26 = __toESM(require("react"));
+var React27 = __toESM(require("react"));
 function useControlledExpansion(props) {
-  const [uncontrolled, setUncontrolled] = React26.useState(false);
+  const [uncontrolled, setUncontrolled] = React27.useState(false);
   const expanded = props.expanded ?? uncontrolled;
-  const setExpanded = React26.useCallback(
+  const setExpanded = React27.useCallback(
     (next) => {
       var _a;
       (_a = props.onExpandedChange) == null ? void 0 : _a.call(props, next);
@@ -4689,8 +4720,8 @@ function MergeRequestStatusCard({
   const isDark = theme.scheme === "dark";
   const textColor = isDark ? "#FFFFFF" : "#000000";
   const subTextColor = isDark ? "#A1A1AA" : "#71717A";
-  const status = React27.useMemo(() => getMergeRequestStatusDisplay(String(mergeRequest.status)), [mergeRequest.status]);
-  const { StatusIcon, iconColor, bgColor, statusText } = React27.useMemo(() => {
+  const status = React28.useMemo(() => getMergeRequestStatusDisplay(String(mergeRequest.status)), [mergeRequest.status]);
+  const { StatusIcon, iconColor, bgColor, statusText } = React28.useMemo(() => {
     switch (mergeRequest.status) {
       case "approved":
       case "merged":
@@ -4721,8 +4752,8 @@ function MergeRequestStatusCard({
   const createdIso = toIsoString(mergeRequest.createdAt ?? null);
   const headerTimeAgo = updatedIso ? formatTimeAgo(updatedIso) : "";
   const createdTimeAgo = createdIso ? formatTimeAgo(createdIso) : "";
-  const rotate = React27.useRef(new import_react_native38.Animated.Value(expanded ? 1 : 0)).current;
-  React27.useEffect(() => {
+  const rotate = React28.useRef(new import_react_native38.Animated.Value(expanded ? 1 : 0)).current;
+  React28.useEffect(() => {
     import_react_native38.Animated.timing(rotate, {
       toValue: expanded ? 1 : 0,
       duration: 200,
@@ -4813,16 +4844,16 @@ function MergeRequestStatusCard({
 }
 
 // src/components/merge-requests/ReviewMergeRequestCarousel.tsx
-var React30 = __toESM(require("react"));
+var React31 = __toESM(require("react"));
 var import_react_native41 = require("react-native");
 
 // src/components/merge-requests/ReviewMergeRequestCard.tsx
-var React29 = __toESM(require("react"));
+var React30 = __toESM(require("react"));
 var import_react_native40 = require("react-native");
 var import_lucide_react_native8 = require("lucide-react-native");
 
 // src/components/merge-requests/ReviewMergeRequestActionButton.tsx
-var React28 = __toESM(require("react"));
+var React29 = __toESM(require("react"));
 var import_react_native39 = require("react-native");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 function ReviewMergeRequestActionButton({
@@ -4833,7 +4864,7 @@ function ReviewMergeRequestActionButton({
   children,
   iconOnly
 }) {
-  const [pressed, setPressed] = React28.useState(false);
+  const [pressed, setPressed] = React29.useState(false);
   const height = iconOnly ? 36 : 40;
   const width = iconOnly ? 36 : void 0;
   const paddingHorizontal = iconOnly ? 0 : 16;
@@ -4895,10 +4926,10 @@ function ReviewMergeRequestCard({
   onTest
 }) {
   const theme = useTheme();
-  const status = React29.useMemo(() => getMergeRequestStatusDisplay(mr.status), [mr.status]);
+  const status = React30.useMemo(() => getMergeRequestStatusDisplay(mr.status), [mr.status]);
   const canAct = mr.status === "open";
-  const rotate = React29.useRef(new import_react_native40.Animated.Value(isExpanded ? 1 : 0)).current;
-  React29.useEffect(() => {
+  const rotate = React30.useRef(new import_react_native40.Animated.Value(isExpanded ? 1 : 0)).current;
+  React30.useEffect(() => {
     import_react_native40.Animated.timing(rotate, { toValue: isExpanded ? 1 : 0, duration: 200, useNativeDriver: true }).start();
   }, [isExpanded, rotate]);
   const position = total > 1 ? `${index + 1}/${total}` : "Merge request";
@@ -5030,11 +5061,11 @@ function ReviewMergeRequestCarousel({
 }) {
   const theme = useTheme();
   const { width } = (0, import_react_native41.useWindowDimensions)();
-  const [expanded, setExpanded] = React30.useState({});
-  const carouselScrollX = React30.useRef(new import_react_native41.Animated.Value(0)).current;
+  const [expanded, setExpanded] = React31.useState({});
+  const carouselScrollX = React31.useRef(new import_react_native41.Animated.Value(0)).current;
   const peekAmount = 24;
   const gap = 16;
-  const cardWidth = React30.useMemo(() => Math.max(1, width - theme.spacing.lg * 2 - peekAmount), [peekAmount, theme.spacing.lg, width]);
+  const cardWidth = React31.useMemo(() => Math.max(1, width - theme.spacing.lg * 2 - peekAmount), [peekAmount, theme.spacing.lg, width]);
   const snapInterval = cardWidth + gap;
   const dotColor = theme.scheme === "dark" ? "#FFFFFF" : "#000000";
   if (mergeRequests.length === 0) return null;
@@ -5133,7 +5164,7 @@ function PreviewCollaborateSection({
   onTestMr
 }) {
   const theme = useTheme();
-  const [submittingMr, setSubmittingMr] = React31.useState(false);
+  const [submittingMr, setSubmittingMr] = React32.useState(false);
   const hasSection = canSubmitMergeRequest || incomingMergeRequests.length > 0 || outgoingMergeRequests.length > 0;
   if (!hasSection) return null;
   const showActionsSubtitle = canSubmitMergeRequest && onSubmitMergeRequest || onTestMr && incomingMergeRequests.length > 0;
@@ -5241,7 +5272,7 @@ function PreviewCollaborateSection({
 }
 
 // src/studio/ui/preview-panel/usePreviewPanelData.ts
-var React33 = __toESM(require("react"));
+var React34 = __toESM(require("react"));
 
 // src/data/apps/images/remote.ts
 var AppImagesRemoteDataSourceImpl = class extends BaseRemote {
@@ -5292,7 +5323,7 @@ var AppImagesRepositoryImpl = class extends BaseRepository {
 var appImagesRepository = new AppImagesRepositoryImpl(appImagesRemoteDataSource);
 
 // src/studio/hooks/useAppStats.ts
-var React32 = __toESM(require("react"));
+var React33 = __toESM(require("react"));
 var Haptics2 = __toESM(require("expo-haptics"));
 
 // src/data/likes/remote.ts
@@ -5361,34 +5392,34 @@ function useAppStats({
   initialIsLiked = false,
   onOpenComments
 }) {
-  const [likeCount, setLikeCount] = React32.useState(initialLikes);
-  const [commentCount, setCommentCount] = React32.useState(initialComments);
-  const [forkCount, setForkCount] = React32.useState(initialForks);
-  const [isLiked, setIsLiked] = React32.useState(initialIsLiked);
-  const didMutateRef = React32.useRef(false);
-  const lastAppIdRef = React32.useRef("");
-  React32.useEffect(() => {
+  const [likeCount, setLikeCount] = React33.useState(initialLikes);
+  const [commentCount, setCommentCount] = React33.useState(initialComments);
+  const [forkCount, setForkCount] = React33.useState(initialForks);
+  const [isLiked, setIsLiked] = React33.useState(initialIsLiked);
+  const didMutateRef = React33.useRef(false);
+  const lastAppIdRef = React33.useRef("");
+  React33.useEffect(() => {
     if (lastAppIdRef.current === appId) return;
     lastAppIdRef.current = appId;
     didMutateRef.current = false;
   }, [appId]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (didMutateRef.current) return;
     setLikeCount(initialLikes);
   }, [appId, initialLikes]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (didMutateRef.current) return;
     setCommentCount(initialComments);
   }, [appId, initialComments]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (didMutateRef.current) return;
     setForkCount(initialForks);
   }, [appId, initialForks]);
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (didMutateRef.current) return;
     setIsLiked(initialIsLiked);
   }, [appId, initialIsLiked]);
-  const handleLike = React32.useCallback(async () => {
+  const handleLike = React33.useCallback(async () => {
     var _a, _b;
     if (!appId) return;
     didMutateRef.current = true;
@@ -5412,7 +5443,7 @@ function useAppStats({
       setLikeCount((prev) => Math.max(0, prev + (newIsLiked ? -1 : 1)));
     }
   }, [appId, isLiked, likeCount]);
-  const handleOpenComments = React32.useCallback(() => {
+  const handleOpenComments = React33.useCallback(() => {
     if (!appId) return;
     try {
       void Haptics2.impactAsync(Haptics2.ImpactFeedbackStyle.Light);
@@ -5427,11 +5458,11 @@ function useAppStats({
 var LIKE_DEBUG_PREFIX = "[COMERGE_LIKE_DEBUG]";
 function usePreviewPanelData(params) {
   const { app, isOwner, outgoingMergeRequests, onOpenComments, commentCountOverride } = params;
-  const [imageUrl, setImageUrl] = React33.useState(null);
-  const [imageLoaded, setImageLoaded] = React33.useState(false);
-  const [insights, setInsights] = React33.useState({ likes: 0, comments: 0, forks: 0, downloads: 0 });
-  const [creator, setCreator] = React33.useState(null);
-  React33.useEffect(() => {
+  const [imageUrl, setImageUrl] = React34.useState(null);
+  const [imageLoaded, setImageLoaded] = React34.useState(false);
+  const [insights, setInsights] = React34.useState({ likes: 0, comments: 0, forks: 0, downloads: 0 });
+  const [creator, setCreator] = React34.useState(null);
+  React34.useEffect(() => {
     if (!(app == null ? void 0 : app.id)) return;
     let cancelled = false;
     (async () => {
@@ -5446,7 +5477,7 @@ function usePreviewPanelData(params) {
       cancelled = true;
     };
   }, [app == null ? void 0 : app.id]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (!(app == null ? void 0 : app.createdBy)) return;
     let cancelled = false;
     (async () => {
@@ -5462,10 +5493,10 @@ function usePreviewPanelData(params) {
       cancelled = true;
     };
   }, [app == null ? void 0 : app.createdBy]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     setImageLoaded(false);
   }, [app == null ? void 0 : app.id]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (!(app == null ? void 0 : app.id)) return;
     let cancelled = false;
     (async () => {
@@ -5490,7 +5521,7 @@ function usePreviewPanelData(params) {
       cancelled = true;
     };
   }, [app == null ? void 0 : app.id]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (!(app == null ? void 0 : app.id)) return;
     log.debug(
       `${LIKE_DEBUG_PREFIX} usePreviewPanelData.appChanged appId=${app.id} app.isLiked=${String(app.isLiked)}`
@@ -5504,7 +5535,7 @@ function usePreviewPanelData(params) {
     initialIsLiked: Boolean(app == null ? void 0 : app.isLiked),
     onOpenComments
   });
-  const canSubmitMergeRequest = React33.useMemo(() => {
+  const canSubmitMergeRequest = React34.useMemo(() => {
     if (!isOwner) return false;
     if (!app) return false;
     if (!app.forkedFromAppId) return false;
@@ -5617,16 +5648,16 @@ function PreviewPanel({
 }
 
 // src/studio/ui/ChatPanel.tsx
-var React38 = __toESM(require("react"));
+var React39 = __toESM(require("react"));
 var import_react_native51 = require("react-native");
 
 // src/components/chat/ChatPage.tsx
-var React36 = __toESM(require("react"));
+var React37 = __toESM(require("react"));
 var import_react_native47 = require("react-native");
 var import_react_native_safe_area_context4 = require("react-native-safe-area-context");
 
 // src/components/chat/ChatMessageList.tsx
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var import_react_native46 = require("react-native");
 var import_bottom_sheet5 = require("@gorhom/bottom-sheet");
 
@@ -5672,17 +5703,17 @@ function ChatMessageBubble({ message, renderContent, style }) {
 }
 
 // src/components/chat/TypingIndicator.tsx
-var React34 = __toESM(require("react"));
+var React35 = __toESM(require("react"));
 var import_react_native45 = require("react-native");
 var import_jsx_runtime47 = require("react/jsx-runtime");
 function TypingIndicator({ style }) {
   const theme = useTheme();
   const dotColor = theme.colors.textSubtle;
-  const anims = React34.useMemo(
+  const anims = React35.useMemo(
     () => [new import_react_native45.Animated.Value(0.3), new import_react_native45.Animated.Value(0.3), new import_react_native45.Animated.Value(0.3)],
     []
   );
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     const loops = [];
     anims.forEach((a, idx) => {
       const seq = import_react_native45.Animated.sequence([
@@ -5716,7 +5747,7 @@ function TypingIndicator({ style }) {
 
 // src/components/chat/ChatMessageList.tsx
 var import_jsx_runtime48 = require("react/jsx-runtime");
-var ChatMessageList = React35.forwardRef(
+var ChatMessageList = React36.forwardRef(
   ({
     messages,
     showTypingIndicator = false,
@@ -5727,20 +5758,20 @@ var ChatMessageList = React35.forwardRef(
     nearBottomThreshold = 200
   }, ref) => {
     const theme = useTheme();
-    const listRef = React35.useRef(null);
-    const nearBottomRef = React35.useRef(true);
-    const initialScrollDoneRef = React35.useRef(false);
-    const lastMessageIdRef = React35.useRef(null);
-    const data = React35.useMemo(() => {
+    const listRef = React36.useRef(null);
+    const nearBottomRef = React36.useRef(true);
+    const initialScrollDoneRef = React36.useRef(false);
+    const lastMessageIdRef = React36.useRef(null);
+    const data = React36.useMemo(() => {
       return [...messages].reverse();
     }, [messages]);
-    const scrollToBottom = React35.useCallback((options) => {
+    const scrollToBottom = React36.useCallback((options) => {
       var _a;
       const animated = (options == null ? void 0 : options.animated) ?? true;
       (_a = listRef.current) == null ? void 0 : _a.scrollToOffset({ offset: 0, animated });
     }, []);
-    React35.useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);
-    const handleScroll = React35.useCallback(
+    React36.useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);
+    const handleScroll = React36.useCallback(
       (e) => {
         const { contentOffset, contentSize, layoutMeasurement } = e.nativeEvent;
         const distanceFromBottom = Math.max(contentOffset.y - Math.max(bottomInset, 0), 0);
@@ -5752,7 +5783,7 @@ var ChatMessageList = React35.forwardRef(
       },
       [bottomInset, nearBottomThreshold, onNearBottomChange]
     );
-    React35.useEffect(() => {
+    React36.useEffect(() => {
       if (!initialScrollDoneRef.current) return;
       const lastId = messages.length > 0 ? messages[messages.length - 1].id : null;
       const prevLastId = lastMessageIdRef.current;
@@ -5762,7 +5793,7 @@ var ChatMessageList = React35.forwardRef(
       const id = requestAnimationFrame(() => scrollToBottom({ animated: true }));
       return () => cancelAnimationFrame(id);
     }, [messages, scrollToBottom]);
-    React35.useEffect(() => {
+    React36.useEffect(() => {
       if (showTypingIndicator && nearBottomRef.current) {
         const id = requestAnimationFrame(() => scrollToBottom({ animated: true }));
         return () => cancelAnimationFrame(id);
@@ -5824,9 +5855,9 @@ function ChatPage({
 }) {
   const theme = useTheme();
   const insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
-  const [composerHeight, setComposerHeight] = React36.useState(0);
-  const [keyboardVisible, setKeyboardVisible] = React36.useState(false);
-  React36.useEffect(() => {
+  const [composerHeight, setComposerHeight] = React37.useState(0);
+  const [keyboardVisible, setKeyboardVisible] = React37.useState(false);
+  React37.useEffect(() => {
     if (import_react_native47.Platform.OS !== "ios") return;
     const show = import_react_native47.Keyboard.addListener("keyboardWillShow", () => setKeyboardVisible(true));
     const hide = import_react_native47.Keyboard.addListener("keyboardWillHide", () => setKeyboardVisible(false));
@@ -5838,12 +5869,12 @@ function ChatPage({
   const footerBottomPadding = import_react_native47.Platform.OS === "ios" ? keyboardVisible ? 0 : insets.bottom : insets.bottom + 10;
   const overlayBottom = composerHeight + footerBottomPadding + theme.spacing.lg;
   const bottomInset = composerHeight + footerBottomPadding + theme.spacing.xl;
-  const resolvedOverlay = React36.useMemo(() => {
+  const resolvedOverlay = React37.useMemo(() => {
     var _a;
     if (!overlay) return null;
-    if (!React36.isValidElement(overlay)) return overlay;
+    if (!React37.isValidElement(overlay)) return overlay;
     const prevStyle = (_a = overlay.props) == null ? void 0 : _a.style;
-    return React36.cloneElement(overlay, {
+    return React37.cloneElement(overlay, {
       style: [prevStyle, { bottom: overlayBottom }]
     });
   }, [overlay, overlayBottom]);
@@ -5898,15 +5929,15 @@ function ChatPage({
 }
 
 // src/components/chat/ScrollToBottomButton.tsx
-var React37 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var import_react_native48 = require("react-native");
 var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"));
 var import_jsx_runtime50 = require("react/jsx-runtime");
 function ScrollToBottomButton({ visible, onPress, children, style }) {
   const theme = useTheme();
   const progress = (0, import_react_native_reanimated2.useSharedValue)(visible ? 1 : 0);
-  const [pressed, setPressed] = React37.useState(false);
-  React37.useEffect(() => {
+  const [pressed, setPressed] = React38.useState(false);
+  React38.useEffect(() => {
     progress.value = (0, import_react_native_reanimated2.withTiming)(visible ? 1 : 0, { duration: 200, easing: import_react_native_reanimated2.Easing.out(import_react_native_reanimated2.Easing.ease) });
   }, [progress, visible]);
   const animStyle = (0, import_react_native_reanimated2.useAnimatedStyle)(() => ({
@@ -6061,9 +6092,9 @@ function ChatPanel({
   onStartDraw,
   onSend
 }) {
-  const listRef = React38.useRef(null);
-  const [nearBottom, setNearBottom] = React38.useState(true);
-  const handleSend = React38.useCallback(
+  const listRef = React39.useRef(null);
+  const [nearBottom, setNearBottom] = React39.useState(true);
+  const handleSend = React39.useCallback(
     async (text, composerAttachments) => {
       const all = composerAttachments ?? attachments;
       await onSend(text, all.length > 0 ? all : void 0);
@@ -6077,7 +6108,7 @@ function ChatPanel({
     },
     [attachments, nearBottom, onClearAttachments, onSend]
   );
-  const handleScrollToBottom = React38.useCallback(() => {
+  const handleScrollToBottom = React39.useCallback(() => {
     var _a;
     (_a = listRef.current) == null ? void 0 : _a.scrollToBottom({ animated: true });
   }, []);
@@ -6151,7 +6182,7 @@ function ChatPanel({
 }
 
 // src/components/dialogs/ConfirmMergeRequestDialog.tsx
-var React39 = __toESM(require("react"));
+var React40 = __toESM(require("react"));
 var import_react_native53 = require("react-native");
 
 // src/components/primitives/Modal.tsx
@@ -6199,14 +6230,14 @@ function ConfirmMergeRequestDialog({
   onTestFirst
 }) {
   const theme = useTheme();
-  const close = React39.useCallback(() => onOpenChange(false), [onOpenChange]);
+  const close = React40.useCallback(() => onOpenChange(false), [onOpenChange]);
   const canConfirm = Boolean(mergeRequest) && !approveDisabled;
-  const handleConfirm = React39.useCallback(() => {
+  const handleConfirm = React40.useCallback(() => {
     if (!mergeRequest) return;
     onOpenChange(false);
     void onConfirm();
   }, [mergeRequest, onConfirm, onOpenChange]);
-  const handleTestFirst = React39.useCallback(() => {
+  const handleTestFirst = React40.useCallback(() => {
     if (!mergeRequest) return;
     onOpenChange(false);
     void onTestFirst(mergeRequest);
@@ -6355,7 +6386,7 @@ function ConfirmMergeFlow({
 }
 
 // src/studio/hooks/useOptimisticChatMessages.ts
-var React40 = __toESM(require("react"));
+var React41 = __toESM(require("react"));
 function makeOptimisticId() {
   return `optimistic:${Date.now().toString(36)}:${Math.random().toString(36).slice(2, 10)}`;
 }
@@ -6393,11 +6424,11 @@ function useOptimisticChatMessages({
   chatMessages,
   onSendChat
 }) {
-  const [optimisticChat, setOptimisticChat] = React40.useState([]);
-  React40.useEffect(() => {
+  const [optimisticChat, setOptimisticChat] = React41.useState([]);
+  React41.useEffect(() => {
     setOptimisticChat([]);
   }, [threadId]);
-  const messages = React40.useMemo(() => {
+  const messages = React41.useMemo(() => {
     if (!optimisticChat || optimisticChat.length === 0) return chatMessages;
     const unresolved = optimisticChat.filter((o) => !isOptimisticResolvedByServer(chatMessages, o));
     if (unresolved.length === 0) return chatMessages;
@@ -6413,7 +6444,7 @@ function useOptimisticChatMessages({
     merged.sort((a, b) => String(a.createdAt).localeCompare(String(b.createdAt)));
     return merged;
   }, [chatMessages, optimisticChat]);
-  React40.useEffect(() => {
+  React41.useEffect(() => {
     if (optimisticChat.length === 0) return;
     setOptimisticChat((prev) => {
       if (prev.length === 0) return prev;
@@ -6421,7 +6452,7 @@ function useOptimisticChatMessages({
       return next.length === prev.length ? prev : next;
     });
   }, [chatMessages, optimisticChat.length]);
-  const onSend = React40.useCallback(
+  const onSend = React41.useCallback(
     async (text, attachments) => {
       if (shouldForkOnEdit) {
         await onSendChat(text, attachments);
@@ -6441,6 +6472,7 @@ function useOptimisticChatMessages({
 }
 
 // src/studio/ui/StudioOverlay.tsx
+var import_studio_control = require("@comergehq/studio-control");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 function StudioOverlay({
   captureTargetRef,
@@ -6468,16 +6500,19 @@ function StudioOverlay({
   chatSending,
   chatShowTypingIndicator,
   onSendChat,
-  onNavigateHome
+  onNavigateHome,
+  showBubble,
+  studioControlOptions
 }) {
   const theme = useTheme();
   const { width } = (0, import_react_native54.useWindowDimensions)();
-  const [sheetOpen, setSheetOpen] = React41.useState(false);
-  const [activePage, setActivePage] = React41.useState("preview");
-  const [drawing, setDrawing] = React41.useState(false);
-  const [chatAttachments, setChatAttachments] = React41.useState([]);
-  const [commentsAppId, setCommentsAppId] = React41.useState(null);
-  const [commentsCount, setCommentsCount] = React41.useState(null);
+  const [sheetOpen, setSheetOpen] = React42.useState(false);
+  const sheetOpenRef = React42.useRef(sheetOpen);
+  const [activePage, setActivePage] = React42.useState("preview");
+  const [drawing, setDrawing] = React42.useState(false);
+  const [chatAttachments, setChatAttachments] = React42.useState([]);
+  const [commentsAppId, setCommentsAppId] = React42.useState(null);
+  const [commentsCount, setCommentsCount] = React42.useState(null);
   const threadId = (app == null ? void 0 : app.threadId) ?? null;
   const optimistic = useOptimisticChatMessages({
     threadId,
@@ -6485,24 +6520,24 @@ function StudioOverlay({
     chatMessages,
     onSendChat
   });
-  const [confirmMrId, setConfirmMrId] = React41.useState(null);
-  const confirmMr = React41.useMemo(
+  const [confirmMrId, setConfirmMrId] = React42.useState(null);
+  const confirmMr = React42.useMemo(
     () => confirmMrId ? incomingMergeRequests.find((m) => m.id === confirmMrId) ?? null : null,
     [confirmMrId, incomingMergeRequests]
   );
-  const handleSheetOpenChange = React41.useCallback((open) => {
+  const handleSheetOpenChange = React42.useCallback((open) => {
     setSheetOpen(open);
     if (!open) import_react_native54.Keyboard.dismiss();
   }, []);
-  const closeSheet = React41.useCallback(() => {
+  const closeSheet = React42.useCallback(() => {
     handleSheetOpenChange(false);
   }, [handleSheetOpenChange]);
-  const openSheet = React41.useCallback(() => setSheetOpen(true), []);
-  const goToChat = React41.useCallback(() => {
+  const openSheet = React42.useCallback(() => setSheetOpen(true), []);
+  const goToChat = React42.useCallback(() => {
     setActivePage("chat");
     openSheet();
   }, [openSheet]);
-  const backToPreview = React41.useCallback(() => {
+  const backToPreview = React42.useCallback(() => {
     if (import_react_native54.Platform.OS !== "ios") {
       import_react_native54.Keyboard.dismiss();
       setActivePage("preview");
@@ -6520,11 +6555,11 @@ function StudioOverlay({
     const t = setTimeout(finalize, 350);
     import_react_native54.Keyboard.dismiss();
   }, []);
-  const startDraw = React41.useCallback(() => {
+  const startDraw = React42.useCallback(() => {
     setDrawing(true);
     closeSheet();
   }, [closeSheet]);
-  const handleDrawCapture = React41.useCallback(
+  const handleDrawCapture = React42.useCallback(
     (dataUrl) => {
       setChatAttachments((prev) => [...prev, dataUrl]);
       setDrawing(false);
@@ -6533,7 +6568,7 @@ function StudioOverlay({
     },
     [openSheet]
   );
-  const toggleSheet = React41.useCallback(async () => {
+  const toggleSheet = React42.useCallback(async () => {
     if (!sheetOpen) {
       const shouldExitTest = Boolean(testingMrId) || isTesting;
       if (shouldExitTest) {
@@ -6545,7 +6580,7 @@ function StudioOverlay({
       closeSheet();
     }
   }, [closeSheet, isTesting, onRestoreBase, sheetOpen, testingMrId]);
-  const handleTestMr = React41.useCallback(
+  const handleTestMr = React42.useCallback(
     async (mr) => {
       if (!onTestMr) return;
       await onTestMr(mr);
@@ -6553,6 +6588,20 @@ function StudioOverlay({
     },
     [closeSheet, onTestMr]
   );
+  React42.useEffect(() => {
+    sheetOpenRef.current = sheetOpen;
+  }, [sheetOpen]);
+  React42.useEffect(() => {
+    const poller = (0, import_studio_control.startStudioControlPolling)((action) => {
+      if (action === "show" && !sheetOpenRef.current) openSheet();
+      if (action === "hide" && sheetOpenRef.current) closeSheet();
+      if (action === "toggle") toggleSheet();
+    }, studioControlOptions);
+    return () => poller.stop();
+  }, [closeSheet, openSheet, studioControlOptions, toggleSheet]);
+  React42.useEffect(() => {
+    void (0, import_studio_control.publishComergeStudioUIState)(sheetOpen, studioControlOptions);
+  }, [sheetOpen, studioControlOptions]);
   return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_jsx_runtime57.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(EdgeGlowFrame, { visible: isTesting, role: "accent", thickness: 40, intensity: 1 }),
     /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(StudioBottomSheet, { open: sheetOpen, onOpenChange: handleSheetOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
@@ -6609,8 +6658,8 @@ function StudioOverlay({
         )
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-      FloatingDraggableButton,
+    showBubble && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      Bubble,
       {
         visible: !sheetOpen && !drawing,
         ariaLabel: sheetOpen ? "Hide studio" : "Show studio",
@@ -6658,22 +6707,25 @@ function StudioOverlay({
 var import_jsx_runtime58 = require("react/jsx-runtime");
 function ComergeStudio({
   appId,
-  apiKey,
+  clientKey: clientKey2,
   appKey = "MicroMain",
   onNavigateHome,
-  style
+  style,
+  showBubble = true,
+  studioControlOptions,
+  embeddedBaseBundles
 }) {
-  const [activeAppId, setActiveAppId] = React42.useState(appId);
-  const [runtimeAppId, setRuntimeAppId] = React42.useState(appId);
-  const [pendingRuntimeTargetAppId, setPendingRuntimeTargetAppId] = React42.useState(null);
-  const platform = React42.useMemo(() => import_react_native55.Platform.OS === "ios" ? "ios" : "android", []);
-  React42.useEffect(() => {
+  const [activeAppId, setActiveAppId] = React43.useState(appId);
+  const [runtimeAppId, setRuntimeAppId] = React43.useState(appId);
+  const [pendingRuntimeTargetAppId, setPendingRuntimeTargetAppId] = React43.useState(null);
+  const platform = React43.useMemo(() => import_react_native55.Platform.OS === "ios" ? "ios" : "android", []);
+  React43.useEffect(() => {
     setActiveAppId(appId);
     setRuntimeAppId(appId);
     setPendingRuntimeTargetAppId(null);
   }, [appId]);
-  const captureTargetRef = React42.useRef(null);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(StudioBootstrap, { apiKey, children: ({ userId }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_bottom_sheet6.BottomSheetModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LiquidGlassResetProvider, { resetTriggers: [appId, activeAppId, runtimeAppId], children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  const captureTargetRef = React43.useRef(null);
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(StudioBootstrap, { clientKey: clientKey2, fallback: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react_native55.View, { style: { flex: 1 } }), children: ({ userId }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_bottom_sheet6.BottomSheetModalProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(LiquidGlassResetProvider, { resetTriggers: [appId, activeAppId, runtimeAppId], children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     ComergeStudioInner,
     {
       userId,
@@ -6687,7 +6739,10 @@ function ComergeStudio({
       platform,
       onNavigateHome,
       captureTargetRef,
-      style
+      style,
+      showBubble,
+      studioControlOptions,
+      embeddedBaseBundles
     }
   ) }) }) });
 }
@@ -6703,16 +6758,19 @@ function ComergeStudioInner({
   platform,
   onNavigateHome,
   captureTargetRef,
-  style
+  style,
+  showBubble,
+  studioControlOptions,
+  embeddedBaseBundles
 }) {
   const { app, loading: appLoading } = useApp(activeAppId);
   const { app: runtimeAppFromHook } = useApp(runtimeAppId, { enabled: runtimeAppId !== activeAppId });
   const runtimeApp = runtimeAppId === activeAppId ? app : runtimeAppFromHook;
-  const sawEditingOnPendingTargetRef = React42.useRef(false);
-  React42.useEffect(() => {
+  const sawEditingOnPendingTargetRef = React43.useRef(false);
+  React43.useEffect(() => {
     sawEditingOnPendingTargetRef.current = false;
   }, [pendingRuntimeTargetAppId]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (!pendingRuntimeTargetAppId) return;
     if (activeAppId !== pendingRuntimeTargetAppId) return;
     if ((app == null ? void 0 : app.status) === "editing") {
@@ -6727,15 +6785,16 @@ function ComergeStudioInner({
   const bundle = useBundleManager({
     base: { appId: runtimeAppId, commitId: (runtimeApp == null ? void 0 : runtimeApp.headCommitId) ?? void 0 },
     platform,
-    canRequestLatest: (runtimeApp == null ? void 0 : runtimeApp.status) === "ready"
+    canRequestLatest: (runtimeApp == null ? void 0 : runtimeApp.status) === "ready",
+    embeddedBaseBundles
   });
-  const sawEditingOnActiveAppRef = React42.useRef(false);
-  const [showPostEditPreparing, setShowPostEditPreparing] = React42.useState(false);
-  React42.useEffect(() => {
+  const sawEditingOnActiveAppRef = React43.useRef(false);
+  const [showPostEditPreparing, setShowPostEditPreparing] = React43.useState(false);
+  React43.useEffect(() => {
     sawEditingOnActiveAppRef.current = false;
     setShowPostEditPreparing(false);
   }, [activeAppId]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (!(app == null ? void 0 : app.id)) return;
     if (app.status === "editing") {
       sawEditingOnActiveAppRef.current = true;
@@ -6747,7 +6806,7 @@ function ComergeStudioInner({
       sawEditingOnActiveAppRef.current = false;
     }
   }, [app == null ? void 0 : app.id, app == null ? void 0 : app.status]);
-  React42.useEffect(() => {
+  React43.useEffect(() => {
     if (!showPostEditPreparing) return;
     const stillProcessingBaseBundle = bundle.loading && bundle.loadingMode === "base" && !bundle.isTesting;
     if (!stillProcessingBaseBundle) {
@@ -6757,10 +6816,10 @@ function ComergeStudioInner({
   const threadId = (app == null ? void 0 : app.threadId) ?? "";
   const thread = useThreadMessages(threadId);
   const mergeRequests = useMergeRequests({ appId: activeAppId });
-  const hasOpenOutgoingMr = React42.useMemo(() => {
+  const hasOpenOutgoingMr = React43.useMemo(() => {
     return mergeRequests.lists.outgoing.some((mr) => mr.status === "open");
   }, [mergeRequests.lists.outgoing]);
-  const incomingReviewMrs = React42.useMemo(() => {
+  const incomingReviewMrs = React43.useMemo(() => {
     if (!userId) return mergeRequests.lists.incoming;
     return mergeRequests.lists.incoming.filter((mr) => mr.createdBy !== userId);
   }, [mergeRequests.lists.incoming, userId]);
@@ -6782,9 +6841,9 @@ function ComergeStudioInner({
     uploadAttachments: uploader.uploadBase64Images
   });
   const chatSendDisabled = hasNoOutcomeAfterLastHuman(thread.raw);
-  const [processingMrId, setProcessingMrId] = React42.useState(null);
-  const [testingMrId, setTestingMrId] = React42.useState(null);
-  const chatShowTypingIndicator = React42.useMemo(() => {
+  const [processingMrId, setProcessingMrId] = React43.useState(null);
+  const [testingMrId, setTestingMrId] = React43.useState(null);
+  const chatShowTypingIndicator = React43.useMemo(() => {
     var _a;
     if (!thread.raw || thread.raw.length === 0) return false;
     const last = thread.raw[thread.raw.length - 1];
@@ -6798,7 +6857,8 @@ function ComergeStudioInner({
         appKey,
         bundlePath: bundle.bundlePath,
         forcePreparing: showPostEditPreparing,
-        renderToken: bundle.renderToken
+        renderToken: bundle.renderToken,
+        allowInitialPreparing: !embeddedBaseBundles
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
@@ -6853,7 +6913,9 @@ function ComergeStudioInner({
         chatSending: actions.sending,
         chatShowTypingIndicator,
         onSendChat: (text, attachments) => actions.sendEdit({ prompt: text, attachments }),
-        onNavigateHome
+        onNavigateHome,
+        showBubble,
+        studioControlOptions
       }
     )
   ] }) });