@weaverse/next 1.0.1 → 1.0.2

package/dist/client-boundary.mjs

@@ -1,1395 +1,1017 @@
 'use client'
-
-// src/client-boundary.ts
-import {
-  useChildInstances,
-  useItemInstance,
-  useParentInstance,
-  useWeaverse
-} from "@weaverse/react";
-
-// src/registry.ts
-import { Weaverse as Weaverse2 } from "@weaverse/react";
-
-// src/item.ts
-import { Weaverse, WeaverseItemStore } from "@weaverse/react";
-
-// src/utils.ts
+import { Weaverse, WeaverseItemStore, WeaverseRoot, useChildInstances, useItemInstance, useParentInstance, useSafeExternalStore, useWeaverse } from "@weaverse/react";
+import { PageTypeSchema, createSchema } from "@weaverse/schema";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { createContext, memo, useContext, useEffect, useLayoutEffect, useMemo, useRef, useSyncExternalStore } from "react";
+import { useRouter } from "next/navigation";
+//#region src/utils.ts
 function generateDataFromSchema(schema) {
-  let data = {};
-  if (!schema) {
-    return data;
-  }
-  let groups = schema.settings ?? schema.inspector ?? [];
-  for (let group of groups) {
-    for (let input of group?.inputs ?? []) {
-      let { name, defaultValue } = input;
-      if (name && defaultValue !== null && defaultValue !== void 0) {
-        data[name] = defaultValue;
-      }
-    }
-  }
-  return data;
-}
-var isBrowser = typeof window !== "undefined";
-var isIframe = isBrowser && window.top !== window.self;
-
-// src/item.ts
+	let data = {};
+	if (!schema) return data;
+	let groups = schema.settings ?? schema.inspector ?? [];
+	for (let group of groups) for (let input of group?.inputs ?? []) {
+		let { name, defaultValue } = input;
+		if (name && defaultValue !== null && defaultValue !== void 0) data[name] = defaultValue;
+	}
+	return data;
+}
+typeof window !== "undefined" && (window.top, window.self);
+//#endregion
+//#region src/item.ts
 function flattenItemData(update) {
-  let { data, ...rest } = update;
-  if (!(data && typeof data === "object" && !Array.isArray(data))) {
-    return rest;
-  }
-  return { ...data, ...rest };
-}
-var deferredItemUpdates = null;
+	let { data, ...rest } = update;
+	if (!(data && typeof data === "object" && !Array.isArray(data))) return rest;
+	return {
+		...data,
+		...rest
+	};
+}
+let deferredItemUpdates = null;
 function collectDeferredItemUpdates(create) {
-  let previousQueue = deferredItemUpdates;
-  let queue = /* @__PURE__ */ new Set();
-  deferredItemUpdates = queue;
-  try {
-    return [create(), [...queue]];
-  } finally {
-    deferredItemUpdates = previousQueue;
-  }
+	let previousQueue = deferredItemUpdates;
+	let queue = /* @__PURE__ */ new Set();
+	deferredItemUpdates = queue;
+	try {
+		return [create(), [...queue]];
+	} finally {
+		deferredItemUpdates = previousQueue;
+	}
 }
 var WeaverseNextItem = class extends WeaverseItemStore {
-  /**
-   * Cached merged snapshot (base `_store` + translations). Reset whenever the
-   * `_store` ref or the item's translation entry ref changes, so
-   * `useSyncExternalStore` sees a stable object between unrelated re-renders.
-   */
-  _cachedSnapshot = null;
-  _snapshotStoreRef = null;
-  _snapshotTranslationRef = null;
-  /** Create an item store from serialized component data and its runtime. */
-  constructor(initialData, weaverse) {
-    super(initialData, weaverse);
-    let schemaData = generateDataFromSchema(this.Element?.schema);
-    Object.assign(this._store, schemaData, flattenItemData(initialData));
-  }
-  /**
-   * Flatten nested `data` on updates exactly like the constructor does. Core's
-   * `initProject()` calls `setData(item)` when a new runtime serves a page
-   * whose item instances already exist (e.g. locale/client navigation).
-   *
-   * A complete serialized item (it carries `id` and `type`; core's
-   * `initProject()` always passes one) replaces the store the way the
-   * constructor builds it: the schema defaults of the item's own `type` — the
-   * Builder can replace a section in place, keeping its id — then the item's
-   * settings. A payload omits a setting — or the whole optional `data` — when
-   * its value equals the schema default, so merging into the previous store
-   * would keep the previous locale's value visible. Partial updates still
-   * merge. Either way the `_store` ref changes, which invalidates the memoized
-   * snapshot below. The subscriber emit is queued instead of fired when a
-   * render-phase deferral is active (see `collectDeferredItemUpdates`).
-   */
-  setData = (update) => {
-    if ("id" in update && "type" in update) {
-      let { data, type } = update;
-      let schema = this.weaverse.elementRegistry.get(type)?.schema;
-      this._store = {
-        ...generateDataFromSchema(schema),
-        ...data === void 0 ? {} : { data },
-        ...flattenItemData(update)
-      };
-    } else {
-      this.data = flattenItemData(update);
-    }
-    if (deferredItemUpdates) {
-      deferredItemUpdates.add(this);
-    } else {
-      this.triggerUpdate();
-    }
-    return this.data;
-  };
-  /**
-   * Overlay item-level translations onto the base store when the runtime is in
-   * translation mode. Mirrors Hydrogen's `WeaverseHydrogenItem.getSnapShot()`:
-   * memoized by `_store` ref + translation entry ref so the returned object is
-   * referentially stable, and a fast path that returns the base store untouched
-   * when the item has no translations.
-   */
-  getSnapShot = () => {
-    let base = this._store;
-    let translations = this.weaverse.translationMap[this._id];
-    if (!translations) {
-      return base;
-    }
-    if (this._cachedSnapshot && this._snapshotStoreRef === base && this._snapshotTranslationRef === translations) {
-      return this._cachedSnapshot;
-    }
-    let merged = { ...base };
-    for (let [key, entry] of Object.entries(translations)) {
-      if (entry.translatedValue !== void 0) {
-        merged[key] = entry.translatedValue;
-      }
-    }
-    this._cachedSnapshot = merged;
-    this._snapshotStoreRef = base;
-    this._snapshotTranslationRef = translations;
-    return merged;
-  };
+	_cachedSnapshot = null;
+	_snapshotStoreRef = null;
+	_snapshotTranslationRef = null;
+	constructor(initialData, weaverse) {
+		super(initialData, weaverse);
+		let schemaData = generateDataFromSchema(this.Element?.schema);
+		Object.assign(this._store, schemaData, flattenItemData(initialData));
+	}
+	setData = (update) => {
+		if ("id" in update && "type" in update) {
+			let { data, type } = update;
+			let schema = this.weaverse.elementRegistry.get(type)?.schema;
+			this._store = {
+				...generateDataFromSchema(schema),
+				...data === void 0 ? {} : { data },
+				...flattenItemData(update)
+			};
+		} else this.data = flattenItemData(update);
+		if (deferredItemUpdates) deferredItemUpdates.add(this);
+		else this.triggerUpdate();
+		return this.data;
+	};
+	getSnapShot = () => {
+		let base = this._store;
+		let translations = this.weaverse.translationMap[this._id];
+		if (!translations) return base;
+		if (this._cachedSnapshot && this._snapshotStoreRef === base && this._snapshotTranslationRef === translations) return this._cachedSnapshot;
+		let merged = { ...base };
+		for (let [key, entry] of Object.entries(translations)) if (entry.translatedValue !== void 0) merged[key] = entry.translatedValue;
+		this._cachedSnapshot = merged;
+		this._snapshotStoreRef = base;
+		this._snapshotTranslationRef = translations;
+		return merged;
+	};
 };
 function ensureNextItemConstructor() {
-  if (!Weaverse.ItemConstructor || Weaverse.ItemConstructor === WeaverseItemStore || Weaverse.ItemConstructor === WeaverseNextItem) {
-    Weaverse.ItemConstructor = WeaverseNextItem;
-  }
+	if (!Weaverse.ItemConstructor || Weaverse.ItemConstructor === WeaverseItemStore || Weaverse.ItemConstructor === WeaverseNextItem) Weaverse.ItemConstructor = WeaverseNextItem;
 }
-
-// src/main.tsx
-import { createSchema } from "@weaverse/schema";
-import { jsx } from "react/jsx-runtime";
+//#endregion
+//#region src/main.tsx
 function Main(props) {
-  let { children, loaderData, ...rest } = props;
-  return /* @__PURE__ */ jsx("div", { ...rest, children });
+	let { children, loaderData, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		children
+	});
 }
 Main.displayName = "main";
