@stakekit/widget 0.0.283 → 0.0.284

package/dist/package/index.package.js

@@ -30618,7 +30618,7 @@ var layer = /*#__PURE__*/ layerMergedContext(/*#__PURE__*/ succeed$4(/* @__PURE_
 })));
 //#endregion
 //#region package.json
-var version$1 = "0.0.283";
+var version$1 = "0.0.284";
 //#endregion
 //#region src/generated/api/borrow-client.ts
 var make$2 = (httpClient, options = {}) => {
@@ -68221,72 +68221,6 @@ var SKAtomRegistryProvider = (t0) => {
 	return t4;
 };
 //#endregion
-//#region src/app/embedding/widget-instance-claim.ts
-var widgetInstanceClaimKey = Symbol.for("@stakekit/widget/widget-instance-claim");
-var alreadyMountedMessage = "Only one StakeKit Widget may be mounted in a browser document at a time.";
-var StakeKitWidgetInstanceAlreadyMountedError = class extends Error {
-	name = "StakeKitWidgetInstanceAlreadyMountedError";
-	constructor() {
-		super(alreadyMountedMessage);
-	}
-};
-var acquireWidgetInstanceClaim = (browserDocument) => {
-	if (Reflect.has(browserDocument, widgetInstanceClaimKey)) throw new StakeKitWidgetInstanceAlreadyMountedError();
-	const claimOwnerToken = {};
-	Reflect.set(browserDocument, widgetInstanceClaimKey, claimOwnerToken);
-	return () => {
-		if (Reflect.get(browserDocument, widgetInstanceClaimKey) === claimOwnerToken) Reflect.deleteProperty(browserDocument, widgetInstanceClaimKey);
-	};
-};
-//#endregion
-//#region src/app/embedding/widget-instance-react-boundary.tsx
-/**
-* The non-rendering template discovers the actual mounting document before
-* application providers render.
-*/
-var WidgetInstanceReactBoundary = (t0) => {
-	const $ = (0, import_compiler_runtime.c)(7);
-	const { children } = t0;
-	const [claimAcquired, setClaimAcquired] = useState(false);
-	const releaseClaimRef = useRef(null);
-	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = (element) => {
-			if (element) {
-				releaseClaimRef.current = acquireWidgetInstanceClaim(element.ownerDocument);
-				setClaimAcquired(true);
-				return;
-			}
-			releaseClaimRef.current?.();
-			releaseClaimRef.current = null;
-		};
-		$[0] = t1;
-	} else t1 = $[0];
-	const claimBoundaryRef = t1;
-	let t2;
-	if ($[1] !== children || $[2] !== claimAcquired) {
-		t2 = claimAcquired ? /* @__PURE__ */ jsx(Fragment, { children }, "widget-instance-content") : null;
-		$[1] = children;
-		$[2] = claimAcquired;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = /* @__PURE__ */ jsx("template", {
-			"data-sk-widget-instance-boundary": "",
-			ref: claimBoundaryRef
-		}, "widget-instance-claim");
-		$[4] = t3;
-	} else t3 = $[4];
-	let t4;
-	if ($[5] !== t2) {
-		t4 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t2, t3] });
-		$[5] = t2;
-		$[6] = t4;
-	} else t4 = $[6];
-	return t4;
-};
-//#endregion
 //#region src/app/routes/application-routes.ts
 var applicationRoutes = [{
 	path: "*",
@@ -69083,8 +69017,9 @@ var borrowPositionsResourceAtom = makePresentableResourceFamily(family((key) =>
 //#endregion
 //#region src/features/borrow-transaction-flow/state/atoms/borrow-flow.ts
 var borrowTransactionFlowServiceAtom = walletRuntime.atom(service(BorrowTransactionFlowService)).pipe(keepAlive, withLabel("borrowTransactionFlowServiceAtom"));
-var currentBorrowFlowSessionResultAtom = walletRuntime.atom((context) => unwrap$1(context.result(borrowTransactionFlowServiceAtom).pipe(map$6((service) => service.currentSession)))).pipe(keepAlive, withLabel("currentBorrowFlowSessionResultAtom"));
-var currentBorrowFlowSessionAtom = make$11((get) => getOrElse(get(currentBorrowFlowSessionResultAtom), () => null)).pipe(withLabel("currentBorrowFlowSessionAtom"));
+var makeBorrowFlowRouteSessionAtom = () => walletRuntime.atom((context) => unwrap$1(context.result(borrowTransactionFlowServiceAtom).pipe(map$6((service) => service.currentSession)))).pipe(withLabel("borrowFlowRouteSession"));
+var currentBorrowFlowSessionResultAtom = makeBorrowFlowRouteSessionAtom().pipe(keepAlive, withLabel("currentBorrowFlowSessionResultAtom"));
+make$11((get) => getOrElse(get(currentBorrowFlowSessionResultAtom), () => null)).pipe(withLabel("currentBorrowFlowSessionAtom"));
 var startBorrowTransactionFlowAtom = walletRuntime.fn((intake, context) => context.result(borrowTransactionFlowServiceAtom).pipe(flatMap$4((service) => service.start(intake)))).pipe(withLabel("startBorrowTransactionFlowAtom"));
 //#endregion
 //#region src/domain/portfolio/positions.ts
@@ -72719,9 +72654,153 @@ var projectYieldEntry = ({ input, submitted }) => {
 	};
 };
 //#endregion
+//#region ../../node_modules/.pnpm/react-loading-skeleton@3.5.0_react@19.2.8/node_modules/react-loading-skeleton/dist/index.js
+/**
+* @internal
+*/
+var SkeletonThemeContext = React3.createContext({});
+var defaultEnableAnimation = true;
+function styleOptionsToCssProperties({ baseColor, highlightColor, width, height, borderRadius, circle, direction, duration, enableAnimation = defaultEnableAnimation, customHighlightBackground }) {
+	const style = {};
+	if (direction === "rtl") style["--animation-direction"] = "reverse";
+	if (typeof duration === "number") style["--animation-duration"] = `${duration}s`;
+	if (!enableAnimation) style["--pseudo-element-display"] = "none";
+	if (typeof width === "string" || typeof width === "number") style.width = width;
+	if (typeof height === "string" || typeof height === "number") style.height = height;
+	if (typeof borderRadius === "string" || typeof borderRadius === "number") style.borderRadius = borderRadius;
+	if (circle) style.borderRadius = "50%";
+	if (typeof baseColor !== "undefined") style["--base-color"] = baseColor;
+	if (typeof highlightColor !== "undefined") style["--highlight-color"] = highlightColor;
+	if (typeof customHighlightBackground === "string") style["--custom-highlight-background"] = customHighlightBackground;
+	return style;
+}
+function Skeleton({ count = 1, wrapper: Wrapper, className: customClassName, containerClassName, containerTestId, circle = false, style: styleProp, ...originalPropsStyleOptions }) {
+	var _a, _b, _c;
+	const contextStyleOptions = React3.useContext(SkeletonThemeContext);
+	const propsStyleOptions = { ...originalPropsStyleOptions };
+	for (const [key, value] of Object.entries(originalPropsStyleOptions)) if (typeof value === "undefined") delete propsStyleOptions[key];
+	const styleOptions = {
+		...contextStyleOptions,
+		...propsStyleOptions,
+		circle
+	};
+	const style = {
+		...styleProp,
+		...styleOptionsToCssProperties(styleOptions)
+	};
+	let className = "react-loading-skeleton";
+	if (customClassName) className += ` ${customClassName}`;
+	const inline = (_a = styleOptions.inline) !== null && _a !== void 0 ? _a : false;
+	const elements = [];
+	const countCeil = Math.ceil(count);
+	for (let i = 0; i < countCeil; i++) {
+		let thisStyle = style;
+		if (countCeil > count && i === countCeil - 1) {
+			const width = (_b = thisStyle.width) !== null && _b !== void 0 ? _b : "100%";
+			const fractionalPart = count % 1;
+			const fractionalWidth = typeof width === "number" ? width * fractionalPart : `calc(${width} * ${fractionalPart})`;
+			thisStyle = {
+				...thisStyle,
+				width: fractionalWidth
+			};
+		}
+		const skeletonSpan = React3.createElement("span", {
+			className,
+			style: thisStyle,
+			key: i
+		}, "‌");
+		if (inline) elements.push(skeletonSpan);
+		else elements.push(React3.createElement(React3.Fragment, { key: i }, skeletonSpan, React3.createElement("br", null)));
+	}
+	return React3.createElement("span", {
+		className: containerClassName,
+		"data-testid": containerTestId,
+		"aria-live": "polite",
+		"aria-busy": (_c = styleOptions.enableAnimation) !== null && _c !== void 0 ? _c : defaultEnableAnimation
+	}, Wrapper ? elements.map((el, i) => React3.createElement(Wrapper, { key: i }, el)) : elements);
+}
+//#endregion
+//#region src/shared/ui/primitives/content-loader/index.tsx
+var ContentLoaderSquare = (t0) => {
+	const $ = (0, import_compiler_runtime.c)(4);
+	const { heightPx, variant, containerClassName } = t0;
+	const t1 = variant?.size === "medium" ? vars.borderRadius.baseContract.md : vars.borderRadius.baseContract.xl;
+	let t2;
+	if ($[0] !== containerClassName || $[1] !== heightPx || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Skeleton, {
+			height: heightPx,
+			containerClassName,
+			baseColor: vars.color.skeletonLoaderBase,
+			highlightColor: vars.color.skeletonLoaderHighlight,
+			enableAnimation: true,
+			borderRadius: t1
+		});
+		$[0] = containerClassName;
+		$[1] = heightPx;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+var ContentLoaderLine = (t0) => {
+	const $ = (0, import_compiler_runtime.c)(4);
+	const { heightPx: t1, widthPx, containerClassName } = t0;
+	const heightPx = t1 === void 0 ? 12 : t1;
+	let t2;
+	if ($[0] !== containerClassName || $[1] !== heightPx || $[2] !== widthPx) {
+		t2 = /* @__PURE__ */ jsx(Skeleton, {
+			height: heightPx,
+			width: widthPx,
+			containerClassName,
+			baseColor: vars.color.skeletonLoaderBase,
+			highlightColor: vars.color.skeletonLoaderHighlight,
+			enableAnimation: true,
+			borderRadius: vars.borderRadius.baseContract.md
+		});
+		$[0] = containerClassName;
+		$[1] = heightPx;
+		$[2] = widthPx;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+var ContentLoaderCircle = (t0) => {
+	const $ = (0, import_compiler_runtime.c)(2);
+	const { sizePx } = t0;
+	let t1;
+	if ($[0] !== sizePx) {
+		t1 = /* @__PURE__ */ jsx(Skeleton, {
+			circle: true,
+			height: sizePx,
+			width: sizePx,
+			baseColor: vars.color.skeletonLoaderBase,
+			highlightColor: vars.color.skeletonLoaderHighlight,
+			enableAnimation: true
+		});
+		$[0] = sizePx;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
+};
+//#endregion
+//#region src/shared/ui/components/loading-skeleton/index.tsx
+var LoadingSkeleton = () => {
+	const $ = (0, import_compiler_runtime.c)(1);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("div", {
+			"aria-busy": "true",
+			children: /* @__PURE__ */ jsx(ContentLoaderSquare, { heightPx: 320 })
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	return t0;
+};
+//#endregion
 //#region src/features/classic-transaction-flow/state/atoms/classic-flow.ts
 var classicTransactionFlowServiceAtom = walletRuntime.atom(service(ClassicTransactionFlowService)).pipe(keepAlive, withLabel("classicTransactionFlowServiceAtom"));
-var currentClassicFlowSessionResultAtom = walletRuntime.atom((context) => unwrap$1(context.result(classicTransactionFlowServiceAtom).pipe(map$6((service) => service.currentSession)))).pipe(keepAlive, withLabel("currentClassicFlowSessionResultAtom"));
+var makeClassicFlowRouteSessionAtom = () => walletRuntime.atom((context) => unwrap$1(context.result(classicTransactionFlowServiceAtom).pipe(map$6((service) => service.currentSession)))).pipe(withLabel("classicFlowRouteSession"));
+var currentClassicFlowSessionResultAtom = makeClassicFlowRouteSessionAtom().pipe(keepAlive, withLabel("currentClassicFlowSessionResultAtom"));
 var currentClassicFlowSessionAtom = make$11((get) => getOrElse(get(currentClassicFlowSessionResultAtom), () => null)).pipe(withLabel("currentClassicFlowSessionAtom"));
 var currentYieldActionContinuationIdAtom = make$11((get) => {
 	const session = get(currentClassicFlowSessionAtom);
@@ -73207,10 +73286,6 @@ var makeClassicFlowSessionModule = (session) => makeScopedEffectAtom({
 var makeClassicFlowReviewScope = (session) => session.ports.makeReviewScopeAtom();
 var makeClassicFlowExecutionScope = (session) => session.ports.makeExecutionScopeAtom();
 var classicFlowSessionRootAtomFamily = family(makeClassicFlowSessionModule);
-var currentClassicFlowSessionRootAtom = make$11((get) => {
-	const session = get(currentClassicFlowSessionAtom);
-	return session ? classicFlowSessionRootAtomFamily(session) : null;
-}).pipe(withLabel("currentClassicFlowSessionRootAtom"));
 //#endregion
 //#region src/features/classic-transaction-flow/react/classic-flow-route.tsx
 var useClassicFlowSessionModule = () => {
@@ -73243,51 +73318,58 @@ var useClassicFlowIntake = (variant) => {
 	return t0;
 };
 var ClassicFlowRoute = (t0) => {
-	const $ = (0, import_compiler_runtime.c)(3);
+	const $ = (0, import_compiler_runtime.c)(8);
 	const { expected } = t0;
-	const session = useAtomValue(currentClassicFlowSessionAtom);
-	const intake = session ? getClassicTransactionFlowIntakeVariant(session.intake, expected) : null;
-	if (session && intake) {
+	const [sessionAtom] = useState(makeClassicFlowRouteSessionAtom);
+	const result = useAtomValue(sessionAtom);
+	if (result._tag === "Initial") {
+		let t1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(LoadingSkeleton, {});
+			$[0] = t1;
+		} else t1 = $[0];
+		return t1;
+	}
+	if (result._tag === "Failure") {
 		let t1;
-		if ($[0] !== session.epoch) {
-			t1 = /* @__PURE__ */ jsx(SessionBinding$1, {}, session.epoch);
-			$[0] = session.epoch;
+		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(Navigate, {
+				to: "/",
+				replace: true
+			});
 			$[1] = t1;
 		} else t1 = $[1];
 		return t1;
 	}
+	const session = result.value;
+	const intake = session ? getClassicTransactionFlowIntakeVariant(session.intake, expected) : null;
+	if (session && intake) {
+		const t1 = session.epoch;
+		let t2;
+		if ($[2] !== session) {
+			t2 = classicFlowSessionRootAtomFamily(session);
+			$[2] = session;
+			$[3] = t2;
+		} else t2 = $[3];
+		let t3;
+		if ($[4] !== session.epoch || $[5] !== t2) {
+			t3 = /* @__PURE__ */ jsx(MountedSessionBinding$1, { rootAtom: t2 }, t1);
+			$[4] = session.epoch;
+			$[5] = t2;
+			$[6] = t3;
+		} else t3 = $[6];
+		return t3;
+	}
 	let t1;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsx(Navigate, {
 			to: "/",
 			replace: true
 		});
-		$[2] = t1;
-	} else t1 = $[2];
+		$[7] = t1;
+	} else t1 = $[7];
 	return t1;
 };
-var SessionBinding$1 = () => {
-	const $ = (0, import_compiler_runtime.c)(3);
-	const rootAtom = useAtomValue(currentClassicFlowSessionRootAtom);
-	if (!rootAtom) {
-		let t0;
-		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-			t0 = /* @__PURE__ */ jsx(Navigate, {
-				to: "/",
-				replace: true
-			});
-			$[0] = t0;
-		} else t0 = $[0];
-		return t0;
-	}
-	let t0;
-	if ($[1] !== rootAtom) {
-		t0 = /* @__PURE__ */ jsx(MountedSessionBinding$1, { rootAtom });
-		$[1] = rootAtom;
-		$[2] = t0;
-	} else t0 = $[2];
-	return t0;
-};
 var MountedSessionBinding$1 = (t0) => {
 	const $ = (0, import_compiler_runtime.c)(3);
 	const { rootAtom } = t0;
@@ -89487,135 +89569,6 @@ var YieldActionContinuationStepsPage = () => {
 };
 var YieldActionContinuationCompletePage = ActivityCompletePage;
 //#endregion
-//#region ../../node_modules/.pnpm/react-loading-skeleton@3.5.0_react@19.2.8/node_modules/react-loading-skeleton/dist/index.js
-/**
-* @internal
-*/
-var SkeletonThemeContext = React3.createContext({});
-var defaultEnableAnimation = true;
-function styleOptionsToCssProperties({ baseColor, highlightColor, width, height, borderRadius, circle, direction, duration, enableAnimation = defaultEnableAnimation, customHighlightBackground }) {
-	const style = {};
-	if (direction === "rtl") style["--animation-direction"] = "reverse";
-	if (typeof duration === "number") style["--animation-duration"] = `${duration}s`;
-	if (!enableAnimation) style["--pseudo-element-display"] = "none";
-	if (typeof width === "string" || typeof width === "number") style.width = width;
-	if (typeof height === "string" || typeof height === "number") style.height = height;
-	if (typeof borderRadius === "string" || typeof borderRadius === "number") style.borderRadius = borderRadius;
-	if (circle) style.borderRadius = "50%";
-	if (typeof baseColor !== "undefined") style["--base-color"] = baseColor;
-	if (typeof highlightColor !== "undefined") style["--highlight-color"] = highlightColor;
-	if (typeof customHighlightBackground === "string") style["--custom-highlight-background"] = customHighlightBackground;
-	return style;
-}
-function Skeleton({ count = 1, wrapper: Wrapper, className: customClassName, containerClassName, containerTestId, circle = false, style: styleProp, ...originalPropsStyleOptions }) {
-	var _a, _b, _c;
-	const contextStyleOptions = React3.useContext(SkeletonThemeContext);
-	const propsStyleOptions = { ...originalPropsStyleOptions };
-	for (const [key, value] of Object.entries(originalPropsStyleOptions)) if (typeof value === "undefined") delete propsStyleOptions[key];
-	const styleOptions = {
-		...contextStyleOptions,
-		...propsStyleOptions,
-		circle
-	};
-	const style = {
-		...styleProp,
-		...styleOptionsToCssProperties(styleOptions)
-	};
-	let className = "react-loading-skeleton";
-	if (customClassName) className += ` ${customClassName}`;
-	const inline = (_a = styleOptions.inline) !== null && _a !== void 0 ? _a : false;
-	const elements = [];
-	const countCeil = Math.ceil(count);
-	for (let i = 0; i < countCeil; i++) {
-		let thisStyle = style;
-		if (countCeil > count && i === countCeil - 1) {
-			const width = (_b = thisStyle.width) !== null && _b !== void 0 ? _b : "100%";
-			const fractionalPart = count % 1;
-			const fractionalWidth = typeof width === "number" ? width * fractionalPart : `calc(${width} * ${fractionalPart})`;
-			thisStyle = {
-				...thisStyle,
-				width: fractionalWidth
-			};
-		}
-		const skeletonSpan = React3.createElement("span", {
-			className,
-			style: thisStyle,
-			key: i
-		}, "‌");
-		if (inline) elements.push(skeletonSpan);
-		else elements.push(React3.createElement(React3.Fragment, { key: i }, skeletonSpan, React3.createElement("br", null)));
-	}
-	return React3.createElement("span", {
-		className: containerClassName,
-		"data-testid": containerTestId,
-		"aria-live": "polite",
-		"aria-busy": (_c = styleOptions.enableAnimation) !== null && _c !== void 0 ? _c : defaultEnableAnimation
-	}, Wrapper ? elements.map((el, i) => React3.createElement(Wrapper, { key: i }, el)) : elements);
-}
-//#endregion
-//#region src/shared/ui/primitives/content-loader/index.tsx
-var ContentLoaderSquare = (t0) => {
-	const $ = (0, import_compiler_runtime.c)(4);
-	const { heightPx, variant, containerClassName } = t0;
-	const t1 = variant?.size === "medium" ? vars.borderRadius.baseContract.md : vars.borderRadius.baseContract.xl;
-	let t2;
-	if ($[0] !== containerClassName || $[1] !== heightPx || $[2] !== t1) {
-		t2 = /* @__PURE__ */ jsx(Skeleton, {
-			height: heightPx,
-			containerClassName,
-			baseColor: vars.color.skeletonLoaderBase,
-			highlightColor: vars.color.skeletonLoaderHighlight,
-			enableAnimation: true,
-			borderRadius: t1
-		});
-		$[0] = containerClassName;
-		$[1] = heightPx;
-		$[2] = t1;
-		$[3] = t2;
-	} else t2 = $[3];
-	return t2;
-};
-var ContentLoaderLine = (t0) => {
-	const $ = (0, import_compiler_runtime.c)(4);
-	const { heightPx: t1, widthPx, containerClassName } = t0;
-	const heightPx = t1 === void 0 ? 12 : t1;
-	let t2;
-	if ($[0] !== containerClassName || $[1] !== heightPx || $[2] !== widthPx) {
-		t2 = /* @__PURE__ */ jsx(Skeleton, {
-			height: heightPx,
-			width: widthPx,
-			containerClassName,
-			baseColor: vars.color.skeletonLoaderBase,
-			highlightColor: vars.color.skeletonLoaderHighlight,
-			enableAnimation: true,
-			borderRadius: vars.borderRadius.baseContract.md
-		});
-		$[0] = containerClassName;
-		$[1] = heightPx;
-		$[2] = widthPx;
-		$[3] = t2;
-	} else t2 = $[3];
-	return t2;
-};
-var ContentLoaderCircle = (t0) => {
-	const $ = (0, import_compiler_runtime.c)(2);
-	const { sizePx } = t0;
-	let t1;
-	if ($[0] !== sizePx) {
-		t1 = /* @__PURE__ */ jsx(Skeleton, {
-			circle: true,
-			height: sizePx,
-			width: sizePx,
-			baseColor: vars.color.skeletonLoaderBase,
-			highlightColor: vars.color.skeletonLoaderHighlight,
-			enableAnimation: true
-		});
-		$[0] = sizePx;
-		$[1] = t1;
-	} else t1 = $[1];
-	return t1;
-};
-//#endregion
 //#region src/features/activity/state/page.ts
 var shouldShowActivityDashboardSplit = (view) => view.status === "ready" && view.actions.length > 0;
 var resolveActivityPageWalletStatus = ({ configResult, connectionStatus }) => {
@@ -145872,6 +145825,7 @@ var makeBorrowFlowExecutionScopeAtom = (sessionOutcomeAtom) => makeScopedEffectS
 	getStates: (outcome) => outcome._tag === "Acquired" ? outcome.execution.states : never$1,
 	label: "borrowFlowExecutionScope",
 	makeValue: ({ handleAtom, stateAtom }) => {
+		const makeCompletionStateAtom = () => walletRuntime.atom((context) => unwrap$1(context.result(handleAtom).pipe(map$6((outcome) => outcome._tag === "Acquired" ? outcome.execution.states.pipe(map$8((state) => state._tag === "Completed")) : succeed$6(false))))).pipe(withLabel("borrowFlowCompletionState"));
 		const viewAtom = make$11((get) => {
 			const result = get(stateAtom);
 			const state = getOrNull(value$2(result));
@@ -145890,6 +145844,7 @@ var makeBorrowFlowExecutionScopeAtom = (sessionOutcomeAtom) => makeScopedEffectS
 			facade: {
 				backAtom: walletRuntime.fn((_input, context) => context.result(handleAtom).pipe(flatMap$4((outcome) => outcome._tag === "Acquired" ? outcome.execution.back() : succeed$4({ _tag: "RejectedStale" }))), { initialValue: void 0 }).pipe(withLabel("backBorrowFlowExecution")),
 				finishAtom: walletRuntime.fn((_input, context) => context.result(handleAtom).pipe(flatMap$4((outcome) => outcome._tag === "Acquired" ? outcome.execution.finish() : succeed$4({ _tag: "RejectedStale" }))), { initialValue: void 0 }).pipe(withLabel("finishBorrowFlowExecution")),
+				makeCompletionStateAtom,
 				viewAtom,
 				workflowCommandAtom
 			},
@@ -145945,10 +145900,6 @@ var makeBorrowFlowSessionModule = (session) => makeScopedEffectAtom({
 var makeBorrowFlowReviewScope = (session) => session.ports.makeReviewScopeAtom();
 var makeBorrowFlowExecutionScope = (session) => session.ports.makeExecutionScopeAtom();
 var borrowFlowSessionRootAtomFamily = family(makeBorrowFlowSessionModule);
-var currentBorrowFlowSessionRootAtom = make$11((get) => {
-	const session = get(currentBorrowFlowSessionAtom);
-	return session ? borrowFlowSessionRootAtomFamily(session) : null;
-}).pipe(withLabel("currentBorrowFlowSessionRootAtom"));
 //#endregion
 //#region src/features/borrow-transaction-flow/react/borrow-flow-route.tsx
 var BorrowFlowSessionContext = createContext(null);
@@ -145975,61 +145926,52 @@ var getEntryFallbackPath = (expected, marketId) => {
 	return "/positions";
 };
 var BorrowTransactionFlowRoute = (t0) => {
-	const $ = (0, import_compiler_runtime.c)(5);
+	const $ = (0, import_compiler_runtime.c)(8);
 	const { expected } = t0;
 	const routeParams = useParams();
 	const marketId = routeParams.marketId ? decodeSync(MarketId)(routeParams.marketId) : void 0;
-	const session = useAtomValue(currentBorrowFlowSessionAtom);
-	if (session && matchesEntry(session.intake.entry, expected, marketId)) {
+	const [sessionAtom] = useState(makeBorrowFlowRouteSessionAtom);
+	const result = useAtomValue(sessionAtom);
+	const fallbackPath = getEntryFallbackPath(expected, marketId);
+	if (result._tag === "Initial") {
 		let t1;
-		if ($[0] !== session.epoch || $[1] !== session.intake.entry) {
-			t1 = /* @__PURE__ */ jsx(SessionBinding, { entry: session.intake.entry }, session.epoch);
-			$[0] = session.epoch;
-			$[1] = session.intake.entry;
-			$[2] = t1;
-		} else t1 = $[2];
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1 = /* @__PURE__ */ jsx(LoadingSkeleton, {});
+			$[0] = t1;
+		} else t1 = $[0];
 		return t1;
 	}
-	const fallbackPath = getEntryFallbackPath(expected, marketId);
+	if (result._tag === "Failure") return /* @__PURE__ */ jsx(Navigate, {
+		replace: true,
+		to: fallbackPath
+	});
+	const session = result.value;
+	if (session && matchesEntry(session.intake.entry, expected, marketId)) {
+		const t1 = session.epoch;
+		let t2;
+		if ($[1] !== session) {
+			t2 = borrowFlowSessionRootAtomFamily(session);
+			$[1] = session;
+			$[2] = t2;
+		} else t2 = $[2];
+		let t3;
+		if ($[3] !== session.epoch || $[4] !== t2) {
+			t3 = /* @__PURE__ */ jsx(MountedSessionBinding, { rootAtom: t2 }, t1);
+			$[3] = session.epoch;
+			$[4] = t2;
+			$[5] = t3;
+		} else t3 = $[5];
+		return t3;
+	}
 	let t1;
-	if ($[3] !== fallbackPath) {
+	if ($[6] !== fallbackPath) {
 		t1 = /* @__PURE__ */ jsx(Navigate, {
 			replace: true,
 			to: fallbackPath
 		});
-		$[3] = fallbackPath;
-		$[4] = t1;
-	} else t1 = $[4];
-	return t1;
-};
-var SessionBinding = (t0) => {
-	const $ = (0, import_compiler_runtime.c)(6);
-	const { entry } = t0;
-	const rootAtom = useAtomValue(currentBorrowFlowSessionRootAtom);
-	if (!rootAtom) {
-		let t1;
-		if ($[0] !== entry) {
-			t1 = getBorrowTransactionFlowRoutes(entry);
-			$[0] = entry;
-			$[1] = t1;
-		} else t1 = $[1];
-		let t2;
-		if ($[2] !== t1.basePath) {
-			t2 = /* @__PURE__ */ jsx(Navigate, {
-				replace: true,
-				to: t1.basePath
-			});
-			$[2] = t1.basePath;
-			$[3] = t2;
-		} else t2 = $[3];
-		return t2;
-	}
-	let t1;
-	if ($[4] !== rootAtom) {
-		t1 = /* @__PURE__ */ jsx(MountedSessionBinding, { rootAtom });
-		$[4] = rootAtom;
-		$[5] = t1;
-	} else t1 = $[5];
+		$[6] = fallbackPath;
+		$[7] = t1;
+	} else t1 = $[7];
 	return t1;
 };
 var MountedSessionBinding = (t0) => {
@@ -146178,27 +146120,59 @@ var ExecutionBinding = (t0) => {
 	return t3;
 };
 var BorrowTransactionFlowCompletionGuard = () => {
-	const $ = (0, import_compiler_runtime.c)(5);
-	const view = useAtomValue(useBorrowTransactionFlowExecution().viewAtom);
-	const t0 = useBorrowTransactionFlow();
-	let t1;
-	if ($[0] !== t0.intake.entry) {
-		t1 = getBorrowTransactionFlowRoutes(t0.intake.entry);
-		$[0] = t0.intake.entry;
-		$[1] = t1;
-	} else t1 = $[1];
-	const { stepsPath } = t1;
+	const $ = (0, import_compiler_runtime.c)(9);
+	const execution = useBorrowTransactionFlowExecution();
+	let t0;
+	if ($[0] !== execution) {
+		t0 = () => execution.makeCompletionStateAtom();
+		$[0] = execution;
+		$[1] = t0;
+	} else t0 = $[1];
+	const [completionAtom] = useState(t0);
+	const result = useAtomValue(completionAtom);
+	const view = useAtomValue(execution.viewAtom);
+	const t1 = useBorrowTransactionFlow();
 	let t2;
-	if ($[2] !== stepsPath || $[3] !== view.isDone) {
-		t2 = view.isDone ? /* @__PURE__ */ jsx(Outlet, {}) : /* @__PURE__ */ jsx(Navigate, {
-			replace: true,
-			to: stepsPath
-		});
-		$[2] = stepsPath;
-		$[3] = view.isDone;
-		$[4] = t2;
-	} else t2 = $[4];
-	return t2;
+	if ($[2] !== t1.intake.entry) {
+		t2 = getBorrowTransactionFlowRoutes(t1.intake.entry);
+		$[2] = t1.intake.entry;
+		$[3] = t2;
+	} else t2 = $[3];
+	const { stepsPath } = t2;
+	if (result._tag === "Initial") {
+		let t3;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ jsx(LoadingSkeleton, {});
+			$[4] = t3;
+		} else t3 = $[4];
+		return t3;
+	}
+	if (result._tag === "Failure" || !result.value) {
+		let t3;
+		if ($[5] !== stepsPath) {
+			t3 = /* @__PURE__ */ jsx(Navigate, {
+				replace: true,
+				to: stepsPath
+			});
+			$[5] = stepsPath;
+			$[6] = t3;
+		} else t3 = $[6];
+		return t3;
+	}
+	if (!view.isDone) {
+		let t3;
+		if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ jsx(LoadingSkeleton, {});
+			$[7] = t3;
+		} else t3 = $[7];
+		return t3;
+	}
+	let t3;
+	if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsx(Outlet, {});
+		$[8] = t3;
+	} else t3 = $[8];
+	return t3;
 };
 //#endregion
 //#region src/features/borrow-transaction-flow/ui/use-borrow-execution.ts
@@ -148509,10 +148483,10 @@ var SKApp = (t0) => {
 	}
 	let t1;
 	if ($[3] !== children || $[4] !== hostConfiguration) {
-		t1 = /* @__PURE__ */ jsx(WidgetInstanceReactBoundary, { children: /* @__PURE__ */ jsx(SKAppProductionContent, {
+		t1 = /* @__PURE__ */ jsx(SKAppProductionContent, {
 			...hostConfiguration,
 			children
-		}) });
+		});
 		$[3] = children;
 		$[4] = hostConfiguration;
 		$[5] = t1;