@sanity/assist 6.1.13 → 6.1.14

package/dist/index.js

@@ -2,7 +2,7 @@ import { FormBuilder, FormCallbacksProvider, FormFieldHeaderText, FormInput, Mem
 import { c } from "react/compiler-runtime";
 import { Autocomplete, Box, Breadcrumbs, Button, Card, Checkbox, Container, Dialog, ErrorBoundary, Flex, Label, Menu, MenuButton, MenuItem, Popover, Radio, Spinner, Stack, Switch, Text, TextArea, ThemeProvider, Tooltip, focusFirstDescendant, rgba, useClickOutside, useGlobalKeyDown, useLayer, useTheme, useToast } from "@sanity/ui";
 import { createContext, isValidElement, useCallback, useContext, useEffect, useEffectEvent, useId, useMemo, useReducer, useRef, useState } from "react";
-import { DocumentInspectorHeader, DocumentPaneProvider, useDocumentPane, usePaneRouter } from "sanity/structure";
+import { DocumentInspectorHeader, DocumentPaneProvider, PaneRouterContext, useDocumentPane, usePaneRouter } from "sanity/structure";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { addSeconds, formatDistanceToNow, isAfter, minutesToMilliseconds } from "date-fns";
 import { BlockContentIcon } from "@sanity/icons/BlockContent";
@@ -27,6 +27,7 @@ import { ClockIcon } from "@sanity/icons/Clock";
 import { CloseCircleIcon } from "@sanity/icons/CloseCircle";
 import { ErrorOutlineIcon } from "@sanity/icons/ErrorOutline";
 import { SyncIcon } from "@sanity/icons/Sync";
+import isEqual from "react-fast-compare";
 import get from "lodash-es/get.js";
 import { Icon, icons } from "@sanity/icons";
 import { ControlsIcon } from "@sanity/icons/Controls";
@@ -38,7 +39,6 @@ import { ThListIcon } from "@sanity/icons/ThList";
 import { ArrowLeftIcon } from "@sanity/icons/ArrowLeft";
 import { DocumentTextIcon } from "@sanity/icons/DocumentText";
 import { TokenIcon } from "@sanity/icons/Token";
-import isEqual from "react-fast-compare";
 import { defer, delay, merge, of, partition, switchMap, throwError } from "rxjs";
 import { exhaustMapToWithTrailing } from "rxjs-exhaustmap-with-trailing";
 function hasOverflowScroll(el) {
@@ -2089,12 +2089,36 @@ function TaskItem(props) {
 		children: t13
 	}), $[29] = t0, $[30] = t13, $[31] = t14) : t14 = $[31], t14;
 }