-var mainSchema = createSchema({
-  type: "main",
-  title: "Main"
-});
-var defaultMainComponent = {
-  default: Main,
-  schema: mainSchema
+const defaultMainComponent = {
+	default: Main,
+	schema: createSchema({
+		type: "main",
+		title: "Main"
+	})
 };
-
-// src/registry.ts
-var MAIN_TYPE = "main";
-var registeredComponentTypes = /* @__PURE__ */ new Set();
+//#endregion
+//#region src/registry.ts
+const MAIN_TYPE = "main";
+const registeredComponentTypes = /* @__PURE__ */ new Set();
 function registerWeaverseNextComponents(components) {
-  ensureNextItemConstructor();
-  let hasUserMain = components.some(
-    (component) => component.schema?.type === MAIN_TYPE
-  );
-  let effectiveComponents = hasUserMain ? components : [defaultMainComponent, ...components];
-  for (let component of effectiveComponents) {
-    let type = component.schema.type;
-    let element = {
-      type,
-      Component: component.default,
-      schema: component.schema,
-      loader: component.loader
-    };
-    if (type === MAIN_TYPE && hasUserMain) {
-      Weaverse2.elementRegistry.set(type, element);
-      registeredComponentTypes.add(type);
-      continue;
-    }
-    if (type && !registeredComponentTypes.has(type)) {
-      Weaverse2.registerElement(element);
-      registeredComponentTypes.add(type);
-    }
-  }
-}
-
-// src/client.ts
+	ensureNextItemConstructor();
+	let hasUserMain = components.some((component) => component.schema?.type === MAIN_TYPE);
+	let effectiveComponents = hasUserMain ? components : [defaultMainComponent, ...components];
+	for (let component of effectiveComponents) {
+		let type = component.schema.type;
+		let element = {
+			type,
+			Component: component.default,
+			schema: component.schema,
+			loader: component.loader
+		};
+		if (type === MAIN_TYPE && hasUserMain) {
+			Weaverse.elementRegistry.set(type, element);
+			registeredComponentTypes.add(type);
+			continue;
+		}
+		if (type && !registeredComponentTypes.has(type)) {
+			Weaverse.registerElement(element);
+			registeredComponentTypes.add(type);
+		}
+	}
+}
+//#endregion
+//#region src/client.ts
 var NextClient = class {
-  projectId;
-  components;
-  themeSchema;
-  themeSettings;
-  requestContext;
-  commerce;
-  data = null;
-  dataContext = {};
-  _fetchPage;
-  _fetchThemeSettings;
-  constructor(config) {
-    this.projectId = config.projectId;
-    this.components = config.components;
-    registerWeaverseNextComponents(this.components);
-    this.themeSchema = config.themeSchema;
-    this.themeSettings = {
-      ...generateDataFromSchema(config.themeSchema),
-      ...config.themeSettings
-    };
-    this.requestContext = config.requestContext;
-    this.commerce = config.commerce;
-    this._fetchPage = config.fetchPage;
-    this._fetchThemeSettings = config.fetchThemeSettings;
-  }
-  /** Compatibility alias so loaders can call `weaverse.storefront.query(...)`. */
-  get storefront() {
-    return this.commerce?.storefront;
-  }
-  loadPage = (input = {}) => {
-    if (!this._fetchPage) {
-      throw new Error(
-        "[WeaverseNextClient] loadPage requires a `fetchPage` function in client config."
-      );
-    }
-    return this._fetchPage(input);
-  };
-  loadThemeSettings = (context) => {
-    if (!this._fetchThemeSettings) {
-      throw new Error(
-        "[WeaverseNextClient] loadThemeSettings requires a `fetchThemeSettings` function in client config."
-      );
-    }
-    return this._fetchThemeSettings(context ?? this.requestContext);
-  };
+	projectId;
+	components;
+	themeSchema;
+	themeSettings;
+	requestContext;
+	commerce;
+	data = null;
+	dataContext = {};
+	_fetchPage;
+	_fetchThemeSettings;
+	constructor(config) {
+		this.projectId = config.projectId;
+		this.components = config.components;
+		registerWeaverseNextComponents(this.components);
+		this.themeSchema = config.themeSchema;
+		this.themeSettings = {
+			...generateDataFromSchema(config.themeSchema),
+			...config.themeSettings
+		};
+		this.requestContext = config.requestContext;
+		this.commerce = config.commerce;
+		this._fetchPage = config.fetchPage;
+		this._fetchThemeSettings = config.fetchThemeSettings;
+	}
+	get storefront() {
+		return this.commerce?.storefront;
+	}
+	loadPage = (input = {}) => {
+		if (!this._fetchPage) throw new Error("[WeaverseNextClient] loadPage requires a `fetchPage` function in client config.");
+		return this._fetchPage(input);
+	};
+	loadThemeSettings = (context) => {
+		if (!this._fetchThemeSettings) throw new Error("[WeaverseNextClient] loadThemeSettings requires a `fetchThemeSettings` function in client config.");
+		return this._fetchThemeSettings(context ?? this.requestContext);
+	};
 };
 function createWeaverseNextClient(config) {
-  return new NextClient(config);
+	return new NextClient(config);
 }
-
-// src/hooks.ts
-import { useContext as useContext3, useSyncExternalStore } from "react";
-
-// src/provider.tsx
-import {
-  createContext as createContext3,
-  useContext as useContext2,
-  useEffect as useEffect2,
-  useMemo as useMemo3,
-  useRef as useRef2
-} from "react";
-
-// src/root-provider.tsx
-import {
-  createContext as createContext2,
-  useEffect,
-  useMemo as useMemo2,
-  useRef
-} from "react";
-
-// src/theme-settings-store.ts
+//#endregion
+//#region src/theme-settings-store.ts
 function createWeaverseNextThemeSettingsStore(options = {}) {
-  let listeners = /* @__PURE__ */ new Set();
-  let store = {
-    publicEnv: options.publicEnv,
-    schema: options.schema,
-    settings: { ...options.settings ?? {} },
-    getServerSnapshot: () => store.settings,
-    getSnapshot: () => store.settings,
-    subscribe: (listener) => {
-      listeners.add(listener);
-      return () => {
-        listeners.delete(listener);
-      };
-    },
-    updateThemeSettings: (next) => {
-      store.settings = { ...store.settings, ...next };
-      for (let listener of listeners) {
-        listener();
-      }
-    }
-  };
-  return store;
-}
-
-// src/translation-context.tsx
-import { useSafeExternalStore } from "@weaverse/react";
-import { createContext, useContext, useMemo } from "react";
-
-// src/translate.ts
+	let listeners = /* @__PURE__ */ new Set();
+	let store = {
+		publicEnv: options.publicEnv,
+		schema: options.schema,
+		settings: { ...options.settings ?? {} },
+		getServerSnapshot: () => store.settings,
+		getSnapshot: () => store.settings,
+		subscribe: (listener) => {
+			listeners.add(listener);
+			return () => {
+				listeners.delete(listener);
+			};
+		},
+		updateThemeSettings: (next) => {
+			store.settings = {
+				...store.settings,
+				...next
+			};
+			for (let listener of listeners) listener();
+		}
+	};
+	return store;
+}
+//#endregion
+//#region src/translate.ts
 function getNestedKey(obj, path, fallback) {
-  let keys = path.split(".");
-  let current = obj;
-  for (let key of keys) {
-    if (current == null || typeof current !== "object") {
-      return fallback;
-    }
-    current = current[key];
-  }
-  if (typeof current === "string") {
-    return current;
-  }
-  return fallback;
+	let keys = path.split(".");
+	let current = obj;
+	for (let key of keys) {
+		if (current == null || typeof current !== "object") return fallback;
+		current = current[key];
+	}
+	if (typeof current === "string") return current;
+	return fallback;
 }
 function interpolate(template, variables) {
-  if (!variables) {
-    return template;
-  }
-  return template.replace(/\{\{(\w+)\}\}/g, (match, key) => {
-    let value = variables[key];
-    return value === void 0 ? match : String(value);
-  });
+	if (!variables) return template;
+	return template.replace(/\{\{(\w+)\}\}/g, (match, key) => {
+		let value = variables[key];
+		return value === void 0 ? match : String(value);
+	});
 }
 function createTranslate(sources) {
-  let { staticContent, merchantOverrides, designOverrides, externalT } = sources;
-  return (key, variables) => {
-    if (externalT) {
-      let external = externalT(key, variables);
-      if (external && external !== key) {
-        return external;
-      }
-    }
-    let design = designOverrides && Object.hasOwn(designOverrides, key) ? designOverrides[key] : void 0;
-    let override = merchantOverrides ? getNestedKey(merchantOverrides, key) : void 0;
-    let staticValue = getNestedKey(staticContent, key);
-    let raw = design ?? override ?? staticValue ?? key;
-    return interpolate(raw, variables);
-  };
-}
-
-// src/translation-context.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var TranslationContext = createContext(null);
+	let { staticContent, merchantOverrides, designOverrides, externalT } = sources;
+	return (key, variables) => {
+		if (externalT) {
+			let external = externalT(key, variables);
+			if (external && external !== key) return external;
+		}
+		let design = designOverrides && Object.hasOwn(designOverrides, key) ? designOverrides[key] : void 0;
+		let override = merchantOverrides ? getNestedKey(merchantOverrides, key) : void 0;
+		let staticValue = getNestedKey(staticContent, key);
+		return interpolate(design ?? override ?? staticValue ?? key, variables);
+	};
+}
+//#endregion
+//#region src/translation-context.tsx
+const TranslationContext = createContext(null);
 TranslationContext.displayName = "WeaverseNextTranslationContext";
-var EMPTY = {};
-var NOOP_SUBSCRIBE = () => () => {
-};
-var NOOP_SNAPSHOT = () => EMPTY;
-function TranslationProvider({
-  staticContent,
-  merchantOverrides,
-  t: externalT,
-  translationStore,
-  themeTextStore,
-  children
-}) {
-  let store = translationStore ?? themeTextStore ?? null;
-  let designOverrides = useSafeExternalStore(
-    store?.subscribe ?? NOOP_SUBSCRIBE,
-    store?.getSnapshot ?? NOOP_SNAPSHOT,
-    store?.getServerSnapshot ?? NOOP_SNAPSHOT
-  );
-  let value = useMemo(
-    () => ({
-      t: createTranslate({
-        staticContent,
-        merchantOverrides,
-        designOverrides,
-        externalT
-      }),
-      translationStore: store,
-      // Deprecated alias — same instance, kept for backward compatibility.
-      themeTextStore: store,
-      merchantOverrides: merchantOverrides ?? null
-    }),
-    [staticContent, merchantOverrides, designOverrides, externalT, store]
-  );
-  return /* @__PURE__ */ jsx2(TranslationContext.Provider, { value, children });
+const EMPTY = {};
+const NOOP_SUBSCRIBE = () => () => {};
+const NOOP_SNAPSHOT = () => EMPTY;
+function TranslationProvider({ staticContent, merchantOverrides, t: externalT, translationStore, themeTextStore, children }) {
+	let store = translationStore ?? themeTextStore ?? null;
+	let designOverrides = useSafeExternalStore(store?.subscribe ?? NOOP_SUBSCRIBE, store?.getSnapshot ?? NOOP_SNAPSHOT, store?.getServerSnapshot ?? NOOP_SNAPSHOT);
+	let value = useMemo(() => ({
+		t: createTranslate({
+			staticContent,
+			merchantOverrides,
+			designOverrides,
+			externalT
+		}),
+		translationStore: store,
+		themeTextStore: store,
+		merchantOverrides: merchantOverrides ?? null
+	}), [
+		staticContent,
+		merchantOverrides,
+		designOverrides,
+		externalT,
+		store
+	]);
+	return /* @__PURE__ */ jsx(TranslationContext.Provider, {
+		value,
+		children
+	});
 }
 function useTranslation() {
-  let ctx = useContext(TranslationContext);
-  if (!ctx) {
-    throw new Error(
-      "useTranslation must be used within <TranslationProvider>. Wrap your app with <WeaverseNextRootProvider>."
-    );
-  }
-  return ctx;
-}
-var ThemeTextProvider = TranslationProvider;
-var useThemeText = useTranslation;
-
-// src/translation-store.ts
+	let ctx = useContext(TranslationContext);
+	if (!ctx) throw new Error("useTranslation must be used within <TranslationProvider>. Wrap your app with <WeaverseNextRootProvider>.");
+	return ctx;
+}
+const ThemeTextProvider = TranslationProvider;
+const useThemeText = useTranslation;
+//#endregion
+//#region src/translation-store.ts
 var TranslationStore = class {
-  /** Current flat translation overrides keyed by dot path. */
-  overrides = {};
-  listeners = /* @__PURE__ */ new Set();
-  /** Replace every override and notify subscribers. */
-  setOverrides = (overrides) => {
-    this.overrides = { ...overrides };
-    this.emit();
-  };
-  /** Merge changed overrides into the current values and notify subscribers. */
-  updateOverrides = (newOverrides) => {
-    this.overrides = { ...this.overrides, ...newOverrides };
-    this.emit();
-  };
-  /** Return the current client-side override snapshot. */
-  getSnapshot = () => this.overrides;
-  /** Return the override snapshot used during server rendering. */
-  getServerSnapshot = () => this.overrides;
-  /** Subscribe to override changes and return an unsubscribe function. */
-  subscribe = (callback) => {
-    this.listeners.add(callback);
-    return () => {
-      this.listeners.delete(callback);
-    };
-  };
-  emit = () => {
-    for (const listener of Array.from(this.listeners)) {
-      try {
-        listener();
-      } catch (error) {
-        console.error("TranslationStore: Listener error", error);
-      }
-    }
-  };
+	overrides = {};
+	listeners = /* @__PURE__ */ new Set();
+	setOverrides = (overrides) => {
+		this.overrides = { ...overrides };
+		this.emit();
+	};
+	updateOverrides = (newOverrides) => {
+		this.overrides = {
+			...this.overrides,
+			...newOverrides
+		};
+		this.emit();
+	};
+	getSnapshot = () => this.overrides;
+	getServerSnapshot = () => this.overrides;
+	subscribe = (callback) => {
+		this.listeners.add(callback);
+		return () => {
+			this.listeners.delete(callback);
+		};
+	};
+	emit = () => {
+		for (const listener of Array.from(this.listeners)) try {
+			listener();
+		} catch (error) {
+			console.error("TranslationStore: Listener error", error);
+		}
+	};
 };
