@burojs/ui-shadcn 0.6.0 → 0.8.0

package/dist/{check-confirm-dialog-bRT8lt0d.js → check-confirm-dialog-CtiRzOAt.js}

@@ -1,16 +1,18 @@
 import { l as cn } from "./use-theme-dnE3Od3I.js";
-import { d as PopoverTrigger, n as toast, o as useLinkComponent, s as Popover, u as PopoverContent } from "./toaster-C02XbB9r.js";
+import { l as useLinkComponent, m as PopoverTrigger, n as toast, p as PopoverContent, u as Popover } from "./toaster-Ct_YHGs6.js";
 import { t as Button } from "./button-MWVeZaqj.js";
-import { a as DialogFooter, i as DialogDescription, o as DialogHeader, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-B_rt9S1c.js";
-import { FRAMEWORK_TEXT_KEYS, canonicalEntityNodeKey, checkFailedDefault, compileFlow, declaredText, docAddressToArticle, hasRecordPage, hrefFor, humanizeKey, isBuiltinItemAction, normalizeEntityRef, recordEntries, resolveContentSlot, resolveDocSee } from "@burojs/core";
-import { buildDI, conjoinHostPage, modeForSurface, resolveRoute, useApp, useAvailabilityResolver, useComponent, useDoc, useDocPanel, useDocTopics, useEntryGate, useFlowRowResolver, useHostPage, useI18nCaps, useOptionalRouterAdapter, useOptionalT, usePresentBlock, usePresentFlow, useProjectedTitle, useQuick, useQuickEntry, useTestIds, useUIInstance } from "@burojs/react";
+import { a as DialogFooter, i as DialogDescription, o as DialogHeader, r as DialogContent, s as DialogTitle, t as Dialog } from "./dialog-C123sVQ8.js";
+import { FRAMEWORK_TEXT_KEYS, canonicalEntityNodeKey, checkFailedDefault, compileFlow, constraintText, declaredText, docAddressToArticle, flowRecordOf, hasRecordPage, hrefFor, humanizeKey, isBuiltinItemAction, normalizeEntityRef, recordEntries, resolveContentSlot, resolveDocSee, routeResourceKey, textsValueAt } from "@burojs/core";
+import { buildDI, conjoinHostPage, modeForSurface, recordKeyOf, resolveRoute, useActionWhenSources, useApp, useAvailabilityResolver, useChromeT, useComponent, useDoc, useDocPanel, useDocTopics, useEntryGate, useFlowRowResolver, useHostPage, useI18nCaps, useOptionalRouterAdapter, useOptionalT, usePresentBlock, usePresentFlow, useProjectedTitle, useQuick, useQuickEntry, useTestIds, useUIInstance } from "@burojs/react";
 import { IconArrowRight, IconArrowUpRight, IconArrowsLeftRight, IconBan, IconBell, IconBox, IconBoxMultiple, IconBuilding, IconCheck, IconChevronRight, IconCircle, IconCircleCaretRight, IconCircleCheck, IconCircleX, IconClipboardList, IconClock, IconCopy, IconDots, IconEye, IconFileOff, IconFilePencil, IconFileText, IconFileX, IconGitBranch, IconHammer, IconHash, IconHistory, IconInfoHexagon, IconKey, IconKeyOff, IconLink, IconList, IconLoader2, IconMapPin, IconNetwork, IconPackage, IconPackageExport, IconPackageImport, IconPackageOff, IconPackages, IconPencil, IconPlayerPlay, IconPlayerTrackNext, IconPlus, IconQrcode, IconRefresh, IconRotate, IconScript, IconSettings, IconShieldCheck, IconTag, IconTool, IconTrash, IconTruck, IconUserPlus, IconUsers, IconX } from "@tabler/icons-react";
 import * as React from "react";
-import { Component, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Component, createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-import { evaluateCondition, isFlowAction } from "@burojs/core/internal";
+import { actionWhenHolds, actionWhenSources, isFlowAction } from "@burojs/core/internal";
 //#region src/doc/doc-info.tsx
 function DocInfo({ address, name, testId, className }) {
 	const doc = useDoc(address);
@@ -100,6 +102,69 @@ function DocInfo({ address, name, testId, className }) {
 	});
 }
 //#endregion
+//#region src/primitives/sheet.tsx
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => jsx(SheetPrimitive.Overlay, {
+	className: cn("fixed inset-0 z-50 bg-overlay/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 duration-[var(--duration-panel)] ease-[var(--ease-overlay)]", className),
+	...props,
+	ref
+}));
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+const sheetVariants = cva("fixed z-50 gap-4 bg-background text-foreground p-6 shadow-lg duration-[var(--duration-panel)] ease-[var(--ease-overlay)] data-[state=open]:animate-in data-[state=closed]:animate-out", {
+	variants: { side: {
+		top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+		bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+		left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+		right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+	} },
+	defaultVariants: { side: "right" }
+});
+const SheetContent = React.forwardRef(({ side = "right", className, children, showClose = true, ...props }, ref) => {
+	const chromeT = useChromeT();
+	return jsxs(SheetPortal, { children: [jsx(SheetOverlay, {}), jsxs(SheetPrimitive.Content, {
+		ref,
+		className: cn(sheetVariants({ side }), className),
+		...props,
+		children: [children, showClose && jsxs(SheetPrimitive.Close, {
+			className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",
+			children: [jsx(IconX, { className: "h-4 w-4" }), jsx("span", {
+				className: "sr-only",
+				children: chromeT("actions.close", { defaultValue: "Close" })
+			})]
+		})]
+	})] });
+});
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+function SheetHeader({ className, ...props }) {
+	return jsx("div", {
+		className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
+		...props
+	});
+}
+SheetHeader.displayName = "SheetHeader";
+function SheetFooter({ className, ...props }) {
+	return jsx("div", {
+		className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+		...props
+	});
+}
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => jsx(SheetPrimitive.Title, {
+	ref,
+	className: cn("text-lg font-semibold text-foreground", className),
+	...props
+}));
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => jsx(SheetPrimitive.Description, {
+	ref,
+	className: cn("text-sm text-muted-foreground", className),
+	...props
+}));
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+//#endregion
 //#region src/primitives/tooltip.tsx
 const TooltipProvider = TooltipPrimitive.Provider;
 const Tooltip = TooltipPrimitive.Root;
