@incodetech/web 0.0.0-dev-20260901-1ac66c0f → 0.0.0-dev-20260902-b423eb4c

package/dist/{extensibility-C5-dzGB9.js → extensibility-C_4OSwNj.js}

@@ -1,12 +1,12 @@
-import { a as Trans, i as useTranslationWithFallback, o as useTranslation, r as useUiConfig } from "./uiConfig-_Xz7h9zF.js";
+import { a as Trans, i as useTranslationWithFallback, o as useTranslation, r as useUiConfig } from "./uiConfig-S9TzEYvT.js";
 import { C as k, _ as x, a as D, c as z, d as T, f as _, g as q, h, i as C, l as A, m as g, o as P, p as d, r as $, s as gn, v as y, x as Q, y as u } from "./vendor-preact-BPXMFRom.js";
-import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-CYMabVVu.js";
-import { a as useAnimationData, d as cn, l as useInstanceOverrides, n as LoadingIcon, o as Lottie, r as AnimatedAsset, t as Spacer } from "./spacer-Dnkw3rCV.js";
-import { a as TypographyH4, i as TypographyH3, n as Title, o as TypographyH5, r as TypographyH1, s as TypographyP, t as Spinner } from "./spinner-CbzMb0df.js";
-import { A as Button, D as CalendarIcon, O as incode_logo_default, T as CaptureButtonIcon, _ as EyeIcon, a as useModalEscapeDismiss, b as ChevronRightIcon, c as useModalVisualViewportBounds, d as SuccessIcon, g as EyeOffIcon, i as useModalBodyScrollLock, k as ErrorIcon, l as SvgLightningIcon, m as HelpIcon, n as FieldLabelHint, o as useModalFocusCapture, p as LockIcon, r as Modal, s as useModalTabCycle, t as DropdownComposed, u as WarningIcon, v as EllipseIcon, w as CheckmarkIcon, y as CloseIcon } from "./dropdownComposed-DgwGkwlL.js";
+import { a as getStandaloneSetupPolicy, n as preloadDashboardTheme, t as getDashboardTheme } from "./dashboardTheme-NKUM6vAI.js";
+import { a as useAnimationData, d as cn, l as useInstanceOverrides, n as LoadingIcon, o as Lottie, r as AnimatedAsset, t as Spacer } from "./spacer-6MHVWssc.js";
+import { a as TypographyH4, i as TypographyH3, n as Title, o as TypographyH5, s as TypographyP, t as Spinner } from "./spinner-CKRC7C1a.js";
+import { A as Button, D as CalendarIcon, O as incode_logo_default, T as CaptureButtonIcon, _ as EyeIcon, a as useModalEscapeDismiss, b as ChevronRightIcon, c as useModalVisualViewportBounds, d as SuccessIcon, g as EyeOffIcon, i as useModalBodyScrollLock, k as ErrorIcon, l as SvgLightningIcon, m as HelpIcon, n as FieldLabelHint, o as useModalFocusCapture, p as LockIcon, r as Modal, s as useModalTabCycle, t as DropdownComposed, u as WarningIcon, v as EllipseIcon, w as CheckmarkIcon, y as CloseIcon } from "./dropdownComposed-Bp28bptM.js";
 import { ScreenOrientationProvider, createScreenOrientationObserver, getBrowser, getDeviceClass, isApplePlatform, isIPad, isSupportedBrowser } from "@incodetech/core/device";
 import { eventModuleNames, recordExperimentAssignmentOnce } from "@incodetech/core/events";
-import { ONBOARDING_WEB_SDK_PARAMETER_STORE, booleanParam, defineExperimentParams, getExperiment, getFeatureGate, getFeatureManagementVersion, getFeatureParameterStore, getIsFeatureManagementInitialized, getLayer, resolveExperiment, subscribeFeatureManagement, updateFeatureManagementUser } from "@incodetech/core/feature-management";
+import { ONBOARDING_WEB_SDK_PARAMETER_STORE, booleanParam, defineExperimentParams, enumParam, getExperiment, getFeatureGate, getFeatureManagementVersion, getFeatureParameterStore, getIsFeatureManagementInitialized, getLayer, numberParam, resolveExperiment, subscribeFeatureManagement, updateFeatureManagementUser } from "@incodetech/core/feature-management";
 import { resolveDashboardModuleConfig } from "@incodetech/core/flow";
 import "@incodetech/core/camera";
 import "@incodetech/core/id";
@@ -489,7 +489,7 @@ function useSpinnerPresentation() {
 * the module-internal loaders (ID camera prep, camera permissions) that a
 * flow-level config never could.
 */
-var TransitionSpinner = ({ spinnerConfig, className, titleKey, subtitleKey, renderMode, hideText = false, presentational = false }) => {
+var TransitionSpinner = ({ spinnerConfig, className, titleKey, subtitleKey, renderMode, hideText = false, presentational = false, alwaysDark = false }) => {
 	const { t } = useTranslation();
 	const presentation = useSpinnerPresentation();
 	const resolvedRenderMode = presentation.renderMode ?? spinnerConfig?.renderMode ?? renderMode ?? (hideText ? "spinnerOnly" : "spinnerAndText");
@@ -505,7 +505,8 @@ var TransitionSpinner = ({ spinnerConfig, className, titleKey, subtitleKey, rend
 		fullScreen: true,
 		className,
 		presentational,
-		hideIcon
+		hideIcon,
+		alwaysDark
 	});
 };
 //#endregion
@@ -14981,24 +14982,81 @@ function VerificationOptionCardTag({ label }) {
 		children: [/* @__PURE__ */ u(SvgLightningIcon, {}), /* @__PURE__ */ u("span", { children: label })]
 	});
 }