-
-// src/root-provider.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-var WeaverseNextRootContext = createContext2(null);
+//#endregion
+//#region src/root-provider.tsx
+const WeaverseNextRootContext = createContext(null);
 function WeaverseNextRootProvider(props) {
-  let {
-    children,
-    initialThemeSettings,
-    merchantOverrides,
-    staticContent,
-    t,
-    themeSchema,
-    publicEnv
-  } = props;
-  let storeRef = useRef(null);
-  if (!storeRef.current) {
-    storeRef.current = createWeaverseNextThemeSettingsStore({
-      publicEnv,
-      schema: themeSchema,
-      settings: initialThemeSettings
-    });
-  }
-  let themeSettingsStore = storeRef.current;
-  let translationStoreRef = useRef(null);
-  if (!translationStoreRef.current) {
-    translationStoreRef.current = new TranslationStore();
-  }
-  let translationStore = translationStoreRef.current;
-  let appliedThemeSettingsRef = useRef(initialThemeSettings);
-  useEffect(() => {
-    if (initialThemeSettings && appliedThemeSettingsRef.current !== initialThemeSettings) {
-      themeSettingsStore.updateThemeSettings(initialThemeSettings);
-      appliedThemeSettingsRef.current = initialThemeSettings;
-    }
-  }, [initialThemeSettings, themeSettingsStore]);
-  let resolvedStaticContent = staticContent ?? getSchemaStaticContent(themeSchema);
-  let rootContextValue = useMemo2(
-    () => ({
-      merchantOverrides,
-      staticContent: resolvedStaticContent,
-      themeSettingsStore,
-      translationStore
-    }),
-    [
-      merchantOverrides,
-      resolvedStaticContent,
-      themeSettingsStore,
-      translationStore
-    ]
-  );
-  let contextValue = useMemo2(
-    () => ({
-      merchantOverrides,
-      themeSettings: themeSettingsStore.getSnapshot(),
-      themeSettingsStore,
-      translationStore
-    }),
-    [merchantOverrides, themeSettingsStore, translationStore]
-  );
-  return /* @__PURE__ */ jsx3(WeaverseNextRootContext.Provider, { value: rootContextValue, children: /* @__PURE__ */ jsx3(WeaverseNextContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx3(
-    TranslationProvider,
-    {
-      merchantOverrides,
-      staticContent: resolvedStaticContent,
-      t,
-      translationStore,
-      children
-    }
-  ) }) });
-}
-
-// src/provider.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-var EMPTY_THEME_SETTINGS = {};
-var EMPTY_STATIC_CONTENT = {};
+	let { children, initialThemeSettings, merchantOverrides, staticContent, t, themeSchema, publicEnv } = props;
+	let storeRef = useRef(null);
+	if (!storeRef.current) storeRef.current = createWeaverseNextThemeSettingsStore({
+		publicEnv,
+		schema: themeSchema,
+		settings: initialThemeSettings
+	});
+	let themeSettingsStore = storeRef.current;
+	let translationStoreRef = useRef(null);
+	if (!translationStoreRef.current) translationStoreRef.current = new TranslationStore();
+	let translationStore = translationStoreRef.current;
+	let appliedThemeSettingsRef = useRef(initialThemeSettings);
+	useEffect(() => {
+		if (initialThemeSettings && appliedThemeSettingsRef.current !== initialThemeSettings) {
+			themeSettingsStore.updateThemeSettings(initialThemeSettings);
+			appliedThemeSettingsRef.current = initialThemeSettings;
+		}
+	}, [initialThemeSettings, themeSettingsStore]);
+	let resolvedStaticContent = staticContent ?? getSchemaStaticContent(themeSchema);
+	let rootContextValue = useMemo(() => ({
+		merchantOverrides,
+		staticContent: resolvedStaticContent,
+		themeSettingsStore,
+		translationStore
+	}), [
+		merchantOverrides,
+		resolvedStaticContent,
+		themeSettingsStore,
+		translationStore
+	]);
+	let contextValue = useMemo(() => ({
+		merchantOverrides,
+		themeSettings: themeSettingsStore.getSnapshot(),
+		themeSettingsStore,
+		translationStore
+	}), [
+		merchantOverrides,
+		themeSettingsStore,
+		translationStore
+	]);
+	return /* @__PURE__ */ jsx(WeaverseNextRootContext.Provider, {
+		value: rootContextValue,
+		children: /* @__PURE__ */ jsx(WeaverseNextContext.Provider, {
+			value: contextValue,
+			children: /* @__PURE__ */ jsx(TranslationProvider, {
+				merchantOverrides,
+				staticContent: resolvedStaticContent,
+				t,
+				translationStore,
+				children
+			})
+		})
+	});
+}
+//#endregion
+//#region src/provider.tsx
+const EMPTY_THEME_SETTINGS = {};
+const EMPTY_STATIC_CONTENT = {};
 function getSchemaStaticContent(schema) {
-  let i18n = schema?.i18n;
-  return i18n?.staticContent ?? EMPTY_STATIC_CONTENT;
+	return (schema?.i18n)?.staticContent ?? EMPTY_STATIC_CONTENT;
 }
-var WeaverseNextContext = createContext3(null);
+const WeaverseNextContext = createContext(null);
 function WeaverseNextProvider(props) {
-  let { children, client, rootData, pageData, commerce, themeSettings } = props;
-  let rootContext = useContext2(WeaverseNextRootContext);
-  let themeSettingsValue = themeSettings ?? client?.themeSettings ?? EMPTY_THEME_SETTINGS;
-  let ownTranslationStoreRef = useRef2(null);
-  if (!(rootContext || ownTranslationStoreRef.current)) {
-    ownTranslationStoreRef.current = new TranslationStore();
-  }
-  let translationStore = rootContext?.translationStore ?? ownTranslationStoreRef.current;
-  let staticContent = props.staticContent ?? rootContext?.staticContent ?? getSchemaStaticContent(client?.themeSchema);
-  let merchantOverrides = props.merchantOverrides ?? rootContext?.merchantOverrides;
-  let ownThemeSettingsStore = useMemo3(() => {
-    if (rootContext) {
-      return null;
-    }
-    return createWeaverseNextThemeSettingsStore({
-      schema: client?.themeSchema,
-      settings: themeSettingsValue
-    });
-  }, [rootContext, client?.themeSchema, themeSettingsValue]);
-  let themeSettingsStore = rootContext?.themeSettingsStore ?? ownThemeSettingsStore;
-  let mergedIntoRootRef = useRef2(void 0);
-  useEffect2(() => {
-    if (rootContext && themeSettingsValue !== EMPTY_THEME_SETTINGS && mergedIntoRootRef.current !== themeSettingsValue) {
-      rootContext.themeSettingsStore.updateThemeSettings(themeSettingsValue);
-      mergedIntoRootRef.current = themeSettingsValue;
-    }
-  }, [rootContext, themeSettingsValue]);
-  let value = useMemo3(
-    () => ({
-      client,
-      rootData,
-      pageData,
-      commerce: commerce ?? client?.commerce,
-      merchantOverrides,
-      themeSettings: themeSettingsStore.getSnapshot(),
-      themeSettingsStore,
-      translationStore
-    }),
-    [
-      client,
-      rootData,
-      pageData,
-      commerce,
-      merchantOverrides,
-      themeSettingsStore,
-      translationStore
-    ]
-  );
-  return /* @__PURE__ */ jsx4(WeaverseNextContext.Provider, { value, children: /* @__PURE__ */ jsx4(
-    TranslationProvider,
-    {
-      merchantOverrides,
-      staticContent,
-      t: props.t,
-      translationStore,
-      children
-    }
-  ) });
-}
-
-// src/hooks.ts
-var OUTSIDE_PROVIDER_ERROR = "must be used inside a <WeaverseNextProvider>.";
+	let { children, client, rootData, pageData, commerce, themeSettings } = props;
+	let rootContext = useContext(WeaverseNextRootContext);
+	let themeSettingsValue = themeSettings ?? client?.themeSettings ?? EMPTY_THEME_SETTINGS;
+	let ownTranslationStoreRef = useRef(null);
+	if (!(rootContext || ownTranslationStoreRef.current)) ownTranslationStoreRef.current = new TranslationStore();
+	let translationStore = rootContext?.translationStore ?? ownTranslationStoreRef.current;
+	let staticContent = props.staticContent ?? rootContext?.staticContent ?? getSchemaStaticContent(client?.themeSchema);
+	let merchantOverrides = props.merchantOverrides ?? rootContext?.merchantOverrides;
+	let ownThemeSettingsStore = useMemo(() => {
+		if (rootContext) return null;
+		return createWeaverseNextThemeSettingsStore({
+			schema: client?.themeSchema,
+			settings: themeSettingsValue
+		});
+	}, [
+		rootContext,
+		client?.themeSchema,
+		themeSettingsValue
+	]);
+	let themeSettingsStore = rootContext?.themeSettingsStore ?? ownThemeSettingsStore;
+	let mergedIntoRootRef = useRef(void 0);
+	useEffect(() => {
+		if (rootContext && themeSettingsValue !== EMPTY_THEME_SETTINGS && mergedIntoRootRef.current !== themeSettingsValue) {
+			rootContext.themeSettingsStore.updateThemeSettings(themeSettingsValue);
+			mergedIntoRootRef.current = themeSettingsValue;
+		}
+	}, [rootContext, themeSettingsValue]);
+	let value = useMemo(() => ({
+		client,
+		rootData,
+		pageData,
+		commerce: commerce ?? client?.commerce,
+		merchantOverrides,
+		themeSettings: themeSettingsStore.getSnapshot(),
+		themeSettingsStore,
+		translationStore
+	}), [
+		client,
+		rootData,
+		pageData,
+		commerce,
+		merchantOverrides,
+		themeSettingsStore,
+		translationStore
+	]);
+	return /* @__PURE__ */ jsx(WeaverseNextContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(TranslationProvider, {
+			merchantOverrides,
+			staticContent,
+			t: props.t,
+			translationStore,
+			children
+		})
+	});
+}
+//#endregion
+//#region src/hooks.ts
+const OUTSIDE_PROVIDER_ERROR = "must be used inside a <WeaverseNextProvider>.";
 function useWeaverseNextContext(hookName) {
-  let context = useContext3(WeaverseNextContext);
-  if (!context) {
-    throw new Error(`[@weaverse/next] ${hookName} ${OUTSIDE_PROVIDER_ERROR}`);
-  }
-  return context;
+	let context = useContext(WeaverseNextContext);
+	if (!context) throw new Error(`[@weaverse/next] ${hookName} ${OUTSIDE_PROVIDER_ERROR}`);
+	return context;
 }
 function useWeaverseRootData() {
-  return useWeaverseNextContext("useWeaverseRootData").rootData;
+	return useWeaverseNextContext("useWeaverseRootData").rootData;
 }
 function useWeaversePageData() {
-  return useWeaverseNextContext("useWeaversePageData").pageData;
+	return useWeaverseNextContext("useWeaversePageData").pageData;
 }
 function useWeaverseCommerce() {
-  return useWeaverseNextContext("useWeaverseCommerce").commerce;
+	return useWeaverseNextContext("useWeaverseCommerce").commerce;
 }
 function useThemeSettings() {
-  let { themeSettingsStore } = useWeaverseNextContext("useThemeSettings");
-  return useSyncExternalStore(
-    themeSettingsStore.subscribe,
-    themeSettingsStore.getSnapshot,
-    themeSettingsStore.getServerSnapshot
-  );
+	let { themeSettingsStore } = useWeaverseNextContext("useThemeSettings");
+	return useSyncExternalStore(themeSettingsStore.subscribe, themeSettingsStore.getSnapshot, themeSettingsStore.getServerSnapshot);
 }