@@ -256,6 +321,162 @@ function Icon({ name, className }) {
 	});
 }
 //#endregion
+//#region src/ui-presentations/shell.tsx
+const OwnTitleContext = createContext(false);
+function focusOwnHeading(event) {
+	const container = event.currentTarget;
+	if (!(container instanceof HTMLElement)) return;
+	const heading = container.querySelector("[data-buro-overlay-heading]");
+	if (!(heading instanceof HTMLElement)) return;
+	event.preventDefault();
+	heading.focus();
+}
+function WrappedDialogContent({ wrapper, copy, children }) {
+	return wrapper ? jsxs(Fragment$1, { children: [jsxs(DialogHeader, { children: [jsx(DialogTitle, { children: copy.title }), jsx(DialogDescription, {
+		className: copy.description === void 0 ? "sr-only" : void 0,
+		children: copy.description ?? ""
+	})] }), children] }) : jsxs(Fragment$1, { children: [
+		jsx(DialogTitle, {
+			className: "sr-only",
+			children: copy.title
+		}),
+		jsx(DialogDescription, {
+			className: "sr-only",
+			children: copy.description ?? ""
+		}),
+		children
+	] });
+}
+function WrappedSheetContent({ wrapper, copy, children }) {
+	return wrapper ? jsxs(Fragment$1, { children: [jsxs(SheetHeader, { children: [jsx(SheetTitle, { children: copy.title }), jsx(SheetDescription, {
+		className: copy.description === void 0 ? "sr-only" : void 0,
+		children: copy.description ?? ""
+	})] }), children] }) : jsxs(Fragment$1, { children: [
+		jsx(SheetTitle, {
+			className: "sr-only",
+			children: copy.title
+		}),
+		jsx(SheetDescription, {
+			className: "sr-only",
+			children: copy.description ?? ""
+		}),
+		children
+	] });
+}
+function useFocusRestoration() {
+	const returnFocus = useRef(typeof document === "undefined" || !(document.activeElement instanceof HTMLElement) ? null : document.activeElement);
+	useEffect(() => () => {
+		const element = returnFocus.current;
+		queueMicrotask(() => {
+			if (element?.isConnected && element !== document.body) {
+				element.focus();
+				return;
+			}
+			const main = document.querySelector("main");
+			if (main === null) return;
+			if (!main.hasAttribute("tabindex")) main.setAttribute("tabindex", "-1");
+			main.focus();
+		});
+	}, []);
+}
+function keepForPopover(event) {
+	const target = event.target;
+	if (target instanceof Element && target.closest("[data-buro-popover]") !== null) event.preventDefault();
+}
+const REDUCED_MOTION = "motion-reduce:animate-none motion-reduce:transition-none";
+function DialogPresentationShell({ dismiss, wrapper, copy, ownTitle = false, children }) {
+	useFocusRestoration();
+	return jsx(Dialog, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) dismiss();
+		},
+		children: ownTitle ? jsx(DialogContent, {
+			className: `flex max-h-[85vh] flex-col ${REDUCED_MOTION}`,
+			overlayClassName: REDUCED_MOTION,
+			showClose: wrapper,
+			"aria-describedby": void 0,
+			"aria-modal": "true",
+			onOpenAutoFocus: focusOwnHeading,
+			onPointerDownOutside: keepForPopover,
+			children: jsx(OwnTitleContext.Provider, {
+				value: true,
+				children
+			})
+		}) : jsx(DialogContent, {
+			className: REDUCED_MOTION,
+			overlayClassName: REDUCED_MOTION,
+			showClose: wrapper,
+			"aria-modal": "true",
+			onPointerDownOutside: keepForPopover,
+			children: jsx(WrappedDialogContent, {
+				wrapper,
+				copy,
+				children
+			})
+		})
+	});
+}
+function SheetPresentationShell({ dismiss, wrapper, copy, ownTitle = false, children }) {
+	useFocusRestoration();
+	return jsx(Sheet, {
+		open: true,
+		onOpenChange: (open) => {
+			if (!open) dismiss();
+		},
+		children: ownTitle ? jsx(SheetContent, {
+			side: "right",
+			className: `flex flex-col sm:max-w-xl ${REDUCED_MOTION}`,
+			showClose: wrapper,
+			"aria-describedby": void 0,
+			"aria-modal": "true",
+			onOpenAutoFocus: focusOwnHeading,
+			onPointerDownOutside: keepForPopover,
+			children: jsx(OwnTitleContext.Provider, {
+				value: true,
+				children
+			})
+		}) : jsx(SheetContent, {
+			side: "right",
+			className: `sm:max-w-xl ${REDUCED_MOTION}`,
+			showClose: wrapper,
+			"aria-modal": "true",
+			onPointerDownOutside: keepForPopover,
+			children: jsx(WrappedSheetContent, {
+				wrapper,
+				copy,
+				children
+			})
+		})
+	});
+}
+//#endregion
+//#region src/flows/overlay-heading.tsx
+function useFocusOnMount(ref) {
+	useEffect(() => {
+		const heading = ref.current;
+		if (heading === null) return;
+		const active = document.activeElement;
+		if (active === document.body || active === heading.closest("[role=\"dialog\"]")) heading.focus();
+	}, [ref]);
+}
+function OwnTitleHeading({ label }) {
+	const ownTitle = useContext(OwnTitleContext);
+	const ref = useRef(null);
+	useFocusOnMount(ref);
+	const heading = jsx("h2", {
+		ref,
+		tabIndex: -1,
+		"data-buro-overlay-heading": "",
+		className: "text-lg font-semibold",
+		children: label
+	});
+	return ownTitle ? jsx(SheetPrimitive.Title, {
+		asChild: true,
+		children: heading
+	}) : heading;
+}
+//#endregion
 //#region src/flows/load-runtime.tsx
 function retrying(importer) {
 	let loading;
@@ -267,11 +488,11 @@ function retrying(importer) {
 		return loading;
 	};
 }
