@10x-media/jobs 0.1.0-beta.0

package/dist/exports/client.js

@@ -0,0 +1,573 @@
+"use client";
+import { t as keys } from "../keys-BYs8GTJy.js";
+import { t as deriveJobStatus } from "../deriveJobStatus-CM_sCsgm.js";
+import { t as jobStatusMeta } from "../jobStatusMeta-BLBSPUcE.js";
+import { Link, Pill, useConfig, useDocumentInfo, useField, useForm, useFormFields, useTranslation } from "@payloadcms/ui";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { formatDate } from "@payloadcms/ui/shared";
+import { createPortal } from "react-dom";
+//#region src/translations/useTranslation.ts
+/**
+* `useTranslation` bound to this plugin's keys, so `t(keys.X)` typechecks without
+* a per-call `@ts-expect-error`. Returns Payload's `{ t, i18n }` unchanged.
+*/
+const useTranslation$1 = () => useTranslation();
+//#endregion
+//#region src/jobs/JobDocDescription.tsx
+/** Document-header description for a job: the record ID, kept accessible and copyable. */
+const JobDocDescription = () => {
+	const { id } = useDocumentInfo();
+	const { t } = useTranslation$1();
+	const [copied, setCopied] = useState(false);
+	const timer = useRef(void 0);
+	useEffect(() => () => clearTimeout(timer.current), []);
+	if (id == null) return null;
+	const value = String(id);
+	const copy = () => {
+		navigator.clipboard?.writeText(value);
+		setCopied(true);
+		clearTimeout(timer.current);
+		timer.current = setTimeout(() => setCopied(false), 1200);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			alignItems: "center",
+			color: "var(--theme-elevation-500)",
+			display: "flex",
+			fontSize: "0.8125rem",
+			gap: "6px"
+		},
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				style: {
+					fontSize: "0.6875rem",
+					letterSpacing: "0.04em",
+					textTransform: "uppercase"
+				},
+				children: t(keys.fieldId)
+			}),
+			/* @__PURE__ */ jsx("code", {
+				style: { fontFamily: "var(--font-mono, monospace)" },
+				children: value
+			}),
+			/* @__PURE__ */ jsx("button", {
+				onClick: copy,
+				style: {
+					background: "none",
+					border: "none",
+					color: "var(--theme-elevation-400)",
+					cursor: "pointer",
+					font: "inherit",
+					padding: 0,
+					textDecoration: "underline"
+				},
+				type: "button",
+				children: copied ? t(keys.copied) : t(keys.copy)
+			})
+		]
+	});
+};
+//#endregion
+//#region src/jobs/extractErrorMessage.ts
+/**
+* Pull a short, human-readable reason out of a job's `error` value: a string as
+* is, an object's `message` or `name`, or `"Cancelled"` for a cancellation.
+* Returns `undefined` when there is nothing meaningful to show.
+*/
+const extractErrorMessage = (error) => {
+	if (typeof error === "string") return error || void 0;
+	if (typeof error === "object" && error !== null) {
+		const value = error;
+		if (value.cancelled === true) return "Cancelled";
+		if (typeof value.message === "string" && value.message) return value.message;
+		if (typeof value.name === "string" && value.name) return value.name;
+	}
+};
+//#endregion
+//#region src/jobs/JobErrorPanel.tsx
+const isCancelled = (value) => typeof value === "object" && value !== null && value.cancelled === true;
+/**
+* Field component for a job's `error`: renders the reason as a read-only panel
+* instead of raw JSON. Cancellations read neutral; real failures read as errors.
+*/
+const JobErrorPanel = ({ path }) => {
+	const { value } = useField({ path });
+	const { t } = useTranslation$1();
+	const message = extractErrorMessage(value);
+	if (!message) return null;
+	const cancelled = isCancelled(value);
+	const accent = cancelled ? "var(--theme-elevation-400)" : "var(--theme-error-500)";
+	return /* @__PURE__ */ jsxs("div", {
+		style: { marginBottom: "var(--base)" },
+		children: [/* @__PURE__ */ jsx("div", {
+			style: {
+				color: "var(--theme-elevation-500)",
+				fontSize: "0.6875rem",
+				letterSpacing: "0.04em",
+				marginBottom: "4px",
+				textTransform: "uppercase"
+			},
+			children: cancelled ? t(keys.outcome) : t(keys.fieldError)
+		}), /* @__PURE__ */ jsx("div", {
+			style: {
+				backgroundColor: "var(--theme-elevation-50)",
+				borderLeft: `3px solid ${accent}`,
+				borderRadius: "0 4px 4px 0",
+				color: "var(--theme-elevation-800)",
+				padding: "calc(var(--base) / 1.5)",
+				wordBreak: "break-word"
+			},
+			children: message
+		})]
+	});
+};
+//#endregion
+//#region src/jobs/formatDuration.ts
+/** Human duration between two ISO timestamps; undefined when zero, unknown, or invalid. */
+const formatDuration = (start, end) => {
+	if (!start || !end) return;
+	const ms = new Date(end).getTime() - new Date(start).getTime();
+	if (!Number.isFinite(ms) || ms <= 0) return;
+	return ms < 1e3 ? `${ms}ms` : `${(ms / 1e3).toFixed(ms < 1e4 ? 1 : 0)}s`;
+};
+//#endregion
+//#region src/jobs/formatRelativeTime.ts
+const DIVISIONS = [
+	{
+		amount: 60,
+		unit: "second"
+	},
+	{
+		amount: 60,
+		unit: "minute"
+	},
+	{
+		amount: 24,
+		unit: "hour"
+	},
+	{
+		amount: 7,
+		unit: "day"
+	},
+	{
+		amount: 4.34524,
+		unit: "week"
+	},
+	{
+		amount: 12,
+		unit: "month"
+	},
+	{
+		amount: Number.POSITIVE_INFINITY,
+		unit: "year"
+	}
+];
+const toMillis = (value) => value instanceof Date ? value.getTime() : new Date(value).getTime();
+/**
+* Format a timestamp relative to `now`, for example `2 minutes ago` or
+* `in 1 hour`. Returns an empty string for missing or unparseable input. Pure,
+* so it can be unit-tested and reused outside the cell.
+*/
+const formatRelativeTime = (value, now = Date.now()) => {
+	if (value === null || value === void 0) return "";
+	const time = toMillis(value);
+	if (Number.isNaN(time)) return "";
+	const formatter = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
+	let duration = (time - now) / 1e3;
+	for (const division of DIVISIONS) {
+		if (Math.abs(duration) < division.amount) return formatter.format(Math.round(duration), division.unit);
+		duration /= division.amount;
+	}
+	return formatter.format(Math.round(duration), "year");
+};
+//#endregion
+//#region src/jobs/JobLogTimeline.tsx
+const DEFAULT_DATE_FORMAT$2 = "MMMM do yyyy, h:mm a";
+const hasKeys = (value) => typeof value === "object" && value !== null && Object.keys(value).length > 0;
+const Chevron = ({ open }) => /* @__PURE__ */ jsx("svg", {
+	"aria-hidden": "true",
+	height: "10",
+	style: {
+		flexShrink: 0,
+		transform: open ? "rotate(90deg)" : "none",
+		transition: "transform 0.15s"
+	},
+	viewBox: "0 0 10 10",
+	width: "10",
+	children: /* @__PURE__ */ jsx("path", {
+		d: "M3 1 L7 5 L3 9",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5"
+	})
+});
+const Detail = ({ label, value }) => /* @__PURE__ */ jsxs("div", {
+	style: {
+		display: "flex",
+		flexDirection: "column",
+		gap: "2px"
+	},
+	children: [/* @__PURE__ */ jsx("span", {
+		style: {
+			color: "var(--theme-elevation-500)",
+			fontSize: "0.6875rem",
+			textTransform: "uppercase"
+		},
+		children: label
+	}), /* @__PURE__ */ jsx("span", { children: value })]
+});
+const JsonBlock = ({ label, value }) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("div", {
+	style: {
+		color: "var(--theme-elevation-500)",
+		fontSize: "0.6875rem",
+		marginBottom: "2px",
+		textTransform: "uppercase"
+	},
+	children: label
+}), /* @__PURE__ */ jsx("pre", {
+	style: {
+		backgroundColor: "var(--theme-elevation-100)",
+		borderRadius: "4px",
+		fontSize: "0.75rem",
+		margin: 0,
+		maxHeight: "220px",
+		overflow: "auto",
+		padding: "calc(var(--base) / 2)",
+		whiteSpace: "pre-wrap",
+		wordBreak: "break-word"
+	},
+	children: JSON.stringify(value, null, 2)
+})] });
+const LogRow = ({ entry, index, pattern }) => {
+	const { i18n, t } = useTranslation$1();
+	const [open, setOpen] = useState(false);
+	const failed = entry.state === "failed";
+	const reason = failed ? extractErrorMessage(entry.error) : void 0;
+	const duration = formatDuration(entry.executedAt, entry.completedAt);
+	const relative = formatRelativeTime(entry.executedAt ?? null);
+	const absolute = (date) => date ? formatDate({
+		date,
+		i18n,
+		pattern
+	}) : "—";
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			backgroundColor: "var(--theme-elevation-50)",
+			borderLeft: `3px solid ${failed ? "var(--theme-error-500)" : "var(--theme-success-500)"}`,
+			borderRadius: "0 4px 4px 0"
+		},
+		children: [/* @__PURE__ */ jsxs("button", {
+			"aria-expanded": open,
+			onClick: () => setOpen((prev) => !prev),
+			style: {
+				alignItems: "center",
+				background: "none",
+				border: "none",
+				color: "inherit",
+				cursor: "pointer",
+				display: "flex",
+				flexWrap: "wrap",
+				font: "inherit",
+				gap: "calc(var(--base) / 2)",
+				padding: "calc(var(--base) / 2)",
+				textAlign: "left",
+				width: "100%"
+			},
+			type: "button",
+			children: [
+				/* @__PURE__ */ jsx(Chevron, { open }),
+				/* @__PURE__ */ jsxs("span", {
+					style: { color: "var(--theme-elevation-400)" },
+					children: ["#", index + 1]
+				}),
+				/* @__PURE__ */ jsx(Pill, {
+					pillStyle: failed ? "error" : "success",
+					size: "small",
+					children: failed ? t(keys.statusFailed) : t(keys.statusSucceeded)
+				}),
+				/* @__PURE__ */ jsx("strong", { children: entry.taskSlug || t(keys.fieldTask) }),
+				relative ? /* @__PURE__ */ jsx("span", {
+					style: { color: "var(--theme-elevation-500)" },
+					children: relative
+				}) : null,
+				duration ? /* @__PURE__ */ jsx("span", {
+					style: { color: "var(--theme-elevation-500)" },
+					children: duration
+				}) : null,
+				reason ? /* @__PURE__ */ jsx("span", {
+					style: {
+						color: "var(--theme-elevation-500)",
+						maxWidth: "32ch",
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap"
+					},
+					children: reason
+				}) : null
+			]
+		}), /* @__PURE__ */ jsx("div", {
+			style: {
+				display: "grid",
+				gridTemplateRows: open ? "1fr" : "0fr",
+				transition: "grid-template-rows 0.2s ease"
+			},
+			children: /* @__PURE__ */ jsx("div", {
+				style: { overflow: "hidden" },
+				children: /* @__PURE__ */ jsxs("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						gap: "calc(var(--base) / 2)",
+						padding: "0 calc(var(--base) / 2) calc(var(--base) / 2)"
+					},
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							style: {
+								columnGap: "var(--base)",
+								display: "flex",
+								flexWrap: "wrap",
+								rowGap: "8px"
+							},
+							children: [
+								/* @__PURE__ */ jsx(Detail, {
+									label: t(keys.fieldExecuted),
+									value: absolute(entry.executedAt)
+								}),
+								/* @__PURE__ */ jsx(Detail, {
+									label: t(keys.fieldCompleted),
+									value: absolute(entry.completedAt)
+								}),
+								entry.taskID ? /* @__PURE__ */ jsx(Detail, {
+									label: t(keys.fieldTaskId),
+									value: entry.taskID
+								}) : null
+							]
+						}),
+						/* @__PURE__ */ jsx(JsonBlock, {
+							label: t(keys.fieldInput),
+							value: entry.input ?? {}
+						}),
+						hasKeys(entry.output) ? /* @__PURE__ */ jsx(JsonBlock, {
+							label: t(keys.fieldOutput),
+							value: entry.output
+						}) : null,
+						entry.error != null ? /* @__PURE__ */ jsx(JsonBlock, {
+							label: t(keys.fieldError),
+							value: entry.error
+						}) : null
+					]
+				})
+			})
+		})]
+	});
+};
+/**
+* Field component for a job's `log`: a read-only per-attempt timeline. Each
+* attempt collapses to a one-line summary and expands to reveal its full data
+* (timings, task ID, input, output, error) so nothing is hidden.
+*/
+const JobLogTimeline = ({ path }) => {
+	const { getDataByPath } = useForm();
+	const { config } = useConfig();
+	const { t } = useTranslation$1();
+	const pattern = config.admin?.dateFormat ?? DEFAULT_DATE_FORMAT$2;
+	const raw = getDataByPath(path);
+	const entries = Array.isArray(raw) ? raw : [];
+	if (entries.length === 0) return /* @__PURE__ */ jsx("div", {
+		style: { color: "var(--theme-elevation-450)" },
+		children: t(keys.noAttempts)
+	});
+	return /* @__PURE__ */ jsx("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "calc(var(--base) / 2)"
+		},
+		children: entries.map((entry, index) => /* @__PURE__ */ jsx(LogRow, {
+			entry,
+			index,
+			pattern
+		}, entry.id ?? index))
+	});
+};
+//#endregion
+//#region src/jobs/JobStatusCell.tsx
+/**
+* List cell that renders a job's derived status as a native Payload Pill. On the
+* linked (first) column it wraps the badge in a link to the document, matching
+* Payload's default cell behavior.
+*/
+const JobStatusCell = ({ collectionSlug, link, linkURL, rowData }) => {
+	const { config } = useConfig();
+	const { t } = useTranslation$1();
+	const { labelKey, pillStyle } = jobStatusMeta[deriveJobStatus(rowData ?? {})];
+	const pill = /* @__PURE__ */ jsx(Pill, {
+		pillStyle,
+		size: "small",
+		children: t(labelKey)
+	});
+	if (link && collectionSlug && rowData?.id != null) {
+		const adminRoute = config.routes?.admin ?? "/admin";
+		return /* @__PURE__ */ jsx(Link, {
+			href: linkURL ?? `${adminRoute}/collections/${collectionSlug}/${encodeURIComponent(String(rowData.id))}`,
+			prefetch: false,
+			children: pill
+		});
+	}
+	return pill;
+};
+//#endregion
+//#region src/jobs/JobStatusHeader.tsx
+const DEFAULT_DATE_FORMAT$1 = "MMMM do yyyy, h:mm a";
+const Fact = ({ label, tooltip, value }) => {
+	const [coords, setCoords] = useState(null);
+	const [mounted, setMounted] = useState(false);
+	useEffect(() => setMounted(true), []);
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "2px"
+		},
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				style: {
+					color: "var(--theme-elevation-500)",
+					fontSize: "0.6875rem",
+					letterSpacing: "0.04em",
+					textTransform: "uppercase"
+				},
+				children: label
+			}),
+			/* @__PURE__ */ jsx("span", {
+				onMouseEnter: (event) => {
+					if (!tooltip) return;
+					const rect = event.currentTarget.getBoundingClientRect();
+					setCoords({
+						left: rect.left,
+						top: rect.bottom
+					});
+				},
+				onMouseLeave: () => setCoords(null),
+				style: {
+					cursor: tooltip ? "help" : void 0,
+					fontWeight: 600,
+					width: "fit-content"
+				},
+				children: value
+			}),
+			mounted && tooltip && coords ? createPortal(/* @__PURE__ */ jsx("span", {
+				style: {
+					backgroundColor: "var(--theme-elevation-900)",
+					borderRadius: "4px",
+					boxShadow: "0 2px 8px rgba(0, 0, 0, 0.25)",
+					color: "var(--theme-elevation-0)",
+					fontSize: "0.75rem",
+					left: `${coords.left}px`,
+					padding: "4px 8px",
+					pointerEvents: "none",
+					position: "fixed",
+					top: `${coords.top + 6}px`,
+					whiteSpace: "nowrap",
+					zIndex: 9999
+				},
+				children: tooltip
+			}), document.body) : null
+		]
+	});
+};
+/**
+* Document header for a job: the derived status as a Pill plus the key facts,
+* read from the form so it stays in sync. Rendered at the top of the edit view.
+*/
+const JobStatusHeader = () => {
+	const fields = useFormFields(([formFields]) => formFields);
+	const { config } = useConfig();
+	const { i18n, t } = useTranslation$1();
+	const get = (name) => fields?.[name]?.value;
+	const meta = jobStatusMeta[deriveJobStatus({
+		completedAt: get("completedAt"),
+		error: get("error"),
+		hasError: get("hasError"),
+		processing: get("processing"),
+		totalTried: get("totalTried"),
+		waitUntil: get("waitUntil")
+	})];
+	const workflowSlug = get("workflowSlug");
+	const taskSlug = get("taskSlug");
+	const runsLabel = workflowSlug ? t(keys.fieldWorkflow) : taskSlug ? t(keys.fieldTask) : t(keys.fieldJob);
+	const runsValue = String(workflowSlug || taskSlug || "—");
+	const pattern = config.admin?.dateFormat ?? DEFAULT_DATE_FORMAT$1;
+	const createdAt = get("createdAt");
+	const completedAt = get("completedAt");
+	const absolute = (date) => date ? formatDate({
+		date,
+		i18n,
+		pattern
+	}) : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		style: {
+			alignItems: "flex-end",
+			borderBottom: "1px solid var(--theme-elevation-100)",
+			columnGap: "calc(var(--base) * 1.5)",
+			display: "flex",
+			flexWrap: "wrap",
+			marginBottom: "var(--base)",
+			paddingBottom: "var(--base)",
+			rowGap: "var(--base)"
+		},
+		children: [
+			/* @__PURE__ */ jsx(Pill, {
+				pillStyle: meta.pillStyle,
+				size: "medium",
+				children: t(meta.labelKey)
+			}),
+			/* @__PURE__ */ jsx(Fact, {
+				label: runsLabel,
+				value: runsValue
+			}),
+			/* @__PURE__ */ jsx(Fact, {
+				label: t(keys.fieldQueue),
+				value: String(get("queue") || "default")
+			}),
+			/* @__PURE__ */ jsx(Fact, {
+				label: t(keys.fieldAttempts),
+				value: String(get("totalTried") ?? 0)
+			}),
+			/* @__PURE__ */ jsx(Fact, {
+				label: t(keys.fieldCreated),
+				tooltip: absolute(createdAt),
+				value: formatRelativeTime(createdAt) || "—"
+			}),
+			/* @__PURE__ */ jsx(Fact, {
+				label: t(keys.fieldCompleted),
+				tooltip: absolute(completedAt),
+				value: completedAt ? formatRelativeTime(completedAt) : "—"
+			})
+		]
+	});
+};
+//#endregion
+//#region src/jobs/RelativeTimeCell.tsx
+const DEFAULT_DATE_FORMAT = "MMMM do yyyy, h:mm a";
+/** List cell for date fields: relative time, with the admin-formatted timestamp on hover. */
+const RelativeTimeCell = ({ cellData }) => {
+	const { config } = useConfig();
+	const { i18n } = useTranslation$1();
+	if (cellData === null || cellData === void 0) return null;
+	const relative = formatRelativeTime(cellData);
+	if (!relative) return null;
+	return /* @__PURE__ */ jsx("span", {
+		title: formatDate({
+			date: cellData,
+			i18n,
+			pattern: config.admin?.dateFormat ?? DEFAULT_DATE_FORMAT
+		}),
+		children: relative
+	});
+};
+//#endregion
+export { JobDocDescription, JobErrorPanel, JobLogTimeline, JobStatusCell, JobStatusHeader, RelativeTimeCell };
+
+//# sourceMappingURL=client.js.map

