@comergehq/studio 0.1.12 → 0.1.15

package/dist/index.mjs

@@ -6,7 +6,7 @@ var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require
 });
 
 // src/studio/ComergeStudio.tsx
-import * as React42 from "react";
+import * as React43 from "react";
 import { Platform as RNPlatform, View as View45 } from "react-native";
 import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
 
@@ -188,11 +188,11 @@ import * as React from "react";
 import axios from "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 = axios.create({
   baseURL: BASE_URL,
   timeout: 3e4,
@@ -201,19 +201,19 @@ var publicApi = axios.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;
 });
 
@@ -278,42 +278,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,
@@ -324,11 +291,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;
@@ -342,14 +308,14 @@ function useStudioBootstrap(options) {
     return () => {
       cancelled = true;
     };
-  }, [options.apiKey]);
+  }, [options.clientKey]);
   return state;
 }
 
 // src/studio/bootstrap/StudioBootstrap.tsx
 import { Fragment, jsx as jsx2 } from "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__ */ jsx2(View, { style: { flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, children: renderError ? renderError(error) : /* @__PURE__ */ jsx2(Text, { variant: "bodyMuted", children: error.message }) });
   }
@@ -497,6 +463,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) {
@@ -552,6 +522,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 {
@@ -904,6 +883,8 @@ function useThreadMessages(threadId) {
 // src/studio/hooks/useBundleManager.ts
 import * as React5 from "react";
 import * as FileSystem from "expo-file-system/legacy";
+import { Asset } from "expo-asset";
+import { unzip } from "react-native-zip-archive";
 
 // src/data/apps/bundles/remote.ts
 var BundlesRemoteDataSourceImpl = class extends BaseRemote {
@@ -927,6 +908,13 @@ var BundlesRemoteDataSourceImpl = class extends BaseRemote {
     );
     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 } }
+    );
+    return data;
+  }
 };
 var bundlesRemoteDataSource = new BundlesRemoteDataSourceImpl();
 
@@ -948,6 +936,10 @@ var BundlesRepositoryImpl = class extends BaseRepository {
     const res = await this.remote.getSignedDownloadUrl(appId, bundleId, options);
     return this.unwrapOrThrow(res);
   }
+  async getSignedAssetsDownloadUrl(appId, bundleId, options) {
+    const res = await this.remote.getSignedAssetsDownloadUrl(appId, bundleId, options);
+    return this.unwrapOrThrow(res);
+  }
 };
 var bundlesRepository = new BundlesRepositoryImpl(bundlesRemoteDataSource);
 
@@ -999,20 +991,40 @@ async function ensureDir(path) {
   if (info.exists) return;
   await FileSystem.makeDirectoryAsync(path, { intermediates: true });
 }
+async function ensureBundleDir(key) {
+  await ensureDir(bundlesCacheDir());
+  await ensureDir(bundleDir(key));
+}
 function baseBundleKey(appId, platform) {
   return `base:${appId}:${platform}`;
 }
 function testBundleKey(appId, commitId, platform, bundleId) {
   return `test:${appId}:${commitId ?? "head"}:${platform}:${bundleId}`;
 }