-const loadFlowRuntime = retrying(() => import("./flow-runtime-s6lkRPKF.js"));
-const loadFlowScreen = retrying(() => import("./flow-screen-CCvgDI9G.js"));
-const loadPageFlowRoute = retrying(() => import("./page-flow-route-i3ZfJ1sd.js"));
-const loadInlineFlowHost = retrying(() => import("./inline-flow-host-B6FI0ctQ.js"));
-const loadBulkSummary = retrying(() => import("./bulk-summary-GxMDP4bw.js"));
+const loadFlowRuntime = retrying(() => import("./flow-runtime-DrUWyTS0.js"));
+const loadFlowScreen = retrying(() => import("./flow-screen-3fk6J33y.js"));
+const loadPageFlowRoute = retrying(() => import("./page-flow-route-CtEfqAvU.js"));
+const loadInlineFlowHost = retrying(() => import("./inline-flow-host-YnnvWjdU.js"));
+const loadBulkSummary = retrying(() => import("./bulk-summary-D6A0ua21.js"));
 function preloadFlowRuntime() {
 	loadFlowRuntime().catch(() => void 0);
 }
@@ -312,8 +533,7 @@ var FlowBoundary = class extends Component {
 	}
 };
 function loadFailedText(t) {
-	const value = t("block.failed");
-	return value === "block.failed" ? "This section could not be loaded." : value;
+	return t("block.failed", { defaultValue: "This section could not be loaded." });
 }
 function FailedRun({ onDone }) {
 	const t = useOptionalT();
@@ -354,31 +574,45 @@ function RuntimeBulkFlowRunner(props) {
 		children: jsx(Runner, { ...props })
 	});
 }
