@questpie/admin 3.5.2 → 3.5.4

package/dist/client/components/ui/search-input.d.mts

@@ -0,0 +1,56 @@
+import * as React from "react";
+
+//#region src/client/components/ui/search-input.d.ts
+interface SearchInputProps extends Omit<React.ComponentProps<"input">, "type"> {
+  /**
+   * Keyboard shortcut to display (e.g., "⌘K")
+   */
+  shortcut?: string;
+  /**
+   * Callback when clear button is clicked
+   */
+  onClear?: () => void;
+  /**
+   * Show loading spinner instead of search icon
+   */
+  isLoading?: boolean;
+  /**
+   * Additional className for the container
+   */
+  containerClassName?: string;
+}
+/**
+ * SearchInput - Consistent search input with icon, loading state, clear button, and keyboard shortcut
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <SearchInput
+ *   value={searchTerm}
+ *   onChange={(e) => setSearchTerm(e.target.value)}
+ *   onClear={() => setSearchTerm("")}
+ *   placeholder="Search..."
+ * />
+ *
+ * // With keyboard shortcut
+ * <SearchInput
+ *   shortcut="⌘K"
+ *   onClick={openSearchDialog}
+ *   readOnly
+ * />
+ *
+ * // Loading state
+ * <SearchInput isLoading={isSearching} ... />
+ * ```
+ */
+declare function SearchInput({
+  shortcut,
+  onClear,
+  isLoading,
+  containerClassName,
+  className,
+  value,
+  ...props
+}: SearchInputProps): React.ReactElement;
+//#endregion
+export { SearchInput };

package/dist/client/components/ui/select.mjs

@@ -10,7 +10,7 @@ const Select$1 = Select.Root;
 function SelectGroup({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Select.Group, {
 		"data-slot": "select-group",
-		className: cn("qa-select__group scroll-my-1 p-1", className),
+		className: cn("qa-select__group scroll-my-1 p-0", className),
 		...props
 	});
 }