package/dist/exports/client.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.js","names":["useTranslation","usePayloadTranslation","useTranslation","useTranslation","DEFAULT_DATE_FORMAT","useTranslation","useTranslation","DEFAULT_DATE_FORMAT","useTranslation","useTranslation"],"sources":["../../src/translations/useTranslation.ts","../../src/jobs/JobDocDescription.tsx","../../src/jobs/extractErrorMessage.ts","../../src/jobs/JobErrorPanel.tsx","../../src/jobs/formatDuration.ts","../../src/jobs/formatRelativeTime.ts","../../src/jobs/JobLogTimeline.tsx","../../src/jobs/JobStatusCell.tsx","../../src/jobs/JobStatusHeader.tsx","../../src/jobs/RelativeTimeCell.tsx"],"sourcesContent":["'use client'\n\nimport { useTranslation as usePayloadTranslation } from '@payloadcms/ui'\n\nimport type { TranslationKey } from './keys'\n\n/**\n * `useTranslation` bound to this plugin's keys, so `t(keys.X)` typechecks without\n * a per-call `@ts-expect-error`. Returns Payload's `{ t, i18n }` unchanged.\n */\nexport const useTranslation = () => usePayloadTranslation<Record<string, never>, TranslationKey>()\n","'use client'\n\nimport { useDocumentInfo } from '@payloadcms/ui'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { keys } from '../translations/keys'\nimport { useTranslation } from '../translations/useTranslation'\n\n/** Document-header description for a job: the record ID, kept accessible and copyable. */\nexport const JobDocDescription = () => {\n\tconst { id } = useDocumentInfo()\n\tconst { t } = useTranslation()\n\tconst [copied, setCopied] = useState(false)\n\tconst timer = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)\n\n\tuseEffect(() => () => clearTimeout(timer.current), [])\n\n\tif (id == null) {\n\t\treturn null\n\t}\n\tconst value = String(id)\n\tconst copy = () => {\n\t\tvoid navigator.clipboard?.writeText(value)\n\t\tsetCopied(true)\n\t\tclearTimeout(timer.current)\n\t\ttimer.current = setTimeout(() => setCopied(false), 1200)\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\talignItems: 'center',\n\t\t\t\tcolor: 'var(--theme-elevation-500)',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tfontSize: '0.8125rem',\n\t\t\t\tgap: '6px',\n\t\t\t}}\n\t\t>\n\t\t\t<span style={{ fontSize: '0.6875rem', letterSpacing: '0.04em', textTransform: 'uppercase' }}>\n\t\t\t\t{t(keys.fieldId)}\n\t\t\t</span>\n\t\t\t<code style={{ fontFamily: 'var(--font-mono, monospace)' }}>{value}</code>\n\t\t\t<button\n\t\t\t\tonClick={copy}\n\t\t\t\tstyle={{\n\t\t\t\t\tbackground: 'none',\n\t\t\t\t\tborder: 'none',\n\t\t\t\t\tcolor: 'var(--theme-elevation-400)',\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\tfont: 'inherit',\n\t\t\t\t\tpadding: 0,\n\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t}}\n\t\t\t\ttype=\"button\"\n\t\t\t>\n\t\t\t\t{copied ? t(keys.copied) : t(keys.copy)}\n\t\t\t</button>\n\t\t</div>\n\t)\n}\n","/**\n * Pull a short, human-readable reason out of a job's `error` value: a string as\n * is, an object's `message` or `name`, or `\"Cancelled\"` for a cancellation.\n * Returns `undefined` when there is nothing meaningful to show.\n */\nexport const extractErrorMessage = (error: unknown): string | undefined => {\n\tif (typeof error === 'string') {\n\t\treturn error || undefined\n\t}\n\tif (typeof error === 'object' && error !== null) {\n\t\tconst value = error as { cancelled?: unknown; message?: unknown; name?: unknown }\n\t\tif (value.cancelled === true) {\n\t\t\treturn 'Cancelled'\n\t\t}\n\t\tif (typeof value.message === 'string' && value.message) {\n\t\t\treturn value.message\n\t\t}\n\t\tif (typeof value.name === 'string' && value.name) {\n\t\t\treturn value.name\n\t\t}\n\t}\n\treturn undefined\n}\n","'use client'\n\nimport { useField } from '@payloadcms/ui'\nimport type { JSONFieldClientComponent } from 'payload'\n\nimport { keys } from '../translations/keys'\nimport { useTranslation } from '../translations/useTranslation'\nimport { extractErrorMessage } from './extractErrorMessage'\n\nconst isCancelled = (value: unknown): boolean =>\n\ttypeof value === 'object' &&\n\tvalue !== null &&\n\t(value as { cancelled?: unknown }).cancelled === true\n\n/**\n * Field component for a job's `error`: renders the reason as a read-only panel\n * instead of raw JSON. Cancellations read neutral; real failures read as errors.\n */\nexport const JobErrorPanel: JSONFieldClientComponent = ({ path }) => {\n\tconst { value } = useField<unknown>({ path })\n\tconst { t } = useTranslation()\n\tconst message = extractErrorMessage(value)\n\tif (!message) {\n\t\treturn null\n\t}\n\n\tconst cancelled = isCancelled(value)\n\tconst accent = cancelled ? 'var(--theme-elevation-400)' : 'var(--theme-error-500)'\n\n\treturn (\n\t\t<div style={{ marginBottom: 'var(--base)' }}>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: 'var(--theme-elevation-500)',\n\t\t\t\t\tfontSize: '0.6875rem',\n\t\t\t\t\tletterSpacing: '0.04em',\n\t\t\t\t\tmarginBottom: '4px',\n\t\t\t\t\ttextTransform: 'uppercase',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{cancelled ? t(keys.outcome) : t(keys.fieldError)}\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tbackgroundColor: 'var(--theme-elevation-50)',\n\t\t\t\t\tborderLeft: `3px solid ${accent}`,\n\t\t\t\t\tborderRadius: '0 4px 4px 0',\n\t\t\t\t\tcolor: 'var(--theme-elevation-800)',\n\t\t\t\t\tpadding: 'calc(var(--base) / 1.5)',\n\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{message}\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n","/** Human duration between two ISO timestamps; undefined when zero, unknown, or invalid. */\nexport const formatDuration = (start?: string, end?: string): string | undefined => {\n\tif (!start || !end) {\n\t\treturn undefined\n\t}\n\tconst ms = new Date(end).getTime() - new Date(start).getTime()\n\tif (!Number.isFinite(ms) || ms <= 0) {\n\t\treturn undefined\n\t}\n\treturn ms < 1000 ? `${ms}ms` : `${(ms / 1000).toFixed(ms < 10_000 ? 1 : 0)}s`\n}\n","const DIVISIONS: { amount: number; unit: Intl.RelativeTimeFormatUnit }[] = [\n\t{ amount: 60, unit: 'second' },\n\t{ amount: 60, unit: 'minute' },\n\t{ amount: 24, unit: 'hour' },\n\t{ amount: 7, unit: 'day' },\n\t{ amount: 4.34524, unit: 'week' },\n\t{ amount: 12, unit: 'month' },\n\t{ amount: Number.POSITIVE_INFINITY, unit: 'year' },\n]\n\nconst toMillis = (value: Date | number | string): number =>\n\tvalue instanceof Date ? value.getTime() : new Date(value).getTime()\n\n/**\n * Format a timestamp relative to `now`, for example `2 minutes ago` or\n * `in 1 hour`. Returns an empty string for missing or unparseable input. Pure,\n * so it can be unit-tested and reused outside the cell.\n */\nexport const formatRelativeTime = (\n\tvalue: Date | null | number | string | undefined,\n\tnow: number = Date.now()\n): string => {\n\tif (value === null || value === undefined) {\n\t\treturn ''\n\t}\n\tconst time = toMillis(value)\n\tif (Number.isNaN(time)) {\n\t\treturn ''\n\t}\n\n\tconst formatter = new Intl.RelativeTimeFormat('en', { numeric: 'auto' })\n\tlet duration = (time - now) / 1000\n\n\tfor (const division of DIVISIONS) {\n\t\tif (Math.abs(duration) < division.amount) {\n\t\t\treturn formatter.format(Math.round(duration), division.unit)\n\t\t}\n\t\tduration /= division.amount\n\t}\n\treturn formatter.format(Math.round(duration), 'year')\n}\n","'use client'\n\nimport { Pill, useConfig, useForm } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport type { ArrayFieldClientComponent } from 'payload'\nimport { useState } from 'react'\n\nimport { keys } from '../translations/keys'\nimport { useTranslation } from '../translations/useTranslation'\nimport { extractErrorMessage } from './extractErrorMessage'\nimport { formatDuration } from './formatDuration'\nimport { formatRelativeTime } from './formatRelativeTime'\n\nconst DEFAULT_DATE_FORMAT = 'MMMM do yyyy, h:mm a'\n\ninterface LogEntry {\n\tcompletedAt?: string\n\terror?: unknown\n\texecutedAt?: string\n\tid?: string\n\tinput?: unknown\n\toutput?: unknown\n\tstate?: 'failed' | 'succeeded'\n\ttaskID?: string\n\ttaskSlug?: string\n}\n\nconst hasKeys = (value: unknown): boolean =>\n\ttypeof value === 'object' && value !== null && Object.keys(value).length > 0\n\nconst Chevron = ({ open }: { open: boolean }) => (\n\t<svg\n\t\taria-hidden=\"true\"\n\t\theight=\"10\"\n\t\tstyle={{\n\t\t\tflexShrink: 0,\n\t\t\ttransform: open ? 'rotate(90deg)' : 'none',\n\t\t\ttransition: 'transform 0.15s',\n\t\t}}\n\t\tviewBox=\"0 0 10 10\"\n\t\twidth=\"10\"\n\t>\n\t\t<path d=\"M3 1 L7 5 L3 9\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"1.5\" />\n\t</svg>\n)\n\nconst Detail = ({ label, value }: { label: string; value: string }) => (\n\t<div style={{ display: 'flex', flexDirection: 'column', gap: '2px' }}>\n\t\t<span\n\t\t\tstyle={{\n\t\t\t\tcolor: 'var(--theme-elevation-500)',\n\t\t\t\tfontSize: '0.6875rem',\n\t\t\t\ttextTransform: 'uppercase',\n\t\t\t}}\n\t\t>\n\t\t\t{label}\n\t\t</span>\n\t\t<span>{value}</span>\n\t</div>\n)\n\nconst JsonBlock = ({ label, value }: { label: string; value: unknown }) => (\n\t<div>\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tcolor: 'var(--theme-elevation-500)',\n\t\t\t\tfontSize: '0.6875rem',\n\t\t\t\tmarginBottom: '2px',\n\t\t\t\ttextTransform: 'uppercase',\n\t\t\t}}\n\t\t>\n\t\t\t{label}\n\t\t</div>\n\t\t<pre\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: 'var(--theme-elevation-100)',\n\t\t\t\tborderRadius: '4px',\n\t\t\t\tfontSize: '0.75rem',\n\t\t\t\tmargin: 0,\n\t\t\t\tmaxHeight: '220px',\n\t\t\t\toverflow: 'auto',\n\t\t\t\tpadding: 'calc(var(--base) / 2)',\n\t\t\t\twhiteSpace: 'pre-wrap',\n\t\t\t\twordBreak: 'break-word',\n\t\t\t}}\n\t\t>\n\t\t\t{JSON.stringify(value, null, 2)}\n\t\t</pre>\n\t</div>\n)\n\nconst LogRow = ({ entry, index, pattern }: { entry: LogEntry; index: number; pattern: string }) => {\n\tconst { i18n, t } = useTranslation()\n\tconst [open, setOpen] = useState(false)\n\tconst failed = entry.state === 'failed'\n\tconst reason = failed ? extractErrorMessage(entry.error) : undefined\n\tconst duration = formatDuration(entry.executedAt, entry.completedAt)\n\tconst relative = formatRelativeTime(entry.executedAt ?? null)\n\tconst absolute = (date?: string): string => (date ? formatDate({ date, i18n, pattern }) : '—')\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tbackgroundColor: 'var(--theme-elevation-50)',\n\t\t\t\tborderLeft: `3px solid ${failed ? 'var(--theme-error-500)' : 'var(--theme-success-500)'}`,\n\t\t\t\tborderRadius: '0 4px 4px 0',\n\t\t\t}}\n\t\t>\n\t\t\t<button\n\t\t\t\taria-expanded={open}\n\t\t\t\tonClick={() => setOpen((prev) => !prev)}\n\t\t\t\tstyle={{\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tbackground: 'none',\n\t\t\t\t\tborder: 'none',\n\t\t\t\t\tcolor: 'inherit',\n\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\tfont: 'inherit',\n\t\t\t\t\tgap: 'calc(var(--base) / 2)',\n\t\t\t\t\tpadding: 'calc(var(--base) / 2)',\n\t\t\t\t\ttextAlign: 'left',\n\t\t\t\t\twidth: '100%',\n\t\t\t\t}}\n\t\t\t\ttype=\"button\"\n\t\t\t>\n\t\t\t\t<Chevron open={open} />\n\t\t\t\t<span style={{ color: 'var(--theme-elevation-400)' }}>#{index + 1}</span>\n\t\t\t\t<Pill pillStyle={failed ? 'error' : 'success'} size=\"small\">\n\t\t\t\t\t{failed ? t(keys.statusFailed) : t(keys.statusSucceeded)}\n\t\t\t\t</Pill>\n\t\t\t\t<strong>{entry.taskSlug || t(keys.fieldTask)}</strong>\n\t\t\t\t{relative ? <span style={{ color: 'var(--theme-elevation-500)' }}>{relative}</span> : null}\n\t\t\t\t{duration ? <span style={{ color: 'var(--theme-elevation-500)' }}>{duration}</span> : null}\n\t\t\t\t{reason ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: 'var(--theme-elevation-500)',\n\t\t\t\t\t\t\tmaxWidth: '32ch',\n\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{reason}\n\t\t\t\t\t</span>\n\t\t\t\t) : null}\n\t\t\t</button>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'grid',\n\t\t\t\t\tgridTemplateRows: open ? '1fr' : '0fr',\n\t\t\t\t\ttransition: 'grid-template-rows 0.2s ease',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<div style={{ overflow: 'hidden' }}>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\tgap: 'calc(var(--base) / 2)',\n\t\t\t\t\t\t\tpadding: '0 calc(var(--base) / 2) calc(var(--base) / 2)',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ columnGap: 'var(--base)', display: 'flex', flexWrap: 'wrap', rowGap: '8px' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Detail label={t(keys.fieldExecuted)} value={absolute(entry.executedAt)} />\n\t\t\t\t\t\t\t<Detail label={t(keys.fieldCompleted)} value={absolute(entry.completedAt)} />\n\t\t\t\t\t\t\t{entry.taskID ? <Detail label={t(keys.fieldTaskId)} value={entry.taskID} /> : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<JsonBlock label={t(keys.fieldInput)} value={entry.input ?? {}} />\n\t\t\t\t\t\t{hasKeys(entry.output) ? (\n\t\t\t\t\t\t\t<JsonBlock label={t(keys.fieldOutput)} value={entry.output} />\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t{entry.error != null ? (\n\t\t\t\t\t\t\t<JsonBlock label={t(keys.fieldError)} value={entry.error} />\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t)\n}\n\n/**\n * Field component for a job's `log`: a read-only per-attempt timeline. Each\n * attempt collapses to a one-line summary and expands to reveal its full data\n * (timings, task ID, input, output, error) so nothing is hidden.\n */\nexport const JobLogTimeline: ArrayFieldClientComponent = ({ path }) => {\n\tconst { getDataByPath } = useForm()\n\tconst { config } = useConfig()\n\tconst { t } = useTranslation()\n\tconst pattern = config.admin?.dateFormat ?? DEFAULT_DATE_FORMAT\n\tconst raw = getDataByPath<LogEntry[]>(path)\n\tconst entries = Array.isArray(raw) ? raw : []\n\n\tif (entries.length === 0) {\n\t\treturn <div style={{ color: 'var(--theme-elevation-450)' }}>{t(keys.noAttempts)}</div>\n\t}\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 'calc(var(--base) / 2)' }}>\n\t\t\t{entries.map((entry, index) => (\n\t\t\t\t<LogRow entry={entry} index={index} key={entry.id ?? index} pattern={pattern} />\n\t\t\t))}\n\t\t</div>\n\t)\n}\n","'use client'\n\nimport { Link, Pill, useConfig } from '@payloadcms/ui'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport { useTranslation } from '../translations/useTranslation'\nimport { deriveJobStatus } from './deriveJobStatus'\nimport { jobStatusMeta } from './jobStatusMeta'\n\n/**\n * List cell that renders a job's derived status as a native Payload Pill. On the\n * linked (first) column it wraps the badge in a link to the document, matching\n * Payload's default cell behavior.\n */\nexport const JobStatusCell = ({\n\tcollectionSlug,\n\tlink,\n\tlinkURL,\n\trowData,\n}: DefaultCellComponentProps) => {\n\tconst { config } = useConfig()\n\tconst { t } = useTranslation()\n\tconst { labelKey, pillStyle } = jobStatusMeta[deriveJobStatus(rowData ?? {})]\n\tconst pill = (\n\t\t<Pill pillStyle={pillStyle} size=\"small\">\n\t\t\t{t(labelKey)}\n\t\t</Pill>\n\t)\n\n\tif (link && collectionSlug && rowData?.id != null) {\n\t\tconst adminRoute = config.routes?.admin ?? '/admin'\n\t\tconst href =\n\t\t\tlinkURL ??\n\t\t\t`${adminRoute}/collections/${collectionSlug}/${encodeURIComponent(String(rowData.id))}`\n\t\treturn (\n\t\t\t<Link href={href} prefetch={false}>\n\t\t\t\t{pill}\n\t\t\t</Link>\n\t\t)\n\t}\n\n\treturn pill\n}\n","'use client'\n\nimport { Pill, useConfig, useFormFields } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport type { UIFieldClientComponent } from 'payload'\nimport { useEffect, useState } from 'react'\nimport { createPortal } from 'react-dom'\n\nimport { keys } from '../translations/keys'\nimport { useTranslation } from '../translations/useTranslation'\nimport { deriveJobStatus } from './deriveJobStatus'\nimport { formatRelativeTime } from './formatRelativeTime'\nimport { jobStatusMeta } from './jobStatusMeta'\n\nconst DEFAULT_DATE_FORMAT = 'MMMM do yyyy, h:mm a'\n\nconst Fact = ({ label, tooltip, value }: { label: string; tooltip?: string; value: string }) => {\n\tconst [coords, setCoords] = useState<{ left: number; top: number } | null>(null)\n\tconst [mounted, setMounted] = useState(false)\n\tuseEffect(() => setMounted(true), [])\n\n\treturn (\n\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: '2px' }}>\n\t\t\t<span\n\t\t\t\tstyle={{\n\t\t\t\t\tcolor: 'var(--theme-elevation-500)',\n\t\t\t\t\tfontSize: '0.6875rem',\n\t\t\t\t\tletterSpacing: '0.04em',\n\t\t\t\t\ttextTransform: 'uppercase',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{label}\n\t\t\t</span>\n\t\t\t{/* biome-ignore lint/a11y/noStaticElementInteractions: supplementary hover tooltip on a read-only text value */}\n\t\t\t<span\n\t\t\t\tonMouseEnter={(event) => {\n\t\t\t\t\tif (!tooltip) {\n\t\t\t\t\t\treturn\n\t\t\t\t\t}\n\t\t\t\t\tconst rect = event.currentTarget.getBoundingClientRect()\n\t\t\t\t\tsetCoords({ left: rect.left, top: rect.bottom })\n\t\t\t\t}}\n\t\t\t\tonMouseLeave={() => setCoords(null)}\n\t\t\t\tstyle={{ cursor: tooltip ? 'help' : undefined, fontWeight: 600, width: 'fit-content' }}\n\t\t\t>\n\t\t\t\t{value}\n\t\t\t</span>\n\t\t\t{mounted && tooltip && coords\n\t\t\t\t? createPortal(\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tbackgroundColor: 'var(--theme-elevation-900)',\n\t\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\t\tboxShadow: '0 2px 8px rgba(0, 0, 0, 0.25)',\n\t\t\t\t\t\t\t\tcolor: 'var(--theme-elevation-0)',\n\t\t\t\t\t\t\t\tfontSize: '0.75rem',\n\t\t\t\t\t\t\t\tleft: `${coords.left}px`,\n\t\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\t\tpointerEvents: 'none',\n\t\t\t\t\t\t\t\tposition: 'fixed',\n\t\t\t\t\t\t\t\ttop: `${coords.top + 6}px`,\n\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\tzIndex: 9999,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{tooltip}\n\t\t\t\t\t\t</span>,\n\t\t\t\t\t\tdocument.body\n\t\t\t\t\t)\n\t\t\t\t: null}\n\t\t</div>\n\t)\n}\n\n/**\n * Document header for a job: the derived status as a Pill plus the key facts,\n * read from the form so it stays in sync. Rendered at the top of the edit view.\n */\nexport const JobStatusHeader: UIFieldClientComponent = () => {\n\tconst fields = useFormFields(([formFields]) => formFields)\n\tconst { config } = useConfig()\n\tconst { i18n, t } = useTranslation()\n\tconst get = (name: string): unknown => fields?.[name]?.value\n\n\tconst status = deriveJobStatus({\n\t\tcompletedAt: get('completedAt') as null | string,\n\t\terror: get('error'),\n\t\thasError: get('hasError') as boolean,\n\t\tprocessing: get('processing') as boolean,\n\t\ttotalTried: get('totalTried') as number,\n\t\twaitUntil: get('waitUntil') as null | string,\n\t})\n\tconst meta = jobStatusMeta[status]\n\n\tconst workflowSlug = get('workflowSlug')\n\tconst taskSlug = get('taskSlug')\n\tconst runsLabel = workflowSlug\n\t\t? t(keys.fieldWorkflow)\n\t\t: taskSlug\n\t\t\t? t(keys.fieldTask)\n\t\t\t: t(keys.fieldJob)\n\tconst runsValue = String(workflowSlug || taskSlug || '—')\n\n\tconst pattern = config.admin?.dateFormat ?? DEFAULT_DATE_FORMAT\n\tconst createdAt = get('createdAt') as null | string\n\tconst completedAt = get('completedAt') as null | string\n\tconst absolute = (date: null | string): string | undefined =>\n\t\tdate ? formatDate({ date, i18n, pattern }) : undefined\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\talignItems: 'flex-end',\n\t\t\t\tborderBottom: '1px solid var(--theme-elevation-100)',\n\t\t\t\tcolumnGap: 'calc(var(--base) * 1.5)',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexWrap: 'wrap',\n\t\t\t\tmarginBottom: 'var(--base)',\n\t\t\t\tpaddingBottom: 'var(--base)',\n\t\t\t\trowGap: 'var(--base)',\n\t\t\t}}\n\t\t>\n\t\t\t<Pill pillStyle={meta.pillStyle} size=\"medium\">\n\t\t\t\t{t(meta.labelKey)}\n\t\t\t</Pill>\n\t\t\t<Fact label={runsLabel} value={runsValue} />\n\t\t\t<Fact label={t(keys.fieldQueue)} value={String(get('queue') || 'default')} />\n\t\t\t<Fact label={t(keys.fieldAttempts)} value={String((get('totalTried') as number) ?? 0)} />\n\t\t\t<Fact\n\t\t\t\tlabel={t(keys.fieldCreated)}\n\t\t\t\ttooltip={absolute(createdAt)}\n\t\t\t\tvalue={formatRelativeTime(createdAt) || '—'}\n\t\t\t/>\n\t\t\t<Fact\n\t\t\t\tlabel={t(keys.fieldCompleted)}\n\t\t\t\ttooltip={absolute(completedAt)}\n\t\t\t\tvalue={completedAt ? formatRelativeTime(completedAt) : '—'}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n","'use client'\n\nimport { useConfig } from '@payloadcms/ui'\nimport { formatDate } from '@payloadcms/ui/shared'\nimport type { DefaultCellComponentProps } from 'payload'\n\nimport { useTranslation } from '../translations/useTranslation'\nimport { formatRelativeTime } from './formatRelativeTime'\n\nconst DEFAULT_DATE_FORMAT = 'MMMM do yyyy, h:mm a'\n\n/** List cell for date fields: relative time, with the admin-formatted timestamp on hover. */\nexport const RelativeTimeCell = ({ cellData }: DefaultCellComponentProps) => {\n\tconst { config } = useConfig()\n\tconst { i18n } = useTranslation()\n\n\tif (cellData === null || cellData === undefined) {\n\t\treturn null\n\t}\n\tconst relative = formatRelativeTime(cellData)\n\tif (!relative) {\n\t\treturn null\n\t}\n\tconst exact = formatDate({\n\t\tdate: cellData,\n\t\ti18n,\n\t\tpattern: config.admin?.dateFormat ?? DEFAULT_DATE_FORMAT,\n\t})\n\treturn <span title={exact}>{relative}</span>\n}\n"],"mappings":"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"}