-
-// src/renderer.tsx
-import { WeaverseRoot } from "@weaverse/react";
-import { memo, useContext as useContext4, useEffect as useEffect4, useLayoutEffect, useMemo as useMemo4 } from "react";
-
-// src/runtime.ts
-import { Weaverse as Weaverse3 } from "@weaverse/react";
-
-// src/request-info.ts
+//#endregion
+//#region src/request-info.ts
 function toUrl(value) {
-  return typeof value === "string" ? new URL(value, "http://localhost") : value;
+	return typeof value === "string" ? new URL(value, "http://localhost") : value;
 }
 function getSearchParamsFromContext(context) {
-  if (context?.searchParams) {
-    return new URLSearchParams(context.searchParams);
-  }
-  if (context?.url) {
-    let url = toUrl(context.url);
-    return new URLSearchParams(url.searchParams);
-  }
-  return new URLSearchParams();
+	if (context?.searchParams) return new URLSearchParams(context.searchParams);
+	if (context?.url) {
+		let url = toUrl(context.url);
+		return new URLSearchParams(url.searchParams);
+	}
+	return new URLSearchParams();
 }
 function withPathPrefix(pathname, i18n) {
-  let raw = typeof i18n?.pathPrefix === "string" ? i18n.pathPrefix : "";
-  let segments = raw.split("/").filter(Boolean);
-  let prefix = segments.length > 0 ? `/${segments.join("/")}` : "";
-  if (prefix === "" || pathname === prefix || pathname.startsWith(`${prefix}/`)) {
-    return pathname;
-  }
-  return pathname === "/" ? prefix : `${prefix}${pathname}`;
+	let segments = (typeof i18n?.pathPrefix === "string" ? i18n.pathPrefix : "").split("/").filter(Boolean);
+	let prefix = segments.length > 0 ? `/${segments.join("/")}` : "";
+	if (prefix === "" || pathname === prefix || pathname.startsWith(`${prefix}/`)) return pathname;
+	return pathname === "/" ? prefix : `${prefix}${pathname}`;
 }
 function getPathnameFromContext(context) {
-  if (context?.pathname) {
-    return withPathPrefix(context.pathname, context.i18n);
-  }
-  if (context?.url) {
-    let url = toUrl(context.url);
-    return withPathPrefix(url.pathname || "/", context.i18n);
-  }
-  return "/";
+	if (context?.pathname) return withPathPrefix(context.pathname, context.i18n);
+	if (context?.url) return withPathPrefix(toUrl(context.url).pathname || "/", context.i18n);
+	return "/";
 }
 function coerceQueryValue(value) {
-  if (value === "true") {
-    return true;
-  }
-  if (value === "false") {
-    return false;
-  }
-  return value;
+	if (value === "true") return true;
+	if (value === "false") return false;
+	return value;
 }
 function toQueryRecord(searchParams) {
-  let queries = {};
-  for (let [key, value] of searchParams.entries()) {
-    queries[key] = coerceQueryValue(value);
-  }
-  return queries;
+	let queries = {};
+	for (let [key, value] of searchParams.entries()) queries[key] = coerceQueryValue(value);
+	return queries;
 }
-var TRANSIENT_STUDIO_PARAMS = /* @__PURE__ */ new Set([
-  "weaverseDraftItem",
-  // Legacy name from the original design-mode draft-item spike. Keep it out of
-  // runtime requestInfo too, in case an older Builder bundle is in front of a
-  // newer Next storefront.
-  "__weaverseDraftItem"
-]);
+const TRANSIENT_STUDIO_PARAMS = new Set(["weaverseDraftItem", "__weaverseDraftItem"]);
 function getRequestInfoSearchParams(context) {
-  let searchParams = new URLSearchParams(getSearchParamsFromContext(context));
-  for (let key of TRANSIENT_STUDIO_PARAMS) {
-    searchParams.delete(key);
-  }
-  return searchParams;
+	let searchParams = new URLSearchParams(getSearchParamsFromContext(context));
+	for (let key of TRANSIENT_STUDIO_PARAMS) searchParams.delete(key);
+	return searchParams;
 }
 function buildWeaverseNextRequestInfo(context) {
-  let searchParams = getRequestInfoSearchParams(context);
-  let search = searchParams.toString();
-  return {
-    pathname: getPathnameFromContext(context),
-    search: search ? `?${search}` : "",
-    queries: toQueryRecord(searchParams),
-    ...context?.i18n ? { i18n: context.i18n } : {},
-    ...context?.pageType ? { pageType: context.pageType } : {},
-    ...context?.handle ? { handle: context.handle } : {}
-  };
-}
-
-// src/runtime.ts
+	let searchParams = getRequestInfoSearchParams(context);
+	let search = searchParams.toString();
+	return {
+		pathname: getPathnameFromContext(context),
+		search: search ? `?${search}` : "",
+		queries: toQueryRecord(searchParams),
+		...context?.i18n ? { i18n: context.i18n } : {},
+		...context?.pageType ? { pageType: context.pageType } : {},
+		...context?.handle ? { handle: context.handle } : {}
+	};
+}
+//#endregion
+//#region src/runtime.ts
 function getRuntimeWindow() {
-  return typeof window === "undefined" ? void 0 : window;
+	return typeof window === "undefined" ? void 0 : window;
 }