-function toBundleFileUri(key) {
+function legacyBundleFileUri(key) {
   const dir = bundlesCacheDir();
   return `${dir}${safeName(key)}.jsbundle`;
 }
-function toBundleMetaFileUri(key) {
+function legacyBundleMetaFileUri(key) {
   const dir = bundlesCacheDir();
   return `${dir}${safeName(key)}.meta.json`;
 }
+function bundleDir(key) {
+  const dir = bundlesCacheDir();
+  return `${dir}${safeName(key)}/`;
+}
+function toBundleFileUri(key, platform) {
+  return `${bundleDir(key)}index.${platform}.jsbundle`;
+}
+function toBundleMetaFileUri(key) {
+  return `${bundleDir(key)}bundle.meta.json`;
+}
+function toAssetsMetaFileUri(key) {
+  return `${bundleDir(key)}assets.meta.json`;
+}
+function toAssetsDir(key) {
+  return `${bundleDir(key)}assets/`;
+}
 async function readJsonFile(fileUri) {
   try {
     const info = await FileSystem.getInfoAsync(fileUri);
@@ -1039,6 +1051,14 @@ async function getExistingNonEmptyFileUri(fileUri) {
     return null;
   }
 }
+async function getExistingBundleFileUri(key, platform) {
+  const nextPath = toBundleFileUri(key, platform);
+  const next = await getExistingNonEmptyFileUri(nextPath);
+  if (next) return next;
+  const legacyPath = legacyBundleFileUri(key);
+  const legacy = await getExistingNonEmptyFileUri(legacyPath);
+  return legacy;
+}
 async function downloadIfMissing(url, fileUri) {
   const existing = await getExistingNonEmptyFileUri(fileUri);
   if (existing) return existing;
@@ -1062,8 +1082,71 @@ async function deleteFileIfExists(fileUri) {
   } catch {
   }
 }
-async function safeReplaceFileFromUrl(url, targetUri, tmpKey) {
-  const tmpUri = toBundleFileUri(`tmp:${tmpKey}:${Date.now()}`);
+async function hydrateBaseFromEmbeddedAsset(appId, platform, embedded) {
+  if (!(embedded == null ? void 0 : embedded.module)) return null;
+  const key = baseBundleKey(appId, platform);
+  const existing = await getExistingBundleFileUri(key, platform);
+  if (existing) {
+    return { bundlePath: existing, meta: embedded.meta ?? null };
+  }
+  await ensureBundleDir(key);
+  const targetUri = toBundleFileUri(key, platform);
+  const 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 hydrateAssetsFromEmbeddedAsset(appId, platform, key, embedded) {
+  var _a;
+  const moduleId = embedded == null ? void 0 : embedded.assetsModule;
+  if (!moduleId) return false;
+  const assetsMeta = (embedded == null ? void 0 : embedded.assetsMeta) ?? null;
+  const assetsDir = toAssetsDir(key);
+  const metaUri = toAssetsMetaFileUri(key);
+  const existingMeta = await readJsonFile(metaUri);
+  const assetsDirInfo = await FileSystem.getInfoAsync(assetsDir);
+  const assetsDirExists = assetsDirInfo.exists && assetsDirInfo.isDirectory;
+  const checksumMatches = Boolean(existingMeta == null ? void 0 : existingMeta.checksumSha256) && Boolean(assetsMeta == null ? void 0 : assetsMeta.checksumSha256) && (existingMeta == null ? void 0 : existingMeta.checksumSha256) === (assetsMeta == null ? void 0 : assetsMeta.checksumSha256);
+  const embeddedMetaMatches = (_a = existingMeta == null ? void 0 : existingMeta.storageKey) == null ? void 0 : _a.startsWith("embedded:");
+  if (assetsDirExists && checksumMatches && embeddedMetaMatches) {
+    return true;
+  }
+  await ensureBundleDir(key);
+  await ensureDir(assetsDir);
+  const asset = Asset.fromModule(moduleId);
+  await asset.downloadAsync();
+  const sourceUri = asset.localUri ?? asset.uri;
+  if (!sourceUri) return false;
+  const info = await FileSystem.getInfoAsync(sourceUri);
+  if (!info.exists) return false;
+  const zipUri = `${bundleDir(key)}assets.zip`;
+  await deleteFileIfExists(zipUri);
+  await FileSystem.copyAsync({ from: sourceUri, to: zipUri });
+  try {
+    await FileSystem.deleteAsync(assetsDir, { idempotent: true }).catch(() => {
+    });
+  } catch {
+  }
+  await ensureDir(assetsDir);
+  await unzipArchive(zipUri, assetsDir);
+  await writeJsonFile(metaUri, {
+    checksumSha256: (assetsMeta == null ? void 0 : assetsMeta.checksumSha256) ?? null,
+    storageKey: `embedded:${(assetsMeta == null ? void 0 : assetsMeta.checksumSha256) ?? "unknown"}`,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  });
+  return true;
+}
+async function safeReplaceFileFromUrl(url, targetUri, tmpKey, platform) {
+  const tmpKeySafe = `tmp:${tmpKey}:${Date.now()}`;
+  const tmpUri = toBundleFileUri(tmpKeySafe, platform);
+  await ensureDir(bundleDir(tmpKeySafe));
   try {
     await withRetry(
       async () => {
@@ -1083,6 +1166,82 @@ async function safeReplaceFileFromUrl(url, targetUri, tmpKey) {
     await deleteFileIfExists(tmpUri);
   }
 }
+async function safeReplaceFileFromUrlToPath(url, targetUri, tmpKey) {
+  const tmpDir = `${bundlesCacheDir()}tmp/`;
+  await ensureDir(tmpDir);
+  const tmpUri = `${tmpDir}${safeName(tmpKey)}.tmp`;
+  try {
+    await withRetry(
+      async () => {
+        await deleteFileIfExists(tmpUri);
+        await FileSystem.downloadAsync(url, tmpUri);
+        const tmpOk = await getExistingNonEmptyFileUri(tmpUri);
+        if (!tmpOk) throw new Error("Downloaded file is empty.");
+      },
+      { attempts: 3, baseDelayMs: 500, maxDelayMs: 4e3 }
+    );
+    await deleteFileIfExists(targetUri);
+    await FileSystem.moveAsync({ from: tmpUri, to: targetUri });
+    const finalOk = await getExistingNonEmptyFileUri(targetUri);
+    if (!finalOk) throw new Error("File replacement failed.");
+    return targetUri;
+  } finally {
+    await deleteFileIfExists(tmpUri);
+  }
+}
+function getMetroAssets(bundle) {
+  const assets = bundle.assets ?? [];
+  return assets.find((asset) => asset.kind === "metro-assets") ?? null;
+}
+async function ensureAssetsForBundle(appId, bundle, key, platform) {
+  var _a;
+  const asset = getMetroAssets(bundle);
+  if (!(asset == null ? void 0 : asset.storageKey)) return;
+  await ensureBundleDir(key);
+  const assetsDir = toAssetsDir(key);
+  await ensureDir(assetsDir);
+  const metaUri = toAssetsMetaFileUri(key);
+  const existingMeta = await readJsonFile(metaUri);
+  const assetsDirInfo = await FileSystem.getInfoAsync(assetsDir);
+  const assetsDirExists = assetsDirInfo.exists && assetsDirInfo.isDirectory;
+  if ((existingMeta == null ? void 0 : existingMeta.checksumSha256) && asset.checksumSha256 && existingMeta.checksumSha256 === asset.checksumSha256 && (existingMeta.storageKey === asset.storageKey || ((_a = existingMeta.storageKey) == null ? void 0 : _a.startsWith("embedded:"))) && assetsDirExists) {
+    return;
+  }
+  const signed = await withRetry(
+    async () => {
+      return await bundlesRepository.getSignedAssetsDownloadUrl(appId, bundle.id, {
+        redirect: false,
+        kind: asset.kind
+      });
+    },
+    { attempts: 3, baseDelayMs: 500, maxDelayMs: 4e3 }
+  );
+  const zipUri = `${bundleDir(key)}assets.zip`;
+  await safeReplaceFileFromUrlToPath(signed.url, zipUri, `${appId}:${bundle.id}:${platform}:${asset.kind}`);
+  try {
+    await FileSystem.deleteAsync(assetsDir, { idempotent: true }).catch(() => {
+    });
+  } catch {
+  }
+  await ensureDir(assetsDir);
+  await unzipArchive(zipUri, assetsDir);
+  await writeJsonFile(metaUri, {
+    checksumSha256: asset.checksumSha256 ?? null,
+    storageKey: asset.storageKey,
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+  });
+}
+async function unzipArchive(sourceUri, destDir) {
+  try {
+    await unzip(sourceUri, destDir);
+  } catch (e) {
+    throw new Error(
+      `Failed to extract assets archive. Ensure 'react-native-zip-archive' is installed in the host app. ${String(
+        (e == null ? void 0 : e.message) ?? e
+      )}`
+    );
+  }
+}
 async function pollBundle(appId, bundleId, opts) {
   const start = Date.now();
   while (true) {
@@ -1118,23 +1277,39 @@ async function resolveBundlePath(src, platform, mode) {
   if (finalBundle.status === "failed") {
     throw new Error("Bundle build failed.");
   }
+  let bundleWithAssets = finalBundle;
+  if (finalBundle.status === "succeeded" && (!finalBundle.assets || finalBundle.assets.length === 0)) {
+    try {
+      bundleWithAssets = await bundlesRepository.getById(appId, finalBundle.id);
+    } catch {
+      bundleWithAssets = finalBundle;
+    }
+  }
   const signed = await withRetry(
     async () => {
       return await bundlesRepository.getSignedDownloadUrl(appId, finalBundle.id, { redirect: false });
     },
     { attempts: 3, baseDelayMs: 500, maxDelayMs: 4e3 }
   );
+  const key = mode === "base" ? baseBundleKey(appId, platform) : testBundleKey(appId, commitId, platform, finalBundle.id);
+  await ensureBundleDir(key);
   const bundlePath = mode === "base" ? await safeReplaceFileFromUrl(
     signed.url,
-    toBundleFileUri(baseBundleKey(appId, platform)),
-    `${appId}:${commitId ?? "head"}:${platform}:${finalBundle.id}`
-  ) : await downloadIfMissing(signed.url, toBundleFileUri(testBundleKey(appId, commitId, platform, finalBundle.id)));
-  return { bundlePath, label: "Ready", bundle: finalBundle };
+    toBundleFileUri(key, platform),
+    `${appId}:${commitId ?? "head"}:${platform}:${finalBundle.id}`,
+    platform
+  ) : await downloadIfMissing(signed.url, toBundleFileUri(key, platform));
+  try {
+    await ensureAssetsForBundle(appId, bundleWithAssets, key, platform);
+  } catch {
+  }
+  return { bundlePath, label: "Ready", bundle: bundleWithAssets };
 }
 function useBundleManager({
   base,
   platform,
-  canRequestLatest = true
+  canRequestLatest = true,
+  embeddedBaseBundles
 }) {
   const [bundlePath, setBundlePath] = React5.useState(null);
   const [renderToken, setRenderToken] = React5.useState(0);
@@ -1145,6 +1320,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);
@@ -1167,16 +1344,39 @@ function useBundleManager({
   const hasCompletedFirstNetworkBaseLoadRef = React5.useRef(false);
   const hydrateBaseFromDisk = React5.useCallback(
     async (appId, reason) => {
+      var _a, _b, _c;
       try {
         const dir = bundlesCacheDir();
         await ensureDir(dir);
         const key = baseBundleKey(appId, platform);
-        const uri = toBundleFileUri(key);
-        const existing = await getExistingNonEmptyFileUri(uri);
+        let existing = await getExistingBundleFileUri(key, platform);
+        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 ensureBundleDir(key);
+              await writeJsonFile(toBundleMetaFileUri(key), embeddedMeta);
+              await writeJsonFile(legacyBundleMetaFileUri(key), embeddedMeta);
+            }
+          }
+        }
         if (existing) {
           lastBaseBundlePathRef.current = existing;
           setBundlePath(existing);
-          const meta = await readJsonFile(toBundleMetaFileUri(key));
+          const meta = embeddedMeta ?? await readJsonFile(toBundleMetaFileUri(key)) ?? await readJsonFile(legacyBundleMetaFileUri(key));
+          const embedded = (_b = embeddedBaseBundlesRef.current) == null ? void 0 : _b[platform];
+          const embeddedFingerprint = ((_c = embedded == null ? void 0 : embedded.meta) == null ? void 0 : _c.fingerprint) ?? null;
+          const actualFingerprint = (meta == null ? void 0 : meta.fingerprint) ?? (embeddedMeta == null ? void 0 : embeddedMeta.fingerprint) ?? null;
+          if ((embedded == null ? void 0 : embedded.assetsModule) && embeddedFingerprint && actualFingerprint === embeddedFingerprint) {
+            try {
+              await hydrateAssetsFromEmbeddedAsset(appId, platform, key, embedded);
+            } catch {
+            }
+          }
           if (meta == null ? void 0 : meta.fingerprint) {
             lastBaseFingerprintRef.current = meta.fingerprint;
           }
@@ -1241,7 +1441,16 @@ function useBundleManager({
         lastBaseFingerprintRef.current = fingerprint;
         hasCompletedFirstNetworkBaseLoadRef.current = true;
         initialHydratedBaseFromDiskRef.current = false;
-        void writeJsonFile(toBundleMetaFileUri(baseBundleKey(src.appId, platform)), {
+        const metaKey = baseBundleKey(src.appId, platform);
+        await ensureBundleDir(metaKey);
+        void writeJsonFile(toBundleMetaFileUri(metaKey), {
+          fingerprint,
+          bundleId: bundle.id,
+          checksumSha256: bundle.checksumSha256 ?? null,
+          size: bundle.size ?? null,
+          updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+        });
+        void writeJsonFile(legacyBundleMetaFileUri(metaKey), {
           fingerprint,
           bundleId: bundle.id,
           checksumSha256: bundle.checksumSha256 ?? null,
@@ -1763,11 +1972,28 @@ function hasNoOutcomeAfterLastHuman(messages) {
 }
 
 // src/studio/ui/RuntimeRenderer.tsx
+import * as React9 from "react";
 import { View as View2 } from "react-native";
 import { ComergeRuntimeRenderer } from "@comergehq/runtime";
 import { jsx as jsx3 } from "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__ */ jsx3(View2, { style: [{ flex: 1 }, style] });
+    }
     return /* @__PURE__ */ jsx3(View2, { style: [{ flex: 1, justifyContent: "center", alignItems: "center", padding: 24 }, style], children: /* @__PURE__ */ jsx3(Text, { variant: "bodyMuted", children: "Preparing app\u2026" }) });
   }
   return /* @__PURE__ */ jsx3(View2, { style: [{ flex: 1 }, style], children: /* @__PURE__ */ jsx3(
@@ -1782,11 +2008,11 @@ function RuntimeRenderer({ appKey, bundlePath, forcePreparing, renderToken, styl
 }
 
 // src/studio/ui/StudioOverlay.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { Keyboard as Keyboard5, Platform as Platform10, View as View44, useWindowDimensions as useWindowDimensions4 } from "react-native";
 
 // src/components/studio-sheet/StudioBottomSheet.tsx
-import * as React11 from "react";
+import * as React12 from "react";
 import { AppState as AppState3, Keyboard, View as View4 } from "react-native";
 import BottomSheet from "@gorhom/bottom-sheet";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
@@ -1796,20 +2022,20 @@ import { Platform as Platform3, View as View3 } from "react-native";
 import { isLiquidGlassSupported } from "@callstack/liquid-glass";
 
 // src/components/utils/ResettableLiquidGlassView.tsx
-import * as React10 from "react";
+import * as React11 from "react";
 import { LiquidGlassView } from "@callstack/liquid-glass";
 
 // src/components/utils/liquidGlassReset.tsx
-import * as React9 from "react";
+import * as React10 from "react";
 import { AppState as AppState2, Platform as Platform2 } from "react-native";
 import { jsx as jsx4 } from "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 (Platform2.OS !== "ios") return;
     const onChange = (state) => {
       if (state === "active") setToken((t) => t + 1);
@@ -1817,21 +2043,21 @@ function LiquidGlassResetProvider({
     const sub = AppState2.addEventListener("change", onChange);
     return () => sub.remove();
   }, []);
-  React9.useEffect(() => {
+  React10.useEffect(() => {
     setToken((t) => t + 1);
   }, resetTriggers);
   return /* @__PURE__ */ jsx4(LiquidGlassResetContext.Provider, { value: token, children });
 }
 function useLiquidGlassResetToken() {
-  return React9.useContext(LiquidGlassResetContext);
+  return React10.useContext(LiquidGlassResetContext);
 }
 
 // src/components/utils/ResettableLiquidGlassView.tsx
 import { jsx as jsx5 } from "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);
@@ -1905,11 +2131,11 @@ function StudioBottomSheet({
 }) {
   const theme = useTheme();
   const insets = 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(AppState3.currentState);
-  React11.useEffect(() => {
+  const currentIndexRef = React12.useRef(open ? snapPoints.length - 1 : -1);
+  const lastAppStateRef = React12.useRef(AppState3.currentState);
+  React12.useEffect(() => {
     const sub = AppState3.addEventListener("change", (state) => {
       const prev = lastAppStateRef.current;
       lastAppStateRef.current = state;
@@ -1929,7 +2155,7 @@ function StudioBottomSheet({
     });
     return () => sub.remove();
   }, [open, resolvedSheetRef]);
-  React11.useEffect(() => {
+  React12.useEffect(() => {
     const sheet = resolvedSheetRef.current;
     if (!sheet) return;
     if (open) {
@@ -1938,7 +2164,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);
@@ -1967,12 +2193,12 @@ function StudioBottomSheet({
 }
 
 // src/components/studio-sheet/StudioSheetPager.tsx
-import * as React12 from "react";
+import * as React13 from "react";
 import { Animated } from "react-native";
 import { jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
 function StudioSheetPager({ activePage, width, preview, chat, style }) {
-  const anim = React12.useRef(new Animated.Value(activePage === "chat" ? 1 : 0)).current;
-  React12.useEffect(() => {
+  const anim = React13.useRef(new Animated.Value(activePage === "chat" ? 1 : 0)).current;
+  React13.useEffect(() => {
     Animated.spring(anim, {
       toValue: activePage === "chat" ? 1 : 0,
       useNativeDriver: true,
@@ -2020,8 +2246,8 @@ function StudioSheetPager({ activePage, width, preview, chat, style }) {
   ] });
 }
 
-// src/components/floating-draggable-button/FloatingDraggableButton.tsx
-import { useCallback as useCallback8, useEffect as useEffect10, useMemo as useMemo3, useRef as useRef7 } from "react";
+// src/components/bubble/Bubble.tsx
+import { useCallback as useCallback8, useEffect as useEffect11, useMemo as useMemo3, useRef as useRef7 } from "react";
 import {
   PanResponder,
   Pressable,
@@ -2044,7 +2270,7 @@ import Animated2, {
 } from "react-native-reanimated";
 import { isLiquidGlassSupported as isLiquidGlassSupported2 } from "@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 = {
@@ -2055,7 +2281,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
 import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var HIDDEN_OFFSET_X = 20;
 var SPRING_POSITION = { damping: 12, stiffness: 100, mass: 0.8 };
@@ -2077,7 +2303,7 @@ function getHiddenTranslateY(height) {
 function getFinalTranslateY(height, size, bottomOffset) {
   return height - size - bottomOffset;
 }
-function FloatingDraggableButton({
+function Bubble({
   onPress,
   size = DEFAULT_SIZE,
   disabled = false,
@@ -2098,7 +2324,7 @@ function FloatingDraggableButton({
   const { width, height } = useWindowDimensions();
   const isDanger = variant === "danger";
   const onPressRef = useRef7(onPress);
-  useEffect10(() => {
+  useEffect11(() => {
     onPressRef.current = onPress;
   }, [onPress]);
   const fallbackBgColor = useMemo3(() => {
@@ -2139,7 +2365,7 @@ function FloatingDraggableButton({
       }
     });
   }, [animateToHidden]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (isLoading) {
       borderPulse.value = withRepeat(
         withSequence(
@@ -2164,7 +2390,7 @@ function FloatingDraggableButton({
     );
     rotation.value = withSpring(0, SPRING_ROTATION_IN);
   }, [height, offset.bottom, offset.left, rotation, scale, size, translateX, translateY]);
-  useEffect10(() => {
+  useEffect11(() => {
     const timer = setTimeout(() => {
       if (visible) {
         animateIn();
@@ -2172,7 +2398,7 @@ function FloatingDraggableButton({
     }, 100);
     return () => clearTimeout(timer);
   }, []);
-  useEffect10(() => {
+  useEffect11(() => {
     if (visible && isAnimatingOut.current) {
       animateIn();
     } else if (!visible && !isAnimatingOut.current) {
@@ -2180,7 +2406,7 @@ function FloatingDraggableButton({
       isAnimatingOut.current = true;
     }
   }, [visible, animateIn, animateToHidden]);
-  useEffect10(() => {
+  useEffect11(() => {
     if (forceShowTrigger > 0 && visible) {
       isAnimatingOut.current = false;
       animateIn();
@@ -2302,7 +2528,7 @@ var styles = StyleSheet.create({
 });
 
 // src/components/overlays/EdgeGlowFrame.tsx
-import * as React13 from "react";
+import * as React14 from "react";
 import { Animated as Animated3, View as View6 } from "react-native";
 import { LinearGradient } from "expo-linear-gradient";
 
@@ -2345,8 +2571,8 @@ function EdgeGlowFrame({
 }) {
   const theme = useTheme();
   const alpha = Math.max(0, Math.min(1, intensity));
-  const anim = React13.useRef(new Animated3.Value(visible ? 1 : 0)).current;
-  React13.useEffect(() => {
+  const anim = React14.useRef(new Animated3.Value(visible ? 1 : 0)).current;
+  React14.useEffect(() => {
     Animated3.timing(anim, {
       toValue: visible ? 1 : 0,
       duration: 300,
@@ -2397,12 +2623,12 @@ function EdgeGlowFrame({
 }
 
 // src/components/draw/DrawModeOverlay.tsx
-import * as React16 from "react";
+import * as React17 from "react";
 import { StyleSheet as StyleSheet3, View as View10 } from "react-native";
 import { captureRef } from "react-native-view-shot";
 
 // src/components/draw/DrawSurface.tsx
-import * as React14 from "react";
+import * as React15 from "react";
 import { PanResponder as PanResponder2, StyleSheet as StyleSheet2, View as View7 } from "react-native";
 import Svg, { Path } from "react-native-svg";
 
@@ -2434,25 +2660,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) {
@@ -2465,7 +2691,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 });
@@ -2473,7 +2699,7 @@ function DrawSurface({
     currentPointsRef.current = [];
     triggerRender();
   }, [color, onAddStroke, strokeWidth, triggerRender]);
-  const panResponder = React14.useMemo(
+  const panResponder = React15.useMemo(
     () => PanResponder2.create({
       onStartShouldSetPanResponder: () => true,
       onMoveShouldSetPanResponder: () => true,
@@ -2523,7 +2749,7 @@ var styles2 = StyleSheet2.create({
 });
 
 // src/components/draw/DrawToolbar.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import {
   ActivityIndicator,
   Animated as Animated4,
@@ -2620,11 +2846,11 @@ function DrawToolbar({
 }) {
   const insets = useSafeAreaInsets2();
   const { width: screenWidth, height: screenHeight } = useWindowDimensions2();
-  const [expanded, setExpanded] = React15.useState(false);
-  const pos = React15.useRef(new Animated4.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 Animated4.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;
     Animated4.spring(pos.y, {
       toValue: insets.top + 60,
@@ -2634,7 +2860,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 };
     });
@@ -2642,7 +2868,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);
@@ -2652,7 +2878,7 @@ function DrawToolbar({
     },
     [insets.top, screenHeight, screenWidth]
   );
-  const panResponder = React15.useMemo(
+  const panResponder = React16.useMemo(
     () => PanResponder3.create({
       onStartShouldSetPanResponder: () => false,
       onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dx) > 5 || Math.abs(g.dy) > 5,
@@ -2680,7 +2906,7 @@ function DrawToolbar({
     children
   }) {
     const isDisabled = Boolean(disabled) || Boolean(capturingDisabled);
-    const [pressed, setPressed] = React15.useState(false);
+    const [pressed, setPressed] = React16.useState(false);
     return /* @__PURE__ */ jsx13(
       View9,
       {
@@ -2818,7 +3044,7 @@ function DrawModeOverlay({
   renderDragHandle
 }) {
   const theme = useTheme();
-  const defaultPalette = React16.useMemo(
+  const defaultPalette = React17.useMemo(
     () => [
       "#EF4444",
       // Red
@@ -2836,11 +3062,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");
@@ -2848,14 +3074,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);
@@ -2915,7 +3141,7 @@ var styles3 = StyleSheet3.create({
 });
 
 // src/components/comments/AppCommentsSheet.tsx
-import * as React23 from "react";
+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 {
   BottomSheetBackdrop,
@@ -2927,7 +3153,7 @@ import { isLiquidGlassSupported as isLiquidGlassSupported4 } from "@callstack/li
 import { Play as Play2 } from "lucide-react-native";
 
 // src/components/chat/ChatComposer.tsx
-import * as React18 from "react";
+import * as React19 from "react";
 import {
   ActivityIndicator as ActivityIndicator2,
   Animated as Animated5,
@@ -2941,11 +3167,11 @@ import { isLiquidGlassSupported as isLiquidGlassSupported3 } from "@callstack/li
 import { Plus } from "lucide-react-native";
 
 // src/components/chat/MultilineTextInput.tsx
-import * as React17 from "react";
+import * as React18 from "react";
 import { TextInput } from "react-native";
 import { BottomSheetTextInput } from "@gorhom/bottom-sheet";
 import { jsx as jsx15 } from "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,
@@ -3029,7 +3255,7 @@ function AspectRatioThumbnail({
   onRemove,
   renderRemoveIcon
 }) {
-  const [aspectRatio, setAspectRatio] = React18.useState(1);
+  const [aspectRatio, setAspectRatio] = React19.useState(1);
   return /* @__PURE__ */ jsxs8(View11, { style: { height: THUMBNAIL_HEIGHT, aspectRatio, position: "relative" }, children: [
     /* @__PURE__ */ jsx17(View11, { style: { flex: 1, borderRadius: 8, overflow: "hidden" }, children: /* @__PURE__ */ jsx17(
       Image,
@@ -3086,19 +3312,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(() => Dimensions.get("window").height * 0.5, []);
-  const shakeAnim = React18.useRef(new Animated5.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(() => 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;
@@ -3108,7 +3334,7 @@ function ChatComposer({
     }, 75);
     return () => clearTimeout(t);
   }, [autoFocus, disabled, sending]);
-  const triggerShake = React18.useCallback(() => {
+  const triggerShake = React19.useCallback(() => {
     shakeAnim.setValue(0);
     Animated5.sequence([
       Animated5.timing(shakeAnim, { toValue: 10, duration: 50, useNativeDriver: true }),
@@ -3118,7 +3344,7 @@ function ChatComposer({
       Animated5.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();
@@ -3251,7 +3477,7 @@ function ChatComposer({
 }
 
 // src/components/comments/CommentRow.tsx
-import * as React19 from "react";
+import * as React20 from "react";
 import { View as View13 } from "react-native";
 
 // src/components/primitives/Avatar.tsx
@@ -3323,9 +3549,9 @@ function formatTimeAgo(iso) {
 import { jsx as jsx19, jsxs as jsxs9 } from "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 {
@@ -3365,7 +3591,7 @@ function CommentRow({ comment, showDivider }) {
 }
 
 // src/components/comments/useAppComments.ts
-import * as React20 from "react";
+import * as React21 from "react";
 
 // src/data/comments/remote.ts
 var AppCommentsRemoteDataSourceImpl = class extends BaseRemote {
@@ -3437,18 +3663,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;
@@ -3465,10 +3691,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();
@@ -3491,11 +3717,11 @@ function useAppComments(appId) {
 }
 
 // src/components/comments/useAppDetails.ts
-import * as React21 from "react";
+import * as React22 from "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;
@@ -3520,11 +3746,11 @@ function useAppDetails(appId) {
 }
 
 // src/components/comments/useIosKeyboardSnapFix.ts
-import * as React22 from "react";
+import * as React23 from "react";
 import { Keyboard as Keyboard2, Platform as Platform5 } from "react-native";
 function useIosKeyboardSnapFix(sheetRef, options) {
-  const [keyboardVisible, setKeyboardVisible] = React22.useState(false);
-  React22.useEffect(() => {
+  const [keyboardVisible, setKeyboardVisible] = React23.useState(false);
+  React23.useEffect(() => {
     if (Platform5.OS !== "ios") return;
     const show = Keyboard2.addListener("keyboardWillShow", () => setKeyboardVisible(true));
     const hide = Keyboard2.addListener("keyboardWillHide", () => {
@@ -3552,16 +3778,16 @@ import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 function AppCommentsSheet({ appId, onClose, onCountChange, onPlayApp }) {
   const theme = useTheme();
   const insets = useSafeAreaInsets3();
-  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();
@@ -3570,22 +3796,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__ */ jsx20(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();
@@ -3795,7 +4021,7 @@ function StudioSheetHeader({ left, center, right, style }) {
 }
 
 // src/components/studio-sheet/StudioSheetHeaderIconButton.tsx
-import * as React24 from "react";
+import * as React25 from "react";
 import { Pressable as Pressable6, View as View17 } from "react-native";
 import { isLiquidGlassSupported as isLiquidGlassSupported5 } from "@callstack/liquid-glass";
 import { jsx as jsx23 } from "react/jsx-runtime";
@@ -3810,7 +4036,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;
@@ -4000,14 +4226,14 @@ function PreviewHeroCard({
 }
 
 // src/components/preview/PreviewPlaceholder.tsx
-import * as React25 from "react";
+import * as React26 from "react";
 import { Animated as Animated6 } from "react-native";
 import { LinearGradient as LinearGradient2 } from "expo-linear-gradient";
 import { Fragment as Fragment3, jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 function PreviewPlaceholder({ visible, style }) {
   if (!visible) return null;
-  const opacityAnim = React25.useRef(new Animated6.Value(0)).current;
-  React25.useEffect(() => {
+  const opacityAnim = React26.useRef(new Animated6.Value(0)).current;
+  React26.useEffect(() => {
     if (!visible) return;
     const animation = Animated6.loop(
       Animated6.sequence([
@@ -4599,12 +4825,12 @@ function PreviewCustomizeSection({
 }
 
 // src/studio/ui/preview-panel/PreviewCollaborateSection.tsx
-import * as React31 from "react";
+import * as React32 from "react";
 import { ActivityIndicator as ActivityIndicator6, Alert, View as View32 } from "react-native";
 import { Send as Send2 } from "lucide-react-native";
 
 // src/components/merge-requests/MergeRequestStatusCard.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import { Animated as Animated7, Pressable as Pressable9, View as View28 } from "react-native";
 import { Ban, Check as Check3, CheckCheck, ChevronDown as ChevronDown2 } from "lucide-react-native";
 
@@ -4686,11 +4912,11 @@ function toIsoString(input) {
 }
 
 // src/components/merge-requests/useControlledExpansion.ts
-import * as React26 from "react";
+import * as React27 from "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);
@@ -4715,8 +4941,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":
@@ -4747,8 +4973,8 @@ function MergeRequestStatusCard({
   const createdIso = toIsoString(mergeRequest.createdAt ?? null);
   const headerTimeAgo = updatedIso ? formatTimeAgo(updatedIso) : "";
   const createdTimeAgo = createdIso ? formatTimeAgo(createdIso) : "";
-  const rotate = React27.useRef(new Animated7.Value(expanded ? 1 : 0)).current;
-  React27.useEffect(() => {
+  const rotate = React28.useRef(new Animated7.Value(expanded ? 1 : 0)).current;
+  React28.useEffect(() => {
     Animated7.timing(rotate, {
       toValue: expanded ? 1 : 0,
       duration: 200,
@@ -4839,16 +5065,16 @@ function MergeRequestStatusCard({
 }
 
 // src/components/merge-requests/ReviewMergeRequestCarousel.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import { Animated as Animated9, FlatList, View as View31, useWindowDimensions as useWindowDimensions3 } from "react-native";
 
 // src/components/merge-requests/ReviewMergeRequestCard.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import { ActivityIndicator as ActivityIndicator5, Animated as Animated8, Pressable as Pressable11, 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 React28 from "react";
+import * as React29 from "react";
 import { Pressable as Pressable10, View as View29 } from "react-native";
 import { jsx as jsx41 } from "react/jsx-runtime";
 function ReviewMergeRequestActionButton({
@@ -4859,7 +5085,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;
@@ -4921,10 +5147,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 Animated8.Value(isExpanded ? 1 : 0)).current;
-  React29.useEffect(() => {
+  const rotate = React30.useRef(new Animated8.Value(isExpanded ? 1 : 0)).current;
+  React30.useEffect(() => {
     Animated8.timing(rotate, { toValue: isExpanded ? 1 : 0, duration: 200, useNativeDriver: true }).start();
   }, [isExpanded, rotate]);
   const position = total > 1 ? `${index + 1}/${total}` : "Merge request";
@@ -5056,11 +5282,11 @@ function ReviewMergeRequestCarousel({
 }) {
   const theme = useTheme();
   const { width } = useWindowDimensions3();
-  const [expanded, setExpanded] = React30.useState({});
-  const carouselScrollX = React30.useRef(new Animated9.Value(0)).current;
+  const [expanded, setExpanded] = React31.useState({});
+  const carouselScrollX = React31.useRef(new Animated9.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;
@@ -5159,7 +5385,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;
@@ -5267,7 +5493,7 @@ function PreviewCollaborateSection({
 }
 
 // src/studio/ui/preview-panel/usePreviewPanelData.ts
-import * as React33 from "react";
+import * as React34 from "react";
 
 // src/data/apps/images/remote.ts
 var AppImagesRemoteDataSourceImpl = class extends BaseRemote {
@@ -5318,7 +5544,7 @@ var AppImagesRepositoryImpl = class extends BaseRepository {
 var appImagesRepository = new AppImagesRepositoryImpl(appImagesRemoteDataSource);
 
 // src/studio/hooks/useAppStats.ts
-import * as React32 from "react";
+import * as React33 from "react";
 import * as Haptics2 from "expo-haptics";
 
 // src/data/likes/remote.ts
@@ -5387,34 +5613,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;
@@ -5438,7 +5664,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);
@@ -5453,11 +5679,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 () => {
@@ -5472,7 +5698,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 () => {
@@ -5488,10 +5714,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 () => {
@@ -5516,7 +5742,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)}`
@@ -5530,7 +5756,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;
@@ -5643,16 +5869,16 @@ function PreviewPanel({
 }
 
 // src/studio/ui/ChatPanel.tsx
-import * as React38 from "react";
+import * as React39 from "react";
 import { ActivityIndicator as ActivityIndicator8, View as View41 } from "react-native";
 
 // src/components/chat/ChatPage.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import { Keyboard as Keyboard4, Platform as Platform9, View as View37 } from "react-native";
 import { useSafeAreaInsets as useSafeAreaInsets4 } from "react-native-safe-area-context";
 
 // src/components/chat/ChatMessageList.tsx
-import * as React35 from "react";
+import * as React36 from "react";
 import { View as View36 } from "react-native";
 import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
 
@@ -5698,17 +5924,17 @@ function ChatMessageBubble({ message, renderContent, style }) {
 }
 
 // src/components/chat/TypingIndicator.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import { Animated as Animated10, View as View35 } from "react-native";
 import { jsx as jsx47 } from "react/jsx-runtime";
 function TypingIndicator({ style }) {
   const theme = useTheme();
   const dotColor = theme.colors.textSubtle;
-  const anims = React34.useMemo(
+  const anims = React35.useMemo(
     () => [new Animated10.Value(0.3), new Animated10.Value(0.3), new Animated10.Value(0.3)],
     []
   );
-  React34.useEffect(() => {
+  React35.useEffect(() => {
     const loops = [];
     anims.forEach((a, idx) => {
       const seq = Animated10.sequence([
@@ -5742,7 +5968,7 @@ function TypingIndicator({ style }) {
 
 // src/components/chat/ChatMessageList.tsx
 import { jsx as jsx48, jsxs as jsxs28 } from "react/jsx-runtime";
-var ChatMessageList = React35.forwardRef(
+var ChatMessageList = React36.forwardRef(
   ({
     messages,
     showTypingIndicator = false,
@@ -5753,20 +5979,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);
@@ -5778,7 +6004,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;
@@ -5788,7 +6014,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);
@@ -5850,9 +6076,9 @@ function ChatPage({
 }) {
   const theme = useTheme();
   const insets = useSafeAreaInsets4();
-  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 (Platform9.OS !== "ios") return;
     const show = Keyboard4.addListener("keyboardWillShow", () => setKeyboardVisible(true));
     const hide = Keyboard4.addListener("keyboardWillHide", () => setKeyboardVisible(false));
@@ -5864,12 +6090,12 @@ function ChatPage({
   const footerBottomPadding = Platform9.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]);
@@ -5924,15 +6150,15 @@ function ChatPage({
 }
 
 // src/components/chat/ScrollToBottomButton.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { Pressable as Pressable12, 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";
 function ScrollToBottomButton({ visible, onPress, children, style }) {
   const theme = useTheme();
   const progress = useSharedValue2(visible ? 1 : 0);
-  const [pressed, setPressed] = React37.useState(false);
-  React37.useEffect(() => {
+  const [pressed, setPressed] = React38.useState(false);
+  React38.useEffect(() => {
     progress.value = withTiming2(visible ? 1 : 0, { duration: 200, easing: Easing2.out(Easing2.ease) });
   }, [progress, visible]);
   const animStyle = useAnimatedStyle2(() => ({
@@ -6087,9 +6313,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);
@@ -6103,7 +6329,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 });
   }, []);
@@ -6177,7 +6403,7 @@ function ChatPanel({
 }
 
 // src/components/dialogs/ConfirmMergeRequestDialog.tsx
-import * as React39 from "react";
+import * as React40 from "react";
 import { Pressable as Pressable14, View as View43 } from "react-native";
 
 // src/components/primitives/Modal.tsx
@@ -6229,14 +6455,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);
@@ -6385,7 +6611,7 @@ function ConfirmMergeFlow({
 }
 
 // src/studio/hooks/useOptimisticChatMessages.ts
-import * as React40 from "react";
+import * as React41 from "react";
 function makeOptimisticId() {
   return `optimistic:${Date.now().toString(36)}:${Math.random().toString(36).slice(2, 10)}`;
 }
@@ -6423,11 +6649,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;
@@ -6443,7 +6669,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;
@@ -6451,7 +6677,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);
@@ -6503,18 +6729,18 @@ function StudioOverlay({
   chatShowTypingIndicator,
   onSendChat,
   onNavigateHome,
-  showFloatingButton,
+  showBubble,
   studioControlOptions
 }) {
   const theme = useTheme();
   const { width } = useWindowDimensions4();
-  const [sheetOpen, setSheetOpen] = React41.useState(false);
-  const sheetOpenRef = React41.useRef(sheetOpen);
-  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,
@@ -6522,24 +6748,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) Keyboard5.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 (Platform10.OS !== "ios") {
       Keyboard5.dismiss();
       setActivePage("preview");
@@ -6557,11 +6783,11 @@ function StudioOverlay({
     const t = setTimeout(finalize, 350);
     Keyboard5.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);
@@ -6570,7 +6796,7 @@ function StudioOverlay({
     },
     [openSheet]
   );
-  const toggleSheet = React41.useCallback(async () => {
+  const toggleSheet = React42.useCallback(async () => {
     if (!sheetOpen) {
       const shouldExitTest = Boolean(testingMrId) || isTesting;
       if (shouldExitTest) {
@@ -6582,7 +6808,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);
@@ -6590,10 +6816,10 @@ function StudioOverlay({
     },
     [closeSheet, onTestMr]
   );
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     sheetOpenRef.current = sheetOpen;
   }, [sheetOpen]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     const poller = startStudioControlPolling((action) => {
       if (action === "show" && !sheetOpenRef.current) openSheet();
       if (action === "hide" && sheetOpenRef.current) closeSheet();
@@ -6601,7 +6827,7 @@ function StudioOverlay({
     }, studioControlOptions);
     return () => poller.stop();
   }, [closeSheet, openSheet, studioControlOptions, toggleSheet]);
-  React41.useEffect(() => {
+  React42.useEffect(() => {
     void publishComergeStudioUIState(sheetOpen, studioControlOptions);
   }, [sheetOpen, studioControlOptions]);
   return /* @__PURE__ */ jsxs34(Fragment6, { children: [
@@ -6660,8 +6886,8 @@ function StudioOverlay({
         )
       }
     ) }),
-    showFloatingButton && /* @__PURE__ */ jsx57(
-      FloatingDraggableButton,
+    showBubble && /* @__PURE__ */ jsx57(
+      Bubble,
       {
         visible: !sheetOpen && !drawing,
         ariaLabel: sheetOpen ? "Hide studio" : "Show studio",
@@ -6709,24 +6935,25 @@ function StudioOverlay({
 import { jsx as jsx58, jsxs as jsxs35 } from "react/jsx-runtime";
 function ComergeStudio({
   appId,
-  apiKey,
+  clientKey: clientKey2,
   appKey = "MicroMain",
   onNavigateHome,
   style,
-  showFloatingButton = true,
-  studioControlOptions
+  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(() => RNPlatform.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(() => RNPlatform.OS === "ios" ? "ios" : "android", []);
+  React43.useEffect(() => {
     setActiveAppId(appId);
     setRuntimeAppId(appId);
     setPendingRuntimeTargetAppId(null);
   }, [appId]);
-  const captureTargetRef = React42.useRef(null);
-  return /* @__PURE__ */ jsx58(StudioBootstrap, { apiKey, children: ({ userId }) => /* @__PURE__ */ jsx58(BottomSheetModalProvider, { children: /* @__PURE__ */ jsx58(LiquidGlassResetProvider, { resetTriggers: [appId, activeAppId, runtimeAppId], children: /* @__PURE__ */ jsx58(
+  const captureTargetRef = React43.useRef(null);
+  return /* @__PURE__ */ jsx58(StudioBootstrap, { clientKey: clientKey2, fallback: /* @__PURE__ */ jsx58(View45, { style: { flex: 1 } }), children: ({ userId }) => /* @__PURE__ */ jsx58(BottomSheetModalProvider, { children: /* @__PURE__ */ jsx58(LiquidGlassResetProvider, { resetTriggers: [appId, activeAppId, runtimeAppId], children: /* @__PURE__ */ jsx58(
     ComergeStudioInner,
     {
       userId,
@@ -6741,8 +6968,9 @@ function ComergeStudio({
       onNavigateHome,
       captureTargetRef,
       style,
-      showFloatingButton,
-      studioControlOptions
+      showBubble,
+      studioControlOptions,
+      embeddedBaseBundles
     }
   ) }) }) });
 }
@@ -6759,17 +6987,18 @@ function ComergeStudioInner({
   onNavigateHome,
   captureTargetRef,
   style,
-  showFloatingButton,
-  studioControlOptions
+  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") {
@@ -6784,15 +7013,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;
@@ -6804,7 +7034,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) {
@@ -6814,10 +7044,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]);
@@ -6839,9 +7069,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];
@@ -6855,7 +7085,8 @@ function ComergeStudioInner({
         appKey,
         bundlePath: bundle.bundlePath,
         forcePreparing: showPostEditPreparing,
-        renderToken: bundle.renderToken
+        renderToken: bundle.renderToken,
+        allowInitialPreparing: !embeddedBaseBundles
       }
     ),
     /* @__PURE__ */ jsx58(
@@ -6911,7 +7142,7 @@ function ComergeStudioInner({
         chatShowTypingIndicator,
         onSendChat: (text, attachments) => actions.sendEdit({ prompt: text, attachments }),
         onNavigateHome,
-        showFloatingButton,
+        showBubble,
         studioControlOptions
       }
     )