@@ -44,7 +44,7 @@ function SelectContent({ className, children, side = "bottom", sideOffset = 4, a
 		className: "isolate z-50",
 		children: /* @__PURE__ */ jsxs(Select.Popup, {
 			"data-slot": "select-content",
-			className: cn("qa-select__content floating-surface motion-floating text-popover-foreground relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto data-ending-style:scale-[var(--motion-scale-enter)] data-ending-style:opacity-0 data-starting-style:scale-[var(--motion-scale-enter)] data-starting-style:opacity-0", className),
+			className: cn("qa-select__content floating-surface motion-floating text-popover-foreground relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto p-1 data-ending-style:scale-[var(--motion-scale-enter)] data-ending-style:opacity-0 data-starting-style:scale-[var(--motion-scale-enter)] data-starting-style:opacity-0", className),
 			...props,
 			children: [
 				/* @__PURE__ */ jsx(SelectScrollUpButton, {}),

package/dist/client/components/ui/sheet.d.mts

@@ -0,0 +1,40 @@
+import * as React from "react";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
+import { Dialog } from "@base-ui/react/dialog";
+
+//#region src/client/components/ui/sheet.d.ts
+declare function Sheet({
+  ...props
+}: Dialog.Root.Props): react_jsx_runtime27.JSX.Element;
+declare function SheetContent({
+  className,
+  children,
+  side,
+  showCloseButton,
+  animated,
+  showOverlay,
+  ...props
+}: Dialog.Popup.Props & {
+  side?: "top" | "right" | "bottom" | "left";
+  showCloseButton?: boolean;
+  animated?: boolean;
+  showOverlay?: boolean;
+}): react_jsx_runtime27.JSX.Element;
+declare function SheetHeader({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime27.JSX.Element;
+declare function SheetFooter({
+  className,
+  ...props
+}: React.ComponentProps<"div">): react_jsx_runtime27.JSX.Element;
+declare function SheetTitle({
+  className,
+  ...props
+}: Dialog.Title.Props): react_jsx_runtime27.JSX.Element;
+declare function SheetDescription({
+  className,
+  ...props
+}: Dialog.Description.Props): react_jsx_runtime27.JSX.Element;
+//#endregion
+export { Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle };

package/dist/client/components/ui/table.d.mts

@@ -0,0 +1,49 @@
+import * as React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/client/components/ui/table.d.ts
+declare function Table({
+  className,
+  ...props
+}: React.ComponentProps<"table">): react_jsx_runtime0.JSX.Element;
+declare function TableHeader({
+  className,
+  ...props
+}: React.ComponentProps<"thead">): react_jsx_runtime0.JSX.Element;
+declare function TableBody({
+  className,
+  ...props
+}: React.ComponentProps<"tbody">): react_jsx_runtime0.JSX.Element;
+declare function TableFooter({
+  className,
+  ...props
+}: React.ComponentProps<"tfoot">): react_jsx_runtime0.JSX.Element;
+declare const TableRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+interface TableHeadProps extends React.ComponentProps<"th"> {
+  stickyLeft?: number;
+  showStickyBorder?: boolean;
+}
+declare function TableHead({
+  className,
+  stickyLeft,
+  showStickyBorder,
+  style,
+  ...props
+}: TableHeadProps): react_jsx_runtime0.JSX.Element;
+interface TableCellProps extends React.ComponentProps<"td"> {
+  stickyLeft?: number;
+  showStickyBorder?: boolean;
+}
+declare function TableCell({
+  className,
+  stickyLeft,
+  showStickyBorder,
+  style,
+  ...props
+}: TableCellProps): react_jsx_runtime0.JSX.Element;
+declare function TableCaption({
+  className,
+  ...props
+}: React.ComponentProps<"caption">): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/client/components/ui/table.mjs

@@ -28,6 +28,13 @@ function TableBody({ className, ...props }) {
 		...props
 	});
 }
+function TableFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("tfoot", {
+		"data-slot": "table-footer",
+		className: cn("qa-table__footer bg-background font-medium", className),
+		...props
+	});
+}
 const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tr", {
 	ref,
 	"data-slot": "table-row",
@@ -61,6 +68,13 @@ function TableCell({ className, stickyLeft, showStickyBorder, style, ...props })
 		...props
 	});
 }
+function TableCaption({ className, ...props }) {
+	return /* @__PURE__ */ jsx("caption", {
+		"data-slot": "table-caption",
+		className: cn("qa-table__caption text-muted-foreground mt-4 text-xs", className),
+		...props
+	});
+}
 
 //#endregion
-export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/client/components/ui/tooltip.d.mts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime21 from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/client/components/ui/tooltip.d.ts
+declare function Tooltip$1({
+  ...props
+}: Tooltip.Root.Props): react_jsx_runtime21.JSX.Element;
+declare function TooltipTrigger({
+  ...props
+}: Tooltip.Trigger.Props): react_jsx_runtime21.JSX.Element;
+declare function TooltipContent({
+  className,
+  side,
+  sideOffset,
+  align,
+  alignOffset,
+  children,
+  ...props
+}: Tooltip.Popup.Props & Pick<Tooltip.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime21.JSX.Element;
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipTrigger };

package/dist/client/contexts/focus-context.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime50 from "react/jsx-runtime";
 
 //#region src/client/contexts/focus-context.d.ts
 
@@ -59,7 +59,7 @@ type FocusProviderProps = {
 declare function FocusProvider({
   children,
   onFocusChange
-}: FocusProviderProps): react_jsx_runtime16.JSX.Element;
+}: FocusProviderProps): react_jsx_runtime50.JSX.Element;
 /**
  * Use the focus context
  */

package/dist/client/hooks/query-access.d.mts