-function getRenderablePage(data) {
-  let page = data.page;
-  let rootId = page.rootId ?? page.items.find((item) => item.type === "main")?.id ?? page.items[0]?.id ?? page.id;
-  return { ...page, rootId };
+function getRenderablePage$1(data) {
+	let page = data.page;
+	let rootId = page.rootId ?? page.items.find((item) => item.type === "main")?.id ?? page.items[0]?.id ?? page.id;
+	return {
+		...page,
+		rootId
+	};
 }
 function getConfigString(configs, key) {
-  let value = configs?.[key];
-  return typeof value === "string" ? value : void 0;
+	let value = configs?.[key];
+	return typeof value === "string" ? value : void 0;
 }
 function resolveModeFlag(config, key) {
-  return config.client?.requestContext?.[key] === true || config.data.configs?.[key] === true;
+	return config.client?.requestContext?.[key] === true || config.data.configs?.[key] === true;
 }
 function resolveSectionType(config) {
-  return config.client?.requestContext?.sectionType || getConfigString(config.data.configs, "sectionType") || void 0;
+	return config.client?.requestContext?.sectionType || getConfigString(config.data.configs, "sectionType") || void 0;
 }
 function getRecordString(record, key) {
-  let value = record?.[key];
-  return typeof value === "string" ? value : void 0;
+	let value = record?.[key];
+	return typeof value === "string" ? value : void 0;
 }
 function resolveProjectId(client, data, fallback) {
-  let projectId = client?.projectId;
-  if (projectId) {
-    return projectId;
-  }
-  let configProjectId = getConfigString(data.configs, "projectId");
-  if (configProjectId) {
-    return configProjectId;
-  }
-  return getRecordString(data.project, "id") ?? fallback;
+	let projectId = client?.projectId;
+	if (projectId) return projectId;
+	let configProjectId = getConfigString(data.configs, "projectId");
+	if (configProjectId) return configProjectId;
+	return getRecordString(data.project, "id") ?? fallback;
 }
 function resolveDataContext(config) {
-  if (config.dataContext) {
-    return config.dataContext;
-  }
-  if (config.client?.dataContext) {
-    return config.client.dataContext;
-  }
-  return {};
+	if (config.dataContext) return config.dataContext;
+	if (config.client?.dataContext) return config.client.dataContext;
+	return {};
 }
 function getRuntimeKey(pageId, requestInfo) {
-  return `${pageId}:${requestInfo.pathname}:${requestInfo.search}`;
+	return `${pageId}:${requestInfo.pathname}:${requestInfo.search}`;
 }
 function registerRuntime(runtime) {
-  let runtimeWindow = getRuntimeWindow();
-  if (!runtimeWindow) {
-    return;
-  }
-  runtimeWindow.__weaverses ??= {};
-  runtimeWindow.__weaverses[runtime.pageId] = runtime;
-  runtimeWindow.__weaverse = runtime;
+	let runtimeWindow = getRuntimeWindow();
+	if (!runtimeWindow) return;
+	runtimeWindow.__weaverses ??= {};
+	runtimeWindow.__weaverses[runtime.pageId] = runtime;
+	runtimeWindow.__weaverse = runtime;
 }
 function rebindPageItemsToRuntime(runtime) {
-  let items = runtime.data?.items;
-  if (!items) {
-    return;
-  }
-  for (let { id } of items) {
-    let instance = runtime.itemInstances.get(id);
-    if (instance && instance.weaverse !== runtime) {
-      instance.weaverse = runtime;
-    }
-  }
-}
-var WeaverseNextRuntime = class extends Weaverse3 {
-  /** Stable ID of the page owned by this runtime. */
-  pageId;
-  /** Mutable callbacks and stores consumed by the Studio bridge. */
-  internal;
-  /** Path, query, and locale metadata for Studio navigation. */
-  requestInfo;
-  /** Whether this runtime renders a component preview. */
-  isPreviewMode;
-  /** Whether this runtime renders a saved revision. */
-  isRevisionPreview;
-  /** Component type rendered in section preview mode. */
-  sectionType;
-  // ─── Item-level translation sidecar (design mode only) ─────────────
-  /**
-   * Translation map received from Builder in design mode, keyed by item ID.
-   * `WeaverseNextItem.getSnapShot()` overlays these onto the data handed to
-   * components, so translations render without mutating the base `_store`.
-   */
-  translationMap = {};
-  /** Locale associated with the item-level translation sidecar. */
-  translationLocale = String();
-  /** Weaverse language ID used when saving translation changes. */
-  translationLanguageId = String();
-  /**
-   * Fresh page data captured while React was rendering. Runtime reuse happens
-   * inside the renderer's render phase (`useMemo`), where applying it through
-   * `setProjectData()` would emit item updates to `useSyncExternalStore`
-   * subscribers mid-render. The renderer applies it post-commit via
-   * `flushRenderPhaseUpdates()`. Never set on design-mode runtimes — the live
-   * Studio tree owns the page data there.
-   */
-  pendingProjectData;
-  /**
-   * Reused item instances whose data was refreshed while this runtime was
-   * constructed during render (core `initProject()` calls `setData()` on
-   * them). Their data is already fresh; only the subscriber notification was
-   * deferred to `flushRenderPhaseUpdates()`.
-   */
-  pendingItemUpdates = [];
-  /** Create a browser runtime from a loaded page and its request context. */
-  constructor(config) {
-    let { client, data } = config;
-    let page = getRenderablePage(data);
-    let configs = data.configs;
-    let requestContext = client?.requestContext;
-    let isDesignMode = resolveModeFlag(config, "isDesignMode");
-    let isPreviewMode = resolveModeFlag(config, "isPreviewMode");
-    let isRevisionPreview = resolveModeFlag(config, "isRevisionPreview");
-    let sectionType = resolveSectionType(config);
-    let projectId = resolveProjectId(client, data, page.id);
-    ensureNextItemConstructor();
-    super({
-      projectId,
-      data: page,
-      isDesignMode,
-      weaverseHost: getConfigString(configs, "weaverseHost"),
-      weaverseVersion: getConfigString(configs, "weaverseVersion")
-    });
-    this.pageId = page.id;
-    this.dataContext = resolveDataContext(config);
-    this.requestInfo = buildWeaverseNextRequestInfo(requestContext);
-    this.isDesignMode = isDesignMode;
-    this.isPreviewMode = isPreviewMode;
-    this.isRevisionPreview = isRevisionPreview;
-    this.sectionType = sectionType;
-    let translationStore = config.translationStore ?? new TranslationStore();
-    this.internal = {
-      merchantOverrides: config.merchantOverrides,
-      navigate: config.navigate,
-      pageAssignment: data.pageAssignment,
-      project: data.project,
-      revalidate: config.revalidate,
-      themeSettingsStore: config.themeSettingsStore ?? createWeaverseNextThemeSettingsStore({
-        schema: client?.themeSchema,
-        settings: client?.themeSettings
-      }),
-      translationStore,
-      themeTextStore: translationStore
-    };
-    this.extractTranslationSidecar();
-  }
-  /**
-   * Pull `translationMap` / `translationLocale` / `translationLanguageId` off
-   * the current page data (Builder attaches them in design mode). Unlike
-   * Hydrogen, this also clears the sidecar to defaults when the new page data
-   * carries none, so a reused runtime / project-data swap can't leave a stale
-   * map overlaying the fresh tree.
-   */
-  extractTranslationSidecar = () => {
-    let pageData = this.data;
-    let translationMap = pageData?.translationMap;
-    if (translationMap) {
-      this.translationMap = translationMap;
-      this.translationLocale = pageData?.translationLocale || "";
-      this.translationLanguageId = pageData?.translationLanguageId || "";
-    } else {
-      this.translationMap = {};
-      this.translationLocale = "";
-      this.translationLanguageId = "";
-    }
-  };
-  /**
-   * Replace the translation sidecar (Builder pushes this when translation data
-   * arrives or the active language changes) and refresh every item so their
-   * merged snapshots recompute.
-   */
-  setTranslationSidecar = (map = {}, locale = "", languageId = "") => {
-    this.translationMap = map;
-    this.translationLocale = locale;
-    this.translationLanguageId = languageId;
-    this.refreshAllItems();
-  };
-  /**
-   * Update a single translatable field for one item. Assigns a new per-item
-   * entry object so `WeaverseNextItem.getSnapShot()`'s translation-ref cache
-   * invalidates, then triggers only that item's subscribers.
-   */
-  updateTranslation = (itemId, key, originalValue, translatedValue) => {
-    if (!this.translationMap[itemId]) {
-      this.translationMap[itemId] = {};
-    }
-    this.translationMap[itemId] = {
-      ...this.translationMap[itemId],
-      [key]: { originalValue, translatedValue }
-    };
-    let instance = this.itemInstances.get(itemId);
-    if (instance) {
-      instance.triggerUpdate();
-    }
-  };
-  /**
-   * Collect translation changes for the save flow. Returns `undefined` unless
-   * both the locale and language ID are set and at least one entry exists;
-   * each entry key is namespaced as `data.<field>` to match Builder.
-   */
-  getTranslationChanges = () => {
-    let languageId = this.translationLanguageId;
-    if (!(this.translationLocale && languageId)) {
-      return;
-    }
-    let entries = [];
-    for (let [itemId, fields] of Object.entries(this.translationMap)) {
-      for (let [key, entry] of Object.entries(fields)) {
-        entries.push({
-          itemId,
-          key: `data.${key}`,
-          originalValue: entry.originalValue,
-          translatedValue: entry.translatedValue
-        });
-      }
-    }
-    if (entries.length === 0) {
-      return;
-    }
-    return { languageId, entries };
-  };
-  /**
-   * Re-extract the translation sidecar whenever project data is replaced (route
-   * change / non-design reuse), before rebuilding item stores. Takes the
-   * renderable page shape (`rootId` resolved) that `getRenderablePage()` and
-   * the reuse branch pass in.
-   */
-  setProjectData = (data) => {
-    this.data = data;
-    this.extractTranslationSidecar();
-    this.initProject();
-  };
-  /**
-   * Apply updates deferred off the render phase: swap in any pending page data
-   * captured on runtime reuse, then notify items whose data was refreshed
-   * during construction. The renderer calls this from a layout effect right
-   * after commit, so subscribers re-render before paint (no content flash) and
-   * without React's setState-in-render warning.
-   */
-  flushRenderPhaseUpdates = () => {
-    let pendingData = this.pendingProjectData;
-    if (pendingData) {
-      this.pendingProjectData = void 0;
-      this.setProjectData(pendingData);
-    }
-    let pendingItems = this.pendingItemUpdates;
-    if (pendingItems.length > 0) {
-      this.pendingItemUpdates = [];
-      for (let item of pendingItems) {
-        item.triggerUpdate();
-      }
-    }
-  };
+	let items = runtime.data?.items;
+	if (!items) return;
+	for (let { id } of items) {
+		let instance = runtime.itemInstances.get(id);
+		if (instance && instance.weaverse !== runtime) instance.weaverse = runtime;
+	}
+}
+var WeaverseNextRuntime = class extends Weaverse {
+	pageId;
+	internal;
+	requestInfo;
+	isPreviewMode;
+	isRevisionPreview;
+	sectionType;
+	translationMap = {};
+	translationLocale = String();
+	translationLanguageId = String();
+	pendingProjectData;
+	pendingItemUpdates = [];
+	constructor(config) {
+		let { client, data } = config;
+		let page = getRenderablePage$1(data);
+		let configs = data.configs;
+		let requestContext = client?.requestContext;
+		let isDesignMode = resolveModeFlag(config, "isDesignMode");
+		let isPreviewMode = resolveModeFlag(config, "isPreviewMode");
+		let isRevisionPreview = resolveModeFlag(config, "isRevisionPreview");
+		let sectionType = resolveSectionType(config);
+		let projectId = resolveProjectId(client, data, page.id);
+		ensureNextItemConstructor();
+		super({
+			projectId,
+			data: page,
+			isDesignMode,
+			weaverseHost: getConfigString(configs, "weaverseHost"),
+			weaverseVersion: getConfigString(configs, "weaverseVersion")
+		});
+		this.pageId = page.id;
+		this.dataContext = resolveDataContext(config);
+		this.requestInfo = buildWeaverseNextRequestInfo(requestContext);
+		this.isDesignMode = isDesignMode;
+		this.isPreviewMode = isPreviewMode;
+		this.isRevisionPreview = isRevisionPreview;
+		this.sectionType = sectionType;
+		let translationStore = config.translationStore ?? new TranslationStore();
+		this.internal = {
+			merchantOverrides: config.merchantOverrides,
+			navigate: config.navigate,
+			pageAssignment: data.pageAssignment,
+			project: data.project,
+			revalidate: config.revalidate,
+			themeSettingsStore: config.themeSettingsStore ?? createWeaverseNextThemeSettingsStore({
+				schema: client?.themeSchema,
+				settings: client?.themeSettings
+			}),
+			translationStore,
+			themeTextStore: translationStore
+		};
+		this.extractTranslationSidecar();
+	}
+	extractTranslationSidecar = () => {
+		let pageData = this.data;
+		let translationMap = pageData?.translationMap;
+		if (translationMap) {
+			this.translationMap = translationMap;
+			this.translationLocale = pageData?.translationLocale || "";
+			this.translationLanguageId = pageData?.translationLanguageId || "";
+		} else {
+			this.translationMap = {};
+			this.translationLocale = "";
+			this.translationLanguageId = "";
+		}
+	};
+	setTranslationSidecar = (map = {}, locale = "", languageId = "") => {
+		this.translationMap = map;
+		this.translationLocale = locale;
+		this.translationLanguageId = languageId;
+		this.refreshAllItems();
+	};
+	updateTranslation = (itemId, key, originalValue, translatedValue) => {
+		if (!this.translationMap[itemId]) this.translationMap[itemId] = {};
+		this.translationMap[itemId] = {
+			...this.translationMap[itemId],
+			[key]: {
+				originalValue,
+				translatedValue
+			}
+		};
+		let instance = this.itemInstances.get(itemId);
+		if (instance) instance.triggerUpdate();
+	};
+	getTranslationChanges = () => {
+		let languageId = this.translationLanguageId;
+		if (!(this.translationLocale && languageId)) return;
+		let entries = [];
+		for (let [itemId, fields] of Object.entries(this.translationMap)) for (let [key, entry] of Object.entries(fields)) entries.push({
+			itemId,
+			key: `data.${key}`,
+			originalValue: entry.originalValue,
+			translatedValue: entry.translatedValue
+		});
+		if (entries.length === 0) return;
+		return {
+			languageId,
+			entries
+		};
+	};
+	setProjectData = (data) => {
+		this.data = data;
+		this.extractTranslationSidecar();
+		this.initProject();
+	};
+	flushRenderPhaseUpdates = () => {
+		let pendingData = this.pendingProjectData;
+		if (pendingData) {
+			this.pendingProjectData = void 0;
+			this.setProjectData(pendingData);
+		}
+		let pendingItems = this.pendingItemUpdates;
+		if (pendingItems.length > 0) {
+			this.pendingItemUpdates = [];
+			for (let item of pendingItems) item.triggerUpdate();
+		}
+	};
 };
 function createWeaverseNextRuntime(config) {
-  let requestInfo = buildWeaverseNextRequestInfo(config.client?.requestContext);
-  let page = getRenderablePage(config.data);
-  let runtimeWindow = getRuntimeWindow();
-  let existing = runtimeWindow?.__weaverses?.[page.id];
-  let requestKey = getRuntimeKey(page.id, requestInfo);
-  if (existing?.__weaverseNextRequestKey === requestKey) {
-    let configs = config.data.configs;
-    let nextIsDesignMode = resolveModeFlag(config, "isDesignMode");
-    let nextIsPreviewMode = resolveModeFlag(config, "isPreviewMode");
-    let nextIsRevisionPreview = resolveModeFlag(config, "isRevisionPreview");
-    let nextSectionType = resolveSectionType(config);
-    if (existing.isDesignMode || nextIsDesignMode) {
-      existing.pendingProjectData = void 0;
-    } else {
-      existing.pendingProjectData = page;
-    }
-    existing.__weaverseNextLatestData = page;
-    existing.dataContext = resolveDataContext(config);
-    existing.requestInfo = requestInfo;
-    existing.projectId = resolveProjectId(config.client, config.data, page.id);
-    existing.isDesignMode = nextIsDesignMode;
-    existing.isPreviewMode = nextIsPreviewMode;
-    existing.isRevisionPreview = nextIsRevisionPreview;
-    existing.sectionType = nextSectionType;
-    existing.weaverseHost = getConfigString(configs, "weaverseHost") ?? existing.weaverseHost;
-    existing.weaverseVersion = getConfigString(configs, "weaverseVersion") ?? existing.weaverseVersion;
-    existing.internal.pageAssignment = config.data.pageAssignment;
-    existing.internal.project = config.data.project;
-    if (config.navigate) {
-      existing.internal.navigate = config.navigate;
-    }
-    if (config.revalidate) {
-      existing.internal.revalidate = config.revalidate;
-    }
-    if (config.themeSettingsStore) {
-      existing.internal.themeSettingsStore = config.themeSettingsStore;
-    }
-    if (config.translationStore) {
-      existing.internal.translationStore = config.translationStore;
-      existing.internal.themeTextStore = config.translationStore;
-    }
-    existing.internal.merchantOverrides = config.merchantOverrides;
-    registerRuntime(existing);
-    return existing;
-  }
-  let [runtime, refreshedItems] = collectDeferredItemUpdates(
-    () => new WeaverseNextRuntime(config)
-  );
-  runtime.pendingItemUpdates = refreshedItems;
-  rebindPageItemsToRuntime(runtime);
-  runtime.__weaverseNextRequestKey = requestKey;
-  runtime.__weaverseNextLatestData = page;
-  registerRuntime(runtime);
-  return runtime;
+	let requestInfo = buildWeaverseNextRequestInfo(config.client?.requestContext);
+	let page = getRenderablePage$1(config.data);
+	let existing = getRuntimeWindow()?.__weaverses?.[page.id];
+	let requestKey = getRuntimeKey(page.id, requestInfo);
+	if (existing?.__weaverseNextRequestKey === requestKey) {
+		let configs = config.data.configs;
+		let nextIsDesignMode = resolveModeFlag(config, "isDesignMode");
+		let nextIsPreviewMode = resolveModeFlag(config, "isPreviewMode");
+		let nextIsRevisionPreview = resolveModeFlag(config, "isRevisionPreview");
+		let nextSectionType = resolveSectionType(config);
+		if (existing.isDesignMode || nextIsDesignMode) existing.pendingProjectData = void 0;
+		else existing.pendingProjectData = page;
+		existing.__weaverseNextLatestData = page;
+		existing.dataContext = resolveDataContext(config);
+		existing.requestInfo = requestInfo;
+		existing.projectId = resolveProjectId(config.client, config.data, page.id);
+		existing.isDesignMode = nextIsDesignMode;
+		existing.isPreviewMode = nextIsPreviewMode;
+		existing.isRevisionPreview = nextIsRevisionPreview;
+		existing.sectionType = nextSectionType;
+		existing.weaverseHost = getConfigString(configs, "weaverseHost") ?? existing.weaverseHost;
+		existing.weaverseVersion = getConfigString(configs, "weaverseVersion") ?? existing.weaverseVersion;
+		existing.internal.pageAssignment = config.data.pageAssignment;
+		existing.internal.project = config.data.project;
+		if (config.navigate) existing.internal.navigate = config.navigate;
+		if (config.revalidate) existing.internal.revalidate = config.revalidate;
+		if (config.themeSettingsStore) existing.internal.themeSettingsStore = config.themeSettingsStore;
+		if (config.translationStore) {
+			existing.internal.translationStore = config.translationStore;
+			existing.internal.themeTextStore = config.translationStore;
+		}
+		existing.internal.merchantOverrides = config.merchantOverrides;
+		registerRuntime(existing);
+		return existing;
+	}
+	let [runtime, refreshedItems] = collectDeferredItemUpdates(() => new WeaverseNextRuntime(config));
+	runtime.pendingItemUpdates = refreshedItems;
+	rebindPageItemsToRuntime(runtime);
+	runtime.__weaverseNextRequestKey = requestKey;
+	runtime.__weaverseNextLatestData = page;
+	registerRuntime(runtime);
+	return runtime;
 }
 function bindWeaverseNextStudioRuntime(runtime) {
-  if (!runtime.isDesignMode) {
-    return false;
-  }
-  let studio = getRuntimeWindow()?.weaverseStudio;
-  if (!studio) {
-    return false;
-  }
-  let boundRuntime = runtime;
-  let activeRuntime = studio.weaverse;
-  let activeRequestInfo = activeRuntime?.requestInfo;
-  let isActiveUrl = !activeRequestInfo || activeRequestInfo.pathname === runtime.requestInfo.pathname && activeRequestInfo.search === runtime.requestInfo.search;
-  if (!(boundRuntime.__weaverseNextStudioBound && isActiveUrl)) {
-    studio.init?.(runtime);
-    boundRuntime.__weaverseNextStudioBound = true;
-    return true;
-  }
-  studio.refreshStudio?.({
-    data: boundRuntime.__weaverseNextLatestData ?? runtime.data,
-    pageId: runtime.pageId,
-    requestInfo: runtime.requestInfo
-  });
-  return true;
-}
-
-// src/use-weaverse-next-studio.tsx
-import { useRouter } from "next/navigation";
-import { useRef as useRef4 } from "react";
-
-// src/revalidate-item.ts
-import { PageTypeSchema } from "@weaverse/schema";
-var DEFAULT_REVALIDATE_ENDPOINT = "/api/weaverse/revalidate";
-var MAX_ROUTE_CONTEXT_HANDLE_LENGTH = 512;
-var DENIED_ROUTE_CONTEXT_PARAMS = [
-  "weaverseprojectid",
-  "weaversehost",
-  "weaverseapikey",
-  "weaverseapibase",
-  "weaversepublicapibase",
-  "weaverseversion",
-  "projectid",
-  "weaversedraftitem",
-  "__weaversedraftitem",
-  "_rsc"
+	if (!runtime.isDesignMode) return false;
+	let studio = getRuntimeWindow()?.weaverseStudio;
+	if (!studio) return false;
+	let boundRuntime = runtime;
+	let activeRequestInfo = studio.weaverse?.requestInfo;
+	let isActiveUrl = !activeRequestInfo || activeRequestInfo.pathname === runtime.requestInfo.pathname && activeRequestInfo.search === runtime.requestInfo.search;
+	if (!(boundRuntime.__weaverseNextStudioBound && isActiveUrl)) {
+		studio.init?.(runtime);
+		boundRuntime.__weaverseNextStudioBound = true;
+		return true;
+	}
+	studio.refreshStudio?.({
+		data: boundRuntime.__weaverseNextLatestData ?? runtime.data,
+		pageId: runtime.pageId,
+		requestInfo: runtime.requestInfo
+	});
+	return true;
+}
+//#endregion
+//#region src/revalidate-item.ts
+const DEFAULT_REVALIDATE_ENDPOINT = "/api/weaverse/revalidate";
+const MAX_ROUTE_CONTEXT_HANDLE_LENGTH = 512;
+const DENIED_ROUTE_CONTEXT_PARAMS = [
+	"weaverseprojectid",
+	"weaversehost",
+	"weaverseapikey",
+	"weaverseapibase",
+	"weaversepublicapibase",
+	"weaverseversion",
+	"projectid",
+	"weaversedraftitem",
+	"__weaversedraftitem",
+	"_rsc"
 ];
-var ROUTE_CONTEXT_I18N_KEYS = [
-  "country",
-  "label",
-  "language",
-  "locale",
-  "pathPrefix"
+const ROUTE_CONTEXT_I18N_KEYS = [
+	"country",
+	"label",
+	"language",
+	"locale",
+	"pathPrefix"
 ];
 function sanitizeRouteContextSearch(search) {
-  let params = new URLSearchParams(search);
-  let denied = new Set(DENIED_ROUTE_CONTEXT_PARAMS);
-  for (let key of [...new Set(params.keys())]) {
-    if (denied.has(key.toLowerCase())) {
-      params.delete(key);
-    }
-  }
-  let serialized = params.toString();
-  return serialized ? `?${serialized}` : "";
+	let params = new URLSearchParams(search);
+	let denied = new Set(DENIED_ROUTE_CONTEXT_PARAMS);
+	for (let key of [...new Set(params.keys())]) if (denied.has(key.toLowerCase())) params.delete(key);
+	let serialized = params.toString();
+	return serialized ? `?${serialized}` : "";
 }
 function buildWeaverseNextRevalidateRouteContext(requestInfo) {
-  if (!requestInfo || typeof requestInfo.pathname !== "string" || !requestInfo.pathname) {
-    return;
-  }
-  let routeContext = {
-    pathname: requestInfo.pathname,
-    search: sanitizeRouteContextSearch(requestInfo.search ?? "")
-  };
-  let { i18n } = requestInfo;
-  if (i18n && typeof i18n === "object") {
-    let picked = {};
-    for (let key of ROUTE_CONTEXT_I18N_KEYS) {
-      let value = i18n[key];
-      if (typeof value === "string") {
-        picked[key] = value;
-      }
-    }
-    if (Object.keys(picked).length) {
-      routeContext.i18n = picked;
-    }
-  }
-  if (requestInfo.pageType && PageTypeSchema.safeParse(requestInfo.pageType).success) {
-    routeContext.pageType = requestInfo.pageType;
-  }
-  if (typeof requestInfo.handle === "string" && requestInfo.handle && requestInfo.handle.length <= MAX_ROUTE_CONTEXT_HANDLE_LENGTH) {
-    routeContext.handle = requestInfo.handle;
-  }
-  return routeContext;
+	if (!requestInfo || typeof requestInfo.pathname !== "string" || !requestInfo.pathname) return;
+	let routeContext = {
+		pathname: requestInfo.pathname,
+		search: sanitizeRouteContextSearch(requestInfo.search ?? "")
+	};
+	let { i18n } = requestInfo;
+	if (i18n && typeof i18n === "object") {
+		let picked = {};
+		for (let key of ROUTE_CONTEXT_I18N_KEYS) {
+			let value = i18n[key];
+			if (typeof value === "string") picked[key] = value;
+		}
+		if (Object.keys(picked).length) routeContext.i18n = picked;
+	}
+	if (requestInfo.pageType && PageTypeSchema.safeParse(requestInfo.pageType).success) routeContext.pageType = requestInfo.pageType;
+	if (typeof requestInfo.handle === "string" && requestInfo.handle && requestInfo.handle.length <= MAX_ROUTE_CONTEXT_HANDLE_LENGTH) routeContext.handle = requestInfo.handle;
+	return routeContext;
 }
 async function revalidateWeaverseNextItem(runtime, draftItem, endpoint = DEFAULT_REVALIDATE_ENDPOINT) {
-  let instance = runtime.itemInstances.get(draftItem.id);
-  if (!instance) {
-    throw new Error(
-      `[weaverse-next] No live item instance for "${draftItem.id}".`
-    );
-  }
-  let routeContext = buildWeaverseNextRevalidateRouteContext(
-    runtime.requestInfo
-  );
-  let body = routeContext ? { draftItem, routeContext } : { draftItem };
-  let response = await fetch(endpoint, {
-    method: "POST",
-    headers: { "Content-Type": "application/json" },
-    body: JSON.stringify(body)
-  });
-  if (!response.ok) {
-    throw new Error(
-      `[weaverse-next] Revalidate endpoint responded ${response.status}.`
-    );
-  }
-  let { loaderData } = await response.json();
-  instance.setData({ loaderData: loaderData ?? null });
-}
-
-// src/studio-bridge.tsx
-import { useEffect as useEffect3, useRef as useRef3 } from "react";
-var STUDIO_BIND_RETRY_INTERVAL_MS = 50;
-var STUDIO_BIND_MAX_ATTEMPTS = 100;
+	let instance = runtime.itemInstances.get(draftItem.id);
+	if (!instance) throw new Error(`[weaverse-next] No live item instance for "${draftItem.id}".`);
+	let routeContext = buildWeaverseNextRevalidateRouteContext(runtime.requestInfo);
+	let response = await fetch(endpoint, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(routeContext ? {
+			draftItem,
+			routeContext
+		} : { draftItem })
+	});
+	if (!response.ok) throw new Error(`[weaverse-next] Revalidate endpoint responded ${response.status}.`);
+	let { loaderData } = await response.json();
+	instance.setData({ loaderData: loaderData ?? null });
+}
+//#endregion
+//#region src/studio-bridge.tsx
+const STUDIO_BIND_RETRY_INTERVAL_MS = 50;
+const STUDIO_BIND_MAX_ATTEMPTS = 100;
 function WeaverseNextStudioBridge(props) {
-  let { runtime, navigate, revalidate, revalidateItem } = props;
-  let lastRuntimeRef = useRef3(runtime);
-  let lastRuntimeDataRef = useRef3(runtime.data);
-  let lastRequestInfoRef = useRef3(runtime.requestInfo);
-  useEffect3(() => {
-    if (navigate) {
-      runtime.internal.navigate = navigate;
-    }
-    if (revalidate) {
-      runtime.internal.revalidate = revalidate;
-    }
-    if (revalidateItem) {
-      runtime.internal.revalidateItem = revalidateItem;
-    }
-    if (bindWeaverseNextStudioRuntime(runtime) || !runtime.isDesignMode) {
-      return;
-    }
-    let attempts = 0;
-    let interval = window.setInterval(() => {
-      attempts += 1;
-      if (bindWeaverseNextStudioRuntime(runtime) || attempts >= STUDIO_BIND_MAX_ATTEMPTS) {
-        window.clearInterval(interval);
-      }
-    }, STUDIO_BIND_RETRY_INTERVAL_MS);
-    return () => window.clearInterval(interval);
-  }, [runtime, navigate, revalidate, revalidateItem]);
-  useEffect3(() => {
-    if (lastRuntimeRef.current !== runtime) {
-      lastRuntimeRef.current = runtime;
-      lastRuntimeDataRef.current = runtime.data;
-      lastRequestInfoRef.current = runtime.requestInfo;
-      return;
-    }
-    if (lastRuntimeDataRef.current === runtime.data && lastRequestInfoRef.current === runtime.requestInfo) {
-      return;
-    }
-    lastRuntimeDataRef.current = runtime.data;
-    lastRequestInfoRef.current = runtime.requestInfo;
-    bindWeaverseNextStudioRuntime(runtime);
-  }, [runtime, runtime.data, runtime.requestInfo]);
-  return null;
-}
-
-// src/studio-router.ts
+	let { runtime, navigate, revalidate, revalidateItem } = props;
+	let lastRuntimeRef = useRef(runtime);
+	let lastRuntimeDataRef = useRef(runtime.data);
+	let lastRequestInfoRef = useRef(runtime.requestInfo);
+	useEffect(() => {
+		if (navigate) runtime.internal.navigate = navigate;
+		if (revalidate) runtime.internal.revalidate = revalidate;
+		if (revalidateItem) runtime.internal.revalidateItem = revalidateItem;
+		if (bindWeaverseNextStudioRuntime(runtime) || !runtime.isDesignMode) return;
+		let attempts = 0;
+		let interval = window.setInterval(() => {
+			attempts += 1;
+			if (bindWeaverseNextStudioRuntime(runtime) || attempts >= STUDIO_BIND_MAX_ATTEMPTS) window.clearInterval(interval);
+		}, STUDIO_BIND_RETRY_INTERVAL_MS);
+		return () => window.clearInterval(interval);
+	}, [
+		runtime,
+		navigate,
+		revalidate,
+		revalidateItem
+	]);
+	useEffect(() => {
+		if (lastRuntimeRef.current !== runtime) {
+			lastRuntimeRef.current = runtime;
+			lastRuntimeDataRef.current = runtime.data;
+			lastRequestInfoRef.current = runtime.requestInfo;
+			return;
+		}
+		if (lastRuntimeDataRef.current === runtime.data && lastRequestInfoRef.current === runtime.requestInfo) return;
+		lastRuntimeDataRef.current = runtime.data;
+		lastRequestInfoRef.current = runtime.requestInfo;
+		bindWeaverseNextStudioRuntime(runtime);
+	}, [
+		runtime,
+		runtime.data,
+		runtime.requestInfo
+	]);
+	return null;
+}
+//#endregion
+//#region src/studio-router.ts
 function shouldResetScroll(options) {
-  if (!options || typeof options !== "object") {
-    return true;
-  }
-  return !options.preventScrollReset;
+	if (!options || typeof options !== "object") return true;
+	return !options.preventScrollReset;
 }
 function createWeaverseNextStudioInternals(router, options = {}) {
-  return {
-    navigate: (to, navigateOptions) => {
-      let scroll = shouldResetScroll(navigateOptions);
-      if (options.replace) {
-        router.replace(to, { scroll });
-      } else {
-        router.push(to, { scroll });
-      }
-    },
-    revalidate: () => {
-      router.refresh();
-    }
-  };
-}
-
-// src/use-weaverse-next-studio.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
+	return {
+		navigate: (to, navigateOptions) => {
+			let scroll = shouldResetScroll(navigateOptions);
+			if (options.replace) router.replace(to, { scroll });
+			else router.push(to, { scroll });
+		},
+		revalidate: () => {
+			router.refresh();
+		}
+	};
+}
+//#endregion
+//#region src/use-weaverse-next-studio.tsx
 function useWeaverseNextStudioInternals(options) {
-  let router = useRouter();
-  let ref = useRef4(null);
-  if (!ref.current || ref.current.router !== router || ref.current.replace !== options?.replace) {
-    ref.current = {
-      internals: createWeaverseNextStudioInternals(router, options),
-      replace: options?.replace,
-      router
-    };
-  }
-  return ref.current.internals;
+	let router = useRouter();
+	let ref = useRef(null);
+	if (!ref.current || ref.current.router !== router || ref.current.replace !== options?.replace) ref.current = {
+		internals: createWeaverseNextStudioInternals(router, options),
+		replace: options?.replace,
+		router
+	};
+	return ref.current.internals;
 }
 function WeaverseNextStudio(props) {
-  let { runtime, replace, revalidateEndpoint } = props;
-  let { navigate, revalidate } = useWeaverseNextStudioInternals({ replace });
-  let endpoint = revalidateEndpoint ?? DEFAULT_REVALIDATE_ENDPOINT;
-  let revalidateItemRef = useRef4(null);
-  if (revalidateItemRef.current?.endpoint !== endpoint || revalidateItemRef.current.runtime !== runtime) {
-    revalidateItemRef.current = {
-      endpoint,
-      revalidateItem: (draftItem) => revalidateWeaverseNextItem(runtime, draftItem, endpoint),
-      runtime
-    };
-  }
-  return /* @__PURE__ */ jsx5(
-    WeaverseNextStudioBridge,
-    {
-      navigate,
-      revalidate,
-      revalidateItem: revalidateItemRef.current.revalidateItem,
-      runtime
-    }
-  );
-}
-
-// src/renderer.tsx
-import { Fragment, jsx as jsx6, jsxs } from "react/jsx-runtime";
-var EMPTY_DATA_CONTEXT = {};
-var useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect4 : useLayoutEffect;
-function getRenderablePage2(data) {
-  let page = data?.page;
-  if (!page) {
-    return null;
-  }
-  let rootId = page.rootId ?? page.items.find((item) => item.type === "main")?.id ?? page.items[0]?.id ?? page.id;
-  return { ...page, rootId };
-}
-var WeaverseNextRenderer = memo(function WeaverseNextRendererComponent(props) {
-  let context = useContext4(WeaverseNextContext);
-  let client = props.client ?? context?.client;
-  let data = props.data ?? client?.data ?? null;
-  let dataContext = props.dataContext ?? client?.dataContext ?? EMPTY_DATA_CONTEXT;
-  let page = useMemo4(() => getRenderablePage2(data), [data]);
-  let weaverse = useMemo4(() => {
-    if (!page) {
-      return null;
-    }
-    return createWeaverseNextRuntime({
-      client,
-      data: { ...data, page },
-      dataContext,
-      merchantOverrides: context?.merchantOverrides,
-      themeSettingsStore: context?.themeSettingsStore,
-      translationStore: context?.translationStore
-    });
-  }, [
-    client,
-    page,
-    data,
-    dataContext,
-    context?.merchantOverrides,
-    context?.themeSettingsStore,
-    context?.translationStore
-  ]);
-  useIsomorphicLayoutEffect(() => {
-    weaverse?.flushRenderPhaseUpdates();
-  }, [weaverse]);
-  if (!weaverse) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx6(WeaverseRoot, { context: weaverse }),
-    /* @__PURE__ */ jsx6(WeaverseNextStudio, { runtime: weaverse })
-  ] });
+	let { runtime, replace, revalidateEndpoint } = props;
+	let { navigate, revalidate } = useWeaverseNextStudioInternals({ replace });
+	let endpoint = revalidateEndpoint ?? "/api/weaverse/revalidate";
+	let revalidateItemRef = useRef(null);
+	if (revalidateItemRef.current?.endpoint !== endpoint || revalidateItemRef.current.runtime !== runtime) revalidateItemRef.current = {
+		endpoint,
+		revalidateItem: (draftItem) => revalidateWeaverseNextItem(runtime, draftItem, endpoint),
+		runtime
+	};
+	return /* @__PURE__ */ jsx(WeaverseNextStudioBridge, {
+		navigate,
+		revalidate,
+		revalidateItem: revalidateItemRef.current.revalidateItem,
+		runtime
+	});
+}
+//#endregion
+//#region src/renderer.tsx
+const EMPTY_DATA_CONTEXT = {};
+const useIsomorphicLayoutEffect = typeof window === "undefined" ? useEffect : useLayoutEffect;
+function getRenderablePage(data) {
+	let page = data?.page;
+	if (!page) return null;
+	let rootId = page.rootId ?? page.items.find((item) => item.type === "main")?.id ?? page.items[0]?.id ?? page.id;
+	return {
+		...page,
+		rootId
+	};
+}
+const WeaverseNextRenderer = memo(function WeaverseNextRendererComponent(props) {
+	let context = useContext(WeaverseNextContext);
+	let client = props.client ?? context?.client;
+	let data = props.data ?? client?.data ?? null;
+	let dataContext = props.dataContext ?? client?.dataContext ?? EMPTY_DATA_CONTEXT;
+	let page = useMemo(() => getRenderablePage(data), [data]);
+	let weaverse = useMemo(() => {
+		if (!page) return null;
+		return createWeaverseNextRuntime({
+			client,
+			data: {
+				...data,
+				page
+			},
+			dataContext,
+			merchantOverrides: context?.merchantOverrides,
+			themeSettingsStore: context?.themeSettingsStore,
+			translationStore: context?.translationStore
+		});
+	}, [
+		client,
+		page,
+		data,
+		dataContext,
+		context?.merchantOverrides,
+		context?.themeSettingsStore,
+		context?.translationStore
+	]);
+	useIsomorphicLayoutEffect(() => {
+		weaverse?.flushRenderPhaseUpdates();
+	}, [weaverse]);
+	if (!weaverse) return null;
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(WeaverseRoot, { context: weaverse }), /* @__PURE__ */ jsx(WeaverseNextStudio, { runtime: weaverse })] });
 });