-function FlowLoadFailed({ onRetry }) {
+function FlowLoadFailed({ label, onRetry }) {
 	const t = useOptionalT();
+	const chromeT = useChromeT();
 	const instance = useUIInstance();
-	const retryText = t("actions.retry") === "actions.retry" ? "Retry" : t("actions.retry");
-	const closeText = t("flow.close") === "flow.close" ? "Close" : t("flow.close");
+	const retryText = chromeT("actions.retry", { defaultValue: "Retry" });
+	const closeText = t("flow.close", { defaultValue: "Close" });
 	return jsxs("div", {
 		role: "alert",
 		"data-buro-flow-load": "failed",
 		className: "flex flex-col gap-3 text-sm",
-		children: [jsx("p", { children: loadFailedText(t) }), jsxs("div", {
-			className: "flex justify-end gap-2",
-			children: [jsx(Button, {
-				type: "button",
-				variant: "ghost",
-				onClick: () => instance.dismiss(),
-				children: closeText
-			}), jsx(Button, {
-				type: "button",
-				onClick: onRetry,
-				children: retryText
-			})]
-		})]
+		children: [
+			label === void 0 ? null : jsx(OwnTitleHeading, { label }),
+			jsx("p", { children: loadFailedText(t) }),
+			jsxs("div", {
+				className: "flex justify-end gap-2",
+				children: [jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					onClick: () => instance.dismiss(),
+					children: closeText
+				}), jsx(Button, {
+					type: "button",
+					onClick: onRetry,
+					children: retryText
+				})]
+			})
+		]
 	});
 }
 //#endregion
+//#region src/lib/reason-text.ts
+function reasonText(caps, reason, resource) {
+	if (reason === "") return reason;
+	return resolveContentSlot(caps, [reason], {
+		resource,
+		default: reason
+	}) ?? reason;
+}
+//#endregion
 //#region src/actions/action-inner.tsx
 function ActionInner({ icon, label }) {
 	return jsxs(Fragment$1, { children: [icon ? jsx(Icon, { name: icon }) : null, label] });
@@ -436,10 +670,6 @@ function withActionTooltip(control, label, compact, reason) {
 }
 //#endregion
 //#region src/flows/chrome.ts
-const text = (t, key, fallback, params) => {
-	const value = t(key, params === void 0 ? void 0 : { params });
-	return value === key ? fallback : value;
-};
 function findDeclared(def, name) {
 	const actions = def?.actions ?? {};
 	for (const place of [
@@ -453,15 +683,39 @@ function findDeclared(def, name) {
 		if (found !== void 0) return found;
 	}
 }
+function declaredFlow(app, resource, actionName) {
+	try {
+		return resource === "" ? app.registry.appActions.get(actionName) : findDeclared(app.registry.get(resource), actionName);
+	} catch {
+		return;
+	}
+}
+function useFlowDialogTexts(resource, actionName, labelText) {
+	const app = useApp();
+	const caps = useI18nCaps("");
+	const texts = declaredFlow(app, resource, actionName)?.texts;
+	const prefix = resource === "" ? `appActions.${actionName}` : `resources.${resource}.actions.${actionName}`;
+	const own = (path) => {
+		const key = `${prefix}.${path.join(".")}`;
+		return caps.has(key) ? caps.t(key) : textsValueAt(texts, path);
+	};
+	return {
+		confirmTitle: own(["confirm", "title"]) ?? labelText,
+		confirmProceed: own(["confirm", "proceed"]) ?? labelText,
+		dismiss: own(["dismiss"])
+	};
+}
 function useFlowChrome(resource, actionName, children) {
 	const app = useApp();
 	const declared = (resource === "" ? void 0 : findDeclared(app.registry.get(resource), actionName)) ?? {};
 	const label = useResolvedLabel(declared, actionName, children, resource);
+	const labelText = typeof label === "string" ? label : humanizeKey(actionName);
 	return {
 		label,
-		labelText: typeof label === "string" ? label : humanizeKey(actionName),
+		labelText,
 		icon: resolveActionIcon(declared, actionName),
-		destructive: declared.variant === "destructive"
+		destructive: declared.variant === "destructive",
+		...useFlowDialogTexts(resource, actionName, labelText)
 	};
 }
 //#endregion
@@ -573,14 +827,19 @@ function FlowControl(props) {
 		testId: `${testid}:info`
 	})] });
 }