+function prefersReducedMotion() {
+	if (typeof window === "undefined") return false;
+	return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function useBottomSheetAnimatedClose({ isOpen, onClose, sheetRef }) {
+	const closeCommittedRef = A(false);
+	const [isClosing, setIsClosing] = d(false);
+	const isVisible = isOpen || isClosing;
+	const canDismiss = Boolean(onClose) && !isClosing;
+	const finishClose = q(() => {
+		if (closeCommittedRef.current) return;
+		closeCommittedRef.current = true;
+		setIsClosing(false);
+		onClose?.();
+	}, [onClose]);
+	const requestClose = q(() => {
+		if (!canDismiss) return;
+		closeCommittedRef.current = false;
+		if (prefersReducedMotion()) {
+			finishClose();
+			return;
+		}
+		setIsClosing(true);
+	}, [canDismiss, finishClose]);
+	y(() => {
+		if (isOpen) {
+			closeCommittedRef.current = false;
+			setIsClosing(false);
+		}
+	}, [isOpen]);
+	y(() => {
+		if (!isClosing) return;
+		const timeout = setTimeout(finishClose, 750);
+		return () => clearTimeout(timeout);
+	}, [finishClose, isClosing]);
+	return {
+		isVisible,
+		isClosing,
+		canDismiss,
+		requestClose,
+		handleSheetAnimationEnd: q((event) => {
+			if (!isClosing || event.target !== sheetRef.current) return;
+			if (event.animationName !== "IncodeSlideDown") return;
+			finishClose();
+		}, [
+			finishClose,
+			isClosing,
+			sheetRef
+		]),
+		overlayClassName: cn("IncodeBottomSheetOverlay", isClosing && "IncodeBottomSheetOverlay--closing"),
+		sheetClassName: cn("IncodeBottomSheet", isClosing && "IncodeBottomSheet--closing")
+	};
+}
 //#endregion
 //#region src/shared/bottomSheet/bottomSheet.tsx
-var BottomSheet = ({ isOpen = false, onClose, labelledById, children, returnFocusRef }) => {
+var BottomSheet = ({ isOpen = false, onClose, labelledById, children, returnFocusRef, manageInitialFocus = true, "data-testid": dataTestId }) => {
 	const dialogRef = A(null);
 	const overlayRef = A(null);
-	const requestClose = q(() => {
-		onClose?.();
-	}, [onClose]);
-	useModalBodyScrollLock(isOpen);
-	useModalEscapeDismiss(isOpen, true, requestClose);
-	useModalFocusCapture(isOpen, dialogRef, true, returnFocusRef);
-	useModalTabCycle(isOpen, dialogRef);
-	useModalVisualViewportBounds(isOpen, overlayRef);
-	if (!isOpen) return null;
+	const { isVisible, canDismiss, requestClose, handleSheetAnimationEnd, overlayClassName, sheetClassName } = useBottomSheetAnimatedClose({
+		isOpen,
+		onClose,
+		sheetRef: dialogRef
+	});
+	useModalBodyScrollLock(isVisible);
+	useModalEscapeDismiss(isOpen && canDismiss, canDismiss, requestClose);
+	useModalFocusCapture(isVisible, dialogRef, manageInitialFocus, returnFocusRef);
+	useModalTabCycle(isVisible, dialogRef);
+	useModalVisualViewportBounds(isVisible, overlayRef);
+	if (!isVisible) return null;
 	return /* @__PURE__ */ u("div", {
 		ref: overlayRef,
-		class: "IncodeBottomSheetOverlay",
+		class: overlayClassName,
+		"data-testid": dataTestId,
 		onPointerUp: (event) => {
+			if (!canDismiss) return;
 			const target = event.target;
 			if (!dialogRef.current?.contains(target)) requestClose();
 		},
@@ -15006,12 +15064,16 @@ var BottomSheet = ({ isOpen = false, onClose, labelledById, children, returnFocu
 			class: "IncodeBottomSheetContainer",
 			children: /* @__PURE__ */ u("div", {
 				ref: dialogRef,
-				class: "IncodeBottomSheet",
+				class: sheetClassName,
 				role: "dialog",
 				"aria-modal": "true",
 				"aria-labelledby": labelledById,
 				tabIndex: -1,
-				children
+				onAnimationEnd: handleSheetAnimationEnd,
+				children: [/* @__PURE__ */ u("span", {
+					class: "IncodeBottomSheetHandle",
+					"aria-hidden": "true"
+				}), children]
 			})
 		})
 	});
@@ -15298,21 +15360,31 @@ function replaceLottieColor(animationData, hexColor) {
 }
 //#endregion
 //#region src/shared/baseTutorial/baseTutorial.tsx
-var BaseTutorial = ({ className = "", animationData, title, titleId, subtitle, onContinue, buttonText, disclaimerText, isLoading, secondaryAction, stopFramePosition = "middle", recolor = true }) => {
+var BaseTutorial = ({ className = "", animationData, title, titleId, subtitle, onContinue, buttonText, disclaimerText, isLoading, secondaryAction, actionsSlot, stopFramePosition = "middle", recolor = true, shouldScaleAnimationContainer }) => {
 	const themedAnimationData = T(() => {
 		if (!animationData) return null;
 		if (!recolor) return animationData;
 		return replaceLottieColor(animationData, getCssVariableAsHex("--primitive-color-brand-500"));
 	}, [animationData, recolor]);
+	let scaledClasses = {
+		page: "",
+		container: "",
+		animationContainer: ""
+	};
+	if (shouldScaleAnimationContainer) scaledClasses = {
+		page: "IncodeTutorialPageScaled",
+		container: "IncodeBaseTutorialContainerScaled",
+		animationContainer: "IncodeBaseTutorialAnimationContainerScaled"
+	};
 	return /* @__PURE__ */ u(Page, {
-		className: cn("IncodeTutorialPage", className),
+		className: cn("IncodeTutorialPage", scaledClasses.page, className),
 		title,
 		titleId,
 		subtitle,
 		children: [/* @__PURE__ */ u("div", {
-			class: "IncodeBaseTutorialContainer",
+			class: cn("IncodeBaseTutorialContainer", scaledClasses.container),
 			children: /* @__PURE__ */ u("div", {
-				class: "IncodeBaseTutorialAnimationContainer",
+				class: cn("IncodeBaseTutorialAnimationContainer", scaledClasses.animationContainer),
 				"aria-hidden": "true",
 				children: themedAnimationData ? /* @__PURE__ */ u(Lottie, {
 					animationData: themedAnimationData,
@@ -15326,19 +15398,26 @@ var BaseTutorial = ({ className = "", animationData, title, titleId, subtitle, o
 			children: disclaimerText
 		}), /* @__PURE__ */ u("div", {
 			class: "IncodeBaseTutorialButtonContainer",
-			children: [/* @__PURE__ */ u(Button, {
-				onClick: onContinue,
-				class: "IncodeBaseTutorialButton",
-				isLoading,
-				children: buttonText
-			}), secondaryAction ? /* @__PURE__ */ u(Button, {
-				variant: "link",
-				onClick: secondaryAction.onClick,
-				class: "IncodeBaseTutorialSecondaryAction",
-				disabled: isLoading,
-				"data-testid": secondaryAction.testId,
-				children: secondaryAction.label
-			}) : null]
+			children: [
+				/* @__PURE__ */ u(Button, {
+					onClick: onContinue,
+					class: "IncodeBaseTutorialButton",
+					isLoading,
+					children: buttonText
+				}),
+				secondaryAction ? /* @__PURE__ */ u(Button, {
+					variant: "link",
+					onClick: secondaryAction.onClick,
+					class: "IncodeBaseTutorialSecondaryAction",
+					disabled: isLoading,
+					"data-testid": secondaryAction.testId,
+					children: secondaryAction.label
+				}) : null,
+				actionsSlot && /* @__PURE__ */ u("div", {
+					class: "IncodeBaseTutorialActionsSlot",
+					children: actionsSlot
+				})
+			]
 		})] })]
 	});
 };
@@ -16006,6 +16085,80 @@ var SvgCheckIcon = (props) => /* @__PURE__ */ u("svg", {
 	})
 });
 //#endregion
+//#region src/shared/permissions/assets/reload-icon.svg?react
+var SvgReloadIcon = (props) => /* @__PURE__ */ u("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: /* @__PURE__ */ u("path", {
+		fillRule: "evenodd",
+		clipRule: "evenodd",
+		d: "M18.229 10.3584L17.156 12.1152C17.055 12.2803 16.89 12.3994 16.698 12.4483C16.635 12.4637 16.573 12.4714 16.509 12.4714C16.376 12.4714 16.245 12.4378 16.128 12.3715L14.311 11.3443C13.955 11.1418 13.835 10.7002 14.045 10.3584C14.254 10.0157 14.712 9.90048 15.073 10.103L15.333 10.2499C14.735 9.04896 13.461 8.208 12 8.208C10.784 8.208 9.645 8.78112 8.953 9.74112C8.717 10.0675 8.251 10.151 7.91 9.92352C7.569 9.69696 7.484 9.24864 7.72 8.92128C8.692 7.57344 10.292 6.768 12 6.768C14.146 6.768 16.005 8.05536 16.792 9.86496L16.936 9.62976C17.143 9.28608 17.602 9.17088 17.962 9.37344C18.319 9.57408 18.439 10.0157 18.229 10.3584ZM16.279 14.5987C15.307 15.9475 13.708 16.753 11.999 16.753C9.85 16.753 7.991 15.4666 7.205 13.6589L7.063 13.8912C6.924 14.1197 6.673 14.2464 6.416 14.2464C6.287 14.2464 6.157 14.2147 6.037 14.1475C5.68 13.9469 5.56 13.5053 5.77 13.1626L6.843 11.4058C6.944 11.2406 7.109 11.1206 7.301 11.0726C7.495 11.0246 7.699 11.0525 7.871 11.1494L9.688 12.1766C10.044 12.3782 10.164 12.8198 9.954 13.1626C9.744 13.5043 9.286 13.6195 8.926 13.4179L8.66 13.2672C9.256 14.4701 10.533 15.313 11.999 15.313C13.214 15.313 14.354 14.7398 15.044 13.7798C15.279 13.4534 15.744 13.3699 16.088 13.5974C16.429 13.823 16.514 14.2723 16.279 14.5987ZM15.974 2.64H8.027C4.721 2.64 2.5 4.67808 2.5 7.70976V15.8112C2.5 18.8429 4.721 20.88 8.027 20.88H15.974C19.28 20.88 21.5 18.8429 21.5 15.8112V7.70976C21.5 4.67808 19.28 2.64 15.974 2.64Z",
+		fill: "currentColor"
+	})
+});
+//#endregion
+//#region src/shared/permissions/assets/person-card-icon.svg?react
+var SvgPersonCardIcon = (props) => /* @__PURE__ */ u("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ u("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M18.229 10.3584L17.156 12.1152C17.055 12.2803 16.89 12.3994 16.698 12.4483C16.635 12.4637 16.573 12.4714 16.509 12.4714C16.376 12.4714 16.245 12.4378 16.128 12.3715L14.311 11.3443C13.955 11.1418 13.835 10.7002 14.045 10.3584C14.254 10.0157 14.712 9.90048 15.073 10.103L15.333 10.2499C14.735 9.04896 13.461 8.208 12 8.208C10.784 8.208 9.645 8.78112 8.953 9.74112C8.717 10.0675 8.251 10.151 7.91 9.92352C7.569 9.69696 7.484 9.24864 7.72 8.92128C8.692 7.57344 10.292 6.768 12 6.768C14.146 6.768 16.005 8.05536 16.792 9.86496L16.936 9.62976C17.143 9.28608 17.602 9.17088 17.962 9.37344C18.319 9.57408 18.439 10.0157 18.229 10.3584ZM16.279 14.5987C15.307 15.9475 13.708 16.753 11.999 16.753C9.85 16.753 7.991 15.4666 7.205 13.6589L7.063 13.8912C6.924 14.1197 6.673 14.2464 6.416 14.2464C6.287 14.2464 6.157 14.2147 6.037 14.1475C5.68 13.9469 5.56 13.5053 5.77 13.1626L6.843 11.4058C6.944 11.2406 7.109 11.1206 7.301 11.0726C7.495 11.0246 7.699 11.0525 7.871 11.1494L9.688 12.1766C10.044 12.3782 10.164 12.8198 9.954 13.1626C9.744 13.5043 9.286 13.6195 8.926 13.4179L8.66 13.2672C9.256 14.4701 10.533 15.313 11.999 15.313C13.214 15.313 14.354 14.7398 15.044 13.7798C15.279 13.4534 15.744 13.3699 16.088 13.5974C16.429 13.823 16.514 14.2723 16.279 14.5987ZM15.974 2.64H8.027C4.721 2.64 2.5 4.67808 2.5 7.70976V15.8112C2.5 18.8429 4.721 20.88 8.027 20.88H15.974C19.28 20.88 21.5 18.8429 21.5 15.8112V7.70976C21.5 4.67808 19.28 2.64 15.974 2.64Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("rect", {
+			x: 4,
+			y: 6,
+			width: 16,
+			height: 12,
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("path", {
+			d: "M16.868 7.1333H7.80131C7.17627 7.1333 6.66797 7.6416 6.66797 8.26664V15.0667C6.66797 15.6917 7.17627 16.2 7.80131 16.2H16.868C17.493 16.2 18.0013 15.6917 18.0013 15.0667V8.26664C18.0013 7.6416 17.493 7.1333 16.868 7.1333ZM10.4731 9.39998C11.1254 9.39998 11.6065 9.88108 11.6065 10.5333C11.6065 11.1855 11.1254 11.6667 10.4731 11.6667C9.82091 11.6667 9.33981 11.1855 9.33981 10.5333C9.33981 9.88108 9.82035 9.39998 10.4731 9.39998ZM12.5783 13.9333H8.36797V13.6698C8.36797 12.8918 9.31771 12.0917 10.4731 12.0917C11.6286 12.0917 12.5783 12.8918 12.5783 13.6698V13.9333ZM16.3013 13.3667H14.0347V12.2333H16.3013V13.3667ZM16.3013 11.1H13.468V9.96664H16.3013V11.1Z",
+			fill: "white"
+		})
+	]
+});
+//#endregion
+//#region src/shared/permissions/assets/check-v2-icon.svg?react
+var SvgCheckV2Icon = (props) => /* @__PURE__ */ u("svg", {
+	width: 24,
+	height: 24,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	xmlns: "http://www.w3.org/2000/svg",
+	...props,
+	children: [
+		/* @__PURE__ */ u("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M18.229 10.3584L17.156 12.1152C17.055 12.2803 16.89 12.3994 16.698 12.4483C16.635 12.4637 16.573 12.4714 16.509 12.4714C16.376 12.4714 16.245 12.4378 16.128 12.3715L14.311 11.3443C13.955 11.1418 13.835 10.7002 14.045 10.3584C14.254 10.0157 14.712 9.90048 15.073 10.103L15.333 10.2499C14.735 9.04896 13.461 8.208 12 8.208C10.784 8.208 9.645 8.78112 8.953 9.74112C8.717 10.0675 8.251 10.151 7.91 9.92352C7.569 9.69696 7.484 9.24864 7.72 8.92128C8.692 7.57344 10.292 6.768 12 6.768C14.146 6.768 16.005 8.05536 16.792 9.86496L16.936 9.62976C17.143 9.28608 17.602 9.17088 17.962 9.37344C18.319 9.57408 18.439 10.0157 18.229 10.3584ZM16.279 14.5987C15.307 15.9475 13.708 16.753 11.999 16.753C9.85 16.753 7.991 15.4666 7.205 13.6589L7.063 13.8912C6.924 14.1197 6.673 14.2464 6.416 14.2464C6.287 14.2464 6.157 14.2147 6.037 14.1475C5.68 13.9469 5.56 13.5053 5.77 13.1626L6.843 11.4058C6.944 11.2406 7.109 11.1206 7.301 11.0726C7.495 11.0246 7.699 11.0525 7.871 11.1494L9.688 12.1766C10.044 12.3782 10.164 12.8198 9.954 13.1626C9.744 13.5043 9.286 13.6195 8.926 13.4179L8.66 13.2672C9.256 14.4701 10.533 15.313 11.999 15.313C13.214 15.313 14.354 14.7398 15.044 13.7798C15.279 13.4534 15.744 13.3699 16.088 13.5974C16.429 13.823 16.514 14.2723 16.279 14.5987ZM15.974 2.64H8.027C4.721 2.64 2.5 4.67808 2.5 7.70976V15.8112C2.5 18.8429 4.721 20.88 8.027 20.88H15.974C19.28 20.88 21.5 18.8429 21.5 15.8112V7.70976C21.5 4.67808 19.28 2.64 15.974 2.64Z",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("rect", {
+			x: 4,
+			y: 6,
+			width: 16,
+			height: 12,
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ u("path", {
+			d: "M12 7C9.24 7 7 9.24 7 12C7 14.76 9.24 17 12 17C14.76 17 17 14.76 17 12C17 9.24 14.76 7 12 7ZM11 14.5L8.5 12L9.205 11.295L11 13.085L14.795 9.29L15.5 10L11 14.5Z",
+			fill: "white"
+		})
+	]
+});
+//#endregion
 //#region src/shared/permissions/assets/samsung-internet-icon.svg?react
 var SvgSamsungInternetIcon = (props) => /* @__PURE__ */ u("svg", {
 	xmlns: "http://www.w3.org/2000/svg",
@@ -17382,24 +17535,20 @@ var LearnMore = ({ onAllowPermissions, onQuitProcess, "data-testid": dataTestId,
 };
 //#endregion
 //#region src/shared/permissions/camera/permissionsBottomSheet.tsx
-function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDenyButton = true }) {
+function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDenyButton = true, isRequestingPermissions = false, onClose }) {
 	const { t } = useTranslation();
-	const titleRef = A(null);
-	y(() => {
-		titleRef.current?.focus();
-	}, []);
 	return /* @__PURE__ */ u(BottomSheet, {
 		isOpen: true,
 		labelledById: "permissions-dialog-title",
+		manageInitialFocus: false,
+		onClose,
 		children: /* @__PURE__ */ u("div", {
 			className: "IncodePermissionsBottomSheet",
 			children: [/* @__PURE__ */ u("div", {
 				class: "IncodePermissionsBottomSheetTitleContainer",
-				children: [/* @__PURE__ */ u(TypographyH1, {
+				children: [/* @__PURE__ */ u(AutoFocusTitle, {
 					id: "permissions-dialog-title",
 					className: "IncodePermissionsBottomSheetTitle",
-					ref: titleRef,
-					tabIndex: -1,
 					children: t("idv2.permissions.allowPermissionsV2")
 				}), /* @__PURE__ */ u("p", {
 					className: "IncodePermissionsBottomSheetSubtitle",
@@ -17410,9 +17559,12 @@ function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDen
 				children: [showDenyButton && /* @__PURE__ */ u(Button, {
 					variant: "secondary",
 					onClick: onDenyPermissions,
+					disabled: isRequestingPermissions,
 					children: t("idv2.permissions.dontAllow")
 				}), /* @__PURE__ */ u(Button, {
 					onClick: onAllowPermissions,
+					disabled: isRequestingPermissions,
+					isLoading: isRequestingPermissions,
 					children: t("idv2.permissions.allowV2")
 				})]
 			})]
@@ -17420,34 +17572,51 @@ function PermissionsBottomSheet({ onAllowPermissions, onDenyPermissions, showDen
 	});
 }
 //#endregion
-//#region src/shared/permissions/camera/permissions.tsx
-var Permissions = ({ manager, permissionStatus }) => {
+//#region src/shared/permissions/camera/permissionsDialog.tsx
+function createHandlers(manager, canDismiss) {
+	if (!canDismiss) return {
+		handleDismiss: void 0,
+		handleOpenChange: void 0,
+		handleClose: manager.close
+	};
+	const handleDismiss = () => {
+		manager.back?.();
+	};
+	const handleOpenChange = (open) => {
+		if (open) return;
+		manager.back?.();
+	};
+	return {
+		handleDismiss,
+		handleOpenChange,
+		handleClose: void 0
+	};
+}
+var PermissionsDialog = ({ manager, permissionStatus, isDismissible }) => {
 	const isMobileWidth = useIsMobileDeviceWidth();
 	const { t } = useTranslation();
-	if (permissionStatus === "checking") return null;
-	if (permissionStatus === "requesting") return /* @__PURE__ */ u(TransitionSpinner, {
-		className: "IncodePermissionsRequestingPage",
-		presentational: true,
-		titleKey: "loadingCircle.holdOn",
-		subtitleKey: "loadingCircle.preparingCamera"
-	});
-	if (permissionStatus === "learnMore") return /* @__PURE__ */ u(LearnMore, {
+	const isMotionOnly = permissionStatus === "motionOnly";
+	const isRequestingPermissions = permissionStatus === "requesting";
+	const canDismiss = Boolean(isDismissible) && !isRequestingPermissions;
+	const dismissible = !isRequestingPermissions;
+	const { handleDismiss, handleOpenChange, handleClose } = createHandlers(manager, canDismiss);
+	if (isMobileWidth) return /* @__PURE__ */ u(PermissionsBottomSheet, {
+		showDenyButton: !isMotionOnly,
 		onAllowPermissions: () => manager.requestPermission(),
-		onQuitProcess: () => manager.close(),
-		"data-testid": "permissions",
-		"data-permission-status": "learnMore"
+		onDenyPermissions: () => manager.goToLearnMore(),
+		isRequestingPermissions,
+		onClose: handleDismiss
 	});
-	if (permissionStatus === "denied") return /* @__PURE__ */ u(Denied, {
-		onRefresh: () => window.location.reload(),
-		"data-testid": "permissions",
-		"data-permission-status": "denied"
-	});
-	const isMotionOnly = permissionStatus === "motionOnly";
-	let ModalComponent = null;
-	if (!isMobileWidth) ModalComponent = /* @__PURE__ */ u(Modal.Root, {
+	return /* @__PURE__ */ u(Modal.Root, {
 		open: true,
+		dismissible,
+		onOpenChange: handleOpenChange,
 		children: /* @__PURE__ */ u(Modal.Content, { children: [
-			/* @__PURE__ */ u(Modal.Close, { onClick: manager.close }),
+			/* @__PURE__ */ u(Modal.Close, {
+				"aria-label": t("common.close"),
+				title: t("common.close"),
+				onClick: handleClose
+			}),
 			/* @__PURE__ */ u(Modal.TitleSection, { children: [/* @__PURE__ */ u(Modal.Title, {
 				class: "IncodePermissionsModalTitle",
 				children: t("idv2.permissions.allowPermissionsV2")
@@ -17455,18 +17624,38 @@ var Permissions = ({ manager, permissionStatus }) => {
 			/* @__PURE__ */ u(Modal.Actions, { children: [!isMotionOnly && /* @__PURE__ */ u(Button, {
 				variant: "secondary",
 				onClick: manager.goToLearnMore,
+				disabled: isRequestingPermissions,
 				children: t("idv2.permissions.dontAllow")
 			}), /* @__PURE__ */ u(Button, {
 				variant: "primary",
 				onClick: manager.requestPermission,
+				disabled: isRequestingPermissions,
+				isLoading: isRequestingPermissions,
 				children: t("idv2.permissions.allowV2")
 			})] })
 		] })
 	});
-	else ModalComponent = /* @__PURE__ */ u(PermissionsBottomSheet, {
-		showDenyButton: !isMotionOnly,
-		onAllowPermissions: manager.requestPermission,
-		onDenyPermissions: manager.goToLearnMore
+};
+//#endregion
+//#region src/shared/permissions/camera/permissions.tsx
+var Permissions = ({ manager, permissionStatus }) => {
+	if (permissionStatus === "checking") return null;
+	if (permissionStatus === "requesting") return /* @__PURE__ */ u(TransitionSpinner, {
+		className: "IncodePermissionsRequestingPage",
+		presentational: true,
+		titleKey: "loadingCircle.holdOn",
+		subtitleKey: "loadingCircle.preparingCamera"
+	});
+	if (permissionStatus === "learnMore") return /* @__PURE__ */ u(LearnMore, {
+		onAllowPermissions: () => manager.requestPermission(),
+		onQuitProcess: () => manager.close(),
+		"data-testid": "permissions",
+		"data-permission-status": "learnMore"
+	});
+	if (permissionStatus === "denied") return /* @__PURE__ */ u(Denied, {
+		onRefresh: () => window.location.reload(),
+		"data-testid": "permissions",
+		"data-permission-status": "denied"
 	});
 	return /* @__PURE__ */ u(Page, {
 		className: "IncodePermissionsPage",
@@ -17474,7 +17663,10 @@ var Permissions = ({ manager, permissionStatus }) => {
 		hideFooterBranding: true,
 		"data-testid": "permissions",
 		"data-permission-status": permissionStatus,
-		children: ModalComponent
+		children: /* @__PURE__ */ u(PermissionsDialog, {
+			manager,
+			permissionStatus
+		})
 	});
 };
 //#endregion
@@ -18378,6 +18570,262 @@ var useCaptureResultPreview = (state) => {
 	};
 };
 //#endregion
+//#region src/modules/id/capture/captureHelpers.ts
+/**
+* Which layer(s) the capture screen mounts.
+*
+* The crossfade wins outright while it runs: on the IDC-05 treatment the machine
+* commits the frame on its own clock, so `uploading` arrives *before* the fade
+* rather than after it, and letting `uploading` win would hard-cut the live
+* layer away mid-animation.
+*
+* A `present` phase keeps the live layer mounted through the manual-capture
+* result preview, where a committed `previewImageUrl` already exists but the frozen still
+* is deliberately still on screen.
+*/
+function getCaptureStageView(state, phase) {
+	if (!state.previewImageUrl) return "live";
+	if (phase === "exiting") return "crossfade";
+	if (phase === "present") return "live";
+	return state.captureStatus === "uploading" ? "analyzing" : "live";
+}
+function getCaptureMode(state) {
+	return state.currentMode === "passport" ? "passport" : "id";
+}
+/**
+* Whether the manual-capture button is on screen right now: either the
+* genuine auto-capture-failed fallback (`detectionStatus === 'manualCapture'`)
+* or the `showCaptureButtonInAuto` shortcut (autocapture still running, button
+* offered as an optional shortcut). Shared by `Capture`'s render and
+* `useManualTooltipExperiment`'s sticky latch so the two can't drift apart.
+*/
+function isManualCaptureShown(state) {
+	return state.detectionStatus === "manualCapture" || state.showCaptureButtonInAuto && state.captureStatus === "detecting" && state.detectionStatus !== "capturing";
+}
+//#endregion
+//#region src/modules/id/experiments/constants.ts
+var CAMERA_PERMISSION_UX = {
+	CONTROL: "control",
+	PENDING: "pending",
+	PERMISSION_SHEET: "permissionSheet",
+	HOW_IT_WORKS: "howItWorks"
+};
+var ID_CAPTURE_STATUS = {
+	TUTORIAL: "tutorial",
+	PERMISSIONS: "permissions",
+	LOADING: "loading"
+};
+/** Underlying machine phases core collapses into `status: 'loading'`. */
+var ID_CAPTURE_LOADING_PHASE = { PERMISSIONS_IDLE: "permissionsIdle" };
+/** Underlying machine phases core collapses into `status: 'tutorial'`. */
+var ID_CAPTURE_TUTORIAL_PHASE = {
+	CHECKING_PERMISSION: "checkingPermission",
+	READY: "ready",
+	INITIALIZING_CAMERA: "initializingCamera",
+	WAITING_FOR_PERMISSION: "waitingForPermission",
+	WAITING_FOR_CAMERA: "waitingForCamera"
+};
+/** Tutorial phases where the user has already continued and the CTA must show busy. */
+var CONTINUING_TUTORIAL_PHASES = new Set([ID_CAPTURE_TUTORIAL_PHASE.WAITING_FOR_PERMISSION, ID_CAPTURE_TUTORIAL_PHASE.WAITING_FOR_CAMERA]);
+var PERMISSION_DIALOG_STATUS = {
+	IDLE: "idle",
+	MOTION_ONLY: "motionOnly",
+	REQUESTING: "requesting"
+};
+var EXPERIMENT_LIFECYCLE_STATUS = { PENDING: "pending" };
+/** IDC-08 arms — console-owned values, kebab-case `auto-dismiss` included. */
+var MANUAL_TOOLTIP = {
+	CONTROL: "control",
+	REMOVE: "remove",
+	AUTO_DISMISS: "auto-dismiss"
+};
+var MANUAL_TOOLTIP_VARIANTS = [
+	MANUAL_TOOLTIP.CONTROL,
+	MANUAL_TOOLTIP.REMOVE,
+	MANUAL_TOOLTIP.AUTO_DISMISS
+];
+/**
+* Today's shipped CSS dwell (`manualCaptureTooltipExit` animation-delay) — the
+* control arm's behavior, so also the param default: an unallocated/control
+* session that omits `autoDismissIntervalMs` must reproduce this exactly, not
+* the treatment's shortened dwell.
+*/
+var MANUAL_TOOLTIP_DISMISS_DELAY_MS = 3500;
+/** One `experimentAssigned` per session (default — today's product decision). */
+var MANUAL_TOOLTIP_DEDUPE_RULE_ONCE = "once";
+/** One `experimentAssigned` per (ID-module allocation, side). */
+var MANUAL_TOOLTIP_DEDUPE_RULE_PER_CAPTURE = "per-capture";
+//#endregion
+//#region src/modules/id/experiments/idExperiments.ts
+/**
+* Code-owned registry of ID-module UI experiments. Each entry is a
+* self-describing object param on `onboarding_web_sdk_ps`; see
+* `useIdExperiment` for how it is read and reported.
+*/
+var ID_EXPERIMENTS = {
+	flipCapturedCard: {
+		storeParam: "idcExp07FlipInCaptureState",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({ shouldFlipCapturedCard: booleanParam(false) })
+	},
+	cameraPermissionSheet: {
+		storeParam: "idcExp01PermissionSheet",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({ showPermissionSheet: booleanParam(false) })
+	},
+	darkCameraLoading: {
+		storeParam: "idcExp04DarkCameraLoading",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({ showDarkCameraLoading: booleanParam(false) })
+	},
+	cameraPermissionHowItWorks: {
+		storeParam: "idcExp02HowItWorks",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({ showHowItWorks: booleanParam(false) })
+	},
+	manualTooltip: {
+		storeParam: "idcExp08ManualTooltip",
+		module: eventModuleNames.idCapture,
+		...defineExperimentParams({
+			manualTooltipVariant: enumParam(MANUAL_TOOLTIP.CONTROL, MANUAL_TOOLTIP_VARIANTS),
+			autoDismissIntervalMs: numberParam(MANUAL_TOOLTIP_DISMISS_DELAY_MS, {
+				min: 0,
+				max: 1e4,
+				integer: true
+			})
+		})
+	}
+};
+//#endregion
+//#region src/experiments/makeUseModuleExperiment.ts
+/**
+* Builds a per-module experiment hook bound to `registry` (e.g.
+* `ID_EXPERIMENTS`). Each experiment is a self-describing object param on the
+* shared `onboarding_web_sdk_ps` store; the hook resolves it once at the
+* visibility site (single-phase read — exposure logged on that read).
+*/
+function makeUseModuleExperiment(registry) {
+	return function useModuleExperiment({ key, enabled = true, reportAssignment = true, dedupeKey, conditions }) {
+		const spec = registry[key];
+		const { value: store, status } = useFeatureManagement("parameterStore", ONBOARDING_WEB_SDK_PARAMETER_STORE);
+		const conditionsKey = conditions ? JSON.stringify(conditions) : "";
+		const resolvedDedupeKey = dedupeKey ?? spec.storeParam;
+		const resolved = T(() => enabled && status === "ready" ? resolveExperiment(spec, { store }) : {
+			params: { ...spec.defaults },
+			assignment: null
+		}, [
+			enabled,
+			status,
+			store,
+			spec
+		]);
+		const assignment = resolved.assignment;
+		const variant = typeof assignment?.variant === "string" ? assignment.variant : null;
+		y(() => {
+			if (!assignment || !reportAssignment) return;
+			recordExperimentAssignmentOnce(spec.module, resolvedDedupeKey, {
+				...assignment,
+				conditions: conditionsKey ? JSON.parse(conditionsKey) : void 0
+			});
+		}, [
+			assignment,
+			reportAssignment,
+			spec,
+			resolvedDedupeKey,
+			conditionsKey
+		]);
+		return {
+			variant,
+			status,
+			params: resolved.params
+		};
+	};
+}
+//#endregion
+//#region src/modules/id/experiments/useIdExperiment.ts
+/**
+* ID-module binding of `makeUseModuleExperiment` (see `@/experiments` for
+* the shared parameter-store/analytics-gate/assignment-recording mechanics),
+* bound to `ID_EXPERIMENTS`.
+*
+* Pass `enabled: false` for a surface/mode the treatment can never apply to
+* (e.g. passport in `flipCapturedCard`) so that surface neither logs an
+* exposure nor records an assignment; `params` still resolves to the
+* registry-declared defaults so callers don't need a separate
+* branch.
+*/
+var useIdExperiment = makeUseModuleExperiment(ID_EXPERIMENTS);
+//#endregion
+//#region src/modules/id/experiments/useManualTooltipExperiment.ts
+/**
+* IDC-08: resolves the manual-capture tooltip/title arm.
+*
+* A timing constraint the shared `useIdExperiment` hook doesn't cover on its
+* own:
+*
+* **Expose at capture entry, report at treatment show (else at commit).**
+* The arm is resolved (and Statsig-exposed) from the first render of
+* `Capture` so the exposed population stays symmetric across arms, but the
+* `experimentAssigned` interview-event lands at the first of two moments:
+* the render where the manual-capture surface (the thing the arms actually
+* change) becomes visible — so a session that sees the treatment and then
+* abandons is still counted — or, for sessions that never show it, once a
+* frame is committed. Reporting a never-shown session before commit would
+* misdescribe it: `showedManualCapture: false` could still flip to `true`,
+* but the first-wins dedupe would have already locked it in.
+* `reportAssignment` gates the report without re-gating (and so
+* re-exposing) the resolve.
+*
+* Reporting granularity is remote-selectable via
+* `MANUAL_TOOLTIP_DEDUPE_RULE_PARAM` (ships ahead of the PM/mobile sync on
+* the final rule, so it can be flipped without a code change): `'once'`
+* (default) is one `experimentAssigned` per session — `Capture` unmounts
+* between the front and back side, so whichever side reports first is the
+* one the event describes, and the other side's report is a no-op.
+* `'per-capture'` is one event per (ID-module allocation, side) instead — see
+* `getManualTooltipDedupeKey`.
+*/
+function useManualTooltipExperiment(manager, state) {
+	const { value: onboardingParameterStore } = useFeatureManagement("parameterStore", ONBOARDING_WEB_SDK_PARAMETER_STORE, { disableExposureLog: true });
+	const dedupeKey = getManualTooltipDedupeKey(onboardingParameterStore, manager, state);
+	const showedManualCaptureRef = A(false);
+	if (isManualCaptureShown(state)) showedManualCaptureRef.current = true;
+	const { params, status } = useIdExperiment({
+		key: "manualTooltip",
+		enabled: true,
+		reportAssignment: showedManualCaptureRef.current || state.captureStatus === "uploading" || state.captureStatus === "holdOn",
+		dedupeKey,
+		conditions: { showedManualCapture: showedManualCaptureRef.current }
+	});
+	let dismissDelayMs = MANUAL_TOOLTIP_DISMISS_DELAY_MS;
+	if (status === EXPERIMENT_LIFECYCLE_STATUS.PENDING) return {
+		variant: MANUAL_TOOLTIP.CONTROL,
+		dismissDelayMs
+	};
+	if (params.manualTooltipVariant === MANUAL_TOOLTIP.AUTO_DISMISS) dismissDelayMs = params.autoDismissIntervalMs;
+	return {
+		variant: params.manualTooltipVariant,
+		dismissDelayMs
+	};
+}
+var captureOccurrences = /* @__PURE__ */ new WeakMap();
+var nextCaptureOccurrence = 1;
+function getCaptureOccurrence(manager) {
+	let occurrence = captureOccurrences.get(manager);
+	if (occurrence === void 0) {
+		occurrence = nextCaptureOccurrence++;
+		captureOccurrences.set(manager, occurrence);
+	}
+	return occurrence;
+}
+function getManualTooltipDedupeKey(store, manager, state) {
+	const dedupeRule = store.get("idcExp08ManualTooltipDedupeRule", "once") === "per-capture" ? MANUAL_TOOLTIP_DEDUPE_RULE_PER_CAPTURE : MANUAL_TOOLTIP_DEDUPE_RULE_ONCE;
+	const captureInstance = getCaptureOccurrence(manager);
+	const base = ID_EXPERIMENTS.manualTooltip.storeParam;
+	if (dedupeRule === "once") return base;
+	return `${base}:${captureInstance}:${state.currentMode}:${state.attemptsRemaining}`;
+}
+//#endregion
 //#region src/modules/id/shared/captureFrame.tsx
 var CaptureFrame = ({ orientation, mode, state, children, className }) => {
 	const isHorizontal = orientation !== "vertical";
@@ -18611,66 +19059,6 @@ var IdProcessingResult = ({ variant, imageUrl, orientation, mode, title, subtitl
 	});
 };
 //#endregion
-//#region src/experiments/makeUseModuleExperiment.ts
-/**
-* Builds a per-module experiment hook bound to `registry` (e.g.
-* `ID_EXPERIMENTS`). Each experiment is a self-describing object param on the
-* shared `onboarding_web_sdk_ps` store; the hook resolves it once at the
-* visibility site (single-phase read — exposure logged on that read).
-*/
-function makeUseModuleExperiment(registry) {
-	return function useModuleExperiment({ key, enabled = true, conditions }) {
-		const spec = registry[key];
-		const { value: store, status } = useFeatureManagement("parameterStore", ONBOARDING_WEB_SDK_PARAMETER_STORE, { enabled });
-		const conditionsKey = conditions ? JSON.stringify(conditions) : "";
-		const resolved = T(() => enabled && status === "ready" ? resolveExperiment(spec, { store }) : {
-			params: { ...spec.defaults },
-			assignment: null
-		}, [
-			enabled,
-			status,
-			store,
-			spec
-		]);
-		const assignment = resolved.assignment;
-		const variant = typeof assignment?.variant === "string" ? assignment.variant : null;
-		y(() => {
-			if (!assignment) return;
-			recordExperimentAssignmentOnce(spec.module, spec.storeParam, {
-				...assignment,
-				conditions: conditionsKey ? JSON.parse(conditionsKey) : void 0
-			});
-		}, [
-			assignment,
-			spec,
-			conditionsKey
-		]);
-		return {
-			variant,
-			status,
-			params: resolved.params
-		};
-	};
-}
-//#endregion
-//#region src/modules/id/experiments/useIdExperiment.ts
-/**
-* ID-module binding of `makeUseModuleExperiment` (see `@/experiments` for
-* the shared parameter-store/analytics-gate/assignment-recording mechanics),
-* bound to `ID_EXPERIMENTS`.
-*
-* Pass `enabled: false` for a surface/mode the treatment can never apply to
-* (e.g. passport in `flipCapturedCard`) so that surface neither logs an
-* exposure nor records an assignment; `params` still resolves to the
-* registry-declared defaults so callers don't need a separate
-* branch.
-*/
-var useIdExperiment = makeUseModuleExperiment({ flipCapturedCard: {
-	storeParam: "idcExp07FlipInCaptureState",
-	module: eventModuleNames.idCapture,
-	...defineExperimentParams({ shouldFlipCapturedCard: booleanParam(false) })
-} });
-//#endregion
 //#region src/modules/id/processing/idSuccess.tsx
 var IdSuccess = ({ manager, state, blurImage }) => {
 	const { t } = useTranslation();
@@ -19380,7 +19768,19 @@ var resolveResultView = (t) => ({
 		subtitle: t("idv2.capture.resultPreview.subtitle")
 	}
 });
-var resolveLiveView = ({ t, mode, detectionStatus, isCapturing }) => {
+/** IDC-08 control/default copy — the title's shared idle vocabulary. */
+function getFillFrameTitle(t, mode) {
+	if (mode === "passport") return t("idv2.capture.fillFramePassport");
+	else if (mode === "back") return t("idv2.capture.fillFrameBack");
+	return t("idv2.capture.fillFrameFront");
+}
+/** IDC-08 `remove`/`auto-dismiss` title — states the action instead of "fill the frame". */
+function getManualCaptureTitle(t, mode) {
+	if (mode === "passport") return t("idv2.capture.manualCapture.capturePassport");
+	else if (mode === "back") return t("idv2.capture.manualCapture.captureBack");
+	return t("idv2.capture.manualCapture.captureFront");
+}
+var resolveLiveView = ({ t, mode, detectionStatus, isCapturing, showManualCapture, manualTooltipVariant }) => {
 	if (isCapturing || detectionStatus === "capturing") return {
 		frameState: "capturing",
 		header: {
@@ -19394,26 +19794,31 @@ var resolveLiveView = ({ t, mode, detectionStatus, isCapturing }) => {
 		frameState: hasDetectionError ? "error" : "idle",
 		header: null
 	};
-	const subtitle = isManualCapture ? "" : t("idv2.capture.autoCapture");
+	const isManualTooltipTreatment = showManualCapture && manualTooltipVariant !== MANUAL_TOOLTIP.CONTROL;
+	const title = isManualTooltipTreatment ? getManualCaptureTitle(t, mode) : getFillFrameTitle(t, mode);
+	let subtitle = t("idv2.capture.autoCapture");
+	if (isManualTooltipTreatment && manualTooltipVariant === MANUAL_TOOLTIP.REMOVE) subtitle = t("idv2.capture.manualCapture.pressButton");
+	else if (isManualCapture) subtitle = "";
 	return {
 		frameState: "idle",
 		header: {
-			title: mode === "passport" ? t("idv2.capture.fillFramePassport") : mode === "back" ? t("idv2.capture.fillFrameBack") : t("idv2.capture.fillFrameFront"),
+			title,
 			subtitle
 		}
 	};
 };
 //#endregion
 //#region src/modules/id/capture/captureOverlay.tsx
-var MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATION = "manualCaptureTooltipExit";
-var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCapturing, showManualCapture, onCapture, onOpenHelp, helpButtonRef, captureButtonRef, hideFooterActions, resultPreview }, ref) => {
+var MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATIONS = ["manualCaptureTooltipExit", "manualCaptureTooltipExitAutoDismiss"];
+var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCapturing, showManualCapture, onCapture, onOpenHelp, helpButtonRef, captureButtonRef, hideFooterActions, resultPreview, manualTooltipUx }, ref) => {
 	const { t } = useTranslation();
 	usePreloadCaptureAnimations();
 	const isResultPreview = resultPreview !== void 0;
+	const isTooltipRemoved = manualTooltipUx.variant === MANUAL_TOOLTIP.REMOVE;
 	const hasShownIdHintRef = A(false);
 	const cameraOverlayHeaderTitleRef = A(null);
 	const [showIdHint, setShowIdHint] = d(false);
-	const [manualCaptureTooltipDismissed, setManualCaptureTooltipDismissed] = d(false);
+	const [manualCaptureTooltipDismissed, setManualCaptureTooltipDismissed] = d(isTooltipRemoved);
 	y(() => {
 		if (detectionStatus === "idNotDetected") {
 			if (hasShownIdHintRef.current) return;
@@ -19424,10 +19829,10 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 		if (showIdHint) setShowIdHint(false);
 	}, [detectionStatus, showIdHint]);
 	y(() => {
-		if (!showManualCapture) setManualCaptureTooltipDismissed(false);
-	}, [showManualCapture]);
+		if (!showManualCapture) setManualCaptureTooltipDismissed(isTooltipRemoved);
+	}, [showManualCapture, isTooltipRemoved]);
 	const handleManualCaptureTooltipAnimationEnd = (event) => {
-		if (event.animationName !== MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATION) return;
+		if (!MANUAL_CAPTURE_TOOLTIP_EXIT_ANIMATIONS.includes(event.animationName)) return;
 		setManualCaptureTooltipDismissed(true);
 	};
 	y(() => {
@@ -19441,18 +19846,23 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 		t,
 		mode,
 		detectionStatus,
-		isCapturing
+		isCapturing,
+		showManualCapture,
+		manualTooltipVariant: manualTooltipUx.variant
 	}), [
 		isResultPreview,
 		t,
 		mode,
 		detectionStatus,
-		isCapturing
+		isCapturing,
+		showManualCapture,
+		manualTooltipUx.variant
 	]);
 	const isPassport = mode === "passport";
 	const frameOrientation = orientation !== "vertical" ? "horizontal" : "vertical";
-	const showManualCaptureTooltip = !isResultPreview && showManualCapture && !manualCaptureTooltipDismissed;
+	const showManualCaptureNode = !isResultPreview && showManualCapture;
 	const showCounter = isCapturing && counterValue > 0;
+	const captureAriaLabel = header?.title ? `${header.title}. ${t("manualCapture.ariaLabel")}` : void 0;
 	const manualCaptureTooltip = /* @__PURE__ */ u("div", {
 		id: "manual-capture-tooltip",
 		class: "IncodeIdManualCaptureTooltip",
@@ -19504,12 +19914,14 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 				onOpenHelp,
 				onCapture,
 				isManualCapture: showManualCapture,
+				captureAriaLabel,
 				helpButtonRef,
 				captureButtonRef,
-				captureAriaDescribedBy: showManualCaptureTooltip ? "manual-capture-tooltip" : void 0,
+				captureAriaDescribedBy: showManualCaptureNode ? "manual-capture-tooltip" : void 0,
 				hideActions: hideFooterActions,
-				children: showManualCaptureTooltip ? /* @__PURE__ */ u("div", {
-					class: "IncodeIdManualCaptureTooltipContainer",
+				children: showManualCaptureNode ? /* @__PURE__ */ u("div", {
+					class: cn("IncodeIdManualCaptureTooltipContainer", manualTooltipUx.variant === MANUAL_TOOLTIP.AUTO_DISMISS && "IncodeIdManualCaptureTooltipContainerAutoDismiss", manualCaptureTooltipDismissed && "IncodeIdManualCaptureTooltipContainerSrOnly"),
+					style: { "--manual-capture-tooltip-dismiss-delay": `${manualTooltipUx.dismissDelayMs}ms` },
 					onAnimationEnd: handleManualCaptureTooltipAnimationEnd,
 					children: manualCaptureTooltip
 				}) : null
@@ -19518,32 +19930,10 @@ var CaptureOverlay = D(({ mode, orientation, detectionStatus, counterValue, isCa
 	});
 });
 //#endregion
-//#region src/modules/id/capture/captureHelpers.ts
-/**
-* Which layer(s) the capture screen mounts.
-*
-* The crossfade wins outright while it runs: on the IDC-05 treatment the machine
-* commits the frame on its own clock, so `uploading` arrives *before* the fade
-* rather than after it, and letting `uploading` win would hard-cut the live
-* layer away mid-animation.
-*
-* A `present` phase keeps the live layer mounted through the manual-capture
-* result preview, where a committed `previewImageUrl` already exists but the frozen still
-* is deliberately still on screen.
-*/
-function getCaptureStageView(state, phase) {
-	if (!state.previewImageUrl) return "live";
-	if (phase === "exiting") return "crossfade";
-	if (phase === "present") return "live";
-	return state.captureStatus === "uploading" ? "analyzing" : "live";
-}
-function getCaptureMode(state) {
-	return state.currentMode === "passport" ? "passport" : "id";
-}
-//#endregion
 //#region src/modules/id/capture/capture.tsx
 var Capture = ({ manager, state }) => {
 	const { enabled: resultPreviewEnabled, phase: resultPreviewPhase, isResultPreview, resultPreviewImageUrl, onCrossfadeEnd } = useCaptureResultPreview(state);
+	const manualTooltipUx = useManualTooltipExperiment(manager, state);
 	const stageView = getCaptureStageView(state, resultPreviewPhase);
 	const isCrossfadeStage = stageView === "crossfade";
 	const isLiveStage = stageView === "live";
@@ -19582,7 +19972,8 @@ var Capture = ({ manager, state }) => {
 			state,
 			isResultPreview,
 			resultPreviewImageUrl,
-			hideFooterActions: !isLiveStage
+			hideFooterActions: !isLiveStage,
+			manualTooltipUx
 		})
 	}, "live");
 	return /* @__PURE__ */ u("div", {
@@ -19590,7 +19981,7 @@ var Capture = ({ manager, state }) => {
 		children: [idAnalyzingSlot, captureViewSlot]
 	});
 };
-var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hideFooterActions }) => {
+var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hideFooterActions, manualTooltipUx }) => {
 	const frameRef = A(null);
 	const helpButtonRef = A(null);
 	const captureButtonRef = A(null);
@@ -19610,8 +20001,7 @@ var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hid
 	useEventListener("resize", reportFrame);
 	useResizeObserver(frameRef, reportFrame);
 	const isCapturing = !isResultPreview && (state.captureStatus === "capturing" || state.detectionStatus === "capturing");
-	const detectionStatus = state.detectionStatus;
-	const showManualCapture = detectionStatus === "manualCapture" || state.showCaptureButtonInAuto && state.captureStatus === "detecting" && detectionStatus !== "capturing";
+	const showManualCapture = isManualCaptureShown(state);
 	const resultPreview = isResultPreview && resultPreviewImageUrl ? {
 		imageUrl: resultPreviewImageUrl,
 		blurImage: state.ageAssurance
@@ -19657,7 +20047,8 @@ var CaptureView = ({ manager, state, isResultPreview, resultPreviewImageUrl, hid
 					helpButtonRef,
 					captureButtonRef,
 					resultPreview,
-					hideFooterActions
+					hideFooterActions,
+					manualTooltipUx
 				})
 			}),
 			/* @__PURE__ */ u("div", { ref: portalRef }),
@@ -19701,30 +20092,66 @@ var ManualCaptureButton = ({ onClick, disabled, isPassport }) => {
 	});
 };
 //#endregion
+//#region src/modules/id/tutorialHelpers.ts
+/**
+* Resolves the tutorial's animation and copy for one document/side pairing.
+*
+* The three shapes are mutually exclusive, so each returns whole — passport
+* wins over side, matching the order the screen's copy was authored in.
+*/
+function getTutorialContent(t, isPassport, isBack, disclaimerText) {
+	let adjustedDisclaimerText;
+	if (isBack) adjustedDisclaimerText = t("idv2.backTutorial.disclaimer");
+	else adjustedDisclaimerText = t("idv2.tutorial.v2.autocapture");
+	if (disclaimerText) adjustedDisclaimerText = disclaimerText;
+	if (isPassport) return {
+		animationKey: "id.tutorial.passport",
+		title: t("idv2.capture.passport.title"),
+		subtitle: t("idv2.capture.passport.subtitle"),
+		disclaimerText: adjustedDisclaimerText
+	};
+	if (isBack) return {
+		animationKey: "id.tutorial.back",
+		title: t("idv2.backTutorial.title"),
+		subtitle: t("idv2.backTutorial.subtitle"),
+		disclaimerText: adjustedDisclaimerText
+	};
+	return {
+		animationKey: "id.tutorial.front",
+		title: t("idv2.tutorial.title"),
+		subtitle: t("idv2.tutorial.subtitle"),
+		disclaimerText: adjustedDisclaimerText
+	};
+}
+//#endregion
 //#region src/modules/id/tutorial.tsx
-var Tutorial = ({ manager, state }) => {
+var Tutorial = ({ manager, documentType, mode, isLoading: isLoadingProp, actionsSlot, onContinue, disclaimerText, shouldScaleAnimationContainer = true }) => {
 	const { t } = useTranslation();
-	const [isLoading, setIsLoading] = d(false);
-	const isPassport = state.selectedDocumentType === "passport";
-	const isBack = state.currentMode === "back";
-	const { data: animationData, isOverride } = useAnimationData(isPassport ? "id.tutorial.passport" : isBack ? "id.tutorial.back" : "id.tutorial.front");
-	const title = isPassport ? t("idv2.capture.passport.title") : isBack ? t("idv2.backTutorial.title") : t("idv2.tutorial.title");
-	const subtitle = isPassport ? t("idv2.capture.passport.subtitle") : isBack ? t("idv2.backTutorial.subtitle") : t("idv2.tutorial.subtitle");
-	const disclaimerText = isBack ? t("idv2.backTutorial.disclaimer") : t("idv2.tutorial.v2.autocapture");
+	const [internalIsLoading, setInternalIsLoading] = d(false);
+	const isLoading = isLoadingProp ?? internalIsLoading;
+	const isPassport = documentType === "passport";
+	const tutorialContent = getTutorialContent(t, isPassport, mode === "back", disclaimerText);
+	const { data: animationData, isOverride } = useAnimationData(tutorialContent.animationKey);
 	const handleContinue = async () => {
-		setIsLoading(true);
+		if (isLoadingProp === void 0) setInternalIsLoading(true);
+		if (onContinue) {
+			onContinue();
+			return;
+		}
 		await manager.nextStep();
 	};
 	return /* @__PURE__ */ u(BaseTutorial, {
 		animationData,
 		recolor: !isOverride,
-		title,
-		subtitle,
+		title: tutorialContent.title,
+		subtitle: tutorialContent.subtitle,
 		onContinue: handleContinue,
 		buttonText: t("idv2.tutorial.startScan"),
-		disclaimerText,
+		disclaimerText: tutorialContent.disclaimerText,
 		isLoading,
-		className: cn("IncodeIdTutorial", isPassport ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId")
+		actionsSlot,
+		className: cn("IncodeIdTutorial", isPassport ? "IncodeIdTutorialPassport" : "IncodeIdTutorialId"),
+		shouldScaleAnimationContainer
 	});
 };
 //#endregion
@@ -20864,4 +21291,4 @@ var FlipAnimation = ({ manager, direction }) => {
 	});
 };
 //#endregion
-export { VerificationResult as $, TextArea as A, getCountryByCode as B, CameraOverlayHeader as C, VerificationOptionCard as D, BottomSheet as E, PhoneInputComposed as F, formatResendTimer as G, translateError as H, countryFlagEmoji as I, InputComposed as J, useResendTimerAnnouncements as K, getCountryDisplayName as L, RadioButtonComposed as M, SegmentedDateInput as N, VerificationOptionCardList as O, DateInputComposed as P, StatusPage as Q, countries as R, CameraView as S, useManager as St, CameraFrame as T, Checkbox as U, FormField as V, OtpInput as W, ProgressBar as X, Input as Y, ConnectionError as Z, Permissions as _, useIsMobileDeviceWidth as _t, Capture as a, AutoFocusTitle as at, ManualCapture as b, useModuleTerminalCallbacks as bt, IdNoAttempts as c, ResolvedConfigProvider as ct, IdError as d, Page as dt, ErrorContent as et, useIdExperiment as f, VerifiedByIncodeLogo as ft, ManualCaptureButton$1 as g, useTimeoutHandle as gt, Capture$1 as h, useFeatureManagement as ht, ManualCaptureButton as i, LandscapeBlocker as it, RadioGroupComposed as j, TextAreaComposed as k, IdExpired as l, useHasResolvedConfig as lt, Tutorial$1 as m, TransitionSpinner as mt, Chooser as n, Overlay as nt, CaptureNotification as o, Snackbar as ot, CaptureFrame as p, usePageUiConfig as pt, PasswordInputComposed as q, Tutorial as r, IncodeComponent as rt, preloadCaptureAnimations as s, withStandaloneModuleBootstrap as st, FlipAnimation as t, Processing as tt, ExpiredId as u, TerminalErrorPage as ut, NumberedStep as v, useFormScrollable as vt, CameraOverlay as w, CaptureFooter as x, useScreenOrientation as xt, BaseTutorial as y, isTerminalModuleState as yt, getCountryByCallingCode as z };
+export { Checkbox as $, ManualCapture as A, useModuleTerminalCallbacks as At, TextArea as B, Permissions as C, usePageUiConfig as Ct, SvgPersonCardIcon as D, useIsMobileDeviceWidth as Dt, SvgCheckV2Icon as E, useTimeoutHandle as Et, CameraFrame as F, PhoneInputComposed as G, RadioButtonComposed as H, BottomSheet as I, countries as J, countryFlagEmoji as K, VerificationOptionCard as L, CameraView as M, useManager as Mt, CameraOverlayHeader as N, SvgReloadIcon as O, useFormScrollable as Ot, CameraOverlay as P, translateError as Q, VerificationOptionCardList as R, ManualCaptureButton$1 as S, VerifiedByIncodeLogo as St, NumberedStep as T, useFeatureManagement as Tt, SegmentedDateInput as U, RadioGroupComposed as V, DateInputComposed as W, getCountryByCode as X, getCountryByCallingCode as Y, FormField as Z, ID_CAPTURE_LOADING_PHASE as _, withStandaloneModuleBootstrap as _t, Capture as a, Input as at, Tutorial$1 as b, TerminalErrorPage as bt, IdNoAttempts as c, StatusPage as ct, IdError as d, Processing as dt, OtpInput as et, CaptureFrame as f, Overlay as ft, EXPERIMENT_LIFECYCLE_STATUS as g, Snackbar as gt, CONTINUING_TUTORIAL_PHASES as h, AutoFocusTitle as ht, ManualCaptureButton as i, InputComposed as it, CaptureFooter as j, useScreenOrientation as jt, BaseTutorial as k, isTerminalModuleState as kt, IdExpired as l, VerificationResult as lt, CAMERA_PERMISSION_UX as m, LandscapeBlocker as mt, Chooser as n, useResendTimerAnnouncements as nt, CaptureNotification as o, ProgressBar as ot, useIdExperiment as p, IncodeComponent as pt, getCountryDisplayName as q, Tutorial as r, PasswordInputComposed as rt, preloadCaptureAnimations as s, ConnectionError as st, FlipAnimation as t, formatResendTimer as tt, ExpiredId as u, ErrorContent as ut, ID_CAPTURE_STATUS as v, ResolvedConfigProvider as vt, PermissionsDialog as w, TransitionSpinner as wt, Capture$1 as x, Page as xt, PERMISSION_DIALOG_STATUS as y, useHasResolvedConfig as yt, TextAreaComposed as z };