-
-// src/studio-connect.tsx
-import { useEffect as useEffect5 } from "react";
-
-// src/studio-script-src.ts
-var TRUSTED_STUDIO_DOMAINS = ["weaverse.io", "weaverse.dev"];
+//#endregion
+//#region src/studio-script-src.ts
+const TRUSTED_STUDIO_DOMAINS = ["weaverse.io", "weaverse.dev"];
 function isLoopbackHostname(hostname) {
-  return hostname === "localhost" || hostname === "127.0.0.1" || hostname.endsWith(".localhost");
+	return hostname === "localhost" || hostname === "127.0.0.1" || hostname.endsWith(".localhost");
 }
 function normalizeOrigin(value) {
-  if (!value) {
-    return null;
-  }
-  try {
-    return new URL(value).origin;
-  } catch {
-    return null;
-  }
+	if (!value) return null;
+	try {
+		return new URL(value).origin;
+	} catch {
+		return null;
+	}
 }
 function isTrustedStudioOrigin(origin, storefrontHostname) {
-  let parsed;
-  try {
-    parsed = new URL(origin);
-  } catch {
-    return false;
-  }
-  let { hostname, protocol } = parsed;
-  if (isLoopbackHostname(storefrontHostname) && isLoopbackHostname(hostname)) {
-    return protocol === "http:" || protocol === "https:";
-  }
-  if (protocol !== "https:") {
-    return false;
-  }
-  return TRUSTED_STUDIO_DOMAINS.some(
-    (domain) => hostname === domain || hostname.endsWith(`.${domain}`)
-  );
+	let parsed;
+	try {
+		parsed = new URL(origin);
+	} catch {
+		return false;
+	}
+	let { hostname, protocol } = parsed;
+	if (isLoopbackHostname(storefrontHostname) && isLoopbackHostname(hostname)) return protocol === "http:" || protocol === "https:";
+	if (protocol !== "https:") return false;
+	return TRUSTED_STUDIO_DOMAINS.some((domain) => hostname === domain || hostname.endsWith(`.${domain}`));
 }
 function toSearchParams(context) {
-  if (context?.searchParams) {
-    return new URLSearchParams(context.searchParams);
-  }
-  if (context?.url) {
-    let url = typeof context.url === "string" ? new URL(context.url, "http://localhost") : context.url;
-    return new URLSearchParams(url.searchParams);
-  }
-  return new URLSearchParams();
+	if (context?.searchParams) return new URLSearchParams(context.searchParams);
+	if (context?.url) {
+		let url = typeof context.url === "string" ? new URL(context.url, "http://localhost") : context.url;
+		return new URLSearchParams(url.searchParams);
+	}
+	return new URLSearchParams();
 }
 function last(searchParams, key) {
-  let values = searchParams.getAll(key);
-  return values.length ? values.at(-1) ?? null : null;
+	let values = searchParams.getAll(key);
+	return values.length ? values.at(-1) ?? null : null;
 }
 function resolveWeaverseNextStudioScriptSrc(context, options = {}) {
-  let searchParams = toSearchParams(context);
-  let isDesignMode = context?.isDesignMode ?? last(searchParams, "isDesignMode") === "true";
-  let isPreviewMode = context?.isPreviewMode ?? last(searchParams, "isPreviewMode") === "true";
-  let isRevisionPreview = context?.isRevisionPreview ?? Boolean(last(searchParams, "__revisionId"));
-  if (!(isDesignMode || isPreviewMode || isRevisionPreview)) {
-    return null;
-  }
-  let origin = normalizeOrigin(last(searchParams, "weaverseHost"));
-  if (!origin) {
-    return null;
-  }
-  let storefrontHostname = options.storefrontHostname ?? "";
-  if (!isTrustedStudioOrigin(origin, storefrontHostname)) {
-    return null;
-  }
-  let bundle = isPreviewMode || isRevisionPreview ? "preview.js" : "index.js";
-  let version = last(searchParams, "weaverseVersion");
-  let url = `${origin}/static/studio/next/${bundle}`;
-  return version ? `${url}?v=${encodeURIComponent(version)}` : url;
-}
-
-// src/studio-connect.tsx
-var loadedScriptSrcs = /* @__PURE__ */ new Set();
+	let searchParams = toSearchParams(context);
+	let isDesignMode = context?.isDesignMode ?? last(searchParams, "isDesignMode") === "true";
+	let isPreviewMode = context?.isPreviewMode ?? last(searchParams, "isPreviewMode") === "true";
+	let isRevisionPreview = context?.isRevisionPreview ?? Boolean(last(searchParams, "__revisionId"));
+	if (!(isDesignMode || isPreviewMode || isRevisionPreview)) return null;
+	let origin = normalizeOrigin(last(searchParams, "weaverseHost"));
+	if (!origin) return null;
+	if (!isTrustedStudioOrigin(origin, options.storefrontHostname ?? "")) return null;
+	let bundle = isPreviewMode || isRevisionPreview ? "preview.js" : "index.js";
+	let version = last(searchParams, "weaverseVersion");
+	let url = `${origin}/static/studio/next/${bundle}`;
+	return version ? `${url}?v=${encodeURIComponent(version)}` : url;
+}
+//#endregion
+//#region src/studio-connect.tsx
+const loadedScriptSrcs = /* @__PURE__ */ new Set();
 function loadScript(src) {
-  if (typeof document === "undefined") {
-    return;
-  }
-  if (loadedScriptSrcs.has(src)) {
-    return;
-  }
-  let existing = document.querySelector(`script[src="${src}"]`);
-  if (existing) {
-    loadedScriptSrcs.add(src);
-    return;
-  }
-  let script = document.createElement("script");
-  script.async = true;
-  script.src = src;
-  document.head.appendChild(script);
-  loadedScriptSrcs.add(src);
+	if (typeof document === "undefined") return;
+	if (loadedScriptSrcs.has(src)) return;
+	if (document.querySelector(`script[src="${src}"]`)) {
+		loadedScriptSrcs.add(src);
+		return;
+	}
+	let script = document.createElement("script");
+	script.async = true;
+	script.src = src;
+	document.head.appendChild(script);
+	loadedScriptSrcs.add(src);
 }
 function loadWeaverseNextStudioScript(context, options = {}) {
-  let resolvedContext = context;
-  if (!resolvedContext && typeof window !== "undefined") {
-    resolvedContext = {
-      searchParams: new URLSearchParams(window.location.search),
-      url: window.location.href
-    };
-  }
-  let src = resolveWeaverseNextStudioScriptSrc(resolvedContext, {
-    storefrontHostname: options.storefrontHostname ?? (typeof window === "undefined" ? void 0 : window.location.hostname)
-  });
-  if (src) {
-    loadScript(src);
-  }
+	let resolvedContext = context;
+	if (!resolvedContext && typeof window !== "undefined") resolvedContext = {
+		searchParams: new URLSearchParams(window.location.search),
+		url: window.location.href
+	};
+	let src = resolveWeaverseNextStudioScriptSrc(resolvedContext, { storefrontHostname: options.storefrontHostname ?? (typeof window === "undefined" ? void 0 : window.location.hostname) });
+	if (src) loadScript(src);
 }
 function WeaverseNextStudioConnect(props) {
-  useEffect5(() => {
-    loadWeaverseNextStudioScript(props.context, {
-      storefrontHostname: props.storefrontHostname
-    });
-  }, [props.context, props.storefrontHostname]);
-  return null;
+	useEffect(() => {
+		loadWeaverseNextStudioScript(props.context, { storefrontHostname: props.storefrontHostname });
+	}, [props.context, props.storefrontHostname]);
+	return null;
 }