-function FlowActionButton(props) {
+function FlowActionButton(input) {
+	const props = {
+		...input,
+		resource: routeResourceKey(input.resource)
+	};
 	const { resource, actionName, record, scope = "row", children } = props;
 	const control = useFlowRowResolver(resource)(actionName, record);
 	const chrome = useFlowChrome(resource, actionName, children);
 	const tid = useTestIds();
-	const testid = makeTestId(scope, resource, actionName, record?.id ?? "", tid);
+	const app = useApp();
+	const testid = makeTestId(scope, resource, actionName, String(recordKeyOf(app.registry.get(resource), record) ?? ""), tid);
 	const [running, setRunning] = useState(false);
-	const runRecord = control.record ?? record;
+	const runRecord = useFlowRecord(resource, actionName, control.record ?? record);
 	const hosted = useHostedFlow(resource, actionName, runRecord, chrome.labelText);
 	const onRun = () => {
 		if (running) return;
@@ -612,6 +871,17 @@ function FlowActionButton(props) {
 		onClose: () => setRunning(false)
 	}) : null] });
 }
+function useFlowRecord(resource, actionName, record) {
+	const def = useApp().registry.get(resource);
+	const compiled = useMemo(() => {
+		try {
+			return def === void 0 ? null : compileFlow(def, actionName);
+		} catch {
+			return null;
+		}
+	}, [def, actionName]);
+	return compiled === null ? void 0 : flowRecordOf(compiled, record);
+}
 function useHostedFlow(resource, actionName, record, label) {
 	const app = useApp();
 	const def = app.registry.get(resource);
@@ -622,7 +892,7 @@ function useHostedFlow(resource, actionName, record, label) {
 			return null;
 		}
 	}, [def, actionName]);
-	const title = useProjectedTitle(resource, record?.id, record);
+	const title = useProjectedTitle(resource, recordKeyOf(def, record), record);
 	const presentFlow = usePresentFlow();
 	const hasHost = compiled?.hasHost === true;
 	const recordId = record?.[compiled?.idField ?? "id"] ?? record?.id;
