@sanity/sdk-react 2.8.0 → 2.10.0

package/dist/index.js

@@ -1,14 +1,14 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
 import { ClientError, CorsOriginError } from "@sanity/client";
-import { getAuthState, getNodeState, getIsInDashboardState, isStudioConfig, setAuthToken, AuthStateType, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, isProjectUserNotFoundClientError, getClientErrorApiDescription, getClientErrorApiBody, getCorsErrorProjectId, createSanityInstance, agentGenerate, agentTransform, agentTranslate, agentPrompt, agentPatch, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, isDatasetSource, isMediaLibrarySource, isCanvasSource, getFavoritesState, resolveFavoritesState, resolveDatasets, getDatasetsState, applyDocumentActions, resolveDocument, getDocumentState, subscribeDocumentEvents, getPermissionsState, getDocumentSyncStatus, editDocument, getQueryKey, parseQueryKey, getQueryState, resolveQuery, createGroqSearchFilter, getPresence, getPreviewState, resolvePreview, getProjectionState, resolveProjection, resolveProject, getProjectState, resolveProjects, getProjectsState, getActiveReleasesState, getPerspectiveState, getUsersKey, parseUsersKey, getUsersState, resolveUsers, loadMoreUsers } from "@sanity/sdk";
+import { getAuthState, getNodeState, getIsInDashboardState, isStudioConfig, setAuthToken, AuthStateType, getLoginUrlState, observeOrganizationVerificationState, handleAuthCallback, logout, isProjectUserNotFoundClientError, getClientErrorApiDescription, getClientErrorApiBody, isImportError, getCorsErrorProjectId, createSanityInstance, agentGenerate, agentTransform, agentTranslate, agentPrompt, agentPatch, getTokenState, getCurrentUserState, getDashboardOrganizationId, getClientState, getOrCreateController, getOrCreateChannel, releaseChannel, isDatasetResource, isMediaLibraryResource, isCanvasResource, getFavoritesState, resolveFavoritesState, resolveDatasets, getDatasetsState, applyDocumentActions, resolveDocument, getDocumentState, subscribeDocumentEvents, getPermissionsState, getDocumentSyncStatus, editDocument, getQueryKey, parseQueryKey, getQueryState, resolveQuery, createGroqSearchFilter, getPresence, getProjectionState, resolveProjection, transformProjectionToPreview, PREVIEW_PROJECTION, resolveProject, getProjectState, resolveProjects, getProjectsState, getActiveReleasesState, getPerspectiveState, getUsersKey, parseUsersKey, getUsersState, resolveUsers, loadMoreUsers } from "@sanity/sdk";
 export * from "@sanity/sdk";
-import { createContext, useContext, useSyncExternalStore, useRef, useEffect, useState, Suspense, StrictMode, useCallback, useMemo, useInsertionEffect, useTransition } from "react";
+import { createContext, useContext, useSyncExternalStore, useRef, useEffect, useState, Suspense, useMemo, StrictMode, useCallback, useInsertionEffect, useTransition } from "react";
 import { ErrorBoundary } from "react-error-boundary";
 import { SDK_CHANNEL_NAME, SDK_NODE_NAME } from "@sanity/message-protocol";
 import { firstValueFrom, filter, identity, Observable, startWith, distinctUntilChanged, switchMap, EMPTY } from "rxjs";
+import { initTelemetry, trackHookMounted } from "@sanity/sdk/_internal";
 import { createRoot } from "react-dom/client";
-import { pick } from "lodash-es";
 const SanityInstanceContext = createContext(null), useSanityInstance = (config) => {
   const $ = c(3), instance = useContext(SanityInstanceContext);
   if (!instance)
@@ -66,7 +66,7 @@ function useWindowConnection(t0) {
     const [type, handler] = t42, messageUnsubscribe = node.on(type, handler);
     messageUnsubscribe && messageUnsubscribers.current.push(messageUnsubscribe);
   }), () => {
-    messageUnsubscribers.current.forEach(_temp$8), messageUnsubscribers.current = [];
+    messageUnsubscribers.current.forEach(_temp$9), messageUnsubscribers.current = [];
   }), $[4] = node, $[5] = onMessage, $[6] = t3) : t3 = $[6];
   let t4;
   $[7] !== instance || $[8] !== name || $[9] !== node || $[10] !== onMessage ? (t4 = [instance, name, onMessage, node], $[7] = instance, $[8] = name, $[9] = node, $[10] = onMessage, $[11] = t4) : t4 = $[11], useEffect(t3, t4);
@@ -84,7 +84,7 @@ function useWindowConnection(t0) {
     fetch
   }, $[16] = fetch, $[17] = sendMessage, $[18] = t7) : t7 = $[18], t7;
 }
