@burojs/ui-shadcn 0.4.0 → 0.5.0

package/dist/page-flow-route-CQ7HsbBm.cjs

@@ -0,0 +1,277 @@
+const require_toaster = require("./toaster-C7CiYA4Z.cjs");
+const require_check_confirm_dialog = require("./check-confirm-dialog-BRByTFpg.cjs");
+const require_button = require("./button-BxnnE28H.cjs");
+const require_place_node = require("./place-node-SIp4XYQH.cjs");
+const require_resource_page_router = require("./resource-page-router-OSQyRA5b.cjs");
+const require_flow_screen = require("./flow-screen-CX05b3G9.cjs");
+let _burojs_core = require("@burojs/core");
+let _burojs_react = require("@burojs/react");
+let _tabler_icons_react = require("@tabler/icons-react");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _burojs_react_flows = require("@burojs/react/flows");
+//#region src/flows/page-flow-route.tsx
+function PageFlowRoute({ match }) {
+	const app = (0, _burojs_react.useApp)();
+	const snapshot = (0, _burojs_react.useApplicationSnapshot)();
+	const permissions = (0, _burojs_react.usePermissions)();
+	const resource = require_resource_page_router.canonicalNavKey(match);
+	const id = match.id ?? "";
+	const name = match.flow ?? "";
+	if (permissions?.status === "loading") return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "loading" });
+	const flow = (0, _burojs_core.effectiveFlow)(snapshot, match.ref, name);
+	const hasRecordPage = require_place_node.recordRouteAvailable(app.registry, resource, "show") || require_place_node.recordRouteAvailable(app.registry, resource, "edit");
+	if (flow === void 0) return (0, react_jsx_runtime.jsx)(require_resource_page_router.NavAreaNotFound, {});
+	if (!hasRecordPage || flow.host !== "page" || id === "") return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "not-found" });
+	return (0, react_jsx_runtime.jsx)(PageFlowRecord, {
+		resource,
+		id,
+		name
+	}, `${resource}:${id}:${name}`);
+}
+function PageFlowRecord(props) {
+	const { resource, id } = props;
+	const def = (0, _burojs_react.useApp)().registry.get(resource);
+	const projection = (0, react.useMemo)(() => def === void 0 ? void 0 : (0, _burojs_core.dtoFields)(def, "record"), [def]);
+	const query = (0, _burojs_react.useOne)(resource, {
+		id,
+		retry: _burojs_react.retryRecordRead,
+		...projection === void 0 ? {} : { projection }
+	});
+	const result = query.data;
+	if (result !== void 0) {
+		const record = result.data;
+		if (record === null || typeof record !== "object") return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "not-found" });
+		return (0, react_jsx_runtime.jsx)(PageFlowGate, {
+			...props,
+			record
+		});
+	}
+	if (query.error != null) {
+		const state = require_resource_page_router.recordErrorState(query.error);
+		return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, {
+			state,
+			onRetry: state === "error" ? () => void query.refetch() : void 0
+		});
+	}
+	return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "loading" });
+}
+function PageFlowGate(props) {
+	const { resource, name, record } = props;
+	const control = (0, _burojs_react.useFlowRowResolver)(resource)(name, record);
+	const dirty = (0, react.useRef)(false);
+	const running = (0, react.useRef)(false);
+	const keep = (control.state === "absent" && control.cause === "when" || control.state === "disabled") && running.current && dirty.current;
+	const track = (value) => {
+		dirty.current = value;
+	};
+	if (keep) return (0, react_jsx_runtime.jsx)(PageFlowRun, {
+		...props,
+		stale: true,
+		onDirty: track,
+		onMounted: (on) => running.current = on
+	});
+	switch (control.state) {
+		case "undecided":
+		case "pending": return (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "loading" });
+		case "absent": return control.cause === "when" ? (0, react_jsx_runtime.jsx)(PageFlowUnavailable, { ...props }) : (0, react_jsx_runtime.jsx)(require_resource_page_router.RecordState, { state: "not-found" });
+		case "disabled": return (0, react_jsx_runtime.jsx)(PageFlowUnavailable, {
+			...props,
+			...control.reason === void 0 ? {} : { reason: control.reason }
+		});
+		default: return (0, react_jsx_runtime.jsx)(PageFlowRun, {
+			...props,
+			record: control.record ?? record,
+			onDirty: track,
+			onMounted: (on) => running.current = on
+		});
+	}
+}
+function usePageFlowFrame(props) {
+	const { resource, id, name, record } = props;
+	const app = (0, _burojs_react.useApp)();
+	const chrome = require_check_confirm_dialog.useFlowChrome(resource, name);
+	const title = (0, _burojs_react.useProjectedTitle)(resource, id, record);
+	const showable = require_place_node.recordRouteAvailable(app.registry, resource, "show");
+	const recordHref = (0, _burojs_core.hrefFor)(app.registry, resource, {
+		action: showable ? "show" : "edit",
+		id
+	});
+	require_resource_page_router.usePublishRecordTrail({
+		key: require_resource_page_router.recordTrailKey(resource, id, `flow:${name}`),
+		title,
+		flowLabel: chrome.labelText
+	});
+	return {
+		chrome,
+		title,
+		recordHref
+	};
+}
+function PageFlowUnavailable(props) {
+	const t = (0, _burojs_react.useOptionalT)();
+	const tid = (0, _burojs_react.useTestIds)();
+	const { recordHref } = usePageFlowFrame(props);
+	const Link = require_toaster.useLinkComponent();
+	const flowId = usePageFlowId(props.resource, props.name);
+	return (0, react_jsx_runtime.jsx)("div", { children: (0, react_jsx_runtime.jsxs)("div", {
+		role: "status",
+		"data-testid": `${tid.pageFlow(flowId)}:unavailable`,
+		className: "flex flex-col gap-2 px-1 py-6 text-sm",
+		children: [
+			(0, react_jsx_runtime.jsx)("p", {
+				className: "font-medium",
+				children: require_check_confirm_dialog.text(t, "flow.notAvailable", "This action is not available")
+			}),
+			props.reason === void 0 ? null : (0, react_jsx_runtime.jsx)("p", {
+				className: "text-muted-foreground",
+				children: props.reason
+			}),
+			(0, react_jsx_runtime.jsx)(Link, {
+				href: recordHref,
+				className: "underline",
+				children: require_check_confirm_dialog.text(t, "flow.back", "Back")
+			})
+		]
+	}) });
+}
+function usePageFlowId(resource, name) {
+	const def = (0, _burojs_react.useApp)().registry.get(resource);
+	return (0, react.useMemo)(() => {
+		try {
+			return def === void 0 ? `${resource}/actions/${name}` : (0, _burojs_core.compileFlow)(def, name).flowId;
+		} catch {
+			return `${resource}/actions/${name}`;
+		}
+	}, [
+		def,
+		resource,
+		name
+	]);
+}
+function PageFlowRun(props) {
+	const { resource, name, stale = false, onDirty, onMounted } = props;
+	const [record] = (0, react.useState)(props.record);
+	const t = (0, _burojs_react.useOptionalT)();
+	const tid = (0, _burojs_react.useTestIds)();
+	const navigate = (0, _burojs_react.useRouteNavigate)();
+	const Link = require_toaster.useLinkComponent();
+	const scopeEffects = (0, _burojs_react.useDispatcherEffects)();
+	const { chrome, title, recordHref } = usePageFlowFrame(props);
+	const navigateRef = (0, react.useRef)(navigate);
+	navigateRef.current = navigate;
+	const thenEffects = (0, react.useCallback)(() => ({
+		...scopeEffects(),
+		redirect: (to) => navigateRef.current(to, { replace: true })
+	}), [scopeEffects]);
+	const target = (0, react.useMemo)(() => ({
+		resource,
+		action: name
+	}), [resource, name]);
+	const flow = (0, _burojs_react_flows.useFlowRun)(target, {
+		record,
+		surface: "page",
+		thenEffects
+	});
+	flow.holdThen(true);
+	const { run, snapshot, compiled } = flow;
+	const flowRef = (0, react.useRef)(flow);
+	flowRef.current = flow;
+	const [finished, setFinished] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (!finished) return;
+		const current = flowRef.current;
+		if (current.compiled?.flow.then?.redirect === void 0) navigateRef.current(recordHref, { replace: true });
+		setTimeout(() => current.runThen(), 0);
+	}, [finished, recordHref]);
+	const binding = (0, react.useMemo)(() => ({
+		kind: "page",
+		close: () => navigateRef.current(recordHref),
+		finish: () => setFinished(true)
+	}), [recordHref]);
+	(0, react.useEffect)(() => {
+		onMounted?.(true);
+		return () => onMounted?.(false);
+	}, [onMounted]);
+	(0, react.useEffect)(() => {
+		if (run === null) return;
+		let initial;
+		const sync = () => {
+			const now = run.getSnapshot();
+			if (initial === void 0 && now.history.includes("open")) initial = JSON.stringify(now.values);
+			onDirty?.(now.outcome?.outcome !== "success" && (now.outcome?.outcome === "unknown" || initial !== void 0 && JSON.stringify(now.values) !== initial));
+		};
+		sync();
+		return run.subscribe(sync);
+	}, [run, onDirty]);
+	const [discarded, setDiscarded] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		if (discarded) navigateRef.current(recordHref, { replace: true });
+	}, [discarded, recordHref]);
+	const documentTitle = `${chrome.labelText}${title === "" ? "" : ` · ${title}`}`;
+	(0, react.useEffect)(() => {
+		const previous = document.title;
+		document.title = documentTitle;
+		return () => {
+			document.title = previous;
+		};
+	}, [documentTitle]);
+	const opened = run !== null && compiled !== null && (snapshot.history.includes("open") || snapshot.step === "outcome");
+	const refused = snapshot.control === "disabled" || snapshot.control === "absent";
+	return (0, react_jsx_runtime.jsxs)("div", {
+		"data-testid": compiled === null ? void 0 : tid.pageFlow(compiled.flowId),
+		className: "flex min-h-0 flex-col gap-4",
+		children: [
+			(0, react_jsx_runtime.jsx)("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: (0, react_jsx_runtime.jsx)(Link, {
+					href: recordHref,
+					className: "ml-auto text-sm underline",
+					"data-testid": `${tid.pageFlow(compiled?.flowId ?? name)}:back`,
+					children: require_check_confirm_dialog.text(t, "flow.back", "Back")
+				})
+			}),
+			stale ? (0, react_jsx_runtime.jsxs)("div", {
+				role: "status",
+				"data-buro-flow-state": "stale",
+				className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground",
+				children: [(0, react_jsx_runtime.jsx)("span", { children: require_check_confirm_dialog.text(t, "flow.noLongerApplies", "This action no longer applies") }), (0, react_jsx_runtime.jsx)(require_button.Button, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: () => {
+						flow.reset();
+						setDiscarded(true);
+					},
+					children: require_check_confirm_dialog.text(t, "flow.discard", "Discard")
+				})]
+			}) : null,
+			opened ? (0, react_jsx_runtime.jsx)(require_flow_screen.FlowHostBindingContext.Provider, {
+				value: binding,
+				children: (0, react_jsx_runtime.jsx)("fieldset", {
+					disabled: stale,
+					className: "m-0 min-w-0 border-0 p-0",
+					children: (0, react_jsx_runtime.jsx)(require_flow_screen.FlowScreen, {
+						host: "page",
+						run,
+						compiled,
+						label: chrome.labelText,
+						...title === "" ? {} : { title },
+						record
+					})
+				})
+			}) : refused ? (0, react_jsx_runtime.jsx)("p", {
+				role: "alert",
+				className: "text-sm",
+				children: snapshot.reason ?? require_check_confirm_dialog.text(t, "flow.unavailable", "Not allowed.")
+			}) : (0, react_jsx_runtime.jsx)(_tabler_icons_react.IconLoader2, {
+				className: "h-5 w-5 animate-spin self-center",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+//#endregion
+exports.PageFlowRoute = PageFlowRoute;
+
+//# sourceMappingURL=page-flow-route-CQ7HsbBm.cjs.map

package/dist/page-flow-route-CQ7HsbBm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-flow-route-CQ7HsbBm.cjs","names":["useApp","useApplicationSnapshot","usePermissions","canonicalNavKey","RecordState","effectiveFlow","recordRouteAvailable","NavAreaNotFound","useMemo","dtoFields","useOne","retryRecordRead","recordErrorState","useFlowRowResolver","useRef","useFlowChrome","useProjectedTitle","hrefFor","recordTrailKey","useOptionalT","useTestIds","useLinkComponent","text","compileFlow","useState","useRouteNavigate","useDispatcherEffects","useCallback","useFlowRun","Button","FlowHostBindingContext","FlowScreen","IconLoader2"],"sources":["../src/flows/page-flow-route.tsx"],"sourcesContent":["'use client';\n/**\n * A page-hosted flow's route (P6 3.11): `<record route>/<flow name>`. It owns the whole gate in\n * order, so a user who may not run the flow never sees a trace of it:\n *\n *  1. the permission map is decided, else the record route's loading state and nothing is read;\n *  2. static: the resource has a record page, the flow is an item flow and, in the published\n *     snapshot, its `host` is `page`; else the record route's not-found;\n *  3. the record is read by id with the record DTO;\n *  4. the flow's gate over that row (`requires`, the mutation's `requires`, `action/run` rules):\n *     hidden, absent, or a missing or forbidden row is the same not-found as `/articles/missing`;\n *     a false `when` or a blocking pre-click check is \"not available\" and the way back;\n *  5. only then the run (`useFlowRun`) and its sources.\n */\nimport { type RouteMatch, compileFlow, dtoFields, effectiveFlow, hrefFor } from '@burojs/core';\nimport {\n  retryRecordRead,\n  useApp,\n  useApplicationSnapshot,\n  useDispatcherEffects,\n  useFlowRowResolver,\n  useOne,\n  useOptionalT,\n  usePermissions,\n  useProjectedTitle,\n  useRouteNavigate,\n  useTestIds,\n} from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLinkComponent } from '../layout/link-component.js';\nimport { recordErrorState } from '../layout/record-page.js';\nimport { recordRouteAvailable } from '../layout/record-targets.js';\nimport { recordTrailKey, usePublishRecordTrail } from '../layout/record-trail-store.js';\nimport { RecordState } from '../record/record-state.js';\nimport { NavAreaNotFound } from '../layout/resource-page-router.js';\nimport { canonicalNavKey } from '../resource-key.js';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, FlowHostBindingContext, FlowScreen } from './flow-screen.js';\n\ntype Row = { id: string } & Record<string, unknown>;\n\ninterface PageFlowProps {\n  readonly resource: string;\n  readonly id: string;\n  readonly name: string;\n}\n\nexport interface PageFlowRouteProps {\n  readonly match: RouteMatch;\n}\n\n/** The route: the static gate, then the record, then the flow's own gate. */\nexport function PageFlowRoute({ match }: PageFlowRouteProps): ReactElement {\n  const app = useApp();\n  const snapshot = useApplicationSnapshot();\n  const permissions = usePermissions();\n  const resource = canonicalNavKey(match as never);\n  const id = match.id ?? '';\n  const name = match.flow ?? '';\n  // (1) Decided before anything is read.\n  if (permissions?.status === 'loading') return <RecordState state=\"loading\" />;\n  // (2) Static: a record page to hang the route on, and an item flow whose effective host is page.\n  const flow = effectiveFlow(snapshot, match.ref, name);\n  const hasRecordPage =\n    recordRouteAvailable(app.registry, resource, 'show') ||\n    recordRouteAvailable(app.registry, resource, 'edit');\n  // A name no item flow answers to is no route at all (`/orders/x/segments`): the framework 404,\n  // as for any unmatched URL. A flow that exists but is not page-hosted, or a record page that is\n  // missing, keeps the record route's not-found, so a denied flow reads like a missing record.\n  if (flow === undefined) return <NavAreaNotFound />;\n  if (!hasRecordPage || flow.host !== 'page' || id === '') return <RecordState state=\"not-found\" />;\n  return <PageFlowRecord key={`${resource}:${id}:${name}`} {...{ resource, id, name }} />;\n}\n\n/** (3) The record by id, with the record DTO: the same read the record route makes. */\nfunction PageFlowRecord(props: PageFlowProps): ReactElement {\n  const { resource, id } = props;\n  const app = useApp();\n  const def = app.registry.get(resource);\n  const projection = useMemo(\n    () => (def === undefined ? undefined : dtoFields(def, 'record')),\n    [def],\n  );\n  const query = useOne(resource, {\n    id,\n    retry: retryRecordRead,\n    ...(projection === undefined ? {} : { projection }),\n  });\n  const result = query.data as { readonly data?: unknown } | undefined;\n  if (result !== undefined) {\n    const record = result.data;\n    if (record === null || typeof record !== 'object') return <RecordState state=\"not-found\" />;\n    return <PageFlowGate {...props} record={record as Row} />;\n  }\n  if (query.error != null) {\n    const state = recordErrorState(query.error);\n    return (\n      <RecordState\n        state={state}\n        onRetry={state === 'error' ? () => void query.refetch() : undefined}\n      />\n    );\n  }\n  return <RecordState state=\"loading\" />;\n}\n\n/** (4) The flow's gate over the row, as its button decides it: no second rule here. */\nfunction PageFlowGate(props: PageFlowProps & { readonly record: Row }): ReactElement {\n  const { resource, name, record } = props;\n  const resolve = useFlowRowResolver(resource);\n  const control = resolve(name, record);\n  // Someone else's change can take the flow away under a form that holds input: the page keeps\n  // the form, read-only, with the \"no longer applies\" notice and Discard (3.12), instead of\n  // unmounting it silently. `useRef` here, `PageFlowRun` mounted from the first available render.\n  const dirty = useRef(false);\n  const running = useRef(false);\n  const goneNow =\n    (control.state === 'absent' && control.cause === 'when') || control.state === 'disabled';\n  const keep = goneNow && running.current && dirty.current;\n  const track = (value: boolean) => {\n    dirty.current = value;\n  };\n  if (keep)\n    return (\n      <PageFlowRun {...props} stale onDirty={track} onMounted={(on) => (running.current = on)} />\n    );\n  switch (control.state) {\n    case 'undecided':\n    case 'pending':\n      return <RecordState state=\"loading\" />;\n    case 'absent':\n      return control.cause === 'when' ? (\n        <PageFlowUnavailable {...props} />\n      ) : (\n        <RecordState state=\"not-found\" />\n      );\n    case 'disabled':\n      return (\n        <PageFlowUnavailable\n          {...props}\n          {...(control.reason === undefined ? {} : { reason: control.reason })}\n        />\n      );\n    default:\n      return (\n        <PageFlowRun\n          {...props}\n          record={(control.record ?? record) as Row}\n          onDirty={track}\n          onMounted={(on) => (running.current = on)}\n        />\n      );\n  }\n}\n\n/**\n * The flow's name, the record's title and the record's way back, shared by every state of the\n * page that shows the record. It also tells the header's trail (`<HeaderBreadcrumbs>`) the\n * record's title and the flow's label, which the trail ends with: only these states do, so a\n * loading or not-found flow route never names its flow.\n */\nfunction usePageFlowFrame(props: PageFlowProps & { readonly record: Row }) {\n  const { resource, id, name, record } = props;\n  const app = useApp();\n  const chrome = useFlowChrome(resource, name);\n  const title = useProjectedTitle(resource, id, record);\n  const showable = recordRouteAvailable(app.registry, resource, 'show');\n  const recordHref = hrefFor(app.registry, resource, {\n    action: showable ? 'show' : 'edit',\n    id,\n  });\n  usePublishRecordTrail({\n    key: recordTrailKey(resource, id, `flow:${name}`),\n    title,\n    flowLabel: chrome.labelText,\n  });\n  return { chrome, title, recordHref };\n}\n\n/** `when` false, or a blocking check: the reason and the way back, no form. */\nfunction PageFlowUnavailable(\n  props: PageFlowProps & { readonly record: Row; readonly reason?: string },\n): ReactElement {\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const { recordHref } = usePageFlowFrame(props);\n  const Link = useLinkComponent();\n  const flowId = usePageFlowId(props.resource, props.name);\n  return (\n    <div>\n      <div\n        role=\"status\"\n        data-testid={`${tid.pageFlow(flowId)}:unavailable`}\n        className=\"flex flex-col gap-2 px-1 py-6 text-sm\"\n      >\n        <p className=\"font-medium\">\n          {text(t, 'flow.notAvailable', 'This action is not available')}\n        </p>\n        {props.reason === undefined ? null : (\n          <p className=\"text-muted-foreground\">{props.reason}</p>\n        )}\n        <Link href={recordHref} className=\"underline\">\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n    </div>\n  );\n}\n\n/** The flow's identity (`default:articles/actions/rename`), for test ids; stable when compiled. */\nfunction usePageFlowId(resource: string, name: string): string {\n  const app = useApp();\n  const def = app.registry.get(resource);\n  return useMemo(() => {\n    try {\n      return def === undefined\n        ? `${resource}/actions/${name}`\n        : compileFlow(def as never, name).flowId;\n    } catch {\n      return `${resource}/actions/${name}`;\n    }\n  }, [def, resource, name]);\n}\n\n/** (5) The run and its host. */\nfunction PageFlowRun(\n  props: PageFlowProps & {\n    readonly record: Row;\n    /** The flow no longer applies: the form stays, read-only, with a notice and Discard. */\n    readonly stale?: boolean;\n    readonly onDirty?: (dirty: boolean) => void;\n    readonly onMounted?: (mounted: boolean) => void;\n  },\n): ReactElement {\n  const { resource, name, stale = false, onDirty, onMounted } = props;\n  // The run belongs to the record as it was opened: the refetch after the write must not build\n  // a new run (and lose the outcome `then` is about to run on). Display reads the fresh one.\n  const [record] = useState(props.record);\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const navigate = useRouteNavigate();\n  const Link = useLinkComponent();\n  const scopeEffects = useDispatcherEffects();\n  const { chrome, title, recordHref } = usePageFlowFrame(props);\n  const navigateRef = useRef(navigate);\n  navigateRef.current = navigate;\n  // `redirect` replaces the page: Back cannot reach a form that has been submitted.\n  const thenEffects = useCallback(\n    () => ({\n      ...scopeEffects(),\n      redirect: (to: Parameters<typeof navigate>[0]) => navigateRef.current(to, { replace: true }),\n    }),\n    [scopeEffects],\n  );\n  const target = useMemo(() => ({ resource, action: name }), [resource, name]);\n  const flow = useFlowRun(target, { record, surface: 'page', thenEffects });\n  // `then` is the page's to run, once it left the form (4.13).\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const flowRef = useRef(flow);\n  flowRef.current = flow;\n\n  // The page leaves the form behind: after the form below it reset (a clean form asks the guard\n  // nothing), replace the page by the destination, then run `then` over it.\n  const [finished, setFinished] = useState(false);\n  useEffect(() => {\n    if (!finished) return;\n    const current = flowRef.current;\n    if (current.compiled?.flow.then?.redirect === undefined)\n      navigateRef.current(recordHref, { replace: true });\n    // After the route committed: an overlay opened by `then` belongs to the destination, and a\n    // route change in flight would close it again.\n    setTimeout(() => current.runThen(), 0);\n  }, [finished, recordHref]);\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'page',\n      close: () => navigateRef.current(recordHref),\n      finish: () => setFinished(true),\n    }),\n    [recordHref],\n  );\n\n  useEffect(() => {\n    onMounted?.(true);\n    return () => onMounted?.(false);\n  }, [onMounted]);\n  // Unsaved input or an unresolved attempt: what the gate must not unmount silently.\n  useEffect(() => {\n    if (run === null) return;\n    let initial: string | undefined;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (initial === undefined && now.history.includes('open'))\n        initial = JSON.stringify(now.values);\n      onDirty?.(\n        now.outcome?.outcome !== 'success' &&\n          (now.outcome?.outcome === 'unknown' ||\n            (initial !== undefined && JSON.stringify(now.values) !== initial)),\n      );\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [run, onDirty]);\n  // Discard: the input is dropped first, so the guard has nothing to ask, then the page leaves.\n  const [discarded, setDiscarded] = useState(false);\n  useEffect(() => {\n    if (discarded) navigateRef.current(recordHref, { replace: true });\n  }, [discarded, recordHref]);\n\n  const documentTitle = `${chrome.labelText}${title === '' ? '' : ` · ${title}`}`;\n  useEffect(() => {\n    const previous = document.title;\n    document.title = documentTitle;\n    return () => {\n      document.title = previous;\n    };\n  }, [documentTitle]);\n\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  const refused = snapshot.control === 'disabled' || snapshot.control === 'absent';\n  return (\n    <div\n      data-testid={compiled === null ? undefined : tid.pageFlow(compiled.flowId)}\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Link\n          href={recordHref}\n          className=\"ml-auto text-sm underline\"\n          data-testid={`${tid.pageFlow(compiled?.flowId ?? name)}:back`}\n        >\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => {\n              flow.reset();\n              setDiscarded(true);\n            }}\n          >\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <FlowHostBindingContext.Provider value={binding}>\n          <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n            <FlowScreen\n              host=\"page\"\n              run={run}\n              compiled={compiled}\n              label={chrome.labelText}\n              {...(title === '' ? {} : { title })}\n              record={record}\n            />\n          </fieldset>\n        </FlowHostBindingContext.Provider>\n      ) : refused ? (\n        <p role=\"alert\" className=\"text-sm\">\n          {snapshot.reason ?? text(t, 'flow.unavailable', 'Not allowed.')}\n        </p>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/page-flow-route-CyXSvXSE.js

@@ -0,0 +1,277 @@
+import { d as useLinkComponent } from "./toaster-CfCRLgR-.js";
+import { h as useFlowChrome, m as text } from "./check-confirm-dialog-CkaVTPT9.js";
+import { t as Button } from "./button-MWVeZaqj.js";
+import { ht as recordRouteAvailable } from "./place-node--GdsP688.js";
+import { M as canonicalNavKey, a as recordErrorState, b as RecordState, m as usePublishRecordTrail, p as recordTrailKey, t as NavAreaNotFound } from "./resource-page-router-T4vS5gbJ.js";
+import { FlowHostBindingContext, FlowScreen } from "./flow-screen-CmbARSqg.js";
+import { compileFlow, dtoFields, effectiveFlow, hrefFor } from "@burojs/core";
+import { retryRecordRead, useApp, useApplicationSnapshot, useDispatcherEffects, useFlowRowResolver, useOne, useOptionalT, usePermissions, useProjectedTitle, useRouteNavigate, useTestIds } from "@burojs/react";
+import { IconLoader2 } from "@tabler/icons-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFlowRun } from "@burojs/react/flows";
+//#region src/flows/page-flow-route.tsx
+function PageFlowRoute({ match }) {
+	const app = useApp();
+	const snapshot = useApplicationSnapshot();
+	const permissions = usePermissions();
+	const resource = canonicalNavKey(match);
+	const id = match.id ?? "";
+	const name = match.flow ?? "";
+	if (permissions?.status === "loading") return jsx(RecordState, { state: "loading" });
+	const flow = effectiveFlow(snapshot, match.ref, name);
+	const hasRecordPage = recordRouteAvailable(app.registry, resource, "show") || recordRouteAvailable(app.registry, resource, "edit");
+	if (flow === void 0) return jsx(NavAreaNotFound, {});
+	if (!hasRecordPage || flow.host !== "page" || id === "") return jsx(RecordState, { state: "not-found" });
+	return jsx(PageFlowRecord, {
+		resource,
+		id,
+		name
+	}, `${resource}:${id}:${name}`);
+}
+function PageFlowRecord(props) {
+	const { resource, id } = props;
+	const def = useApp().registry.get(resource);
+	const projection = useMemo(() => def === void 0 ? void 0 : dtoFields(def, "record"), [def]);
+	const query = useOne(resource, {
+		id,
+		retry: retryRecordRead,
+		...projection === void 0 ? {} : { projection }
+	});
+	const result = query.data;
+	if (result !== void 0) {
+		const record = result.data;
+		if (record === null || typeof record !== "object") return jsx(RecordState, { state: "not-found" });
+		return jsx(PageFlowGate, {
+			...props,
+			record
+		});
+	}
+	if (query.error != null) {
+		const state = recordErrorState(query.error);
+		return jsx(RecordState, {
+			state,
+			onRetry: state === "error" ? () => void query.refetch() : void 0
+		});
+	}
+	return jsx(RecordState, { state: "loading" });
+}
+function PageFlowGate(props) {
+	const { resource, name, record } = props;
+	const control = useFlowRowResolver(resource)(name, record);
+	const dirty = useRef(false);
+	const running = useRef(false);
+	const keep = (control.state === "absent" && control.cause === "when" || control.state === "disabled") && running.current && dirty.current;
+	const track = (value) => {
+		dirty.current = value;
+	};
+	if (keep) return jsx(PageFlowRun, {
+		...props,
+		stale: true,
+		onDirty: track,
+		onMounted: (on) => running.current = on
+	});
+	switch (control.state) {
+		case "undecided":
+		case "pending": return jsx(RecordState, { state: "loading" });
+		case "absent": return control.cause === "when" ? jsx(PageFlowUnavailable, { ...props }) : jsx(RecordState, { state: "not-found" });
+		case "disabled": return jsx(PageFlowUnavailable, {
+			...props,
+			...control.reason === void 0 ? {} : { reason: control.reason }
+		});
+		default: return jsx(PageFlowRun, {
+			...props,
+			record: control.record ?? record,
+			onDirty: track,
+			onMounted: (on) => running.current = on
+		});
+	}
+}
+function usePageFlowFrame(props) {
+	const { resource, id, name, record } = props;
+	const app = useApp();
+	const chrome = useFlowChrome(resource, name);
+	const title = useProjectedTitle(resource, id, record);
+	const showable = recordRouteAvailable(app.registry, resource, "show");
+	const recordHref = hrefFor(app.registry, resource, {
+		action: showable ? "show" : "edit",
+		id
+	});
+	usePublishRecordTrail({
+		key: recordTrailKey(resource, id, `flow:${name}`),
+		title,
+		flowLabel: chrome.labelText
+	});
+	return {
+		chrome,
+		title,
+		recordHref
+	};
+}
+function PageFlowUnavailable(props) {
+	const t = useOptionalT();
+	const tid = useTestIds();
+	const { recordHref } = usePageFlowFrame(props);
+	const Link = useLinkComponent();
+	const flowId = usePageFlowId(props.resource, props.name);
+	return jsx("div", { children: jsxs("div", {
+		role: "status",
+		"data-testid": `${tid.pageFlow(flowId)}:unavailable`,
+		className: "flex flex-col gap-2 px-1 py-6 text-sm",
+		children: [
+			jsx("p", {
+				className: "font-medium",
+				children: text(t, "flow.notAvailable", "This action is not available")
+			}),
+			props.reason === void 0 ? null : jsx("p", {
+				className: "text-muted-foreground",
+				children: props.reason
+			}),
+			jsx(Link, {
+				href: recordHref,
+				className: "underline",
+				children: text(t, "flow.back", "Back")
+			})
+		]
+	}) });
+}
+function usePageFlowId(resource, name) {
+	const def = useApp().registry.get(resource);
+	return useMemo(() => {
+		try {
+			return def === void 0 ? `${resource}/actions/${name}` : compileFlow(def, name).flowId;
+		} catch {
+			return `${resource}/actions/${name}`;
+		}
+	}, [
+		def,
+		resource,
+		name
+	]);
+}
+function PageFlowRun(props) {
+	const { resource, name, stale = false, onDirty, onMounted } = props;
+	const [record] = useState(props.record);
+	const t = useOptionalT();
+	const tid = useTestIds();
+	const navigate = useRouteNavigate();
+	const Link = useLinkComponent();
+	const scopeEffects = useDispatcherEffects();
+	const { chrome, title, recordHref } = usePageFlowFrame(props);
+	const navigateRef = useRef(navigate);
+	navigateRef.current = navigate;
+	const thenEffects = useCallback(() => ({
+		...scopeEffects(),
+		redirect: (to) => navigateRef.current(to, { replace: true })
+	}), [scopeEffects]);
+	const target = useMemo(() => ({
+		resource,
+		action: name
+	}), [resource, name]);
+	const flow = useFlowRun(target, {
+		record,
+		surface: "page",
+		thenEffects
+	});
+	flow.holdThen(true);
+	const { run, snapshot, compiled } = flow;
+	const flowRef = useRef(flow);
+	flowRef.current = flow;
+	const [finished, setFinished] = useState(false);
+	useEffect(() => {
+		if (!finished) return;
+		const current = flowRef.current;
+		if (current.compiled?.flow.then?.redirect === void 0) navigateRef.current(recordHref, { replace: true });
+		setTimeout(() => current.runThen(), 0);
+	}, [finished, recordHref]);
+	const binding = useMemo(() => ({
+		kind: "page",
+		close: () => navigateRef.current(recordHref),
+		finish: () => setFinished(true)
+	}), [recordHref]);
+	useEffect(() => {
+		onMounted?.(true);
+		return () => onMounted?.(false);
+	}, [onMounted]);
+	useEffect(() => {
+		if (run === null) return;
+		let initial;
+		const sync = () => {
+			const now = run.getSnapshot();
+			if (initial === void 0 && now.history.includes("open")) initial = JSON.stringify(now.values);
+			onDirty?.(now.outcome?.outcome !== "success" && (now.outcome?.outcome === "unknown" || initial !== void 0 && JSON.stringify(now.values) !== initial));
+		};
+		sync();
+		return run.subscribe(sync);
+	}, [run, onDirty]);
+	const [discarded, setDiscarded] = useState(false);
+	useEffect(() => {
+		if (discarded) navigateRef.current(recordHref, { replace: true });
+	}, [discarded, recordHref]);
+	const documentTitle = `${chrome.labelText}${title === "" ? "" : ` · ${title}`}`;
+	useEffect(() => {
+		const previous = document.title;
+		document.title = documentTitle;
+		return () => {
+			document.title = previous;
+		};
+	}, [documentTitle]);
+	const opened = run !== null && compiled !== null && (snapshot.history.includes("open") || snapshot.step === "outcome");
+	const refused = snapshot.control === "disabled" || snapshot.control === "absent";
+	return jsxs("div", {
+		"data-testid": compiled === null ? void 0 : tid.pageFlow(compiled.flowId),
+		className: "flex min-h-0 flex-col gap-4",
+		children: [
+			jsx("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: jsx(Link, {
+					href: recordHref,
+					className: "ml-auto text-sm underline",
+					"data-testid": `${tid.pageFlow(compiled?.flowId ?? name)}:back`,
+					children: text(t, "flow.back", "Back")
+				})
+			}),
+			stale ? jsxs("div", {
+				role: "status",
+				"data-buro-flow-state": "stale",
+				className: "flex flex-wrap items-center gap-2 text-sm text-muted-foreground",
+				children: [jsx("span", { children: text(t, "flow.noLongerApplies", "This action no longer applies") }), jsx(Button, {
+					type: "button",
+					size: "sm",
+					variant: "outline",
+					onClick: () => {
+						flow.reset();
+						setDiscarded(true);
+					},
+					children: text(t, "flow.discard", "Discard")
+				})]
+			}) : null,
+			opened ? jsx(FlowHostBindingContext.Provider, {
+				value: binding,
+				children: jsx("fieldset", {
+					disabled: stale,
+					className: "m-0 min-w-0 border-0 p-0",
+					children: jsx(FlowScreen, {
+						host: "page",
+						run,
+						compiled,
+						label: chrome.labelText,
+						...title === "" ? {} : { title },
+						record
+					})
+				})
+			}) : refused ? jsx("p", {
+				role: "alert",
+				className: "text-sm",
+				children: snapshot.reason ?? text(t, "flow.unavailable", "Not allowed.")
+			}) : jsx(IconLoader2, {
+				className: "h-5 w-5 animate-spin self-center",
+				"aria-hidden": "true"
+			})
+		]
+	});
+}
+//#endregion
+export { PageFlowRoute };
+
+//# sourceMappingURL=page-flow-route-CyXSvXSE.js.map

