@base44-preview/sdk 0.8.48-pr.281.97e1467 → 0.8.48-pr.282.081f33c

package/dist/client.js

@@ -5,6 +5,7 @@ import { createAuthModule } from "./modules/auth.js";
 import { createSsoModule } from "./modules/sso.js";
 import { createConnectorsModule, createUserConnectorsModule, } from "./modules/connectors.js";
 import { getAccessToken } from "./utils/auth-utils.js";
+import { exchangeEmbedToken, isEmbeddedTab, isFramed, markEmbeddedTab, takeEmbedTokenFromUrl, } from "./utils/embed-session.js";
 import { createFetchWithAuth } from "./utils/fetch-with-auth.js";
 import { createFunctionsModule } from "./modules/functions.js";
 import { createAgentsModule } from "./modules/agents.js";
@@ -54,25 +55,22 @@ import { createActorsModule, resolveActorsHost, } from "./modules/actors.js";
  */
 export function createClient(config) {
     var _a, _b, _c, _d;
-    const { serverUrl = "https://base44.app", appId, analytics, token, serviceToken, requiresAuth = false, appBaseUrl, options, functionsVersion, headers: optionalHeaders, } = config;
+    const { serverUrl = "https://base44.app", appId, analytics, serviceToken, requiresAuth = false, appBaseUrl, options, functionsVersion, headers: optionalHeaders, } = config;
     // Normalize appBaseUrl to always be a string (empty if not provided or invalid)
     const normalizedAppBaseUrl = typeof appBaseUrl === "string" ? appBaseUrl : "";
-    const socketConfig = {
-        serverUrl,
-        mountPath: "/ws-user-apps/socket.io/",
-        transports: ["websocket"],
-        appId,
-        token,
-    };
-    let socket = null;
-    const getSocket = () => {
-        if (!socket) {
-            socket = RoomsSocket({
-                config: socketConfig,
-            });
-        }
-        return socket;
-    };
+    // Always taken off the URL, even outside a frame: a one-time token must not
+    // be left in the address bar, in history, or in a shared link.
+    const urlOtt = takeEmbedTokenFromUrl();
+    // Only redeemed inside a frame. Opened as a normal tab, the same URL falls
+    // back to the app's own login, which works there and cannot work in a frame.
+    const embedOtt = isFramed() ? urlOtt : null;
+    if (embedOtt) {
+        markEmbeddedTab(appId);
+    }
+    const embedded = Boolean(embedOtt) || isEmbeddedTab(appId);
+    // The passed token is the OTT itself whenever one came in on the URL, and a
+    // stale stored one in a frame. Neither of those is this session.
+    const token = urlOtt !== null || embedded ? undefined : config.token;
     const headers = {
         ...optionalHeaders,
         "X-App-Id": String(appId),
@@ -125,26 +123,103 @@ export function createClient(config) {
         appBaseUrl: normalizedAppBaseUrl,
         serverUrl,
         token,
+        embedded,
+        onEmbedSessionEnded: options === null || options === void 0 ? void 0 : options.onEmbedSessionEnded,
     });
     // Apply the access token before any module that may issue authenticated
     // requests during construction (notably analytics, which fires an init
     // event whose flush calls auth.me()). Without this, the first User/me
     // request is built before setToken runs and goes out unauthenticated.
-    if (typeof window !== "undefined") {
+    // Skipped in a frame: the session comes from the exchange below.
+    if (typeof window !== "undefined" && !embedded) {
         const accessToken = token || getAccessToken();
         if (accessToken) {
             userAuthModule.setToken(accessToken);
         }
     }
+    // Live token for every module; outside a frame it still falls back to storage.
+    const getToken = () => { var _a; return (_a = userAuthModule.getToken()) !== null && _a !== void 0 ? _a : (embedded ? null : getAccessToken()); };
+    const socketConfig = {
+        serverUrl,
+        mountPath: "/ws-user-apps/socket.io/",
+        transports: ["websocket"],
+        appId,
+        getToken,
+    };
+    let socket = null;
+    const getSocket = () => {
+        if (!socket) {
+            socket = RoomsSocket({ config: socketConfig });
+        }
+        return socket;
+    };
+    const applyToken = (newToken, saveToStorage) => {
+        userAuthModule.setToken(newToken, saveToStorage);
+        socket === null || socket === void 0 ? void 0 : socket.reconnect();
+    };
+    // Settles once the exchanged session is applied (memory only); at once
+    // otherwise. Never rejects: every request waits on it, so a failure here
+    // must not turn into a rejection on each of them.
+    const authReady = embedOtt
+        ? exchangeEmbedToken({ serverUrl, appId, ott: embedOtt })
+            .then((sessionToken) => {
+            var _a;
+            if (sessionToken) {
+                applyToken(sessionToken, false);
+                return;
+            }
+            // The app is about to run anonymous. Say why, once, instead of
+            // leaving only the 401s that follow.
+            const error = new Error("Base44: the embed token was refused, so this app is not signed in.");
+            console.error(error.message);
+            (_a = options === null || options === void 0 ? void 0 : options.onError) === null || _a === void 0 ? void 0 : _a.call(options, error);
+        })
+            .catch((e) => {
+            console.error("Base44: applying the embedded session failed:", e);
+        })
+        : Promise.resolve();
+    // Everything that can wait for the session does. `aiGateway.connection()`
+    // and the agents connect URLs cannot: they hand back a value, not a promise,
+    // and a value read now would stay wrong after the session arrives. They warn
+    // instead of failing quietly.
+    let warnedEarlyRead = false;
+    const getTokenNow = () => {
+        const sessionToken = getToken();
+        if (sessionToken === null && embedOtt && !warnedEarlyRead) {
+            warnedEarlyRead = true;
+            console.warn("Base44: read a token before the embedded session was ready, so it is " +
+                "empty. Await a call such as base44.auth.me() before building a " +
+                "client or a URL that keeps the token.");
+        }
+        return sessionToken;
+    };
+    if (embedOtt) {
+        // Requests issued during the exchange wait for it. Registered after createAxiosClient's
+        // interceptors so it runs first and the anonymous-visitor header sees the Authorization.
+        for (const client of [axiosClient, functionsAxiosClient]) {
+            client.interceptors.request.use(async (requestConfig) => {
+                await authReady;
+                const sessionToken = getToken();
+                if (sessionToken && !requestConfig.headers.get("Authorization")) {
+                    requestConfig.headers.set("Authorization", `Bearer ${sessionToken}`);
+                }
+                return requestConfig;
+            });
+        }
+    }
     const actorsModule = createActorsModule({
         appId,
         // serverUrl is often relative/empty (same-origin app); the proxy-fallback
         // URL needs an absolute host, so fall back to the page origin.
         host: resolveActorsHost(serverUrl, typeof window !== "undefined" ? (_a = window.location) === null || _a === void 0 ? void 0 : _a.origin : undefined),
         functionsVersion,
-        getAuthToken: () => token || getAccessToken(),
+        getAuthToken: async () => {
+            await authReady;
+            return getToken();
+        },
         mintConnectionToken: async (actorName, room, connectionId) => {
-            const authToken = token || getAccessToken();
+            await authReady;
+            const authToken = getToken();
             return await actorsAxiosClient.post(`/apps/${appId}/actors/${encodeURIComponent(actorName)}/connection-token`, { room, connection_id: connectionId }, {
                 headers: {
                     ...(authToken ? { Authorization: `Bearer ${authToken}` } : {}),
@@ -169,12 +244,12 @@ export function createClient(config) {
         connectors: createUserConnectorsModule(axiosClient, appId),
         auth: userAuthModule,
         functions: createFunctionsModule(functionsAxiosClient, appId, {
+            waitForAuth: () => authReady,
             getAuthHeaders: () => {
                 const headers = {};
-                // Get current token from storage or initial config
-                const currentToken = token || getAccessToken();
-                if (currentToken) {
-                    headers["Authorization"] = `Bearer ${currentToken}`;
+                const sessionToken = getToken();
+                if (sessionToken) {
+                    headers["Authorization"] = `Bearer ${sessionToken}`;
                 }
                 return headers;
             },
@@ -185,9 +260,13 @@ export function createClient(config) {
             getSocket,
             appId,
             serverUrl,
-            token,
+            getToken: getTokenNow,
+        }),
+        aiGateway: createAiGatewayModule({
+            serverUrl,
+            getToken: getTokenNow,
+            appId,
         }),
-        aiGateway: createAiGatewayModule({ serverUrl, token, appId }),
         appLogs: createAppLogsModule(axiosClient, appId),
         app: createAppModule(axiosClient, appId),
         users: createUsersModule(axiosClient, appId),
@@ -232,9 +311,16 @@ export function createClient(config) {
             getSocket,
             appId,
             serverUrl,
-            token,
+            // The user's token, as on the user-scoped module: the only thing this is
+            // read for is the `?token=` on a channel URL handed to that user, which
+            // the app's service credential must never end up in.
+            getToken: getTokenNow,
+        }),
+        aiGateway: createAiGatewayModule({
+            serverUrl,
+            getToken: () => serviceToken,
+            appId,
         }),
-        aiGateway: createAiGatewayModule({ serverUrl, token: serviceToken, appId }),
         appLogs: createAppLogsModule(serviceRoleAxiosClient, appId),
         cleanup: () => {
             if (socket) {
@@ -269,6 +355,7 @@ export function createClient(config) {
             serverUrl,
             functionsVersion,
             platformHeaders: optionalHeaders,
+            waitForAuth: () => authReady,
         }),
         /**
          * Sets a new authentication token for all subsequent requests.
@@ -286,13 +373,7 @@ export function createClient(config) {
          * ```
          */
         setToken(newToken) {
-            userModules.auth.setToken(newToken);
-            if (socket) {
-                socket.updateConfig({
-                    token: newToken,
-                });
-            }
-            socketConfig.token = newToken;
+            applyToken(newToken, true);
         },
         /**
          * Gets the current client configuration.

package/dist/client.types.d.ts

@@ -22,6 +22,18 @@ export interface CreateClientOptions {
      * are usually {@linkcode Base44Error} instances — check `error.status`.
      */
     onError?: (error: Error) => void;
+    /**
+     * Called when an embedded app's session ends, instead of the SDK's built-in
+     * notice.
+     *
+     * A platform-embedded app holds its session in memory and only the platform
+     * can mint the next one, so there is no login page to send the visitor to.
+     * When {@link AuthModule.redirectToLogin | redirectToLogin()} or
+     * {@link AuthModule.logout | logout()} is reached in that state the SDK
+     * covers the page with a plain "session ended" notice; pass this to render
+     * your own instead. See {@link AuthModule.isEmbedded | auth.isEmbedded()}.
+     */
+    onEmbedSessionEnded?: () => void;
     /**
      * Forces the actors transport. `"auto"` (default) connects directly to the
      * actor and falls back to the platform proxy when the app's actors don't

package/dist/modules/actors.d.ts

@@ -12,7 +12,7 @@ interface ActorsConfig {
     /** Current user access token, if authenticated. Rides the WS query on the
      * proxy-fallback path so the platform proxy can authenticate the connection;
      * anonymous connects omit it. */
-    getAuthToken(): string | null | undefined;
+    getAuthToken(): string | null | undefined | Promise<string | null | undefined>;
     /** Same semantics as function calls: editors with a non-prod version get the
      * draft actor script; everyone else gets the published one. */
     functionsVersion?: string;

package/dist/modules/actors.js

@@ -83,7 +83,7 @@ class Connection {
                 }
             }
             // Rebuilt per attempt so a login/logout is picked up on reconnect.
-            return buildProxyActorUrl(config.host, actorName, instanceId, this.id, config.appId, config.getAuthToken(), config.functionsVersion);
+            return buildProxyActorUrl(config.host, actorName, instanceId, this.id, config.appId, await config.getAuthToken(), config.functionsVersion);
         };
         const ws = new ReconnectingWebSocket(urlProvider);
         this.ws = ws;

package/dist/modules/agents.d.ts

@@ -1,2 +1,2 @@
 import { AgentsModule, AgentsModuleConfig } from "./agents.types.js";
-export declare function createAgentsModule({ axios, getSocket, appId, serverUrl, token, }: AgentsModuleConfig): AgentsModule;
+export declare function createAgentsModule({ axios, getSocket, appId, serverUrl, getToken, }: AgentsModuleConfig): AgentsModule;

package/dist/modules/agents.js

@@ -1,5 +1,4 @@
-import { getAccessToken } from "../utils/auth-utils.js";
-export function createAgentsModule({ axios, getSocket, appId, serverUrl, token, }) {
+export function createAgentsModule({ axios, getSocket, appId, serverUrl, getToken, }) {
     const baseURL = `/apps/${appId}/agents`;
     // Track active conversations
     const currentConversations = {};
@@ -56,7 +55,7 @@ export function createAgentsModule({ axios, getSocket, appId, serverUrl, token,
     };
     const getWhatsAppConnectURL = (agentName) => {
         const baseUrl = `${serverUrl}/api/apps/${appId}/agents/${encodeURIComponent(agentName)}/whatsapp`;
-        const accessToken = token !== null && token !== void 0 ? token : getAccessToken();
+        const accessToken = getToken();
         if (accessToken) {
             return `${baseUrl}?token=${accessToken}`;
         }
@@ -67,7 +66,7 @@ export function createAgentsModule({ axios, getSocket, appId, serverUrl, token,
     };
     const getTelegramConnectURL = (agentName) => {
         const baseUrl = `${serverUrl}/api/apps/${appId}/agents/${encodeURIComponent(agentName)}/telegram`;
-        const accessToken = token !== null && token !== void 0 ? token : getAccessToken();
+        const accessToken = getToken();
         if (accessToken) {
             return `${baseUrl}?token=${accessToken}`;
         }

package/dist/modules/agents.types.d.ts

@@ -160,8 +160,8 @@ export interface AgentsModuleConfig {
     appId: string;
     /** Server URL */
     serverUrl?: string;
-    /** Authentication token */
-    token?: string;
+    /** Returns the current authentication token, if any */
+    getToken: () => string | null | undefined;
 }
 /**
  * Agents module for managing AI agent conversations.

package/dist/modules/ai-gateway.d.ts

@@ -1,2 +1,2 @@
 import { AiGatewayModule, AiGatewayModuleConfig } from "./ai-gateway.types.js";
-export declare function createAiGatewayModule({ serverUrl, token, appId, }: AiGatewayModuleConfig): AiGatewayModule;
+export declare function createAiGatewayModule({ serverUrl, getToken, appId, }: AiGatewayModuleConfig): AiGatewayModule;

package/dist/modules/ai-gateway.js

@@ -1,10 +1,9 @@
-import { getAccessToken } from "../utils/auth-utils.js";
-export function createAiGatewayModule({ serverUrl, token, appId, }) {
+export function createAiGatewayModule({ serverUrl, getToken, appId, }) {
     const connection = () => {
         var _a;
         return ({
             baseURL: `${serverUrl}/api/apps/${appId}/ai/openai/v1`,
-            token: (_a = token !== null && token !== void 0 ? token : getAccessToken()) !== null && _a !== void 0 ? _a : "",
+            token: (_a = getToken()) !== null && _a !== void 0 ? _a : "",
         });
     };
     return {

package/dist/modules/ai-gateway.types.d.ts

@@ -17,8 +17,8 @@ export interface AiGatewayConnection {
 export interface AiGatewayModuleConfig {
     /** Server URL */
     serverUrl?: string;
-    /** Authentication token */
-    token?: string;
+    /** Returns the current authentication token, if any */
+    getToken: () => string | null | undefined;
     /** Application ID */
     appId: string;
 }

package/dist/modules/auth.js

@@ -1,4 +1,5 @@
 import { resetAnalyticsSessionContext } from "./analytics.js";
+import { showEmbedSessionEnded } from "../utils/embed-session.js";
 function isInsideIframe() {
     if (typeof window === "undefined")
         return false;
@@ -81,10 +82,27 @@ export function createAuthModule(axios, functionsAxiosClient, appId, options) {
     // Tracked here rather than read off `axios.defaults` so the answer stays tied
     // to the identity transitions below (`setToken`, `logout`) instead of to the
     // header a caller may have set on the instance directly.
-    let hasAccessToken = Boolean(options.token);
+    let accessToken = options.token || null;
+    // Where an embedded app goes when it has no session: nowhere. Only the host
+    // platform can mint the next one — a login here would sign the visitor in as
+    // an app user, a different identity from the platform user the frame is for.
+    // The app's own notice wins when it passed one.
+    const endEmbeddedSession = () => {
+        if (options.onEmbedSessionEnded) {
+            options.onEmbedSessionEnded();
+            return;
+        }
+        showEmbedSessionEnded();
+    };
     return {
         hasToken() {
-            return hasAccessToken;
+            return accessToken !== null;
+        },
+        getToken() {
+            return accessToken;
+        },
+        isEmbedded() {
+            return Boolean(options.embedded);
         },
         // Get current user information
         async me() {
@@ -109,6 +127,14 @@ export function createAuthModule(axios, functionsAxiosClient, appId, options) {
             if (typeof window === "undefined") {
                 throw new Error("Login method can only be used in a browser environment");
             }
+            // Only the host platform can sign a platform user in, so there is no
+            // login page to send them to. (The app's own login would work in the
+            // frame — `loginWithProvider` opens a popup — but it would mint a
+            // different, app-level identity.)
+            if (options.embedded) {
+                endEmbeddedSession();
+                return;
+            }
             // If nextUrl is not provided, use the current URL
             const redirectUrl = nextUrl
                 ? new URL(nextUrl, window.location.origin).toString()
@@ -151,7 +177,7 @@ export function createAuthModule(axios, functionsAxiosClient, appId, options) {
             // flight would otherwise resolve into callers that run after the logout.
             clearPendingMe();
             resetAnalyticsSessionContext();
-            hasAccessToken = false;
+            accessToken = null;
             // Only do the rest if in a browser environment
             if (typeof window !== "undefined") {
                 // Remove token from localStorage
@@ -165,6 +191,13 @@ export function createAuthModule(axios, functionsAxiosClient, appId, options) {
                         console.error("Failed to remove token from localStorage:", e);
                     }
                 }
+                // An embedded session holds no app cookie to clear — it lived in
+                // memory — and navigating a third-party frame to the logout endpoint
+                // would only break the frame. The state above is already cleared.
+                if (options.embedded) {
+                    endEmbeddedSession();
+                    return;
+                }
                 // Determine the from_url parameter
                 const fromUrl = redirectUrl || window.location.href;
                 // Redirect to server-side logout endpoint to clear HTTP-only cookies
@@ -176,18 +209,20 @@ export function createAuthModule(axios, functionsAxiosClient, appId, options) {
         setToken(token, saveToStorage = true) {
             if (!token)
                 return;
+            // An embedded session belongs to the frame the platform minted it for.
+            // Persisting it would let it outlive that frame and be picked up as the
+            // identity on a later top-level visit, so storage is refused outright.
+            const persist = saveToStorage && !options.embedded;
             // Same reasoning as in `logout`: the identity changes here, so anything
             // resolved for the previous one must not be handed to later callers.
             clearPendingMe();
             resetAnalyticsSessionContext();
-            hasAccessToken = true;
+            accessToken = token;
             // handle token change for axios clients
             axios.defaults.headers.common["Authorization"] = `Bearer ${token}`;
             functionsAxiosClient.defaults.headers.common["Authorization"] = `Bearer ${token}`;
             // Save token to localStorage if requested
-            if (saveToStorage &&
-                typeof window !== "undefined" &&
-                window.localStorage) {
+            if (persist && typeof window !== "undefined" && window.localStorage) {
                 try {
                     window.localStorage.setItem("base44_access_token", token);
                     // Set "token" that is set by the built-in SDK of platform version 2

package/dist/modules/auth.types.d.ts

@@ -98,6 +98,16 @@ export interface AuthModuleOptions {
      * which is how the server-side SDK reports a token it never sets explicitly.
      */
     token?: string;
+    /**
+     * Whether this client runs embedded in a host platform's frame, where a
+     * session is minted by the platform and cannot be renewed by a login redirect.
+     */
+    embedded?: boolean;
+    /**
+     * Called instead of the SDK's built-in notice when an embedded session ends.
+     * See {@link CreateClientOptions.onEmbedSessionEnded}.
+     */
+    onEmbedSessionEnded?: () => void;
 }
 /**
  * Authentication module for managing user authentication and authorization. The module automatically stores tokens in local storage when available and manages authorization headers for API requests.
@@ -179,6 +189,24 @@ export interface AuthModule {
      * ```
      */
     redirectToLogin(nextUrl: string): void;
+    /**
+     * Whether the app is running embedded in a host platform.
+     *
+     * A platform embeds an app in an iframe and signs its user in by minting a one-time token onto the frame's URL; the SDK trades it for a session as the client is created. That session is held in memory only and can be renewed only by the platform, so when it ends there is no login page to send the user to — {@linkcode AuthModule.redirectToLogin | redirectToLogin()} and {@linkcode AuthModule.logout | logout()} show a "session ended" notice instead (pass `options.onEmbedSessionEnded` to {@linkcode createClient} to show your own). Use this to render your own notice or to hide sign-in and sign-out controls that cannot work inside the frame.
+     *
+     * Because the session lives in memory, it does not survive a full page load inside the frame: routing within the app keeps it, while a reload or a real navigation ends it and the platform has to embed the app again. Prefer client-side navigation in an embedded app.
+     *
+     * @returns `true` when the app was embedded by a host platform, `false` otherwise.
+     *
+     * @example
+     * ```typescript
+     * // Show your own message instead of a login screen
+     * if (!user && base44.auth.isEmbedded()) {
+     *   return <SessionEnded />;
+     * }
+     * ```
+     */
+    isEmbedded(): boolean;
     /**
      * Redirects the user to a third-party authentication provider's login page.
      *
@@ -539,4 +567,9 @@ export interface InternalAuthModule extends AuthModule {
      * could not succeed without a session, not to decide that one is valid.
      */
     hasToken(): boolean;
+    /**
+     * The access token currently set on the client, or `null` when there is none.
+     * Follows {@linkcode AuthModule.setToken | setToken} and {@linkcode AuthModule.logout | logout}.
+     */
+    getToken(): string | null;
 }

package/dist/modules/functions.js

@@ -65,8 +65,12 @@ export function createFunctionsModule(axios, appId, config) {
         },
         // Fetch a backend function endpoint directly.
         async fetch(path, init = {}) {
+            var _a;
             const normalizedPath = path.startsWith("/") ? path : `/${path}`;
             const primaryPath = `/functions${normalizedPath}`;
+            // Headers are read after this: a session still being negotiated must be
+            // in hand before the Authorization is built, not after.
+            await ((_a = config === null || config === void 0 ? void 0 : config.waitForAuth) === null || _a === void 0 ? void 0 : _a.call(config));
             const headers = toHeaders(init.headers);
             const requestInit = {
                 ...init,

package/dist/modules/functions.types.d.ts

@@ -29,6 +29,12 @@ export type FunctionsFetchInit = RequestInit;
 export interface FunctionsModuleConfig {
     getAuthHeaders?: () => Record<string, string>;
     baseURL?: string;
+    /**
+     * Resolves once the client's session is settled. `fetch` builds its headers
+     * by hand rather than through axios, so without this it would miss the gate
+     * every other request goes through.
+     */
+    waitForAuth?: () => Promise<void>;
 }
 /**
  * Functions module for invoking custom backend functions.

package/dist/utils/auth-utils.d.ts

@@ -5,6 +5,8 @@ import { GetAccessTokenOptions, SaveAccessTokenOptions, RemoveAccessTokenOptions
  * Low-level utility for manually retrieving tokens. In most cases, the Base44 client handles
  * token management automatically. This function is useful for custom authentication flows or when you need direct access to stored tokens. Requires a browser environment and can't be used in the backend.
  *
+ * When a host platform has embedded the app with a one-time token (`?ott=`), that token is returned as it stands: it is what {@linkcode createClient} trades for the session, so a page that gates on "is there a token?" as it loads sees one. It is neither stored nor removed from the URL here, and it is reported only inside a frame, where such a token is redeemed.
+ *
  * @internal
  *
  * @param options - Configuration options for token retrieval.

package/dist/utils/auth-utils.js

@@ -1,9 +1,14 @@
+import { EMBED_TOKEN_PARAM, isFramed } from "./embed-session.js";
+/** The URL parameter a Base44 session token arrives on. */
+const DEFAULT_TOKEN_PARAM = "access_token";
 /**
  * Retrieves an access token from URL parameters or local storage.
  *
  * Low-level utility for manually retrieving tokens. In most cases, the Base44 client handles
  * token management automatically. This function is useful for custom authentication flows or when you need direct access to stored tokens. Requires a browser environment and can't be used in the backend.
  *
+ * When a host platform has embedded the app with a one-time token (`?ott=`), that token is returned as it stands: it is what {@linkcode createClient} trades for the session, so a page that gates on "is there a token?" as it loads sees one. It is neither stored nor removed from the URL here, and it is reported only inside a frame, where such a token is redeemed.
+ *
  * @internal
  *
  * @param options - Configuration options for token retrieval.
@@ -35,7 +40,7 @@
  * ```
  */
 export function getAccessToken(options = {}) {
-    const { storageKey = "base44_access_token", paramName = "access_token", saveToStorage = true, removeFromUrl = true, } = options;
+    const { storageKey = "base44_access_token", paramName = DEFAULT_TOKEN_PARAM, saveToStorage = true, removeFromUrl = true, } = options;
     let token = null;
     // Try to get token from URL parameters
     if (typeof window !== "undefined" && window.location) {
@@ -56,6 +61,21 @@ export function getAccessToken(options = {}) {
                 }
                 return token;
             }
+            // A platform-embedded load carries a one-time token instead. It is not a
+            // session yet — createClient takes it off the URL and exchanges it — but
+            // it is the identity this load arrives with, and callers that read this
+            // once as the page loads must not conclude there is none.
+            //
+            // Only in a frame, and only for the parameter a session arrives on: a
+            // one-time token is redeemed nowhere else, so a top-level load still
+            // carrying one (a URL rewrite the browser refused) must not have it
+            // applied as a session — and never saved as one.
+            if (paramName === DEFAULT_TOKEN_PARAM && isFramed()) {
+                const embedToken = urlParams.get(EMBED_TOKEN_PARAM);
+                if (embedToken) {
+                    return embedToken;
+                }
+            }
         }
         catch (e) {
             console.error("Error retrieving token from URL:", e);

package/dist/utils/embed-session.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Sessions for apps embedded in a host platform.
+ *
+ * The platform's server mints a one-time token for one of its users and puts
+ * it on the iframe URL as `?ott=`. The client takes it off the URL as it is
+ * created, trades it for an app-user session through the OAuth token-exchange
+ * grant (RFC 8693), and keeps the result in memory only — never in storage — so
+ * the session lives and dies with the frame.
+ *
+ * @internal
+ */
+/** The query parameter a host platform puts the one-time token on. @internal */
+export declare const EMBED_TOKEN_PARAM = "ott";
+/**
+ * Reads the one-time token off the current URL and strips it, so it is never
+ * left in the address bar, in history, or in a shared link.
+ *
+ * @internal
+ */
+export declare function takeEmbedTokenFromUrl(): string | null;
+/**
+ * Whether this document is rendered inside a frame. Read at call time, not at
+ * import: a module-level answer would be fixed before a host (or a test) has
+ * set the window up.
+ *
+ * @internal
+ */
+export declare function isFramed(): boolean;
+/**
+ * Whether this tab previously redeemed an embed token for this app. Counts only
+ * inside a frame: a top-level tab that once carried a token must fall back to
+ * the regular login, or it could never sign in again.
+ *
+ * @internal
+ */
+export declare function isEmbeddedTab(appId: string): boolean;
+/** @internal */
+export declare function markEmbeddedTab(appId: string): void;
+/**
+ * Trades a one-time embed token for an app-user session token. Resolves to
+ * `null` when the platform refuses the token; never throws.
+ *
+ * @internal
+ */
+export declare function exchangeEmbedToken({ serverUrl, appId, ott, fetchImpl, }: {
+    serverUrl: string;
+    appId: string;
+    ott: string;
+    fetchImpl?: typeof fetch;
+}): Promise<string | null>;
+/**
+ * Covers the page with a plain "session ended" notice. An embedded session can
+ * only be renewed by the host platform, so this stands in for the login
+ * redirect: only the platform can mint the next session. The copy points at the
+ * host page: reloading the frame itself carries no token and lands here again.
+ *
+ * This is the default an app that predates embedding gets. An app that wants its
+ * own can pass `options.onEmbedSessionEnded` to {@linkcode createClient}, or
+ * check {@linkcode AuthModule.isEmbedded} before asking for a login.
+ *
+ * @internal
+ */
+export declare function showEmbedSessionEnded(): void;

package/dist/utils/embed-session.js

@@ -0,0 +1,177 @@
+/**
+ * Sessions for apps embedded in a host platform.
+ *
+ * The platform's server mints a one-time token for one of its users and puts
+ * it on the iframe URL as `?ott=`. The client takes it off the URL as it is
+ * created, trades it for an app-user session through the OAuth token-exchange
+ * grant (RFC 8693), and keeps the result in memory only — never in storage — so
+ * the session lives and dies with the frame.
+ *
+ * @internal
+ */
+/** The query parameter a host platform puts the one-time token on. @internal */
+export const EMBED_TOKEN_PARAM = "ott";
+const EMBED_TAB_KEY_PREFIX = "base44_embed_session";
+/** Per-app, so a second app framed on the same origin keeps its own answer. */
+const embedTabKey = (appId) => `${EMBED_TAB_KEY_PREFIX}:${appId}`;
+const GRANT_TYPE = "urn:ietf:params:oauth:grant-type:token-exchange";
+const SUBJECT_TOKEN_TYPE = "urn:base44:params:oauth:token-type:embed-ott";
+const RATE_LIMITED = 429;
+const RATE_LIMIT_RETRY_MS = 1000;
+const SESSION_ENDED_ELEMENT_ID = "base44-embed-session-ended";
+/**
+ * Reads the one-time token off the current URL and strips it, so it is never
+ * left in the address bar, in history, or in a shared link.
+ *
+ * @internal
+ */
+export function takeEmbedTokenFromUrl() {
+    if (typeof window === "undefined" || !window.location) {
+        return null;
+    }
+    let ott = null;
+    try {
+        const url = new URL(window.location.href);
+        ott = url.searchParams.get(EMBED_TOKEN_PARAM);
+        if (!ott) {
+            return null;
+        }
+        url.searchParams.delete(EMBED_TOKEN_PARAM);
+        window.history.replaceState(window.history.state, "", url.toString());
+    }
+    catch (e) {
+        // The token was read but the URL could not be rewritten (history blocked,
+        // a sandboxed frame, replaceState rate-limited). Return it anyway: it is
+        // this load's identity, and dropping it here would leave `?ott=` on the
+        // URL for getAccessToken to hand back as if it were a session token.
+        console.error("Error retrieving embed token from URL:", e);
+    }
+    return ott;
+}
+/**
+ * Whether this document is rendered inside a frame. Read at call time, not at
+ * import: a module-level answer would be fixed before a host (or a test) has
+ * set the window up.
+ *
+ * @internal
+ */
+export function isFramed() {
+    if (typeof window === "undefined") {
+        return false;
+    }
+    try {
+        return window.self !== window.top;
+    }
+    catch (_a) {
+        // Reaching the top window can be refused outright; if we cannot see it,
+        // we are certainly not it.
+        return true;
+    }
+}
+/**
+ * Whether this tab previously redeemed an embed token for this app. Counts only
+ * inside a frame: a top-level tab that once carried a token must fall back to
+ * the regular login, or it could never sign in again.
+ *
+ * @internal
+ */
+export function isEmbeddedTab(appId) {
+    if (typeof window === "undefined") {
+        return false;
+    }
+    // A cross-site frame is third-party storage, which some browsers block
+    // outright — every access can throw, and the marker is then unavailable.
+    try {
+        return (isFramed() && window.sessionStorage.getItem(embedTabKey(appId)) === "1");
+    }
+    catch (_a) {
+        return false;
+    }
+}
+/** @internal */
+export function markEmbeddedTab(appId) {
+    try {
+        window.sessionStorage.setItem(embedTabKey(appId), "1");
+    }
+    catch (_a) {
+        /* storage blocked */
+    }
+}
+/**
+ * Trades a one-time embed token for an app-user session token. Resolves to
+ * `null` when the platform refuses the token; never throws.
+ *
+ * @internal
+ */
+export async function exchangeEmbedToken({ serverUrl, appId, ott, fetchImpl = fetch, }) {
+    const post = () => fetchImpl(`${serverUrl}/api/apps/${appId}/auth/embed/token`, {
+        method: "POST",
+        headers: { "X-App-Id": String(appId) },
+        body: new URLSearchParams({
+            grant_type: GRANT_TYPE,
+            subject_token: ott,
+            subject_token_type: SUBJECT_TOKEN_TYPE,
+        }),
+    });
+    try {
+        let response = await post();
+        // The limiter refuses before the token is redeemed, so it is still valid.
+        if (response.status === RATE_LIMITED) {
+            await new Promise((resolve) => setTimeout(resolve, RATE_LIMIT_RETRY_MS));
+            response = await post();
+        }
+        if (!response.ok) {
+            return null;
+        }
+        const { access_token: token } = (await response.json());
+        return token || null;
+    }
+    catch (e) {
+        console.error("Embed token exchange failed:", e);
+        return null;
+    }
+}
+/**
+ * Covers the page with a plain "session ended" notice. An embedded session can
+ * only be renewed by the host platform, so this stands in for the login
+ * redirect: only the platform can mint the next session. The copy points at the
+ * host page: reloading the frame itself carries no token and lands here again.
+ *
+ * This is the default an app that predates embedding gets. An app that wants its
+ * own can pass `options.onEmbedSessionEnded` to {@linkcode createClient}, or
+ * check {@linkcode AuthModule.isEmbedded} before asking for a login.
+ *
+ * @internal
+ */
+export function showEmbedSessionEnded() {
+    if (typeof document === "undefined" || !document.body) {
+        return;
+    }
+    if (document.getElementById(SESSION_ENDED_ELEMENT_ID)) {
+        return;
+    }
+    // Colors as custom properties in a stylesheet rather than inline, so the
+    // notice follows the reader's theme — including a change made while it is up.
+    const style = document.createElement("style");
+    style.textContent =
+        `#${SESSION_ENDED_ELEMENT_ID}{--b44-bg:#fff;--b44-fg:#0f172a;--b44-muted:#475569;}` +
+            `@media (prefers-color-scheme:dark){#${SESSION_ENDED_ELEMENT_ID}` +
+            `{--b44-bg:#0f172a;--b44-fg:#f8fafc;--b44-muted:#94a3b8;}}`;
+    const overlay = document.createElement("div");
+    overlay.id = SESSION_ENDED_ELEMENT_ID;
+    overlay.setAttribute("role", "alert");
+    overlay.style.cssText =
+        "position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;" +
+            "justify-content:center;background:var(--b44-bg);color:var(--b44-fg);" +
+            "font-family:ui-sans-serif,system-ui,sans-serif;text-align:center;padding:2rem;";
+    const title = document.createElement("h1");
+    title.textContent = "Session ended";
+    title.style.cssText = "font-size:1.5rem;font-weight:700;margin:0 0 .75rem;";
+    const body = document.createElement("p");
+    body.textContent = "Reload this page in your browser to start a new session.";
+    body.style.cssText = "margin:0;color:var(--b44-muted);";
+    const card = document.createElement("div");
+    card.append(title, body);
+    overlay.append(style, card);
+    document.body.append(overlay);
+}

package/dist/utils/fetch-with-auth.d.ts

@@ -33,11 +33,13 @@ export interface FetchWithAuthInit extends RequestInit {
  * has none, so nothing is sent.
  * @internal
  */
-export declare function createFetchWithAuth({ axios, serviceRoleAxios, appId, serverUrl, functionsVersion, platformHeaders, }: {
+export declare function createFetchWithAuth({ axios, serviceRoleAxios, appId, serverUrl, functionsVersion, platformHeaders, waitForAuth, }: {
     axios: AxiosInstance;
     serviceRoleAxios: AxiosInstance;
     appId: string;
     serverUrl: string;
     functionsVersion?: string;
     platformHeaders?: Record<string, string>;
+    /** Resolves once the client's session is settled. */
+    waitForAuth?: () => Promise<void>;
 }): (path: string, init?: FetchWithAuthInit) => Promise<Response>;

package/dist/utils/fetch-with-auth.js

@@ -21,7 +21,7 @@
  * has none, so nothing is sent.
  * @internal
  */
-export function createFetchWithAuth({ axios, serviceRoleAxios, appId, serverUrl, functionsVersion, platformHeaders, }) {
+export function createFetchWithAuth({ axios, serviceRoleAxios, appId, serverUrl, functionsVersion, platformHeaders, waitForAuth, }) {
     const inherited = new Headers(platformHeaders);
     const bearer = (client) => {
         const header = client.defaults.headers.common["Authorization"];
@@ -31,6 +31,9 @@ export function createFetchWithAuth({ axios, serviceRoleAxios, appId, serverUrl,
     };
     return async function fetchWithAuth(path, init = {}) {
         assertOwnOriginPath(path);
+        // The Authorization below is read off the axios defaults, which a session
+        // still being negotiated has not written yet.
+        await (waitForAuth === null || waitForAuth === void 0 ? void 0 : waitForAuth());
         const { fetch: transport = fetch, ...requestInit } = init;
         const headers = new Headers(init.headers);
         // A caller-supplied value always wins, so a route can hand the callee a

package/dist/utils/socket-utils.d.ts

@@ -4,7 +4,8 @@ export interface RoomsSocketConfig {
     mountPath: string;
     transports: string[];
     appId: string;
-    token?: string;
+    /** Asked on every connect, so the socket always carries the current session. */
+    getToken: () => string | null;
 }
 export type TSocketRoom = string;
 export type TJsonStr = string;
@@ -40,7 +41,7 @@ export declare function RoomsSocket({ config }: {
         leave: (room: string) => void;
     }>;
     subscribeToRoom: (room: TSocketRoom, handlers: Partial<{ [k in TEvent]: THandler<k>; }>) => () => void;
-    updateConfig: (config: Partial<RoomsSocketConfig>) => void;
+    reconnect: () => void;
     updateModel: (room: string, data: any) => Promise<void>;
     disconnect: () => void;
 };

package/dist/utils/socket-utils.js

@@ -1,14 +1,12 @@
 import { io } from "socket.io-client";
-import { getAccessToken } from "./auth-utils.js";
 import { getAnalyticsSessionId } from "../modules/analytics.js";
 const ROOM_LEAVE_GRACE_MS = 250;
 function initializeSocket(config, handlers) {
-    var _a;
     // On unauthenticated clients, send a stable anonymous visitor id on the
     // handshake so the backend can verify room access for anonymous agent
     // conversations (mirrors the X-Base44-Anonymous-Id HTTP header). Authenticated
     // clients are identified by their token instead.
-    const resolvedToken = (_a = config.token) !== null && _a !== void 0 ? _a : getAccessToken();
+    const resolvedToken = config.getToken();
     const query = {
         app_id: config.appId,
         token: resolvedToken,
@@ -42,7 +40,6 @@ function initializeSocket(config, handlers) {
     return socket;
 }
 export function RoomsSocket({ config }) {
-    let currentConfig = { ...config };
     const roomsToListeners = {};
     const pendingRoomLeaves = {};
     const handlers = {
@@ -84,13 +81,10 @@ export function RoomsSocket({ config }) {
             socket.disconnect();
         }
     }
-    function updateConfig(config) {
+    /** Drops the connection and opens a new one with the current token. */
+    function reconnect() {
         cleanup();
-        currentConfig = {
-            ...currentConfig,
-            ...config,
-        };
-        socket = initializeSocket(currentConfig, handlers);
+        socket = initializeSocket(config, handlers);
     }
     function joinRoom(room) {
         socket.emit("join", room);
@@ -163,7 +157,7 @@ export function RoomsSocket({ config }) {
     return {
         socket,
         subscribeToRoom,
-        updateConfig,
+        reconnect,
         updateModel,
         disconnect,
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@base44-preview/sdk",
-  "version": "0.8.48-pr.281.97e1467",
+  "version": "0.8.48-pr.282.081f33c",
   "description": "JavaScript SDK for Base44 API",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",