@@ -0,0 +1,9 @@
+import "../builder/registry.mjs";
+import { QuestpieQueryOptionsProxy } from "@questpie/tanstack-query";
+import { QuestpieApp, QuestpieClient } from "questpie/client";
+
+//#region src/client/hooks/query-access.d.ts
+
+type CollectionQueryKey<TApp extends QuestpieApp> = keyof QuestpieQueryOptionsProxy<TApp>["collections"] & string;
+//#endregion
+export { CollectionQueryKey };

package/dist/client/hooks/query-access.mjs

@@ -0,0 +1,20 @@
+import { selectClient, useAdminStore } from "../runtime/provider.mjs";
+
+//#region src/client/hooks/query-access.ts
+/** Single intentional cast site for dynamic collection names in views. */
+function adminCollectionKey(name) {
+	return name;
+}
+function getCollectionQueryApi(queryOpts, collection) {
+	return queryOpts.collections[collection];
+}
+function getGlobalQueryApi(queryOpts, globalName) {
+	return queryOpts.globals[globalName];
+}
+/** Typed app client from admin store (factory hooks with explicit TApp). */
+function useAppClient() {
+	return useAdminStore(selectClient);
+}
+
+//#endregion
+export { adminCollectionKey, getCollectionQueryApi, getGlobalQueryApi, useAppClient };

package/dist/client/hooks/typed-hooks.d.mts

@@ -1,4 +1,6 @@
+import { CollectionQueryKey } from "./query-access.mjs";
 import { UseMutationOptions, UseQueryOptions } from "@tanstack/react-query";
+import { QuestpieQueryOptionsProxy } from "@questpie/tanstack-query";
 import { QuestpieApp } from "questpie/client";
 
 //#region src/client/hooks/typed-hooks.d.ts
@@ -6,11 +8,11 @@ import { QuestpieApp } from "questpie/client";
 /**
  * Extract collection names from a QuestpieApp config
  */
-type CollectionNames<TApp extends QuestpieApp> = keyof TApp["collections"] & string;
+type CollectionNames<TApp extends QuestpieApp> = CollectionQueryKey<TApp>;
 /**
  * Extract global names from a QuestpieApp config
  */