-const CardWithShadowBelow = styled(Card).withConfig({
+/**
+* The AI Assist inspector renders a nested document form for the instruction
+* document, but it reuses the host document's pane router. Sanity's document
+* pane mirrors the router `path` param to programmatic focus, and focus drives
+* the selected field group. So when the nested form writes `path`, the host
+* document re-focuses and its field group selection resets (SAPP-3970).
+*
+* This keeps the nested form's `path` navigation local, while still forwarding
+* every other param (e.g. the selected `instruction`) to the host router and
+* preserving the host document's own `path`.
+*/
+function isolatePathParams(nextParams, hostParams) {
+	let { path: nextLocalPath, ...restNext } = nextParams, { path: hostPath, ...restHost } = hostParams;
+	return isEqual(restNext, restHost) ? {
+		nextLocalPath,
+		forwardParams: null
+	} : {
+		nextLocalPath,
+		forwardParams: {
+			...restNext,
+			path: hostPath
+		}
+	};
+}
+const EMPTY_PANE_PARAMS = {}, CardWithShadowBelow = styled(Card).withConfig({
 	displayName: "CardWithShadowBelow",
-	componentId: "sc-l9jw93-0"
+	componentId: "sc-1m9tjp-0"
 })`position:relative;&:after{content:'';display:block;position:absolute;left:0;right:0;bottom:-1px;border-bottom:1px solid var(--card-border-color);opacity:0.5;z-index:100;}`, CardWithShadowAbove = styled(Card).withConfig({
 	displayName: "CardWithShadowAbove",
-	componentId: "sc-l9jw93-1"
+	componentId: "sc-1m9tjp-1"
 })`position:relative;&:after{content:'';display:block;position:absolute;left:0;right:0;top:-1px;border-top:1px solid var(--card-border-color);opacity:0.5;z-index:100;}`;
 function AssistInspectorWrapper(props) {
 	let $ = c(43), context = useAiAssistanceConfig();
@@ -2342,13 +2366,13 @@ function AssistInspector(props) {
 									containerElement: boundary,
 									children: /* @__PURE__ */ jsx(PerspectiveProvider, {
 										selectedPerspectiveName: void 0,
-										children: /* @__PURE__ */ jsx(DocumentPaneProvider, {
+										children: /* @__PURE__ */ jsx(IsolatedPathPaneRouterProvider, { children: /* @__PURE__ */ jsx(DocumentPaneProvider, {
 											paneKey: documentPane.paneKey,
 											index: documentPane.index,
 											itemId: "ai",
 											pane: paneNode,
 											children: /* @__PURE__ */ jsx(DocumentForm, {})
-										})
+										}) })
 									})
 								})
 							})
@@ -2405,6 +2429,40 @@ function AssistInspector(props) {
 		]
 	});
 }
+/**
+* The instruction editor below renders a nested document form that reuses the
+* host document's pane router. Sanity's document pane mirrors the router `path`
+* param to programmatic focus, and focus drives the selected field group. So
+* without isolation, navigating the instruction form overwrites the host `path`
+* and resets the host document's field group selection (SAPP-3970).
+*
+* This provider keeps the nested form's `path` navigation in local state while
+* still forwarding every other param (e.g. the selected instruction) to the
+* host pane router.
+*/
+function IsolatedPathPaneRouterProvider(props) {
+	let $ = c(13), parentRouter = usePaneRouter(), parentParams = parentRouter.params ?? EMPTY_PANE_PARAMS, parentSetParams = parentRouter.setParams, [localPath, setLocalPath] = useState(void 0), t0;
+	$[0] !== parentParams || $[1] !== parentSetParams ? (t0 = (nextParams, stickyParams) => {
+		let { nextLocalPath, forwardParams } = isolatePathParams(nextParams, parentParams);
+		setLocalPath(nextLocalPath), forwardParams && parentSetParams(forwardParams, stickyParams);
+	}, $[0] = parentParams, $[1] = parentSetParams, $[2] = t0) : t0 = $[2];
+	let setParams = t0, t1;
+	$[3] !== localPath || $[4] !== parentParams ? (t1 = {
+		...parentParams,
+		path: localPath
+	}, $[3] = localPath, $[4] = parentParams, $[5] = t1) : t1 = $[5];
+	let t2;
+	$[6] !== parentRouter || $[7] !== setParams || $[8] !== t1 ? (t2 = {
+		...parentRouter,
+		params: t1,
+		setParams
+	}, $[6] = parentRouter, $[7] = setParams, $[8] = t1, $[9] = t2) : t2 = $[9];
+	let value = t2, t3;
+	return $[10] !== props.children || $[11] !== value ? (t3 = /* @__PURE__ */ jsx(PaneRouterContext.Provider, {
+		value,
+		children: props.children
+	}), $[10] = props.children, $[11] = value, $[12] = t3) : t3 = $[12], t3;
+}
 function AiInspectorHeader(props) {
 	let $ = c(16), { onClose, field, fieldTitle } = props, { showOnboarding, dismissOnboarding } = useOnboardingFeature("sanityStudio:assist:inspector:onboarding:dismissed"), t0;
 	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = { marginTop: "-4px" }, $[0] = t0) : t0 = $[0];