@@ -651,8 +921,9 @@ function useHostedFlow(resource, actionName, record, label) {
 function FlowMenuItem(props) {
 	const chrome = useFlowChrome(props.resource, props.actionName);
 	const tid = useTestIds();
-	const testid = makeTestId(props.scope, props.resource, props.actionName, props.record?.id ?? "", tid);
-	const runRecord = props.control.record ?? props.record;
+	const def = useApp().registry.get(props.resource);
+	const testid = makeTestId(props.scope, props.resource, props.actionName, String(recordKeyOf(def, props.record) ?? ""), tid);
+	const runRecord = useFlowRecord(props.resource, props.actionName, props.control.record ?? props.record);
 	const hosted = useHostedFlow(props.resource, props.actionName, runRecord, chrome.labelText);
 	return jsx(FlowControl, {
 		state: conjoinHostPage(props.control.state, hosted.hostPage),
@@ -706,7 +977,7 @@ function listSlot(region, resource) {
 	return `list.${region}.${canonicalResourceName(resource)}`;
 }
 function useListSlot(region, resource) {
-	return useComponent(listSlot(region, resource));
+	return useComponent(listSlot(region, routeResourceKey(resource)));
 }
 //#endregion
 //#region src/actions/builtin-edit-route.ts
@@ -755,12 +1026,10 @@ function useBuiltinEditRoute(action, resource, recordId) {
 }
 //#endregion
 //#region src/actions/action-button.tsx
-function DisabledAction({ reason, label, icon, testid, size, variant, className, asMenuItem, resource, density = "regular", actionName, surface }) {
+function DisabledAction({ reason, label, icon, testid, size, variant, className, asMenuItem, resource: resourceInput, density = "regular", actionName, surface }) {
+	const resource = resourceInput === void 0 ? void 0 : routeResourceKey(resourceInput);
 	const i18nCaps = useI18nCaps(resource);
-	const text = reason ? resolveContentSlot(i18nCaps, [reason], {
-		resource,
-		default: reason
-	}) : resolveContentSlot(i18nCaps, ["availability.denied"], {
+	const text = reason ? reasonText(i18nCaps, reason, resource) : resolveContentSlot(i18nCaps, ["availability.denied"], {
 		resource,
 		default: "This action isn't available"
 	});
@@ -769,15 +1038,24 @@ function DisabledAction({ reason, label, icon, testid, size, variant, className,
 		e.stopPropagation();
 		toast(text);
 	};
+	const reasonId = useId();
 	if (asMenuItem) return jsx(DropdownMenuItem, {
 		"aria-disabled": "true",
+		"aria-describedby": reasonId,
 		"data-testid": testid,
 		onSelect: (e) => e.preventDefault(),
 		onClick,
 		className: "opacity-60",
 		children: jsx(ActionInner, {
 			icon,
-			label
+			label: jsxs("span", {
+				className: "flex min-w-0 flex-col",
+				children: [jsx("span", { children: label }), jsx("span", {
+					id: reasonId,
+					className: "text-xs text-muted-foreground",
+					children: text
+				})]
+			})
 		})
 	});
 	const chrome = resolveControlChrome({
@@ -841,36 +1119,41 @@ function actionResourceHandle(resource) {
 		ref: normalizeEntityRef(resource)
 	};
 }
-function ActionButton(props) {
+function ActionButton(input) {
+	const { sources, ...rest } = input;
+	const props = {
+		...rest,
+		resource: routeResourceKey(input.resource)
+	};
 	const def = useApp().registry.get(props.resource);
 	const scope = props.scope ?? "row";
-	const availability = useAvailabilityResolver(props.resource, modeForSurface(scope))(props.actionName, props.record);
-	const action = findAction(def?.actions?.item, props.actionName) ?? findAction(def?.actions?.resource, props.actionName);
+	const resolveAvailability = useAvailabilityResolver(props.resource, modeForSurface(scope));
+	const itemAction = findAction(def?.actions?.item, props.actionName);
+	const action = itemAction ?? findAction(def?.actions?.resource, props.actionName);
+	const record = itemAction === void 0 ? void 0 : props.record;
+	const availability = resolveAvailability(props.actionName, record);
+	const whenSources = useActionWhenSources({
+		resource: props.resource,
+		record
+	});
 	if (!action) return null;
 	if (isFlowAction(action)) return jsx(FlowActionButton, { ...props });
 	if (availability.state === "absent" || availability.state === "hidden") return null;
-	if (!actionWhenHolds(action, props.record)) return null;
+	if (!actionWhenHolds(action, actionWhenSources(whenSources, sources))) return null;
 	if (action.kind === "link") return jsx(LinkActionButton, {
 		...props,
+		record,
 		action,
 		availability
 	});
 	if (action.kind === "modal") return jsx(ModalActionButton, {
 		...props,
+		record,
 		action,
 		availability
 	});
 	return null;
 }
-function actionWhenHolds(action, record) {
-	const when = action.when;
-	if (when === void 0) return true;
-	return evaluateCondition(when, record === void 0 ? {} : { record: {
-		status: "ready",
-		value: record,
-		refreshing: false
-	} }, { mode: "show" }) === true;
-}
 function presentModalAction(args) {
 	const { present, action, resource, actionName, record, recordId, label } = args;
 	const result = present({
@@ -898,17 +1181,20 @@ const reportedDeadRoutes = new Set();
 function deadRecordRoute(registry, action, to) {
 	if (isBuiltinItemAction(action) || to === null || typeof to !== "object") return null;
 	const target = to;
-	if (typeof target.resource !== "string") return null;
 	if (target.action !== "show" && target.action !== "edit" && target.action !== "create") return null;
+	let resource;
 	let def;
 	try {
-		def = registry.get(target.resource);
+		if (typeof target.resource === "string") resource = target.resource;
+		else if (target.resource !== null && typeof target.resource === "object") resource = routeResourceKey(target.resource);
+		else return null;
+		def = registry.get(resource);
 	} catch {
 		return null;
 	}
 	if (def === void 0 || hasRecordPage(def, target.action)) return null;
 	return {
-		resource: target.resource,
+		resource,
 		action: target.action
 	};
 }
@@ -926,7 +1212,7 @@ function LinkActionButton({ resource, actionName, record, scope = "row", variant
 	const safeRecord = record ?? { id: "" };
 	const isDestructive = action.variant === "destructive";
 	const buttonVariant = variant ?? (isDestructive ? "destructive" : "outline");
-	const recordId = record?.id ?? "";
+	const recordId = String(recordKeyOf(app.registry.get(resource), record) ?? "");
 	const testid = makeTestId(scope, resource, actionName, recordId, tid);
 	const label = useResolvedLabel(action, actionName, children, resource);
 	const editRoute = useBuiltinEditRoute(action, resource, recordId);
@@ -1032,11 +1318,12 @@ function LinkActionButton({ resource, actionName, record, scope = "row", variant
 }
 function ModalActionButton({ resource, actionName, record, scope = "row", variant, size, density, className, children, asMenuItem, action, availability }) {
 	const tid = useTestIds();
+	const app = useApp();
 	const present = usePresentBlock();
 	const safeRecord = record ?? { id: "" };
 	const isDestructive = action.variant === "destructive";
 	const buttonVariant = variant ?? (isDestructive ? "destructive" : "outline");
-	const recordId = record?.id ?? "";
+	const recordId = String(recordKeyOf(app.registry.get(resource), record) ?? "");
 	const testid = makeTestId(scope, resource, actionName, recordId, tid);
 	const label = useResolvedLabel(action, actionName, children, resource);
 	if (availability.state === "disabled") return jsx(DisabledAction, {
@@ -1096,33 +1383,41 @@ function ModalActionButton({ resource, actionName, record, scope = "row", varian
 }
 //#endregion
 //#region src/checks/check-confirm-dialog.tsx
-function translateOrFallback(t, key, fallback, params, resource) {
-	const translated = t(key, {
+function issueText(issue, t, caps, resource) {
+	const params = issue.message.params;
+	const checkId = issue.check?.id;
+	const ownCheck = checkId !== void 0 && issue.message.key === `checks.${checkId}`;
+	const declared = typeof issue.message.default === "string" ? issue.message.default : ownCheck ? void 0 : issue.message.key;
+	if (issue.message.params?.resolved === true) return declared ?? issue.message.key;
+	if (!ownCheck) return t(issue.message.key, {
+		defaultValue: declared ?? "",
 		params,
 		...resource === void 0 ? {} : { resource }
 	});
-	return translated === key ? fallback : translated;
-}
-function issueText(issue, t, resource) {
-	const params = issue.params;
-	const checkId = params?.checkId;
-	const ownCheck = typeof checkId === "string" && issue.message.key === `checks.${checkId}`;
-	const declared = typeof issue.message.default === "string" ? issue.message.default : ownCheck ? void 0 : issue.message.key;
-	if (issue.params?.resolved === true) return declared ?? issue.message.key;
-	if (!ownCheck) return translateOrFallback(t, issue.message.key, declared ?? "", params, resource);
-	const miss = "\0";
-	const bundled = [`${issue.message.key}.message`, issue.message.key].map((key) => translateOrFallback(t, key, miss, params, resource)).find((text) => text !== miss);
-	if (bundled !== void 0) return bundled;
+	const entryKey = [`${issue.message.key}.message`, issue.message.key].find((key) => caps.has(key, { resource }));
+	if (entryKey !== void 0) return caps.t(entryKey, {
+		resource,
+		params
+	});
 	if (declared !== void 0) return declared;
+	if (issue.check?.constraint !== void 0) {
+		const text = constraintText(issue.check.constraint, String(params?.limit ?? ""));
+		return t(text.key, {
+			defaultValue: text.defaultValue,
+			params
+		});
+	}
 	const name = String(params?.name ?? checkId);
-	return translateOrFallback(t, FRAMEWORK_TEXT_KEYS.checkFailed, checkFailedDefault(name), {
-		...params,
-		name
-	}, void 0);
+	return t(FRAMEWORK_TEXT_KEYS.checkFailed, {
+		defaultValue: checkFailedDefault(name),
+		params: {
+			...params,
+			name
+		}
+	});
 }
 function checkIdOf(issue, index) {
-	const id = issue.params?.checkId;
-	return typeof id === "string" ? id : `${index}`;
+	return issue.check?.id ?? `${index}`;
 }
 const SEVERITY_CLASSNAME = {
 	error: "text-destructive",
@@ -1131,11 +1426,12 @@ const SEVERITY_CLASSNAME = {
 };
 function ChecksList({ issues, testid, onRowClick, resource }) {
 	const t = useOptionalT();
+	const caps = useI18nCaps(resource);
 	return issues.map((issue, index) => {
 		const checkId = checkIdOf(issue, index);
 		const anchor = issue.path[0];
 		const anchorable = typeof anchor === "string";
-		const text = issueText(issue, t, resource);
+		const text = issueText(issue, t, caps, resource);
 		const className = cn("text-sm", SEVERITY_CLASSNAME[issue.severity]);
 		return anchorable ? jsx("li", { children: jsx("button", {
 			type: "button",
@@ -1150,15 +1446,11 @@ function ChecksList({ issues, testid, onRowClick, resource }) {
 		}, `${checkId}-${index}`);
 	});
 }
-function CheckConfirmDialog({ state, testid, onAnchorFocus, title, proceedLabel, tone }) {
-	const t = useOptionalT();
+function CheckConfirmDialog({ state, testid, onAnchorFocus, title, proceedLabel, cancelLabel, tone }) {
+	const chromeT = useChromeT();
 	const { resource, open, busy, header, blockers, confirmable, proceed, cancel } = state;
 	const blocked = blockers.length > 0;
-	const bound = resource === void 0 ? {} : { resource };
-	const heading = title ?? t("checks.dialogTitle", {
-		defaultValue: "Please review",
-		...bound
-	});
+	const heading = title ?? chromeT("checks.dialogTitle", { defaultValue: "Please review" });
 	const restoreFocusRef = useRef(null);
 	useEffect(() => {
 		if (typeof document === "undefined") return;
@@ -1195,10 +1487,7 @@ function CheckConfirmDialog({ state, testid, onAnchorFocus, title, proceedLabel,
 					children: [
 						blocked && jsx("li", {
 							className: "text-xs font-semibold uppercase tracking-wider text-destructive",
-							children: t("checks.blocked", {
-								defaultValue: "Cannot continue",
-								...bound
-							})
+							children: chromeT("checks.blocked", { defaultValue: "Cannot continue" })
 						}),
 						jsx(ChecksList, {
 							issues: blockers,
@@ -1220,26 +1509,20 @@ function CheckConfirmDialog({ state, testid, onAnchorFocus, title, proceedLabel,
 					onClick: cancel,
 					"data-testid": `${testid}:cancel`,
 					disabled: busy,
-					children: t("checks.back", {
-						defaultValue: "Go back",
-						...bound
-					})
+					children: cancelLabel ?? chromeT("checks.back", { defaultValue: "Go back" })
 				}), !blocked && jsx(Button, {
 					type: "button",
 					variant: tone === "destructive" ? "destructive" : "default",
 					onClick: proceed,
 					"data-testid": `${testid}:proceed`,
 					disabled: busy,
-					children: proceedLabel ?? t("checks.proceed", {
-						defaultValue: "Continue anyway",
-						...bound
-					})
+					children: proceedLabel ?? chromeT("checks.proceed", { defaultValue: "Continue anyway" })
 				})] })
 			]
 		})
 	});
 }
 //#endregion
-export { hasIcon as A, DropdownMenuRadioItem as B, loadFailedText as C, preloadFlowRuntime as D, loadPageFlowRoute as E, DropdownMenuGroup as F, DropdownMenuSubTrigger as G, DropdownMenuShortcut as H, DropdownMenuItem as I, TooltipContent as J, DropdownMenuTrigger as K, DropdownMenuLabel as L, DropdownMenu as M, DropdownMenuCheckboxItem as N, useLoaded as O, DropdownMenuContent as P, DropdownMenuPortal as R, loadBulkSummary as S, loadInlineFlowHost as T, DropdownMenuSub as U, DropdownMenuSeparator as V, DropdownMenuSubContent as W, TooltipTrigger as X, TooltipProvider as Y, DocInfo as Z, FlowBoundary as _, modeForSurface as a, RuntimeBulkFlowRunner as b, useListSlot as c, useToBrowserHref as d, FlowActionButton as f, ActionInner as g, useFlowChrome as h, makeTestId as i, registerIcons as j, Icon as k, isExternalHref as l, text as m, ActionButton as n, canonicalResourceName as o, FlowMenuItem as p, Tooltip as q, DisabledAction as r, listSlot as s, CheckConfirmDialog as t, openExternal as u, FlowLoadFailed as v, loadFlowScreen as w, RuntimeFlowRunner as x, RuntimeAppFlowRunner as y, DropdownMenuRadioGroup as z };
+export { Tooltip as $, OwnTitleHeading as A, DropdownMenuContent as B, loadBulkSummary as C, loadPageFlowRoute as D, loadInlineFlowHost as E, Icon as F, DropdownMenuRadioGroup as G, DropdownMenuItem as H, hasIcon as I, DropdownMenuShortcut as J, DropdownMenuRadioItem as K, registerIcons as L, DialogPresentationShell as M, OwnTitleContext as N, preloadFlowRuntime as O, SheetPresentationShell as P, DropdownMenuTrigger as Q, DropdownMenu as R, RuntimeFlowRunner as S, loadFlowScreen as T, DropdownMenuLabel as U, DropdownMenuGroup as V, DropdownMenuPortal as W, DropdownMenuSubContent as X, DropdownMenuSub as Y, DropdownMenuSubTrigger as Z, reasonText as _, modeForSurface as a, SheetContent as at, RuntimeAppFlowRunner as b, useListSlot as c, SheetHeader as ct, useToBrowserHref as d, DocInfo as dt, TooltipContent as et, FlowActionButton as f, ActionInner as g, useFlowDialogTexts as h, makeTestId as i, SheetClose as it, useFocusOnMount as j, useLoaded as k, isExternalHref as l, SheetTitle as lt, useFlowChrome as m, ActionButton as n, TooltipTrigger as nt, canonicalResourceName as o, SheetDescription as ot, FlowMenuItem as p, DropdownMenuSeparator as q, DisabledAction as r, Sheet as rt, listSlot as s, SheetFooter as st, CheckConfirmDialog as t, TooltipProvider as tt, openExternal as u, SheetTrigger as ut, FlowBoundary as v, loadFailedText as w, RuntimeBulkFlowRunner as x, FlowLoadFailed as y, DropdownMenuCheckboxItem as z };
 
-//# sourceMappingURL=check-confirm-dialog-bRT8lt0d.js.map
+//# sourceMappingURL=check-confirm-dialog-CtiRzOAt.js.map