package/dist/page-flow-route-CyXSvXSE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-flow-route-CyXSvXSE.js","names":[],"sources":["../src/flows/page-flow-route.tsx"],"sourcesContent":["'use client';\n/**\n * A page-hosted flow's route (P6 3.11): `<record route>/<flow name>`. It owns the whole gate in\n * order, so a user who may not run the flow never sees a trace of it:\n *\n *  1. the permission map is decided, else the record route's loading state and nothing is read;\n *  2. static: the resource has a record page, the flow is an item flow and, in the published\n *     snapshot, its `host` is `page`; else the record route's not-found;\n *  3. the record is read by id with the record DTO;\n *  4. the flow's gate over that row (`requires`, the mutation's `requires`, `action/run` rules):\n *     hidden, absent, or a missing or forbidden row is the same not-found as `/articles/missing`;\n *     a false `when` or a blocking pre-click check is \"not available\" and the way back;\n *  5. only then the run (`useFlowRun`) and its sources.\n */\nimport { type RouteMatch, compileFlow, dtoFields, effectiveFlow, hrefFor } from '@burojs/core';\nimport {\n  retryRecordRead,\n  useApp,\n  useApplicationSnapshot,\n  useDispatcherEffects,\n  useFlowRowResolver,\n  useOne,\n  useOptionalT,\n  usePermissions,\n  useProjectedTitle,\n  useRouteNavigate,\n  useTestIds,\n} from '@burojs/react';\nimport { useFlowRun } from '@burojs/react/flows';\nimport { IconLoader2 } from '@tabler/icons-react';\nimport { type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { useLinkComponent } from '../layout/link-component.js';\nimport { recordErrorState } from '../layout/record-page.js';\nimport { recordRouteAvailable } from '../layout/record-targets.js';\nimport { recordTrailKey, usePublishRecordTrail } from '../layout/record-trail-store.js';\nimport { RecordState } from '../record/record-state.js';\nimport { NavAreaNotFound } from '../layout/resource-page-router.js';\nimport { canonicalNavKey } from '../resource-key.js';\nimport { Button } from '../primitives/button.js';\nimport { text, useFlowChrome } from './chrome.js';\nimport { type FlowHostBinding, FlowHostBindingContext, FlowScreen } from './flow-screen.js';\n\ntype Row = { id: string } & Record<string, unknown>;\n\ninterface PageFlowProps {\n  readonly resource: string;\n  readonly id: string;\n  readonly name: string;\n}\n\nexport interface PageFlowRouteProps {\n  readonly match: RouteMatch;\n}\n\n/** The route: the static gate, then the record, then the flow's own gate. */\nexport function PageFlowRoute({ match }: PageFlowRouteProps): ReactElement {\n  const app = useApp();\n  const snapshot = useApplicationSnapshot();\n  const permissions = usePermissions();\n  const resource = canonicalNavKey(match as never);\n  const id = match.id ?? '';\n  const name = match.flow ?? '';\n  // (1) Decided before anything is read.\n  if (permissions?.status === 'loading') return <RecordState state=\"loading\" />;\n  // (2) Static: a record page to hang the route on, and an item flow whose effective host is page.\n  const flow = effectiveFlow(snapshot, match.ref, name);\n  const hasRecordPage =\n    recordRouteAvailable(app.registry, resource, 'show') ||\n    recordRouteAvailable(app.registry, resource, 'edit');\n  // A name no item flow answers to is no route at all (`/orders/x/segments`): the framework 404,\n  // as for any unmatched URL. A flow that exists but is not page-hosted, or a record page that is\n  // missing, keeps the record route's not-found, so a denied flow reads like a missing record.\n  if (flow === undefined) return <NavAreaNotFound />;\n  if (!hasRecordPage || flow.host !== 'page' || id === '') return <RecordState state=\"not-found\" />;\n  return <PageFlowRecord key={`${resource}:${id}:${name}`} {...{ resource, id, name }} />;\n}\n\n/** (3) The record by id, with the record DTO: the same read the record route makes. */\nfunction PageFlowRecord(props: PageFlowProps): ReactElement {\n  const { resource, id } = props;\n  const app = useApp();\n  const def = app.registry.get(resource);\n  const projection = useMemo(\n    () => (def === undefined ? undefined : dtoFields(def, 'record')),\n    [def],\n  );\n  const query = useOne(resource, {\n    id,\n    retry: retryRecordRead,\n    ...(projection === undefined ? {} : { projection }),\n  });\n  const result = query.data as { readonly data?: unknown } | undefined;\n  if (result !== undefined) {\n    const record = result.data;\n    if (record === null || typeof record !== 'object') return <RecordState state=\"not-found\" />;\n    return <PageFlowGate {...props} record={record as Row} />;\n  }\n  if (query.error != null) {\n    const state = recordErrorState(query.error);\n    return (\n      <RecordState\n        state={state}\n        onRetry={state === 'error' ? () => void query.refetch() : undefined}\n      />\n    );\n  }\n  return <RecordState state=\"loading\" />;\n}\n\n/** (4) The flow's gate over the row, as its button decides it: no second rule here. */\nfunction PageFlowGate(props: PageFlowProps & { readonly record: Row }): ReactElement {\n  const { resource, name, record } = props;\n  const resolve = useFlowRowResolver(resource);\n  const control = resolve(name, record);\n  // Someone else's change can take the flow away under a form that holds input: the page keeps\n  // the form, read-only, with the \"no longer applies\" notice and Discard (3.12), instead of\n  // unmounting it silently. `useRef` here, `PageFlowRun` mounted from the first available render.\n  const dirty = useRef(false);\n  const running = useRef(false);\n  const goneNow =\n    (control.state === 'absent' && control.cause === 'when') || control.state === 'disabled';\n  const keep = goneNow && running.current && dirty.current;\n  const track = (value: boolean) => {\n    dirty.current = value;\n  };\n  if (keep)\n    return (\n      <PageFlowRun {...props} stale onDirty={track} onMounted={(on) => (running.current = on)} />\n    );\n  switch (control.state) {\n    case 'undecided':\n    case 'pending':\n      return <RecordState state=\"loading\" />;\n    case 'absent':\n      return control.cause === 'when' ? (\n        <PageFlowUnavailable {...props} />\n      ) : (\n        <RecordState state=\"not-found\" />\n      );\n    case 'disabled':\n      return (\n        <PageFlowUnavailable\n          {...props}\n          {...(control.reason === undefined ? {} : { reason: control.reason })}\n        />\n      );\n    default:\n      return (\n        <PageFlowRun\n          {...props}\n          record={(control.record ?? record) as Row}\n          onDirty={track}\n          onMounted={(on) => (running.current = on)}\n        />\n      );\n  }\n}\n\n/**\n * The flow's name, the record's title and the record's way back, shared by every state of the\n * page that shows the record. It also tells the header's trail (`<HeaderBreadcrumbs>`) the\n * record's title and the flow's label, which the trail ends with: only these states do, so a\n * loading or not-found flow route never names its flow.\n */\nfunction usePageFlowFrame(props: PageFlowProps & { readonly record: Row }) {\n  const { resource, id, name, record } = props;\n  const app = useApp();\n  const chrome = useFlowChrome(resource, name);\n  const title = useProjectedTitle(resource, id, record);\n  const showable = recordRouteAvailable(app.registry, resource, 'show');\n  const recordHref = hrefFor(app.registry, resource, {\n    action: showable ? 'show' : 'edit',\n    id,\n  });\n  usePublishRecordTrail({\n    key: recordTrailKey(resource, id, `flow:${name}`),\n    title,\n    flowLabel: chrome.labelText,\n  });\n  return { chrome, title, recordHref };\n}\n\n/** `when` false, or a blocking check: the reason and the way back, no form. */\nfunction PageFlowUnavailable(\n  props: PageFlowProps & { readonly record: Row; readonly reason?: string },\n): ReactElement {\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const { recordHref } = usePageFlowFrame(props);\n  const Link = useLinkComponent();\n  const flowId = usePageFlowId(props.resource, props.name);\n  return (\n    <div>\n      <div\n        role=\"status\"\n        data-testid={`${tid.pageFlow(flowId)}:unavailable`}\n        className=\"flex flex-col gap-2 px-1 py-6 text-sm\"\n      >\n        <p className=\"font-medium\">\n          {text(t, 'flow.notAvailable', 'This action is not available')}\n        </p>\n        {props.reason === undefined ? null : (\n          <p className=\"text-muted-foreground\">{props.reason}</p>\n        )}\n        <Link href={recordHref} className=\"underline\">\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n    </div>\n  );\n}\n\n/** The flow's identity (`default:articles/actions/rename`), for test ids; stable when compiled. */\nfunction usePageFlowId(resource: string, name: string): string {\n  const app = useApp();\n  const def = app.registry.get(resource);\n  return useMemo(() => {\n    try {\n      return def === undefined\n        ? `${resource}/actions/${name}`\n        : compileFlow(def as never, name).flowId;\n    } catch {\n      return `${resource}/actions/${name}`;\n    }\n  }, [def, resource, name]);\n}\n\n/** (5) The run and its host. */\nfunction PageFlowRun(\n  props: PageFlowProps & {\n    readonly record: Row;\n    /** The flow no longer applies: the form stays, read-only, with a notice and Discard. */\n    readonly stale?: boolean;\n    readonly onDirty?: (dirty: boolean) => void;\n    readonly onMounted?: (mounted: boolean) => void;\n  },\n): ReactElement {\n  const { resource, name, stale = false, onDirty, onMounted } = props;\n  // The run belongs to the record as it was opened: the refetch after the write must not build\n  // a new run (and lose the outcome `then` is about to run on). Display reads the fresh one.\n  const [record] = useState(props.record);\n  const t = useOptionalT();\n  const tid = useTestIds();\n  const navigate = useRouteNavigate();\n  const Link = useLinkComponent();\n  const scopeEffects = useDispatcherEffects();\n  const { chrome, title, recordHref } = usePageFlowFrame(props);\n  const navigateRef = useRef(navigate);\n  navigateRef.current = navigate;\n  // `redirect` replaces the page: Back cannot reach a form that has been submitted.\n  const thenEffects = useCallback(\n    () => ({\n      ...scopeEffects(),\n      redirect: (to: Parameters<typeof navigate>[0]) => navigateRef.current(to, { replace: true }),\n    }),\n    [scopeEffects],\n  );\n  const target = useMemo(() => ({ resource, action: name }), [resource, name]);\n  const flow = useFlowRun(target, { record, surface: 'page', thenEffects });\n  // `then` is the page's to run, once it left the form (4.13).\n  flow.holdThen(true);\n  const { run, snapshot, compiled } = flow;\n  const flowRef = useRef(flow);\n  flowRef.current = flow;\n\n  // The page leaves the form behind: after the form below it reset (a clean form asks the guard\n  // nothing), replace the page by the destination, then run `then` over it.\n  const [finished, setFinished] = useState(false);\n  useEffect(() => {\n    if (!finished) return;\n    const current = flowRef.current;\n    if (current.compiled?.flow.then?.redirect === undefined)\n      navigateRef.current(recordHref, { replace: true });\n    // After the route committed: an overlay opened by `then` belongs to the destination, and a\n    // route change in flight would close it again.\n    setTimeout(() => current.runThen(), 0);\n  }, [finished, recordHref]);\n  const binding = useMemo<FlowHostBinding>(\n    () => ({\n      kind: 'page',\n      close: () => navigateRef.current(recordHref),\n      finish: () => setFinished(true),\n    }),\n    [recordHref],\n  );\n\n  useEffect(() => {\n    onMounted?.(true);\n    return () => onMounted?.(false);\n  }, [onMounted]);\n  // Unsaved input or an unresolved attempt: what the gate must not unmount silently.\n  useEffect(() => {\n    if (run === null) return;\n    let initial: string | undefined;\n    const sync = () => {\n      const now = run.getSnapshot();\n      if (initial === undefined && now.history.includes('open'))\n        initial = JSON.stringify(now.values);\n      onDirty?.(\n        now.outcome?.outcome !== 'success' &&\n          (now.outcome?.outcome === 'unknown' ||\n            (initial !== undefined && JSON.stringify(now.values) !== initial)),\n      );\n    };\n    sync();\n    return run.subscribe(sync);\n  }, [run, onDirty]);\n  // Discard: the input is dropped first, so the guard has nothing to ask, then the page leaves.\n  const [discarded, setDiscarded] = useState(false);\n  useEffect(() => {\n    if (discarded) navigateRef.current(recordHref, { replace: true });\n  }, [discarded, recordHref]);\n\n  const documentTitle = `${chrome.labelText}${title === '' ? '' : ` · ${title}`}`;\n  useEffect(() => {\n    const previous = document.title;\n    document.title = documentTitle;\n    return () => {\n      document.title = previous;\n    };\n  }, [documentTitle]);\n\n  const opened =\n    run !== null &&\n    compiled !== null &&\n    (snapshot.history.includes('open') || snapshot.step === 'outcome');\n  const refused = snapshot.control === 'disabled' || snapshot.control === 'absent';\n  return (\n    <div\n      data-testid={compiled === null ? undefined : tid.pageFlow(compiled.flowId)}\n      className=\"flex min-h-0 flex-col gap-4\"\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        <Link\n          href={recordHref}\n          className=\"ml-auto text-sm underline\"\n          data-testid={`${tid.pageFlow(compiled?.flowId ?? name)}:back`}\n        >\n          {text(t, 'flow.back', 'Back')}\n        </Link>\n      </div>\n      {stale ? (\n        <div\n          role=\"status\"\n          data-buro-flow-state=\"stale\"\n          className=\"flex flex-wrap items-center gap-2 text-sm text-muted-foreground\"\n        >\n          <span>{text(t, 'flow.noLongerApplies', 'This action no longer applies')}</span>\n          <Button\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => {\n              flow.reset();\n              setDiscarded(true);\n            }}\n          >\n            {text(t, 'flow.discard', 'Discard')}\n          </Button>\n        </div>\n      ) : null}\n      {opened ? (\n        <FlowHostBindingContext.Provider value={binding}>\n          <fieldset disabled={stale} className=\"m-0 min-w-0 border-0 p-0\">\n            <FlowScreen\n              host=\"page\"\n              run={run}\n              compiled={compiled}\n              label={chrome.labelText}\n              {...(title === '' ? {} : { title })}\n              record={record}\n            />\n          </fieldset>\n        </FlowHostBindingContext.Provider>\n      ) : refused ? (\n        <p role=\"alert\" className=\"text-sm\">\n          {snapshot.reason ?? text(t, 'flow.unavailable', 'Not allowed.')}\n        </p>\n      ) : (\n        <IconLoader2 className=\"h-5 w-5 animate-spin self-center\" aria-hidden=\"true\" />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}