-export {
-  ThemeTextProvider,
-  TranslationProvider,
-  WeaverseNextProvider,
-  WeaverseNextRenderer,
-  WeaverseNextRootProvider,
-  WeaverseNextRuntime,
-  WeaverseNextStudio,
-  WeaverseNextStudioBridge,
-  WeaverseNextStudioConnect,
-  bindWeaverseNextStudioRuntime,
-  createWeaverseNextClient,
-  createWeaverseNextRuntime,
-  loadWeaverseNextStudioScript,
-  useChildInstances,
-  useItemInstance,
-  useParentInstance,
-  useThemeSettings,
-  useThemeText,
-  useTranslation,
-  useWeaverse,
-  useWeaverseCommerce,
-  useWeaverseNextStudioInternals,
-  useWeaversePageData,
-  useWeaverseRootData
-};
+//#endregion
+export { ThemeTextProvider, TranslationProvider, WeaverseNextProvider, WeaverseNextRenderer, WeaverseNextRootProvider, WeaverseNextRuntime, WeaverseNextStudio, WeaverseNextStudioBridge, WeaverseNextStudioConnect, bindWeaverseNextStudioRuntime, createWeaverseNextClient, createWeaverseNextRuntime, loadWeaverseNextStudioScript, useChildInstances, useItemInstance, useParentInstance, useThemeSettings, useThemeText, useTranslation, useWeaverse, useWeaverseCommerce, useWeaverseNextStudioInternals, useWeaversePageData, useWeaverseRootData };
+
 //# sourceMappingURL=client-boundary.mjs.map