-function _temp$8(unsubscribe) {
+function _temp$9(unsubscribe) {
   return unsubscribe();
 }
 const DEFAULT_RESPONSE_TIMEOUT = 1e4;
@@ -114,7 +114,7 @@ function DashboardTokenRefresh(t0) {
         if (clearRefreshTimeout(), res.token) {
           setAuthToken(instance, res.token);
           const errorContainer = document.getElementById("__sanityError");
-          errorContainer && Array.from(errorContainer.getElementsByTagName("div")).some(_temp$7) && errorContainer.remove();
+          errorContainer && Array.from(errorContainer.getElementsByTagName("div")).some(_temp$8) && errorContainer.remove();
         }
         isTokenRefreshInProgress.current = !1;
       } catch {
@@ -135,7 +135,7 @@ function DashboardTokenRefresh(t0) {
   let t7;
   return $[11] !== authState || $[12] !== requestNewToken ? (t7 = [authState, requestNewToken], $[11] = authState, $[12] = requestNewToken, $[13] = t7) : t7 = $[13], useEffect(t6, t7), children;
 }
-function _temp$7(div) {
+function _temp$8(div) {
   return div.textContent?.includes("Uncaught error: Unauthorized - A valid session is required for this endpoint");
 }
 const ComlinkTokenRefreshProvider = (t0) => {
@@ -162,20 +162,41 @@ function useLoginUrl() {
   return useSyncExternalStore(subscribe, getCurrent);
 }
 function useVerifyOrgProjects(t0, projectIds) {
-  const $ = c(6), disabled = t0 === void 0 ? !1 : t0, instance = useSanityInstance(), [error, setError] = useState(null);
+  const $ = c(5), disabled = t0 === void 0 ? !1 : t0, instance = useSanityInstance(), [error, setError] = useState(null), isInactive = disabled || !projectIds || projectIds.length === 0, [prevInactive, setPrevInactive] = useState(isInactive);
+  prevInactive !== isInactive && (setPrevInactive(isInactive), isInactive && setError(null));
   let t1, t2;
-  return $[0] !== disabled || $[1] !== error || $[2] !== instance || $[3] !== projectIds ? (t1 = () => {
-    if (disabled || !projectIds || projectIds.length === 0) {
-      error !== null && setError(null);
+  return $[0] !== instance || $[1] !== isInactive || $[2] !== projectIds ? (t1 = () => {
+    if (isInactive)
       return;
-    }
     const subscription = observeOrganizationVerificationState(instance, projectIds).subscribe((result) => {
       setError(result.error);
     });
     return () => {
       subscription.unsubscribe();
     };
-  }, t2 = [instance, disabled, error, projectIds], $[0] = disabled, $[1] = error, $[2] = instance, $[3] = projectIds, $[4] = t1, $[5] = t2) : (t1 = $[4], t2 = $[5]), useEffect(t1, t2), error;
+  }, t2 = [instance, isInactive, projectIds], $[0] = instance, $[1] = isInactive, $[2] = projectIds, $[3] = t1, $[4] = t2) : (t1 = $[3], t2 = $[4]), useEffect(t1, t2), error;
+}
+const CHUNK_RELOAD_STORAGE_KEY = "__sanity_sdk_chunk_reload_attempted";
+function readChunkReloadFlag() {
+  try {
+    return typeof window > "u" || typeof window.sessionStorage > "u" ? !1 : window.sessionStorage.getItem(CHUNK_RELOAD_STORAGE_KEY) !== null;
+  } catch {
+    return !1;
+  }
+}
+function setChunkReloadFlag() {
+  try {
+    if (typeof window > "u" || typeof window.sessionStorage > "u") return;
+    window.sessionStorage.setItem(CHUNK_RELOAD_STORAGE_KEY, "1");
+  } catch {
+  }
+}
+function clearChunkReloadFlag() {
+  try {
+    if (typeof window > "u" || typeof window.sessionStorage > "u") return;
+    window.sessionStorage.removeItem(CHUNK_RELOAD_STORAGE_KEY);
+  } catch {
+  }
 }
 const FONT_SANS_SERIF = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, Arial, system-ui, sans-serif", FONT_MONOSPACE = "-apple-system-ui-monospace, 'SF Mono', Menlo, Monaco, Consolas, monospace", styles = {
   container: {
@@ -232,6 +253,31 @@ function Error$1(t0) {
     t4
   ] }), $[8] = t1, $[9] = t2, $[10] = t3, $[11] = t4, $[12] = t5) : t5 = $[12], t5;
 }
+function reload() {
+  try {
+    window.location.reload();
+  } catch {
+  }
+}
+function ChunkLoadError(_props) {
+  const $ = c(4);
+  let t0;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = readChunkReloadFlag(), $[0] = t0) : t0 = $[0];
+  const alreadyAttempted = t0;
+  let t1, t2;
+  if ($[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = () => {
+    alreadyAttempted || (setChunkReloadFlag(), reload());
+  }, t2 = [alreadyAttempted], $[1] = t1, $[2] = t2) : (t1 = $[1], t2 = $[2]), useEffect(t1, t2), !alreadyAttempted)
+    return null;
+  let t3;
+  return $[3] === Symbol.for("react.memo_cache_sentinel") ? (t3 = /* @__PURE__ */ jsx(Error$1, { heading: "A new version is available", description: "The page tried to load an asset that no longer exists. Reload to continue with the latest version.", cta: {
+    text: "Reload page",
+    onClick: _temp$7
+  } }), $[3] = t3) : t3 = $[3], t3;
+}
+function _temp$7() {
+  clearChunkReloadFlag(), reload();
+}
 function CorsErrorComponent(t0) {
   const $ = c(6), {
     projectId,
@@ -297,60 +343,93 @@ function _temp$6(replacementLocation) {
   replacementLocation && history.replaceState(null, "", replacementLocation);
 }
 const useLogOut = createCallbackHook(logout);
+function DashboardAccessRequest(t0) {
+  const $ = c(5), {
+    projectId
+  } = t0;
+  let t1;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
+    name: SDK_NODE_NAME,
+    connectTo: SDK_CHANNEL_NAME
+  }, $[0] = t1) : t1 = $[0];
+  const {
+    fetch
+  } = useWindowConnection(t1);
+  let t2, t3;
+  return $[1] !== fetch || $[2] !== projectId ? (t2 = () => {
+    fetch("dashboard/v1/auth/access/request", {
+      resourceType: "project",
+      resourceId: projectId
+    });
+  }, t3 = [fetch, projectId], $[1] = fetch, $[2] = projectId, $[3] = t2, $[4] = t3) : (t2 = $[3], t3 = $[4]), useEffect(t2, t3), null;
+}
 function LoginError(t0) {
-  const $ = c(23), {
+  const $ = c(30), {
     error,
     resetErrorBoundary
   } = t0;
   if (!(error instanceof AuthError || error instanceof ConfigurationError || error instanceof ClientError))
     throw error;
-  const logout2 = useLogOut(), authState = useAuthState(), {
+  const logout2 = useLogOut(), authState = useAuthState(), instance = useSanityInstance(), {
     config: t1
-  } = useSanityInstance(), {
+  } = instance, {
     projectId
-  } = t1, [authErrorMessage, setAuthErrorMessage] = useState("Please try again or contact support if the problem persists."), [showRetryCta, setShowRetryCta] = useState(!0);
+  } = t1, clientError = error instanceof ClientError ? error : error instanceof AuthError && error.cause instanceof ClientError ? error.cause : null;
   let t2;
-  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t2 = {
-    name: SDK_NODE_NAME,
-    connectTo: SDK_CHANNEL_NAME
-  }, $[0] = t2) : t2 = $[0];
-  const {
-    fetch
-  } = useWindowConnection(t2);
+  $[0] !== instance ? (t2 = getIsInDashboardState(instance).getCurrent(), $[0] = instance, $[1] = t2) : t2 = $[1];
+  const isInDashboard = t2;
   let t3;
-  $[1] !== logout2 || $[2] !== resetErrorBoundary ? (t3 = async () => {
-    await logout2(), resetErrorBoundary();
-  }, $[1] = logout2, $[2] = resetErrorBoundary, $[3] = t3) : t3 = $[3];
-  const handleRetry = t3;
+  $[2] !== clientError ? (t3 = !!clientError && clientError.statusCode === 401 && isProjectUserNotFoundClientError(clientError), $[2] = clientError, $[3] = t3) : t3 = $[3];
+  const isProjectUserNotFound = t3, dashboardAccessProjectId = isProjectUserNotFound && projectId && isInDashboard ? projectId : null;
   let t4;
-  $[4] !== authState.type || $[5] !== error || $[6] !== fetch || $[7] !== handleRetry || $[8] !== projectId ? (t4 = () => {
-    if (error instanceof ClientError) {
-      if (error.statusCode === 401)
-        if (isProjectUserNotFoundClientError(error)) {
-          const description = getClientErrorApiDescription(error);
-          description && setAuthErrorMessage(description), setShowRetryCta(!1), fetch("dashboard/v1/auth/access/request", {
-            resourceType: "project",
-            resourceId: projectId
-          });
-        } else
-          setShowRetryCta(!0), handleRetry();
-      else if (error.statusCode === 404) {
-        const errorMessage = getClientErrorApiBody(error)?.message || "";
-        errorMessage.startsWith("Session with sid") && errorMessage.endsWith("not found") ? setAuthErrorMessage("The session ID is invalid or expired.") : setAuthErrorMessage("The login link is invalid or expired. Please try again."), setShowRetryCta(!0);
-      }
+  $[4] !== logout2 || $[5] !== resetErrorBoundary ? (t4 = async () => {
+    await logout2(), resetErrorBoundary();
+  }, $[4] = logout2, $[5] = resetErrorBoundary, $[6] = t4) : t4 = $[6];
+  const handleRetry = t4;
+  let t5, message = "Please try again or contact support if the problem persists.", retry = !0;
+  if (clientError) {
+    if (clientError.statusCode === 401)
+      if (isProjectUserNotFound) {
+        let t62;
+        $[7] !== clientError ? (t62 = getClientErrorApiDescription(clientError), $[7] = clientError, $[8] = t62) : t62 = $[8];
+        const description = t62;
+        description && (message = description), retry = !1;
+      } else
+        isInDashboard || (message = "Signing you out and returning to login...", retry = !0);
+    else if (clientError.statusCode === 404) {
+      const errorMessage = getClientErrorApiBody(clientError)?.message || "";
+      message = errorMessage.startsWith("Session with sid") && errorMessage.endsWith("not found") ? "The session ID is invalid or expired." : "The login link is invalid or expired. Please try again.", retry = !0;
     }
-    authState.type !== AuthStateType.ERROR && error instanceof ConfigurationError && (setAuthErrorMessage(error.message), setShowRetryCta(!0));
-  }, $[4] = authState.type, $[5] = error, $[6] = fetch, $[7] = handleRetry, $[8] = projectId, $[9] = t4) : t4 = $[9];
-  let t5;
-  $[10] !== authState || $[11] !== error || $[12] !== fetch || $[13] !== handleRetry || $[14] !== projectId ? (t5 = [authState, handleRetry, error, fetch, projectId], $[10] = authState, $[11] = error, $[12] = fetch, $[13] = handleRetry, $[14] = projectId, $[15] = t5) : t5 = $[15], useEffect(t4, t5);
-  const t6 = error instanceof AuthError ? "Authentication Error" : "Configuration Error";
-  let t7;
-  $[16] !== handleRetry || $[17] !== showRetryCta ? (t7 = showRetryCta ? {
+  }
+  authState.type !== AuthStateType.ERROR && error instanceof ConfigurationError && (message = error.message, retry = !0);
+  let t6;
+  $[9] !== message || $[10] !== retry ? (t6 = {
+    authErrorMessage: message,
+    showRetryCta: retry
+  }, $[9] = message, $[10] = retry, $[11] = t6) : t6 = $[11], t5 = t6;
+  const {
+    authErrorMessage,
+    showRetryCta
+  } = t5, hasAutoLoggedOutRef = useRef(!1);
+  let t7, t8;
+  $[12] !== clientError || $[13] !== handleRetry || $[14] !== isInDashboard || $[15] !== isProjectUserNotFound ? (t7 = () => {
+    clientError && clientError.statusCode === 401 && !isProjectUserNotFound && !isInDashboard && !hasAutoLoggedOutRef.current && (hasAutoLoggedOutRef.current = !0, handleRetry());
+  }, t8 = [clientError, handleRetry, isInDashboard, isProjectUserNotFound], $[12] = clientError, $[13] = handleRetry, $[14] = isInDashboard, $[15] = isProjectUserNotFound, $[16] = t7, $[17] = t8) : (t7 = $[16], t8 = $[17]), useEffect(t7, t8);
+  let t9;
+  $[18] !== dashboardAccessProjectId ? (t9 = dashboardAccessProjectId && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(DashboardAccessRequest, { projectId: dashboardAccessProjectId }) }), $[18] = dashboardAccessProjectId, $[19] = t9) : t9 = $[19];
+  const t10 = error instanceof ConfigurationError ? "Configuration Error" : "Authentication Error";
+  let t11;
+  $[20] !== handleRetry || $[21] !== showRetryCta ? (t11 = showRetryCta ? {
     text: "Retry",
     onClick: handleRetry
-  } : void 0, $[16] = handleRetry, $[17] = showRetryCta, $[18] = t7) : t7 = $[18];
-  let t8;
-  return $[19] !== authErrorMessage || $[20] !== t6 || $[21] !== t7 ? (t8 = /* @__PURE__ */ jsx(Error$1, { heading: t6, description: authErrorMessage, cta: t7 }), $[19] = authErrorMessage, $[20] = t6, $[21] = t7, $[22] = t8) : t8 = $[22], t8;
+  } : void 0, $[20] = handleRetry, $[21] = showRetryCta, $[22] = t11) : t11 = $[22];
+  let t12;
+  $[23] !== authErrorMessage || $[24] !== t10 || $[25] !== t11 ? (t12 = /* @__PURE__ */ jsx(Error$1, { heading: t10, description: authErrorMessage, cta: t11 }), $[23] = authErrorMessage, $[24] = t10, $[25] = t11, $[26] = t12) : t12 = $[26];
+  let t13;
+  return $[27] !== t12 || $[28] !== t9 ? (t13 = /* @__PURE__ */ jsxs(Fragment, { children: [
+    t9,
+    t12
+  ] }), $[27] = t12, $[28] = t9, $[29] = t13) : t13 = $[29], t13;
 }
 if (isInIframe() && !document.querySelector("[data-sanity-core]")) {
   const parsedUrl = new URL(window.location.href), mode = new URLSearchParams(parsedUrl.hash.slice(1)).get("mode"), script = document.createElement("script");
@@ -366,7 +445,7 @@ function AuthBoundary(t0) {
   const LoginErrorComponent = t1 === void 0 ? LoginError : t1;
   let t2, t3;
   $[3] !== LoginErrorComponent ? (t3 = function(fallbackProps) {
-    return fallbackProps.error instanceof CorsOriginError ? /* @__PURE__ */ jsx(CorsErrorComponent, { ...fallbackProps, projectId: getCorsErrorProjectId(fallbackProps.error) }) : /* @__PURE__ */ jsx(LoginErrorComponent, { ...fallbackProps });
+    return isImportError(fallbackProps.error) ? /* @__PURE__ */ jsx(ChunkLoadError, { ...fallbackProps }) : fallbackProps.error instanceof CorsOriginError ? /* @__PURE__ */ jsx(CorsErrorComponent, { ...fallbackProps, projectId: getCorsErrorProjectId(fallbackProps.error) }) : /* @__PURE__ */ jsx(LoginErrorComponent, { ...fallbackProps });
   }, $[3] = LoginErrorComponent, $[4] = t3) : t3 = $[4], t2 = t3;
   const FallbackComponent = t2;
   let t4;
@@ -412,37 +491,48 @@ function AuthSwitch(t0) {
 }
 const SDKStudioContext = createContext(null);
 SDKStudioContext.displayName = "SDKStudioContext";
-const DEFAULT_FALLBACK = /* @__PURE__ */ jsx(Fragment, { children: "Warning: No fallback provided. Please supply a fallback prop to ensure proper Suspense handling." });
-function ResourceProvider(t0) {
-  const $ = c(16);
-  let children, config, fallback;
-  $[0] !== t0 ? ({
-    children,
+function SanityInstanceProvider(t0) {
+  const $ = c(6), {
+    instance,
     fallback,
-    ...config
-  } = t0, $[0] = t0, $[1] = children, $[2] = config, $[3] = fallback) : (children = $[1], config = $[2], fallback = $[3]);
-  const parent = useContext(SanityInstanceContext);
-  let t1, t2;
-  $[4] !== config || $[5] !== parent ? (t2 = parent ? parent.createChild(config) : createSanityInstance(config), $[4] = config, $[5] = parent, $[6] = t2) : t2 = $[6], t1 = t2;
-  const instance = t1, disposal = useRef(null);
-  let t3, t4;
-  $[7] !== instance ? (t3 = () => (disposal.current !== null && instance === disposal.current.instance && (clearTimeout(disposal.current.timeoutId), disposal.current = null), () => {
+    children
+  } = t0;
+  let t1;
+  $[0] !== children || $[1] !== fallback ? (t1 = /* @__PURE__ */ jsx(Suspense, { fallback, children }), $[0] = children, $[1] = fallback, $[2] = t1) : t1 = $[2];
+  let t2;
+  return $[3] !== instance || $[4] !== t1 ? (t2 = /* @__PURE__ */ jsx(SanityInstanceContext.Provider, { value: instance, children: t1 }), $[3] = instance, $[4] = t1, $[5] = t2) : t2 = $[5], t2;
+}
+const DEFAULT_FALLBACK = /* @__PURE__ */ jsx(Fragment, { children: "Warning: No fallback provided. Please supply a fallback prop to ensure proper Suspense handling." });
+function ResourceProvider({
+  children,
+  fallback,
+  ...config
+}) {
+  const parent = useContext(SanityInstanceContext), instance = useMemo(() => parent ? parent.createChild(config) : createSanityInstance(config), [config, parent]), projectId = config.projectId ?? "";
+  useMemo(() => {
+    projectId && !parent && initTelemetry(instance, projectId);
+  }, [instance, projectId, parent]);
+  const disposal = useRef(null);
+  return useEffect(() => (disposal.current !== null && instance === disposal.current.instance && (clearTimeout(disposal.current.timeoutId), disposal.current = null), () => {
     disposal.current = {
       instance,
       timeoutId: setTimeout(() => {
         instance.isDisposed() || instance.dispose();
       }, 0)
     };
-  }), t4 = [instance], $[7] = instance, $[8] = t3, $[9] = t4) : (t3 = $[8], t4 = $[9]), useEffect(t3, t4);
-  const t5 = fallback ?? DEFAULT_FALLBACK;
-  let t6;
-  $[10] !== children || $[11] !== t5 ? (t6 = /* @__PURE__ */ jsx(Suspense, { fallback: t5, children }), $[10] = children, $[11] = t5, $[12] = t6) : t6 = $[12];
-  let t7;
-  return $[13] !== instance || $[14] !== t6 ? (t7 = /* @__PURE__ */ jsx(SanityInstanceContext.Provider, { value: instance, children: t6 }), $[13] = instance, $[14] = t6, $[15] = t7) : t7 = $[15], t7;
+  }), [instance]), /* @__PURE__ */ jsx(SanityInstanceProvider, { instance, fallback: fallback ?? DEFAULT_FALLBACK, children });
+}
+const ResourcesContext = createContext({});
+function ResetChunkReloadFlagOnMount() {
+  const $ = c(1);
+  let t0;
+  return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = [], $[0] = t0) : t0 = $[0], useEffect(_temp$5, t0), null;
+}
+function _temp$5() {
+  clearChunkReloadFlag();
 }
-const SourcesContext = createContext({});
 function SDKProvider(t0) {
-  const $ = c(19);
+  const $ = c(20);
   let children, config, fallback, props;
   $[0] !== t0 ? ({
     children,
@@ -453,31 +543,44 @@ function SDKProvider(t0) {
   let t1;
   $[5] !== config ? (t1 = Array.isArray(config) ? config : [config], $[5] = config, $[6] = t1) : t1 = $[6];
   let configs, t2;
-  $[7] !== t1 ? (configs = t1.slice().reverse(), t2 = configs.map(_temp$5).filter(_temp2$1), $[7] = t1, $[8] = configs, $[9] = t2) : (configs = $[8], t2 = $[9]);
+  $[7] !== t1 ? (configs = t1.slice().reverse(), t2 = configs.map(_temp2$1).filter(_temp3$1), $[7] = t1, $[8] = configs, $[9] = t2) : (configs = $[8], t2 = $[9]);
   const projectIds = t2;
   let t3, t4;
-  $[10] !== props.sources ? (t4 = props.sources ?? {}, $[10] = props.sources, $[11] = t4) : t4 = $[11], t3 = t4;
-  const sourcesValue = t3;
+  $[10] !== props.resources ? (t4 = props.resources ?? {}, $[10] = props.resources, $[11] = t4) : t4 = $[11], t3 = t4;
+  const resourcesValue = t3;
   let t5;
-  if ($[12] !== children || $[13] !== configs || $[14] !== fallback || $[15] !== projectIds || $[16] !== props || $[17] !== sourcesValue) {
-    const createNestedProviders = (index) => index >= configs.length ? /* @__PURE__ */ jsx(AuthBoundary, { ...props, projectIds, children: /* @__PURE__ */ jsx(SourcesContext.Provider, { value: sourcesValue, children }) }) : /* @__PURE__ */ jsx(ResourceProvider, { ...configs[index], fallback, children: createNestedProviders(index + 1) });
-    t5 = createNestedProviders(0), $[12] = children, $[13] = configs, $[14] = fallback, $[15] = projectIds, $[16] = props, $[17] = sourcesValue, $[18] = t5;
+  if ($[12] !== children || $[13] !== configs || $[14] !== fallback || $[15] !== projectIds || $[16] !== props || $[17] !== resourcesValue) {
+    const createNestedProviders = (index) => index >= configs.length ? /* @__PURE__ */ jsx(AuthBoundary, { ...props, projectIds, children: /* @__PURE__ */ jsx(ResourcesContext.Provider, { value: resourcesValue, children }) }) : /* @__PURE__ */ jsx(ResourceProvider, { ...configs[index], fallback, children: createNestedProviders(index + 1) });
+    let t6;
+    $[19] === Symbol.for("react.memo_cache_sentinel") ? (t6 = /* @__PURE__ */ jsx(ResetChunkReloadFlagOnMount, {}), $[19] = t6) : t6 = $[19], t5 = /* @__PURE__ */ jsxs(ErrorBoundary, { FallbackComponent: ChunkAwareFallback, children: [
+      t6,
+      createNestedProviders(0)
+    ] }), $[12] = children, $[13] = configs, $[14] = fallback, $[15] = projectIds, $[16] = props, $[17] = resourcesValue, $[18] = t5;
   } else
     t5 = $[18];
   return t5;
 }
-function _temp2$1(id) {
+function _temp3$1(id) {
   return !!id;
 }
-function _temp$5(c2) {
+function _temp2$1(c2) {
   return c2.projectId;
 }
+function ChunkAwareFallback(fallbackProps) {
+  const $ = c(2);
+  if (isImportError(fallbackProps.error)) {
+    let t0;
+    return $[0] !== fallbackProps ? (t0 = /* @__PURE__ */ jsx(ChunkLoadError, { ...fallbackProps }), $[0] = fallbackProps, $[1] = t0) : t0 = $[1], t0;
+  }
+  throw fallbackProps.error;
+}
 const REDIRECT_URL = "https://sanity.io/welcome";
 function deriveConfigFromWorkspace(workspace) {
   return {
     projectId: workspace.projectId,
     dataset: workspace.dataset,
     studio: {
+      authenticated: workspace.authenticated,
       auth: workspace.auth.token ? {
         token: workspace.auth.token
       } : void 0
@@ -664,33 +767,39 @@ function useDashboardNavigate(navigateFn) {
     }
   }, $[0] = navigateFn, $[1] = t0) : t0 = $[1], useWindowConnection(t0);
 }
-function useNormalizedSourceOptions(options) {
-  const $ = c(6);
-  let rest, sourceName;
-  if ($[0] !== options ? ({
+function normalizeResourceOptions(options, resources) {
+  const {
+    resourceName,
     sourceName,
+    source,
     ...rest
-  } = options, $[0] = options, $[1] = rest, $[2] = sourceName) : (rest = $[1], sourceName = $[2]), sourceName && Object.hasOwn(options, "source"))
-    throw new Error(`Source name ${JSON.stringify(sourceName)} and source ${JSON.stringify(options.source)} cannot be used together.`);
-  const sources = useContext(SourcesContext);
-  let resolvedSource;
-  if (options.source && (resolvedSource = options.source), sourceName && !Object.hasOwn(sources, sourceName))
-    throw new Error(`There's no source named ${JSON.stringify(sourceName)} in context. Please use <SourceProvider>.`);
-  sourceName && sources[sourceName] && (resolvedSource = sources[sourceName]);
-  let t0;
-  return $[3] !== resolvedSource || $[4] !== rest ? (t0 = {
+  } = options, effectiveResourceName = resourceName ?? sourceName, effectiveResource = options.resource ?? source;
+  if (!effectiveResourceName && !effectiveResource)
+    return rest;
+  const hasNameKey = Object.hasOwn(options, "resourceName") || Object.hasOwn(options, "sourceName"), hasResourceKey = Object.hasOwn(options, "resource") || Object.hasOwn(options, "source");
+  if (hasNameKey && hasResourceKey)
+    throw new Error(`Resource name ${JSON.stringify(effectiveResourceName)} and resource ${JSON.stringify(effectiveResource)} cannot be used together.`);
+  let resolvedResource;
+  if (effectiveResource && (resolvedResource = effectiveResource), effectiveResourceName && !Object.hasOwn(resources, effectiveResourceName))
+    throw new Error(`There's no resource named ${JSON.stringify(effectiveResourceName)} in context. Please use <ResourceProvider>.`);
+  return effectiveResourceName && resources[effectiveResourceName] && (resolvedResource = resources[effectiveResourceName]), {
     ...rest,
-    source: resolvedSource
-  }, $[3] = resolvedSource, $[4] = rest, $[5] = t0) : t0 = $[5], t0;
+    resource: resolvedResource
+  };
+}
+function useNormalizedResourceOptions(options) {
+  const $ = c(3), resources = useContext(ResourcesContext);
+  let t0;
+  return $[0] !== options || $[1] !== resources ? (t0 = normalizeResourceOptions(options, resources), $[0] = options, $[1] = resources, $[2] = t0) : t0 = $[2], t0;
 }
 function useResourceIdFromDocumentHandle(documentHandle) {
-  const $ = c(3), options = useNormalizedSourceOptions(documentHandle), {
+  const $ = c(3), options = useNormalizedResourceOptions(documentHandle), {
     projectId,
     dataset,
-    source
+    resource
   } = options;
   let resourceId = "", resourceType;
-  projectId && dataset && (resourceId = `${projectId}.${dataset}`), source && (isDatasetSource(source) ? (resourceId = `${source.projectId}.${source.dataset}`, resourceType = void 0) : isMediaLibrarySource(source) ? (resourceId = source.mediaLibraryId, resourceType = "media-library") : isCanvasSource(source) && (resourceId = source.canvasId, resourceType = "canvas"));
+  projectId && dataset && (resourceId = `${projectId}.${dataset}`), resource && (isDatasetResource(resource) ? (resourceId = `${resource.projectId}.${resource.dataset}`, resourceType = void 0) : isMediaLibraryResource(resource) ? (resourceId = resource.mediaLibraryId, resourceType = "media-library") : isCanvasResource(resource) && (resourceId = resource.canvasId, resourceType = "canvas"));
   let t0;
   return $[0] !== resourceId || $[1] !== resourceType ? (t0 = {
     id: resourceId,
@@ -715,7 +824,7 @@ function useDispatchIntent(params) {
         if (!action && !intentId)
           throw new Error("useDispatchIntent: Either `action` or `intentId` must be provided.");
         if (action && intentId && console.warn("useDispatchIntent: Both `action` and `intentId` were provided. Using `intentId` and ignoring `action`."), !resource.id)
-          throw new Error("useDispatchIntent: Unable to determine resource. Either `source`, `sourceName`, or both `projectId` and `dataset` must be provided in documentHandle.");
+          throw new Error("useDispatchIntent: Unable to determine resource. Either `resource`, `resourceName`, or both `projectId` and `dataset` must be provided in documentHandle.");
         const message = {
           type: "dashboard/v1/events/intents/dispatch-intent",
           data: {
@@ -951,6 +1060,50 @@ function useRecordDocumentHistoryEvent(t0) {
     recordEvent
   }, $[8] = recordEvent, $[9] = t3) : t3 = $[9], t3;
 }
+function resolveAppTitle(resource) {
+  return resource.manifest?.title ?? resource.activeDeployment?.manifest?.title ?? resource.title;
+}
+function useWindowTitle(viewTitle) {
+  const $ = c(8), [appTitle, setAppTitle] = useState(null);
+  let t0;
+  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
+    name: SDK_NODE_NAME,
+    connectTo: SDK_CHANNEL_NAME
+  }, $[0] = t0) : t0 = $[0];
+  const {
+    fetch
+  } = useWindowConnection(t0);
+  let t1, t2;
+  $[1] !== fetch ? (t1 = () => {
+    if (!fetch)
+      return;
+    const controller = new AbortController();
+    return (async function(signal) {
+      try {
+        const data = await fetch("dashboard/v1/context", void 0, {
+          signal
+        }), title = resolveAppTitle(data.context.resource);
+        title && setAppTitle(title);
+      } catch (t32) {
+        const err = t32;
+        if (err instanceof Error && err.name === "AbortError")
+          return;
+        console.error("Failed to fetch app title from dashboard context:", err);
+      }
+    })(controller.signal), () => {
+      controller.abort();
+    };
+  }, t2 = [fetch], $[1] = fetch, $[2] = t1, $[3] = t2) : (t1 = $[2], t2 = $[3]), useEffect(t1, t2);
+  let t3, t4;
+  $[4] !== appTitle || $[5] !== viewTitle ? (t3 = () => {
+    if (!appTitle)
+      return;
+    const previous = document.title;
+    return document.title = viewTitle ? `${viewTitle} | ${appTitle}` : appTitle, () => {
+      document.title = previous;
+    };
+  }, t4 = [viewTitle, appTitle], $[4] = appTitle, $[5] = viewTitle, $[6] = t3, $[7] = t4) : (t3 = $[6], t4 = $[7]), useEffect(t3, t4);
+}
 const useDatasets = createStateSourceHook({
   getState: getDatasetsState,
   shouldSuspend: (instance, projectHandle) => (
@@ -960,18 +1113,27 @@ const useDatasets = createStateSourceHook({
   suspender: resolveDatasets,
   getConfig: identity
 }), useApplyDocumentActions = () => {
-  const $ = c(2), instance = useSanityInstance();
+  const $ = c(3), instance = useSanityInstance(), resources = useContext(ResourcesContext);
   let t0;
-  return $[0] !== instance ? (t0 = (actionOrActions, options) => {
-    const actions = Array.isArray(actionOrActions) ? actionOrActions : [actionOrActions];
-    let projectId, dataset;
-    for (const action of actions)
+  return $[0] !== instance || $[1] !== resources ? (t0 = (actionOrActions, options) => {
+    const actions = Array.isArray(actionOrActions) ? actionOrActions : [actionOrActions], normalizedOptions = options ? normalizeResourceOptions(options, resources) : void 0;
+    let projectId, dataset, resource;
+    for (const action of actions) {
       if (action.projectId) {
+        if (resource)
+          throw new Error(`Mismatches between projectId/dataset options and resource in actions. Found projectId "${action.projectId}" and dataset "${action.dataset}" but expected resource "${resource}".`);
         if (projectId || (projectId = action.projectId), action.projectId !== projectId)
           throw new Error(`Mismatched project IDs found in actions. All actions must belong to the same project. Found "${action.projectId}" but expected "${projectId}".`);
         if (action.dataset && (dataset || (dataset = action.dataset), action.dataset !== dataset))
           throw new Error(`Mismatched datasets found in actions. All actions must belong to the same dataset. Found "${action.dataset}" but expected "${dataset}".`);
       }
+      if (action.resource) {
+        if (resource || (resource = action.resource), action.resource !== resource)
+          throw new Error(`Mismatched resources found in actions. All actions must belong to the same resource. Found "${action.resource}" but expected "${resource}".`);
+        if (projectId || dataset)
+          throw new Error(`Mismatches between projectId/dataset options and resource in actions. Found "${action.resource}" but expected project "${projectId}" and dataset "${dataset}".`);
+      }
+    }
     if (projectId || dataset) {
       const actualInstance = instance.match({
         projectId,
@@ -985,15 +1147,25 @@ const useDatasets = createStateSourceHook({
   Please ensure there is a ResourceProvider component with a matching configuration in the component hierarchy.`);
       return applyDocumentActions(actualInstance, {
         actions,
-        ...options
+        resource,
+        ...normalizedOptions
       });
     }
     return applyDocumentActions(instance, {
       actions,
-      ...options
+      resource,
+      ...normalizedOptions
     });
-  }, $[0] = instance, $[1] = t0) : t0 = $[1], t0;
-}, useDocumentValue = createStateSourceHook({
+  }, $[0] = instance, $[1] = resources, $[2] = t0) : t0 = $[2], t0;
+};
+function useTrackHookUsage(hookName) {
+  const instance = useSanityInstance(), tracked = useRef(null);
+  tracked.current === null && (tracked.current = !0, trackHookMounted(instance, hookName));
+}
+function trackHookUsage(instance, hookName) {
+  trackHookMounted(instance, hookName);
+}
+const useDocumentValue = createStateSourceHook({
   // Pass options directly to getDocumentState
   getState: (instance, options) => getDocumentState(instance, options),
   // Pass options directly to getDocumentState for checking current value
@@ -1011,14 +1183,20 @@ const useDatasets = createStateSourceHook({
     };
   }
   return useHook;
-}, useDocument = wrapHookWithData(useDocumentValue);
+}, useDocument = wrapHookWithData((options) => {
+  useTrackHookUsage("useDocument");
+  const normalizedOptions = useNormalizedResourceOptions(options);
+  return useDocumentValue(normalizedOptions);
+});
 function useDocumentEvent(options) {
-  const $ = c(9);
+  const $ = c(10);
+  useTrackHookUsage("useDocumentEvent");
+  const normalizedOptions = useNormalizedResourceOptions(options);
   let datasetHandle, onEvent;
-  $[0] !== options ? ({
+  $[0] !== normalizedOptions ? ({
     onEvent,
     ...datasetHandle
-  } = options, $[0] = options, $[1] = datasetHandle, $[2] = onEvent) : (datasetHandle = $[1], onEvent = $[2]);
+  } = normalizedOptions, $[0] = normalizedOptions, $[1] = datasetHandle, $[2] = onEvent) : (datasetHandle = $[1], onEvent = $[2]);
   const ref = useRef(onEvent);
   let t0;
   $[3] !== onEvent ? (t0 = () => {
@@ -1028,41 +1206,53 @@ function useDocumentEvent(options) {
   $[5] === Symbol.for("react.memo_cache_sentinel") ? (t1 = (documentEvent) => ref.current(documentEvent), $[5] = t1) : t1 = $[5];
   const stableHandler = t1, instance = useSanityInstance(datasetHandle);
   let t2, t3;
-  $[6] !== instance ? (t2 = () => subscribeDocumentEvents(instance, stableHandler), t3 = [instance, stableHandler], $[6] = instance, $[7] = t2, $[8] = t3) : (t2 = $[7], t3 = $[8]), useEffect(t2, t3);
+  $[6] !== datasetHandle.resource || $[7] !== instance ? (t2 = () => subscribeDocumentEvents(instance, {
+    eventHandler: stableHandler,
+    resource: datasetHandle.resource
+  }), t3 = [instance, datasetHandle.resource, stableHandler], $[6] = datasetHandle.resource, $[7] = instance, $[8] = t2, $[9] = t3) : (t2 = $[8], t3 = $[9]), useEffect(t2, t3);
 }
 function useDocumentPermissions(actionOrActions) {
-  const $ = c(13);
+  const $ = c(15);
   let t0, t1;
   $[0] !== actionOrActions ? (t1 = Array.isArray(actionOrActions) ? actionOrActions : [actionOrActions], $[0] = actionOrActions, $[1] = t1) : t1 = $[1], t0 = t1;
   const actions = t0;
-  let projectId, dataset;
-  if ($[2] !== actions || $[3] !== dataset || $[4] !== projectId) {
-    for (const action of actions)
+  let projectId, dataset, resource;
+  if ($[2] !== actions || $[3] !== dataset || $[4] !== projectId || $[5] !== resource) {
+    for (const action of actions) {
       if (action.projectId) {
+        if (resource)
+          throw new Error(`Mismatches between projectId/dataset options and resource in actions. Found projectId "${action.projectId}" and dataset "${action.dataset}" but expected resource "${resource}".`);
         if (projectId || (projectId = action.projectId), action.projectId !== projectId)
           throw new Error(`Mismatched project IDs found in actions. All actions must belong to the same project. Found "${action.projectId}" but expected "${projectId}".`);
         if (action.dataset && (dataset || (dataset = action.dataset), action.dataset !== dataset))
           throw new Error(`Mismatched datasets found in actions. All actions must belong to the same dataset. Found "${action.dataset}" but expected "${dataset}".`);
       }
-    $[2] = actions, $[3] = dataset, $[4] = projectId, $[5] = projectId, $[6] = dataset;
+      if (action.resource) {
+        if (resource || (resource = action.resource), action.resource !== resource)
+          throw new Error(`Mismatched resources found in actions. All actions must belong to the same resource. Found "${action.resource}" but expected "${resource}".`);
+        if (projectId || dataset)
+          throw new Error(`Mismatches between projectId/dataset options and resource in actions. Found "${action.resource}" but expected project "${projectId}" and dataset "${dataset}".`);
+      }
+    }
+    $[2] = actions, $[3] = dataset, $[4] = projectId, $[5] = resource, $[6] = projectId, $[7] = dataset, $[8] = resource;
   } else
-    projectId = $[5], dataset = $[6];
+    projectId = $[6], dataset = $[7], resource = $[8];
   let t2;
-  $[7] !== dataset || $[8] !== projectId ? (t2 = {
+  $[9] !== dataset || $[10] !== projectId ? (t2 = {
     projectId,
     dataset
-  }, $[7] = dataset, $[8] = projectId, $[9] = t2) : t2 = $[9];
+  }, $[9] = dataset, $[10] = projectId, $[11] = t2) : t2 = $[11];
   const instance = useSanityInstance(t2);
-  if (getPermissionsState(instance, {
+  if (trackHookUsage(instance, "useDocumentPermissions"), getPermissionsState(instance, {
     actions
   }).getCurrent() === void 0)
     throw firstValueFrom(getPermissionsState(instance, {
       actions
     }).observable.pipe(filter(_temp$2)));
   let t3, t4;
-  $[10] !== actions || $[11] !== instance ? (t4 = getPermissionsState(instance, {
+  $[12] !== actions || $[13] !== instance ? (t4 = getPermissionsState(instance, {
     actions
-  }), $[10] = actions, $[11] = instance, $[12] = t4) : t4 = $[12], t3 = t4;
+  }), $[12] = actions, $[13] = instance, $[14] = t4) : t4 = $[14], t3 = t4;
   const {
     subscribe,
     getCurrent
@@ -1072,12 +1262,15 @@ function useDocumentPermissions(actionOrActions) {
 function _temp$2(result) {
   return result !== void 0;
 }
-const useDocumentSyncStatus = createStateSourceHook({
+const useDocumentSyncStatusValue = createStateSourceHook({
   getState: getDocumentSyncStatus,
   shouldSuspend: (instance, doc) => getDocumentSyncStatus(instance, doc).getCurrent() === void 0,
   suspender: (instance, doc) => resolveDocument(instance, doc),
   getConfig: identity
-}), ignoredKeys = ["_id", "_type", "_createdAt", "_updatedAt", "_rev"];
+}), useDocumentSyncStatus = (options) => {
+  const normalizedOptions = useNormalizedResourceOptions(options);
+  return useDocumentSyncStatusValue(normalizedOptions);
+}, ignoredKeys = ["_id", "_type", "_createdAt", "_updatedAt", "_rev"];
 function useEditDocument(t0) {
   const $ = c(8);
   let doc, path;
@@ -1085,25 +1278,27 @@ function useEditDocument(t0) {
     path,
     ...doc
   } = t0, $[0] = t0, $[1] = doc, $[2] = path) : (doc = $[1], path = $[2]);
-  const instance = useSanityInstance(doc), apply = useApplyDocumentActions();
-  if (getDocumentState(instance, doc).getCurrent() === void 0)
-    throw resolveDocument(instance, doc);
+  const instance = useSanityInstance(doc);
+  trackHookUsage(instance, "useEditDocument");
+  const normalizedDoc = useNormalizedResourceOptions(doc), apply = useApplyDocumentActions();
+  if (getDocumentState(instance, normalizedDoc).getCurrent() === void 0)
+    throw resolveDocument(instance, normalizedDoc);
   let t1;
-  return $[3] !== apply || $[4] !== doc || $[5] !== instance || $[6] !== path ? (t1 = (updater) => {
+  return $[3] !== apply || $[4] !== instance || $[5] !== normalizedDoc || $[6] !== path ? (t1 = (updater) => {
     const currentPath = path;
     if (currentPath) {
       const currentValue = getDocumentState(instance, {
-        ...doc,
+        ...normalizedDoc,
         path
       }).getCurrent(), nextValue = typeof updater == "function" ? updater(currentValue) : updater;
-      return apply(editDocument(doc, {
+      return apply(editDocument(normalizedDoc, {
         set: {
           [currentPath]: nextValue
         }
       }));
     }
     const current = getDocumentState(instance, {
-      ...doc,
+      ...normalizedDoc,
       path
     }).getCurrent(), nextValue_0 = typeof updater == "function" ? updater(current) : updater;
     if (typeof nextValue_0 != "object" || !nextValue_0)
@@ -1111,21 +1306,23 @@ function useEditDocument(t0) {
     const editActions = Object.keys({
       ...current,
       ...nextValue_0
-    }).filter(_temp$1).filter((key_0) => current?.[key_0] !== nextValue_0[key_0]).map((key_1) => key_1 in nextValue_0 ? editDocument(doc, {
+    }).filter(_temp$1).filter((key_0) => current?.[key_0] !== nextValue_0[key_0]).map((key_1) => key_1 in nextValue_0 ? editDocument(normalizedDoc, {
       set: {
         [key_1]: nextValue_0[key_1]
       }
-    }) : editDocument(doc, {
+    }) : editDocument(normalizedDoc, {
       unset: [key_1]
     }));
     return apply(editActions);
-  }, $[3] = apply, $[4] = doc, $[5] = instance, $[6] = path, $[7] = t1) : t1 = $[7], t1;
+  }, $[3] = apply, $[4] = instance, $[5] = normalizedDoc, $[6] = path, $[7] = t1) : t1 = $[7], t1;
 }
 function _temp$1(key) {
   return !ignoredKeys.includes(key);
 }
 function useQuery(options) {
-  const instance = useSanityInstance(options), normalized = useNormalizedSourceOptions(options), [isPending, startTransition] = useTransition(), queryKey = getQueryKey(normalized), [deferredQueryKey, setDeferredQueryKey] = useState(queryKey), ref = useRef(new AbortController());
+  const instance = useSanityInstance(options);
+  trackHookUsage(instance, "useQuery");
+  const normalized = useNormalizedResourceOptions(options), [isPending, startTransition] = useTransition(), queryKey = getQueryKey(normalized), [deferredQueryKey, setDeferredQueryKey] = useState(queryKey), ref = useRef(new AbortController());
   useEffect(() => {
     queryKey !== deferredQueryKey && startTransition(() => {
       ref && !ref.current.signal.aborted && (ref.current.abort(), ref.current = new AbortController()), setDeferredQueryKey(queryKey);
@@ -1161,6 +1358,7 @@ function useDocuments({
   documentType,
   ...options
 }) {
+  useTrackHookUsage("useDocuments");
   const instance = useSanityInstance(options), [limit, setLimit] = useState(batchSize), documentTypes = useMemo(() => (Array.isArray(documentType) ? documentType : [documentType]).filter((i) => typeof i == "string"), [documentType]), key = JSON.stringify({
     filter: filter2,
     search,
@@ -1169,10 +1367,8 @@ function useDocuments({
     batchSize,
     types: documentTypes,
     ...options
-  });
-  useEffect(() => {
-    setLimit(batchSize);
-  }, [key, batchSize]);
+  }), [prevKey, setPrevKey] = useState(key);
+  prevKey !== key && (setPrevKey(key), setLimit(batchSize));
   const filterClause = useMemo(() => {
     const conditions = [], trimmedSearch = search?.trim();
     if (trimmedSearch) {
@@ -1191,9 +1387,11 @@ function useDocuments({
     query: `{"count":${countQuery},"data":${dataQuery}}`,
     params: {
       ...params,
+      // these are passed back to the user as part of each document handle
       __handle: {
-        ...pick(instance.config, "projectId", "dataset", "perspective"),
-        ...pick(options, "projectId", "dataset", "perspective")
+        projectId: options.projectId ?? instance.config.projectId,
+        dataset: options.dataset ?? instance.config.dataset,
+        perspective: options.perspective ?? instance.config.perspective
       },
       __types: documentTypes
     }
@@ -1209,7 +1407,7 @@ function useDocuments({
   }), [count, data, hasMore, isPending, loadMore]);
 }
 function usePaginatedDocuments(t0) {
-  const $ = c(62);
+  const $ = c(56);
   let documentType, options, orderings, search, t1, t2, t3;
   $[0] !== t0 ? ({
     documentType,
@@ -1223,7 +1421,9 @@ function usePaginatedDocuments(t0) {
   const filter2 = t1 === void 0 ? "" : t1, pageSize = t2 === void 0 ? 25 : t2;
   let t4;
   $[8] !== t3 ? (t4 = t3 === void 0 ? {} : t3, $[8] = t3, $[9] = t4) : t4 = $[9];
-  const params = t4, instance = useSanityInstance(options), [pageIndex, setPageIndex] = useState(0);
+  const params = t4;
+  useTrackHookUsage("usePaginatedDocuments");
+  const instance = useSanityInstance(options), [pageIndex, setPageIndex] = useState(0);
   let t5;
   $[10] !== filter2 || $[11] !== orderings || $[12] !== pageSize || $[13] !== params || $[14] !== search ? (t5 = JSON.stringify({
     filter: filter2,
@@ -1232,74 +1432,66 @@ function usePaginatedDocuments(t0) {
     orderings,
     pageSize
   }), $[10] = filter2, $[11] = orderings, $[12] = pageSize, $[13] = params, $[14] = search, $[15] = t5) : t5 = $[15];
-  const key = t5;
+  const key = t5, [prevKey, setPrevKey] = useState(key);
+  prevKey !== key && (setPrevKey(key), setPageIndex(0));
+  const startIndex = pageIndex * pageSize, endIndex = (pageIndex + 1) * pageSize;
   let t6;
-  $[16] === Symbol.for("react.memo_cache_sentinel") ? (t6 = () => {
-    setPageIndex(0);
-  }, $[16] = t6) : t6 = $[16];
+  $[16] !== documentType ? (t6 = Array.isArray(documentType) ? documentType : [documentType], $[16] = documentType, $[17] = t6) : t6 = $[17];
   let t7;
-  $[17] !== key ? (t7 = [key], $[17] = key, $[18] = t7) : t7 = $[18], useEffect(t6, t7);
-  const startIndex = pageIndex * pageSize, endIndex = (pageIndex + 1) * pageSize;
+  $[18] !== t6 ? (t7 = t6.filter(_temp), $[18] = t6, $[19] = t7) : t7 = $[19];
+  const documentTypes = t7;
   let t8;
-  $[19] !== documentType ? (t8 = Array.isArray(documentType) ? documentType : [documentType], $[19] = documentType, $[20] = t8) : t8 = $[20];
-  let t9;
-  $[21] !== t8 ? (t9 = t8.filter(_temp), $[21] = t8, $[22] = t9) : t9 = $[22];
-  const documentTypes = t9;
-  let t10;
   const conditions = [], trimmedSearch = search?.trim();
   if (trimmedSearch) {
     const searchFilter = createGroqSearchFilter(trimmedSearch);
     searchFilter && conditions.push(searchFilter);
   }
-  documentTypes?.length && conditions.push("(_type in $__types)"), filter2 && conditions.push(`(${filter2})`), t10 = conditions.length ? `[${conditions.join(" && ")}]` : "";
-  const filterClause = t10, orderClause = orderings ? `| order(${orderings.map(_temp3).join(",")})` : "", dataQuery = `*${filterClause}${orderClause}[${startIndex}...${endIndex}]{"documentId":_id,"documentType":_type,...$__handle}`, countQuery = `count(*${filterClause})`, t11 = `{"data":${dataQuery},"count":${countQuery}}`;
-  let t12;
-  $[23] !== instance.config ? (t12 = pick(instance.config, "projectId", "dataset", "perspective"), $[23] = instance.config, $[24] = t12) : t12 = $[24];
+  documentTypes?.length && conditions.push("(_type in $__types)"), filter2 && conditions.push(`(${filter2})`), t8 = conditions.length ? `[${conditions.join(" && ")}]` : "";
+  const filterClause = t8, orderClause = orderings ? `| order(${orderings.map(_temp3).join(",")})` : "", dataQuery = `*${filterClause}${orderClause}[${startIndex}...${endIndex}]{"documentId":_id,"documentType":_type,...$__handle}`, countQuery = `count(*${filterClause})`, t9 = `{"data":${dataQuery},"count":${countQuery}}`, t10 = options.projectId ?? instance.config.projectId, t11 = options.dataset ?? instance.config.dataset, t12 = options.perspective ?? instance.config.perspective;
   let t13;
-  $[25] !== options ? (t13 = pick(options, "projectId", "dataset", "perspective"), $[25] = options, $[26] = t13) : t13 = $[26];
+  $[20] !== t10 || $[21] !== t11 || $[22] !== t12 ? (t13 = {
+    projectId: t10,
+    dataset: t11,
+    perspective: t12
+  }, $[20] = t10, $[21] = t11, $[22] = t12, $[23] = t13) : t13 = $[23];
   let t14;
-  $[27] !== t12 || $[28] !== t13 ? (t14 = {
-    ...t12,
-    ...t13
-  }, $[27] = t12, $[28] = t13, $[29] = t14) : t14 = $[29];
-  let t15;
-  $[30] !== documentTypes || $[31] !== params || $[32] !== t14 ? (t15 = {
+  $[24] !== documentTypes || $[25] !== params || $[26] !== t13 ? (t14 = {
     ...params,
     __types: documentTypes,
-    __handle: t14
-  }, $[30] = documentTypes, $[31] = params, $[32] = t14, $[33] = t15) : t15 = $[33];
-  let t16;
-  $[34] !== options || $[35] !== t11 || $[36] !== t15 ? (t16 = {
+    __handle: t13
+  }, $[24] = documentTypes, $[25] = params, $[26] = t13, $[27] = t14) : t14 = $[27];
+  let t15;
+  $[28] !== options || $[29] !== t14 || $[30] !== t9 ? (t15 = {
     ...options,
-    query: t11,
-    params: t15
-  }, $[34] = options, $[35] = t11, $[36] = t15, $[37] = t16) : t16 = $[37];
+    query: t9,
+    params: t14
+  }, $[28] = options, $[29] = t14, $[30] = t9, $[31] = t15) : t15 = $[31];
   const {
-    data: t17,
+    data: t16,
     isPending
-  } = useQuery(t16), {
+  } = useQuery(t15), {
     data,
     count
-  } = t17, totalPages = Math.ceil(count / pageSize), currentPage = pageIndex + 1;
+  } = t16, totalPages = Math.ceil(count / pageSize), currentPage = pageIndex + 1;
+  let t17;
+  $[32] === Symbol.for("react.memo_cache_sentinel") ? (t17 = () => setPageIndex(0), $[32] = t17) : t17 = $[32];
+  const firstPage = t17;
   let t18;
-  $[38] === Symbol.for("react.memo_cache_sentinel") ? (t18 = () => setPageIndex(0), $[38] = t18) : t18 = $[38];
-  const firstPage = t18;
+  $[33] === Symbol.for("react.memo_cache_sentinel") ? (t18 = () => setPageIndex(_temp4), $[33] = t18) : t18 = $[33];
+  const previousPage = t18;
   let t19;
-  $[39] === Symbol.for("react.memo_cache_sentinel") ? (t19 = () => setPageIndex(_temp4), $[39] = t19) : t19 = $[39];
-  const previousPage = t19;
+  $[34] !== totalPages ? (t19 = () => setPageIndex((prev_0) => Math.min(prev_0 + 1, totalPages - 1)), $[34] = totalPages, $[35] = t19) : t19 = $[35];
+  const nextPage = t19;
   let t20;
-  $[40] !== totalPages ? (t20 = () => setPageIndex((prev_0) => Math.min(prev_0 + 1, totalPages - 1)), $[40] = totalPages, $[41] = t20) : t20 = $[41];
-  const nextPage = t20;
+  $[36] !== totalPages ? (t20 = () => setPageIndex(totalPages - 1), $[36] = totalPages, $[37] = t20) : t20 = $[37];
+  const lastPage = t20;
   let t21;
-  $[42] !== totalPages ? (t21 = () => setPageIndex(totalPages - 1), $[42] = totalPages, $[43] = t21) : t21 = $[43];
-  const lastPage = t21;
-  let t22;
-  $[44] !== totalPages ? (t22 = (pageNumber) => {
+  $[38] !== totalPages ? (t21 = (pageNumber) => {
     pageNumber < 1 || pageNumber > totalPages || setPageIndex(pageNumber - 1);
-  }, $[44] = totalPages, $[45] = t22) : t22 = $[45];
-  const goToPage = t22, hasFirstPage = pageIndex > 0, hasPreviousPage = pageIndex > 0, hasNextPage = pageIndex < totalPages - 1, hasLastPage = pageIndex < totalPages - 1;
-  let t23;
-  return $[46] !== count || $[47] !== currentPage || $[48] !== data || $[49] !== endIndex || $[50] !== goToPage || $[51] !== hasFirstPage || $[52] !== hasLastPage || $[53] !== hasNextPage || $[54] !== hasPreviousPage || $[55] !== isPending || $[56] !== lastPage || $[57] !== nextPage || $[58] !== pageSize || $[59] !== startIndex || $[60] !== totalPages ? (t23 = {
+  }, $[38] = totalPages, $[39] = t21) : t21 = $[39];
+  const goToPage = t21, hasFirstPage = pageIndex > 0, hasPreviousPage = pageIndex > 0, hasNextPage = pageIndex < totalPages - 1, hasLastPage = pageIndex < totalPages - 1;
+  let t22;
+  return $[40] !== count || $[41] !== currentPage || $[42] !== data || $[43] !== endIndex || $[44] !== goToPage || $[45] !== hasFirstPage || $[46] !== hasLastPage || $[47] !== hasNextPage || $[48] !== hasPreviousPage || $[49] !== isPending || $[50] !== lastPage || $[51] !== nextPage || $[52] !== pageSize || $[53] !== startIndex || $[54] !== totalPages ? (t22 = {
     data,
     isPending,
     pageSize,
@@ -1317,7 +1509,7 @@ function usePaginatedDocuments(t0) {
     lastPage,
     hasLastPage,
     goToPage
-  }, $[46] = count, $[47] = currentPage, $[48] = data, $[49] = endIndex, $[50] = goToPage, $[51] = hasFirstPage, $[52] = hasLastPage, $[53] = hasNextPage, $[54] = hasPreviousPage, $[55] = isPending, $[56] = lastPage, $[57] = nextPage, $[58] = pageSize, $[59] = startIndex, $[60] = totalPages, $[61] = t23) : t23 = $[61], t23;
+  }, $[40] = count, $[41] = currentPage, $[42] = data, $[43] = endIndex, $[44] = goToPage, $[45] = hasFirstPage, $[46] = hasLastPage, $[47] = hasNextPage, $[48] = hasPreviousPage, $[49] = isPending, $[50] = lastPage, $[51] = nextPage, $[52] = pageSize, $[53] = startIndex, $[54] = totalPages, $[55] = t22) : t22 = $[55], t22;
 }
 function _temp4(prev) {
   return Math.max(prev - 1, 0);
@@ -1331,70 +1523,39 @@ function _temp2(str) {
 function _temp(i) {
   return typeof i == "string";
 }
-function usePresence() {
-  const $ = c(11), sanityInstance = useSanityInstance();
-  let t0, t1;
-  $[0] !== sanityInstance ? (t1 = getPresence(sanityInstance), $[0] = sanityInstance, $[1] = t1) : t1 = $[1], t0 = t1;
-  const source = t0;
-  let t2;
-  $[2] !== source ? (t2 = (callback) => source.subscribe(callback), $[2] = source, $[3] = t2) : t2 = $[3];
-  const subscribe = t2;
-  let t3, t4;
-  $[4] !== source ? (t3 = () => source.getCurrent(), t4 = () => source.getCurrent(), $[4] = source, $[5] = t3, $[6] = t4) : (t3 = $[5], t4 = $[6]);
-  const locations = useSyncExternalStore(subscribe, t3, t4);
-  let t5;
-  $[7] !== locations ? (t5 = locations || [], $[7] = locations, $[8] = t5) : t5 = $[8];
-  let t6;
-  return $[9] !== t5 ? (t6 = {
-    locations: t5
-  }, $[9] = t5, $[10] = t6) : t6 = $[10], t6;
-}
-function useDocumentPreview(t0) {
-  const $ = c(13);
-  let docHandle, ref;
-  $[0] !== t0 ? ({
-    ref,
-    ...docHandle
-  } = t0, $[0] = t0, $[1] = docHandle, $[2] = ref) : (docHandle = $[1], ref = $[2]);
-  const instance = useSanityInstance(docHandle);
+function usePresence(t0) {
+  const $ = c(14);
   let t1;
-  $[3] !== docHandle || $[4] !== instance ? (t1 = getPreviewState(instance, docHandle), $[3] = docHandle, $[4] = instance, $[5] = t1) : t1 = $[5];
-  const stateSource = t1;
-  let t2;
-  $[6] !== ref || $[7] !== stateSource ? (t2 = (onStoreChanged) => {
-    const subscription = new Observable((observer) => {
-      if (typeof IntersectionObserver > "u" || typeof HTMLElement > "u") {
-        observer.next(!0);
-        return;
-      }
-      const intersectionObserver = new IntersectionObserver((t32) => {
-        const [entry] = t32;
-        return observer.next(entry.isIntersecting);
-      }, {
-        rootMargin: "0px",
-        threshold: 0
-      });
-      return ref?.current && ref.current instanceof HTMLElement ? intersectionObserver.observe(ref.current) : observer.next(!0), () => intersectionObserver.disconnect();
-    }).pipe(startWith(!1), distinctUntilChanged(), switchMap((isVisible) => isVisible ? new Observable((obs) => stateSource.subscribe(() => obs.next())) : EMPTY)).subscribe({
-      next: onStoreChanged
-    });
-    return () => subscription.unsubscribe();
-  }, $[6] = ref, $[7] = stateSource, $[8] = t2) : t2 = $[8];
-  const subscribe = t2;
-  let t3;
-  return $[9] !== docHandle || $[10] !== instance || $[11] !== stateSource ? (t3 = () => {
-    const currentState = stateSource.getCurrent();
-    if (currentState.data === null)
-      throw resolvePreview(instance, docHandle);
-    return currentState;
-  }, $[9] = docHandle, $[10] = instance, $[11] = stateSource, $[12] = t3) : t3 = $[12], useSyncExternalStore(subscribe, t3);
+  $[0] !== t0 ? (t1 = t0 === void 0 ? {} : t0, $[0] = t0, $[1] = t1) : t1 = $[1];
+  const normalizedOptions = useNormalizedResourceOptions(t1);
+  if (normalizedOptions.resource && isMediaLibraryResource(normalizedOptions.resource))
+    throw new Error("usePresence() does not support media library resources. Presence tracking requires a canvas or dataset resource.");
+  const sanityInstance = useSanityInstance();
+  trackHookUsage(sanityInstance, "usePresence");
+  let t2, t3;
+  $[2] !== normalizedOptions || $[3] !== sanityInstance ? (t3 = getPresence(sanityInstance, normalizedOptions), $[2] = normalizedOptions, $[3] = sanityInstance, $[4] = t3) : t3 = $[4], t2 = t3;
+  const source = t2;
+  let t4;
+  $[5] !== source ? (t4 = (callback) => source.subscribe(callback), $[5] = source, $[6] = t4) : t4 = $[6];
+  const subscribe = t4;
+  let t5, t6;
+  $[7] !== source ? (t5 = () => source.getCurrent(), t6 = () => source.getCurrent(), $[7] = source, $[8] = t5, $[9] = t6) : (t5 = $[8], t6 = $[9]);
+  const locations = useSyncExternalStore(subscribe, t5, t6);
+  let t7;
+  $[10] !== locations ? (t7 = locations || [], $[10] = locations, $[11] = t7) : t7 = $[11];
+  let t8;
+  return $[12] !== t7 ? (t8 = {
+    locations: t7
+  }, $[12] = t7, $[13] = t8) : t8 = $[13], t8;
 }
 function useDocumentProjection({
   ref,
   projection,
   ...docHandle
 }) {
-  const instance = useSanityInstance(docHandle), normalizedProjection = useMemo(() => projection.trim(), [projection]), normalizedDocHandle = useNormalizedSourceOptions(docHandle), stateSource = useMemo(() => getProjectionState(instance, {
+  const instance = useSanityInstance(docHandle);
+  trackHookUsage(instance, "useDocumentProjection");
+  const normalizedProjection = useMemo(() => projection.trim(), [projection]), normalizedDocHandle = useNormalizedResourceOptions(docHandle), stateSource = useMemo(() => getProjectionState(instance, {
     ...normalizedDocHandle,
     projection: normalizedProjection
   }), [instance, normalizedDocHandle, normalizedProjection]);
@@ -1421,6 +1582,32 @@ function useDocumentProjection({
   }, [stateSource, ref]);
   return useSyncExternalStore(subscribe, stateSource.getCurrent);
 }
+function useDocumentPreview(t0) {
+  const $ = c(13);
+  let docHandle, ref;
+  $[0] !== t0 ? ({
+    ref,
+    ...docHandle
+  } = t0, $[0] = t0, $[1] = docHandle, $[2] = ref) : (docHandle = $[1], ref = $[2]);
+  const instance = useSanityInstance(docHandle);
+  trackHookUsage(instance, "useDocumentPreview");
+  const normalizedDocHandle = useNormalizedResourceOptions(docHandle);
+  let t1;
+  $[3] !== normalizedDocHandle || $[4] !== ref ? (t1 = {
+    ...normalizedDocHandle,
+    projection: PREVIEW_PROJECTION,
+    ref
+  }, $[3] = normalizedDocHandle, $[4] = ref, $[5] = t1) : t1 = $[5];
+  const projectionResult = useDocumentProjection(t1);
+  let t2, t3;
+  $[6] !== instance || $[7] !== normalizedDocHandle.resource || $[8] !== projectionResult.data ? (t3 = transformProjectionToPreview(instance, projectionResult.data, normalizedDocHandle.resource), $[6] = instance, $[7] = normalizedDocHandle.resource, $[8] = projectionResult.data, $[9] = t3) : t3 = $[9], t2 = t3;
+  const previewValue = t2;
+  let t4;
+  return $[10] !== previewValue || $[11] !== projectionResult.isPending ? (t4 = {
+    data: previewValue,
+    isPending: projectionResult.isPending
+  }, $[10] = previewValue, $[11] = projectionResult.isPending, $[12] = t4) : t4 = $[12], t4;
+}
 const useProject = createStateSourceHook({
   // remove `undefined` since we're suspending when that is the case
   getState: getProjectState,
@@ -1431,17 +1618,31 @@ const useProject = createStateSourceHook({
   getState: getProjectsState,
   shouldSuspend: (instance, options) => getProjectsState(instance, options).getCurrent() === void 0,
   suspender: resolveProjects
-}), useActiveReleases = createStateSourceHook({
+}), useActiveReleasesValue = createStateSourceHook({
   getState: getActiveReleasesState,
-  shouldSuspend: (instance) => getActiveReleasesState(instance).getCurrent() === void 0,
-  suspender: (instance) => firstValueFrom(getActiveReleasesState(instance).observable.pipe(filter(Boolean)))
-}), usePerspective = createStateSourceHook({
+  shouldSuspend: (instance, options) => getActiveReleasesState(instance, options ?? {}).getCurrent() === void 0,
+  suspender: (instance, options) => firstValueFrom(getActiveReleasesState(instance, options ?? {}).observable.pipe(filter(Boolean)))
+}), useActiveReleases = (options) => {
+  const $ = c(2);
+  let t0;
+  $[0] !== options ? (t0 = options ?? {}, $[0] = options, $[1] = t0) : t0 = $[1];
+  const normalizedOptions = useNormalizedResourceOptions(t0);
+  return useActiveReleasesValue(normalizedOptions);
+}, usePerspectiveValue = createStateSourceHook({
   getState: getPerspectiveState,
   shouldSuspend: (instance, options) => getPerspectiveState(instance, options).getCurrent() === void 0,
-  suspender: (instance, _options) => firstValueFrom(getActiveReleasesState(instance).observable.pipe(filter(Boolean)))
-});
+  suspender: (instance, _options) => firstValueFrom(getPerspectiveState(instance, _options ?? {}).observable.pipe(filter(Boolean)))
+}), usePerspective = (options) => {
+  const $ = c(2);
+  let t0;
+  $[0] !== options ? (t0 = options ?? {}, $[0] = options, $[1] = t0) : t0 = $[1];
+  const normalizedOptions = useNormalizedResourceOptions(t0);
+  return usePerspectiveValue(normalizedOptions);
+};
 function useUser(options) {
-  const instance = useSanityInstance(options), [isPending, startTransition] = useTransition(), key = getUsersKey(instance, options), [deferredKey, setDeferredKey] = useState(key), deferred = useMemo(() => parseUsersKey(deferredKey), [deferredKey]), [ref, setRef] = useState(new AbortController());
+  const instance = useSanityInstance(options);
+  trackHookUsage(instance, "useUser");
+  const [isPending, startTransition] = useTransition(), key = getUsersKey(instance, options), [deferredKey, setDeferredKey] = useState(key), deferred = useMemo(() => parseUsersKey(deferredKey), [deferredKey]), [ref, setRef] = useState(new AbortController());
   useEffect(() => {
     key !== deferredKey && startTransition(() => {
       ref.signal.aborted || (ref.abort(), setRef(new AbortController())), setDeferredKey(key);
@@ -1462,7 +1663,9 @@ function useUser(options) {
   };
 }
 function useUsers(options) {
-  const instance = useSanityInstance(options), [isPending, startTransition] = useTransition(), key = getUsersKey(instance, options), [deferredKey, setDeferredKey] = useState(key), deferred = useMemo(() => parseUsersKey(deferredKey), [deferredKey]), [ref, setRef] = useState(new AbortController());
+  const instance = useSanityInstance(options);
+  trackHookUsage(instance, "useUsers");
+  const [isPending, startTransition] = useTransition(), key = getUsersKey(instance, options), [deferredKey, setDeferredKey] = useState(key), deferred = useMemo(() => parseUsersKey(deferredKey), [deferredKey]), [ref, setRef] = useState(new AbortController());
   useEffect(() => {
     key !== deferredKey && startTransition(() => {
       ref.signal.aborted || (ref.abort(), setRef(new AbortController())), setDeferredKey(key);
@@ -1490,7 +1693,7 @@ function useUsers(options) {
     loadMore
   };
 }
-var version = "2.8.0";
+var version = "2.10.0";
 function getEnv(key) {
   if (typeof import.meta < "u" && import.meta.env)
     return import.meta.env[key];
@@ -1508,6 +1711,7 @@ export {
   SDKProvider,
   SDKStudioContext,
   SanityApp,
+  SanityInstanceProvider,
   renderSanityApp,
   useActiveReleases,
   useAgentGenerate,
@@ -1551,6 +1755,7 @@ export {
   useUser,
   useUsers,
   useVerifyOrgProjects,
-  useWindowConnection
+  useWindowConnection,
+  useWindowTitle
 };
 //# sourceMappingURL=index.js.map