-type GlobalNames<TApp extends QuestpieApp> = keyof NonNullable<TApp["globals"]> & string;
+type GlobalNames<TApp extends QuestpieApp> = keyof QuestpieQueryOptionsProxy<TApp>["globals"] & string;
 interface TypedHooks<TApp extends QuestpieApp> {
   /**
    * Hook to fetch collection list with filters, sorting, pagination

package/dist/client/hooks/typed-hooks.mjs

@@ -1,5 +1,6 @@
-import { selectClient, selectContentLocale, useAdminStore } from "../runtime/provider.mjs";
+import { selectContentLocale, useAdminStore } from "../runtime/provider.mjs";
 import { useScopedLocale } from "../runtime/locale-scope.mjs";
+import { getCollectionQueryApi, getGlobalQueryApi, useAppClient } from "./query-access.mjs";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { createQuestpieQueryOptions } from "@questpie/tanstack-query";
 
@@ -57,14 +58,14 @@ import { createQuestpieQueryOptions } from "@questpie/tanstack-query";
 */
 function createTypedHooks() {
 	function useCollectionList(collection, options, queryOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const { locale: contentLocale } = useScopedLocale();
 		const queryOpts = createQuestpieQueryOptions(client, {
 			keyPrefix: ["questpie", "collections"],
 			locale: contentLocale
 		});
 		return useQuery({
-			...collection ? queryOpts.collections[collection].find({
+			...collection ? getCollectionQueryApi(queryOpts, collection).find({
 				...options,
 				locale: contentLocale
 			}) : {
@@ -84,14 +85,14 @@ function createTypedHooks() {
 		});
 	}
 	function useCollectionCount(collection, options, queryOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const { locale: contentLocale } = useScopedLocale();
 		const queryOpts = createQuestpieQueryOptions(client, {
 			keyPrefix: ["questpie", "collections"],
 			locale: contentLocale
 		});
 		return useQuery({
-			...collection ? queryOpts.collections[collection].count({
+			...collection ? getCollectionQueryApi(queryOpts, collection).count({
 				...options,
 				locale: contentLocale
 			}) : {
@@ -108,14 +109,14 @@ function createTypedHooks() {
 		});
 	}
 	function useCollectionItem(collection, id, options, queryOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const { locale: contentLocale } = useScopedLocale();
 		const queryOpts = createQuestpieQueryOptions(client, {
 			keyPrefix: ["questpie", "collections"],
 			locale: contentLocale
 		});
 		return useQuery({
-			...collection ? queryOpts.collections[collection].findOne({
+			...collection ? getCollectionQueryApi(queryOpts, collection).findOne({
 				where: { id },
 				locale: contentLocale,
 				...options
@@ -133,14 +134,14 @@ function createTypedHooks() {
 		});
 	}
 	function useCollectionCreate(collection, mutationOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const { locale: contentLocale } = useScopedLocale();
 		const queryClient = useQueryClient();
 		const queryOpts = createQuestpieQueryOptions(client, {
 			keyPrefix: ["questpie", "collections"],
 			locale: contentLocale
 		});
-		const baseOptions = queryOpts.collections[collection].create();
+		const baseOptions = getCollectionQueryApi(queryOpts, collection).create();
 		const listQueryKey = queryOpts.key([
 			"collections",
 			collection,
@@ -167,14 +168,14 @@ function createTypedHooks() {
 		});
 	}
 	function useCollectionUpdate(collection, mutationOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const { locale: contentLocale } = useScopedLocale();
 		const queryClient = useQueryClient();
 		const queryOpts = createQuestpieQueryOptions(client, {
 			keyPrefix: ["questpie", "collections"],
 			locale: contentLocale
 		});
-		const baseOptions = queryOpts.collections[collection].update();
+		const baseOptions = getCollectionQueryApi(queryOpts, collection).update();
 		const listQueryKey = queryOpts.key([
 			"collections",
 			collection,
@@ -208,14 +209,14 @@ function createTypedHooks() {
 		});
 	}
 	function useCollectionDelete(collection, mutationOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const { locale: contentLocale } = useScopedLocale();
 		const queryClient = useQueryClient();
 		const queryOpts = createQuestpieQueryOptions(client, {
 			keyPrefix: ["questpie", "collections"],
 			locale: contentLocale
 		});
-		const baseOptions = queryOpts.collections[collection].delete();
+		const baseOptions = getCollectionQueryApi(queryOpts, collection).delete();
 		const listQueryKey = queryOpts.key([
 			"collections",
 			collection,
@@ -249,14 +250,14 @@ function createTypedHooks() {
 		});
 	}
 	function useCollectionRestore(collection, mutationOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const { locale: contentLocale } = useScopedLocale();
 		const queryClient = useQueryClient();
 		const queryOpts = createQuestpieQueryOptions(client, {
 			keyPrefix: ["questpie", "collections"],
 			locale: contentLocale
 		});
-		const baseOptions = queryOpts.collections[collection].restore();
+		const baseOptions = getCollectionQueryApi(queryOpts, collection).restore();
 		const listQueryKey = queryOpts.key([
 			"collections",
 			collection,
@@ -290,14 +291,14 @@ function createTypedHooks() {
 		});
 	}
 	function useCollectionVersions(collection, id, options, queryOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const { locale: contentLocale } = useScopedLocale();
 		const queryOpts = createQuestpieQueryOptions(client, {
 			keyPrefix: ["questpie", "collections"],
 			locale: contentLocale
 		});
 		return useQuery({
-			...collection ? queryOpts.collections[collection].findVersions({
+			...collection ? getCollectionQueryApi(queryOpts, collection).findVersions({
 				id,
 				...options?.limit !== void 0 ? { limit: options.limit } : {},
 				...options?.offset !== void 0 ? { offset: options.offset } : {}
@@ -318,14 +319,14 @@ function createTypedHooks() {
 		});
 	}
 	function useCollectionRevertVersion(collection, mutationOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const { locale: contentLocale } = useScopedLocale();
 		const queryClient = useQueryClient();
 		const queryOpts = createQuestpieQueryOptions(client, {
 			keyPrefix: ["questpie", "collections"],
 			locale: contentLocale
 		});
-		const baseOptions = queryOpts.collections[collection].revertToVersion();
+		const baseOptions = getCollectionQueryApi(queryOpts, collection).revertToVersion();
 		const listQueryKey = queryOpts.key([
 			"collections",
 			collection,
@@ -366,13 +367,13 @@ function createTypedHooks() {
 		});
 	}
 	function useGlobal(globalName, options, queryOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const contentLocale = useAdminStore(selectContentLocale);
 		return useQuery({
-			...createQuestpieQueryOptions(client, {
+			...getGlobalQueryApi(createQuestpieQueryOptions(client, {
 				keyPrefix: ["questpie", "globals"],
 				locale: contentLocale
-			}).globals[globalName].get({
+			}), globalName).get({
 				...options,
 				locale: contentLocale
 			}),
@@ -380,7 +381,7 @@ function createTypedHooks() {
 		});
 	}
 	function useGlobalUpdate(globalName, mutationOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const contentLocale = useAdminStore(selectContentLocale);
 		const queryClient = useQueryClient();
 		const queryOpts = createQuestpieQueryOptions(client, {
@@ -394,7 +395,7 @@ function createTypedHooks() {
 			contentLocale
 		]);
 		return useMutation({
-			...queryOpts.globals[globalName].update(),
+			...getGlobalQueryApi(queryOpts, globalName).update(),
 			onSuccess: (data, variables, context) => {
 				(mutationOptions?.onSuccess)?.(data, variables, context);
 			},
@@ -406,13 +407,13 @@ function createTypedHooks() {
 		});
 	}
 	function useGlobalVersions(globalName, options, queryOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const contentLocale = useAdminStore(selectContentLocale);
 		return useQuery({
-			...createQuestpieQueryOptions(client, {
+			...getGlobalQueryApi(createQuestpieQueryOptions(client, {
 				keyPrefix: ["questpie", "globals"],
 				locale: contentLocale
-			}).globals[globalName].findVersions({
+			}), globalName).findVersions({
 				...options,
 				locale: contentLocale
 			}),
@@ -420,7 +421,7 @@ function createTypedHooks() {
 		});
 	}
 	function useGlobalRevertVersion(globalName, mutationOptions) {
-		const client = useAdminStore(selectClient);
+		const client = useAppClient();
 		const contentLocale = useAdminStore(selectContentLocale);
 		const queryClient = useQueryClient();
 		const queryOpts = createQuestpieQueryOptions(client, {
@@ -440,7 +441,7 @@ function createTypedHooks() {
 			contentLocale
 		]);
 		return useMutation({
-			...queryOpts.globals[globalName].revertToVersion(),
+			...getGlobalQueryApi(queryOpts, globalName).revertToVersion(),
 			onSuccess: (data, variables, context) => {
 				(mutationOptions?.onSuccess)?.(data, variables, context);
 			},

package/dist/client/hooks/use-admin-config.mjs

@@ -11,6 +11,11 @@ const adminConfigQueryKey = [
 	"admin",
 	"config"
 ];
+const publicAdminConfigQueryKey = [
+	"questpie",
+	"admin",
+	"public-config"
+];
 /** Query options factory for admin config — can be used for prefetching in loaders */
 function getAdminConfigQueryOptions(client) {
 	return {
@@ -23,6 +28,20 @@ function getAdminConfigQueryOptions(client) {
 		gcTime: 1800 * 1e3
 	};
 }
+/** Query options for auth-page-safe public branding/bootstrap config. */
+function getPublicAdminConfigQueryOptions(client) {
+	return {
+		queryKey: publicAdminConfigQueryKey,
+		queryFn: async () => {
+			if (!client || !client.routes) return {};
+			const routes = client.routes;
+			if (typeof routes.getPublicAdminConfig === "function") return routes.getPublicAdminConfig();
+			return {};
+		},
+		staleTime: 300 * 1e3,
+		gcTime: 1800 * 1e3
+	};
+}
 /** Standard query hook - returns loading/error states */
 function useAdminConfig(queryOptions) {
 	return useQuery({
@@ -36,4 +55,4 @@ function useSuspenseAdminConfig() {
 }
 
 //#endregion
-export { getAdminConfigQueryOptions, useAdminConfig, useSuspenseAdminConfig };
+export { getAdminConfigQueryOptions, getPublicAdminConfigQueryOptions, useAdminConfig, useSuspenseAdminConfig };

package/dist/client/hooks/use-autosave.mjs

@@ -0,0 +1,91 @@
+import { useTranslation } from "../i18n/hooks.mjs";
+import * as React from "react";
+import { toast } from "sonner";
+
+//#region src/client/hooks/use-autosave.ts
+/**
+* useAutosave — engine-agnostic debounced autosave for react-hook-form views.
+*
+* Extracted from the form view's `AutosaveManager`. The save pipeline
+* (`runAutosave`) is unchanged — it guards on dirty/submitting, submits via the
+* form, resets to the server result, and reports save state.
+*
+* The trigger is driven by `form.subscribe({ formState: { values: true } })`
+* (the same value-subscription `PreviewPatchBridge` uses) rather than DOM
+* `input`/`change` listeners. That makes it engine-agnostic: it catches native
+* input edits AND programmatic `field.onChange` emissions (e.g. the TipTap
+* rich-text field, whose contenteditable does not fire bubbling DOM events).
+*
+* Both the form view and the document view consume this hook so they share one
+* autosave code path.
+*/
+/**
+* Wire debounced autosave onto a form. Returns the imperative `runAutosave`
+* callback so callers can also flush manually if needed.
+*/
+function useAutosave({ form, id, enabled, debounce, isDirtyRef, isSubmittingRef, updateMutation, onPreviewCommit, onPreviewRefresh, onSavingChange, onSaved }) {
+	const { t } = useTranslation();
+	const timerRef = React.useRef(null);
+	const runAutosave = React.useCallback(async () => {
+		if (!id || !isDirtyRef.current || isSubmittingRef.current) return;
+		try {
+			onSavingChange(true);
+			await form.handleSubmit(async (data) => {
+				const result = await updateMutation.mutateAsync({
+					id,
+					data
+				});
+				form.reset(result, { keepTouched: true });
+				onPreviewCommit?.(result);
+				onPreviewRefresh?.();
+				onSaved(/* @__PURE__ */ new Date());
+				onSavingChange(false);
+			}, () => {
+				onSavingChange(false);
+			})();
+		} catch (error) {
+			onSavingChange(false);
+			console.error("Autosave failed:", error);
+			toast.error(t("error.autosaveFailed"), { description: error instanceof Error ? error.message : void 0 });
+		}
+	}, [
+		form,
+		id,
+		isDirtyRef,
+		isSubmittingRef,
+		onSaved,
+		onSavingChange,
+		onPreviewCommit,
+		onPreviewRefresh,
+		t,
+		updateMutation
+	]);
+	React.useEffect(() => {
+		if (timerRef.current) clearTimeout(timerRef.current);
+		if (!enabled || !id) return;
+		const scheduleAutosave = () => {
+			if (timerRef.current) clearTimeout(timerRef.current);
+			timerRef.current = setTimeout(() => {
+				runAutosave();
+			}, debounce);
+		};
+		const unsubscribe = form.subscribe({
+			formState: { values: true },
+			callback: scheduleAutosave
+		});
+		return () => {
+			unsubscribe();
+			if (timerRef.current) clearTimeout(timerRef.current);
+		};
+	}, [
+		debounce,
+		enabled,
+		form,
+		id,
+		runAutosave
+	]);
+	return runAutosave;
+}
+
+//#endregion
+export { useAutosave };