@dyrected/admin 2.5.56 → 2.5.58

package/dist/components/forms/fields/rich-text-editor.d.ts

@@ -1,3 +1,4 @@
+import { HeadingLevel, RichTextFeature } from '@dyrected/core';
 import * as React from "react";
 interface RichTextEditorProps {
     value: string;
@@ -5,6 +6,10 @@ interface RichTextEditorProps {
     label?: string;
     disabled?: boolean;
     collection?: string;
+    /** Enabled editor capabilities. When omitted, every feature is enabled. */
+    features?: RichTextFeature[];
+    /** Heading levels offered by the `heading` feature. Defaults to `[1, 2, 3]`. */
+    headingLevels?: HeadingLevel[];
 }
-export declare function RichTextEditor({ value, onChange, label, disabled, collection }: RichTextEditorProps): React.JSX.Element;
+export declare function RichTextEditor({ value, onChange, label, disabled, collection, features, headingLevels }: RichTextEditorProps): React.JSX.Element;
 export {};

package/dist/index.mjs

@@ -5,7 +5,7 @@ import { HashRouter, Link, MemoryRouter, Route, Routes, useLocation, useNavigate
 import { QueryClient, QueryClientProvider, useInfiniteQuery, useMutation, useQueries, useQuery, useQueryClient } from "@tanstack/react-query";
 import { createClient } from "@dyrected/sdk";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpDown, ArrowUpRight, Bold, Braces, Calendar, Check, CheckCircle, CheckCircle2, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronUp, ChevronsUpDown, Circle, Clock, Clock3, Code, Copy, Database, Download, ExternalLink, Eye, EyeOff, FileDown, FileIcon, FileText, FileUp, Filter, Globe, GripVertical, Heading1, Heading2, Home, Image as Image$1, Info, Italic, KeyRound, Layers, LayoutDashboard, LayoutGrid, Library, Link as Link$1, List, ListOrdered, Loader2, Lock, LogOut, Mail, Menu, Monitor, Moon, MoreHorizontal, MousePointer2, PanelLeftClose, PanelLeftOpen, Pencil, Play, Plus, Quote, RotateCcw, Save, Scissors, Search, Settings, Settings2, Share2, Shield, Smartphone, Sparkles, Strikethrough, Sun, Table, Trash2, Underline, Undo2, Upload, UploadCloud, Users, Video, Volume2, Workflow, X, XCircle, icons } from "lucide-react";
+import { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpDown, ArrowUpRight, Bold, Braces, Calendar, Check, CheckCircle, CheckCircle2, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronUp, ChevronsUpDown, Circle, Clock, Clock3, Code, Copy, Database, Download, ExternalLink, Eye, EyeOff, FileDown, FileIcon, FileText, FileUp, Filter, Globe, GripVertical, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Home, Image as Image$1, Info, Italic, KeyRound, Layers, LayoutDashboard, LayoutGrid, Library, Link as Link$1, List, ListOrdered, Loader2, Lock, LogOut, Mail, Menu, Monitor, Moon, MoreHorizontal, MousePointer2, PanelLeftClose, PanelLeftOpen, Pencil, Play, Plus, Quote, RotateCcw, Save, Scissors, Search, Settings, Settings2, Share2, Shield, Smartphone, Sparkles, Strikethrough, Sun, Table, Trash2, Underline, Undo2, Upload, UploadCloud, Users, Video, Volume2, Workflow, X, XCircle, icons } from "lucide-react";
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
@@ -30,8 +30,6 @@ import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import TextAlign from "@tiptap/extension-text-align";
 import Image$2 from "@tiptap/extension-image";
-import LinkExtension from "@tiptap/extension-link";
-import Underline$1 from "@tiptap/extension-underline";
 import { TableKit } from "@tiptap/extension-table";
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
@@ -578,7 +576,7 @@ var SheetOverlay = React$1.forwardRef(({ className, ...props }, ref) => /* @__PU
 	ref
 }));
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-var sheetVariants = cva("dy-fixed dy-z-50 dy-gap-4 dy-bg-background dy-p-6 dy-shadow-2xl dy-transition dy-ease-in-out data-[state=open]:dy-animate-in data-[state=closed]:dy-animate-out data-[state=closed]:dy-duration-300 data-[state=open]:dy-duration-500", {
+var sheetVariants = cva("dy-fixed dy-z-50 dy-gap-4 dy-bg-background dy-p-0 dy-shadow-2xl dy-transition dy-ease-in-out data-[state=open]:dy-animate-in data-[state=closed]:dy-animate-out data-[state=closed]:dy-duration-300 data-[state=open]:dy-duration-500", {
 	variants: { side: {
 		top: "dy-inset-x-0 dy-top-0 dy-border-b data-[state=closed]:dy-slide-out-to-top data-[state=open]:dy-slide-in-from-top",
 		bottom: "dy-inset-x-0 dy-bottom-0 dy-border-t data-[state=closed]:dy-slide-out-to-bottom data-[state=open]:dy-slide-in-from-bottom",
@@ -967,7 +965,7 @@ function isNewerVersion(latest, current) {
 	return false;
 }
 function useUpdateCheck() {
-	const currentVersion = "2.5.56";
+	const currentVersion = "2.5.57";
 	const [updateInfo, setUpdateInfo] = useState(() => {
 		if (typeof window === "undefined") return null;
 		const cacheKey = "dyrected_latest_release";
@@ -1114,20 +1112,24 @@ function AdminShell({ children, isEmbedded = false }) {
 							})
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "dy-ml-auto dy-flex dy-items-center dy-gap-1.5",
-							children: [/* @__PURE__ */ jsx(ThemeSelector, { mobile: true }), user && /* @__PURE__ */ jsx("div", {
-								className: "dy-flex dy-h-8 dy-w-8 dy-items-center dy-justify-center dy-rounded-full dy-bg-primary/10 dy-text-primary dy-font-semibold dy-text-xs dy-shrink-0",
-								children: (user.name || user.email || "?").charAt(0).toUpperCase()
-							})]
+							children: [
+								/* @__PURE__ */ jsx(ThemeSelector, { mobile: true }),
+								user && /* @__PURE__ */ jsx("div", {
+									className: "dy-flex dy-h-8 dy-w-8 dy-items-center dy-justify-center dy-rounded-full dy-bg-primary/10 dy-text-primary dy-font-semibold dy-text-xs dy-shrink-0",
+									children: (user.name || user.email || "?").charAt(0).toUpperCase()
+								}),
+								/* @__PURE__ */ jsx("button", {
+									type: "button",
+									onClick: () => setMobileOpen(true),
+									className: "dy-flex dy-h-9 dy-w-9 dy-items-center dy-justify-center dy-rounded-md dy-text-muted-foreground hover:dy-bg-accent hover:dy-text-foreground dy-transition-colors",
+									"aria-label": "Open menu",
+									children: /* @__PURE__ */ jsx(Menu, { className: "dy-h-5 dy-w-5" })
+								})
+							]
 						})]
-					}), /* @__PURE__ */ jsxs("div", {
+					}), /* @__PURE__ */ jsx("div", {
 						className: "dy-flex-1 dy-py-6 dy-px-4 lg:dy-py-10 lg:dy-px-6",
-						children: [children, /* @__PURE__ */ jsx("button", {
-							type: "button",
-							onClick: () => setMobileOpen(true),
-							className: "dy-flex dy-h-9 dy-w-9 dy-items-center dy-justify-center dy-rounded-md dy-text-muted-foreground hover:dy-bg-accent hover:dy-text-foreground dy-transition-colors",
-							"aria-label": "Open menu",
-							children: /* @__PURE__ */ jsx(Menu, { className: "dy-h-5 dy-w-5" })
-						})]
+						children
 					})]
 				})
 			]
@@ -1217,7 +1219,7 @@ function getStatusLabel(doc) {
 }
 function Dashboard() {
 	const { client, components, user } = useDyrected();
-	const currentVersion = "2.5.56";
+	const currentVersion = "2.5.57";
 	const [latestVersion, setLatestVersion] = useState(() => {
 		if (typeof window === "undefined") return null;
 		return localStorage.getItem("dyrected_latest_release");
@@ -3294,6 +3296,28 @@ function MediaGrid({ items, baseUrl, onDelete, slug }) {
 	});
 }
 //#endregion
+//#region src/lib/preview-url.ts
+/**
+* Resolves the previewUrl from a collection schema against a document entry.
+* Handles both function-based configurations and Jexl string evaluations.
+*/
+function resolvePreviewUrl(previewUrlConfig, entry, siteUrl) {
+	if (!previewUrlConfig) return null;
+	let previewUrl = typeof previewUrlConfig === "function" ? previewUrlConfig(entry, { locale: "en" }) : previewUrlConfig;
+	if (typeof previewUrl === "string" && previewUrl.includes("{{")) previewUrl = previewUrl.replace(/{{(.*?)}}/g, (_, key) => String(entry?.[key.trim()] || ""));
+	else if (typeof previewUrl === "string" && entry) try {
+		const context = {
+			...entry,
+			siteUrl
+		};
+		if (previewUrl.includes("+") || previewUrl.includes("?") || previewUrl.includes("==") || previewUrl.includes("siteUrl")) previewUrl = jexl.evalSync(previewUrl, context);
+	} catch (e) {
+		console.error("[PreviewDebug] Jexl Evaluation Failed:", e);
+	}
+	if (typeof previewUrl === "string" && previewUrl.startsWith("/")) previewUrl = `${siteUrl}${previewUrl}`;
+	return typeof previewUrl === "string" ? previewUrl : null;
+}
+//#endregion
 //#region src/components/ui/toggle.tsx
 var toggleVariants = cva("dy-inline-flex dy-items-center dy-justify-center dy-rounded-md dy-text-sm dy-font-medium dy-ring-offset-background dy-transition-colors hover:dy-bg-muted hover:dy-text-muted-foreground focus-visible:dy-outline-none focus-visible:dy-ring-2 focus-visible:dy-ring-ring focus-visible:dy-ring-offset-2 disabled:dy-pointer-events-none disabled:dy-opacity-50 data-[state=on]:dy-bg-accent data-[state=on]:dy-text-accent-foreground [&_svg]:dy-pointer-events-none [&_svg]:dy-size-4 [&_svg]:dy-shrink-0 dy-gap-2", {
 	variants: {
@@ -4705,11 +4729,35 @@ var Label = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
 Label.displayName = LabelPrimitive.Root.displayName;
 //#endregion
 //#region src/components/forms/fields/rich-text-editor.tsx
-var MenuBar = ({ editor, collection = "media" }) => {
+var DEFAULT_HEADING_LEVELS = [
+	1,
+	2,
+	3
+];
+var HEADING_ICONS = {
+	1: Heading1,
+	2: Heading2,
+	3: Heading3,
+	4: Heading4,
+	5: Heading5,
+	6: Heading6
+};
+/** True when `feature` is enabled. An undefined feature list means every feature is on. */
+function hasFeature(features, feature) {
+	return !features || features.includes(feature);
+}
+var Separator$1 = () => /* @__PURE__ */ jsx("div", { className: "dy-w-[1px] dy-h-6 dy-bg-border dy-mx-1" });
+var MenuBar = ({ editor, collection = "media", features, headingLevels }) => {
 	const [linkOpen, setLinkOpen] = React$1.useState(false);
 	const [linkUrl, setLinkUrl] = React$1.useState("");
 	const [linkNewTab, setLinkNewTab] = React$1.useState(false);
 	if (!editor) return null;
+	const has = (feature) => hasFeature(features, feature);
+	const inlineGroup = has("bold") || has("italic") || has("underline") || has("strike");
+	const blockGroup = has("heading") || has("bulletList") || has("orderedList") || has("blockquote");
+	const alignGroup = has("align");
+	const linkGroup = has("link");
+	const tableGroup = has("table");
 	const openLinkDialog = () => {
 		const attrs = editor.getAttributes("link");
 		setLinkUrl(attrs.href || "");
@@ -4731,82 +4779,85 @@ var MenuBar = ({ editor, collection = "media" }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dy-border dy-border-input dy-rounded-t-md dy-p-1 dy-flex dy-flex-wrap dy-gap-1 dy-items-center dy-bg-muted/50",
 		children: [
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive("bold"),
-				onPressedChange: () => editor.chain().focus().toggleBold().run(),
-				children: /* @__PURE__ */ jsx(Bold, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive("italic"),
-				onPressedChange: () => editor.chain().focus().toggleItalic().run(),
-				children: /* @__PURE__ */ jsx(Italic, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive("underline"),
-				onPressedChange: () => editor.chain().focus().toggleUnderline().run(),
-				children: /* @__PURE__ */ jsx(Underline, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive("strike"),
-				onPressedChange: () => editor.chain().focus().toggleStrike().run(),
-				children: /* @__PURE__ */ jsx(Strikethrough, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx("div", { className: "dy-w-[1px] dy-h-6 dy-bg-border dy-mx-1" }),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive("heading", { level: 1 }),
-				onPressedChange: () => editor.chain().focus().toggleHeading({ level: 1 }).run(),
-				children: /* @__PURE__ */ jsx(Heading1, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive("heading", { level: 2 }),
-				onPressedChange: () => editor.chain().focus().toggleHeading({ level: 2 }).run(),
-				children: /* @__PURE__ */ jsx(Heading2, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive("bulletList"),
-				onPressedChange: () => editor.chain().focus().toggleBulletList().run(),
-				children: /* @__PURE__ */ jsx(List, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive("orderedList"),
-				onPressedChange: () => editor.chain().focus().toggleOrderedList().run(),
-				children: /* @__PURE__ */ jsx(ListOrdered, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive("blockquote"),
-				onPressedChange: () => editor.chain().focus().toggleBlockquote().run(),
-				children: /* @__PURE__ */ jsx(Quote, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx("div", { className: "dy-w-[1px] dy-h-6 dy-bg-border dy-mx-1" }),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive({ textAlign: "left" }),
-				onPressedChange: () => editor.chain().focus().setTextAlign("left").run(),
-				children: /* @__PURE__ */ jsx(AlignLeft, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive({ textAlign: "center" }),
-				onPressedChange: () => editor.chain().focus().setTextAlign("center").run(),
-				children: /* @__PURE__ */ jsx(AlignCenter, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx(Toggle, {
-				size: "sm",
-				pressed: editor.isActive({ textAlign: "right" }),
-				onPressedChange: () => editor.chain().focus().setTextAlign("right").run(),
-				children: /* @__PURE__ */ jsx(AlignRight, { className: "dy-h-4 dy-w-4" })
-			}),
-			/* @__PURE__ */ jsx("div", { className: "dy-w-[1px] dy-h-6 dy-bg-border dy-mx-1" }),
-			/* @__PURE__ */ jsxs(Popover, {
+			inlineGroup && /* @__PURE__ */ jsxs(Fragment, { children: [
+				has("bold") && /* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive("bold"),
+					onPressedChange: () => editor.chain().focus().toggleBold().run(),
+					children: /* @__PURE__ */ jsx(Bold, { className: "dy-h-4 dy-w-4" })
+				}),
+				has("italic") && /* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive("italic"),
+					onPressedChange: () => editor.chain().focus().toggleItalic().run(),
+					children: /* @__PURE__ */ jsx(Italic, { className: "dy-h-4 dy-w-4" })
+				}),
+				has("underline") && /* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive("underline"),
+					onPressedChange: () => editor.chain().focus().toggleUnderline().run(),
+					children: /* @__PURE__ */ jsx(Underline, { className: "dy-h-4 dy-w-4" })
+				}),
+				has("strike") && /* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive("strike"),
+					onPressedChange: () => editor.chain().focus().toggleStrike().run(),
+					children: /* @__PURE__ */ jsx(Strikethrough, { className: "dy-h-4 dy-w-4" })
+				})
+			] }),
+			inlineGroup && blockGroup && /* @__PURE__ */ jsx(Separator$1, {}),
+			blockGroup && /* @__PURE__ */ jsxs(Fragment, { children: [
+				has("heading") && headingLevels.map((level) => {
+					const Icon = HEADING_ICONS[level];
+					return /* @__PURE__ */ jsx(Toggle, {
+						size: "sm",
+						pressed: editor.isActive("heading", { level }),
+						onPressedChange: () => editor.chain().focus().toggleHeading({ level }).run(),
+						children: /* @__PURE__ */ jsx(Icon, { className: "dy-h-4 dy-w-4" })
+					}, level);
+				}),
+				has("bulletList") && /* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive("bulletList"),
+					onPressedChange: () => editor.chain().focus().toggleBulletList().run(),
+					children: /* @__PURE__ */ jsx(List, { className: "dy-h-4 dy-w-4" })
+				}),
+				has("orderedList") && /* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive("orderedList"),
+					onPressedChange: () => editor.chain().focus().toggleOrderedList().run(),
+					children: /* @__PURE__ */ jsx(ListOrdered, { className: "dy-h-4 dy-w-4" })
+				}),
+				has("blockquote") && /* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive("blockquote"),
+					onPressedChange: () => editor.chain().focus().toggleBlockquote().run(),
+					children: /* @__PURE__ */ jsx(Quote, { className: "dy-h-4 dy-w-4" })
+				})
+			] }),
+			(inlineGroup || blockGroup) && alignGroup && /* @__PURE__ */ jsx(Separator$1, {}),
+			alignGroup && /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive({ textAlign: "left" }),
+					onPressedChange: () => editor.chain().focus().setTextAlign("left").run(),
+					children: /* @__PURE__ */ jsx(AlignLeft, { className: "dy-h-4 dy-w-4" })
+				}),
+				/* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive({ textAlign: "center" }),
+					onPressedChange: () => editor.chain().focus().setTextAlign("center").run(),
+					children: /* @__PURE__ */ jsx(AlignCenter, { className: "dy-h-4 dy-w-4" })
+				}),
+				/* @__PURE__ */ jsx(Toggle, {
+					size: "sm",
+					pressed: editor.isActive({ textAlign: "right" }),
+					onPressedChange: () => editor.chain().focus().setTextAlign("right").run(),
+					children: /* @__PURE__ */ jsx(AlignRight, { className: "dy-h-4 dy-w-4" })
+				})
+			] }),
+			(inlineGroup || blockGroup || alignGroup) && linkGroup && /* @__PURE__ */ jsx(Separator$1, {}),
+			linkGroup && /* @__PURE__ */ jsxs(Popover, {
 				open: linkOpen,
 				onOpenChange: setLinkOpen,
 				children: [/* @__PURE__ */ jsx(PopoverTrigger, {
@@ -4873,8 +4924,8 @@ var MenuBar = ({ editor, collection = "media" }) => {
 					})
 				})]
 			}),
-			/* @__PURE__ */ jsx("div", { className: "dy-w-[1px] dy-h-6 dy-bg-border dy-mx-1" }),
-			/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			(inlineGroup || blockGroup || alignGroup || linkGroup) && tableGroup && /* @__PURE__ */ jsx(Separator$1, {}),
+			tableGroup && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 				asChild: true,
 				children: /* @__PURE__ */ jsx(Toggle, {
 					size: "sm",
@@ -4935,7 +4986,7 @@ var MenuBar = ({ editor, collection = "media" }) => {
 					})
 				]
 			})] }),
-			/* @__PURE__ */ jsx("div", {
+			has("image") && /* @__PURE__ */ jsx("div", {
 				className: "dy-ml-auto",
 				children: /* @__PURE__ */ jsx(MediaPicker, {
 					collection,
@@ -4956,24 +5007,34 @@ var MenuBar = ({ editor, collection = "media" }) => {
 		]
 	});
 };
-function RichTextEditor({ value, onChange, label, disabled, collection = "media" }) {
+function RichTextEditor({ value, onChange, label, disabled, collection = "media", features, headingLevels }) {
 	const [editingImage, setEditingImage] = React$1.useState(null);
 	const [tempAlt, setTempAlt] = React$1.useState("");
+	const levels = headingLevels ?? DEFAULT_HEADING_LEVELS;
+	const has = (feature) => hasFeature(features, feature);
 	const editor = useEditor({
 		extensions: [
-			StarterKit,
-			TextAlign.configure({ types: ["heading", "paragraph"] }),
-			Underline$1,
-			Image$2.configure({ HTMLAttributes: { class: "rounded-md max-w-full h-auto my-4 cursor-pointer hover:ring-2 hover:ring-primary/50 transition-all" } }),
-			LinkExtension.configure({
-				openOnClick: false,
-				HTMLAttributes: { rel: "noopener noreferrer" }
+			StarterKit.configure({
+				bold: has("bold") ? void 0 : false,
+				italic: has("italic") ? void 0 : false,
+				strike: has("strike") ? void 0 : false,
+				underline: has("underline") ? void 0 : false,
+				blockquote: has("blockquote") ? void 0 : false,
+				bulletList: has("bulletList") ? void 0 : false,
+				orderedList: has("orderedList") ? void 0 : false,
+				heading: has("heading") ? { levels } : false,
+				link: has("link") ? {
+					openOnClick: false,
+					HTMLAttributes: { rel: "noopener noreferrer" }
+				} : false
 			}),
-			TableKit.configure({
+			...has("align") ? [TextAlign.configure({ types: ["heading", "paragraph"] })] : [],
+			...has("image") ? [Image$2.configure({ HTMLAttributes: { class: "rounded-md max-w-full h-auto my-4 cursor-pointer hover:ring-2 hover:ring-primary/50 transition-all" } })] : [],
+			...has("table") ? [TableKit.configure({
 				table: { HTMLAttributes: { class: "dy-border-collapse dy-w-full dy-my-4" } },
 				tableCell: { HTMLAttributes: { class: "dy-border dy-border-border dy-p-2 dy-align-top dy-min-w-[100px]" } },
 				tableHeader: { HTMLAttributes: { class: "dy-border dy-border-border dy-p-2 dy-bg-muted dy-font-semibold dy-text-left" } }
-			})
+			})] : []
 		],
 		content: value,
 		editable: !disabled,
@@ -5030,7 +5091,9 @@ function RichTextEditor({ value, onChange, label, disabled, collection = "media"
 				className: "dy-flex dy-flex-col dy-w-full",
 				children: [!disabled && /* @__PURE__ */ jsx(MenuBar, {
 					editor,
-					collection
+					collection,
+					features,
+					headingLevels: levels
 				}), /* @__PURE__ */ jsx(EditorContent, {
 					editor,
 					className: cn(disabled && "dy-opacity-80 dy-prose prose lg:prose-xl lg:dy-prose-xl")
@@ -5855,6 +5918,7 @@ function initSandbox() {
   `;
 	document.body.appendChild(sandboxIframe);
 	window.addEventListener("message", (event) => {
+		if (!sandboxIframe?.contentWindow || event.source !== sandboxIframe.contentWindow) return;
 		if (event.data && typeof event.data === "object" && "hookId" in event.data) {
 			const { hookId, result, error } = event.data;
 			const handler = messageHandlers.get(hookId);
@@ -7447,12 +7511,17 @@ function FieldRenderer({ schema, field, collection, context }) {
 			disabled,
 			multiple: relSchema.hasMany
 		});
-		case "richText": return /* @__PURE__ */ jsx(RichTextEditor, {
-			collection: context?.schemas?.collections?.find((c) => c.upload)?.slug || "media",
-			value: field.value,
-			onChange: field.onChange,
-			disabled
-		});
+		case "richText": {
+			const rtSchema = schema;
+			return /* @__PURE__ */ jsx(RichTextEditor, {
+				collection: rtSchema.uploadCollection || context?.schemas?.collections?.find((c) => c.upload)?.slug || "media",
+				value: field.value,
+				onChange: field.onChange,
+				disabled,
+				features: rtSchema.features,
+				headingLevels: rtSchema.headingLevels
+			});
+		}
 		case "json": return /* @__PURE__ */ jsx(JsonEditor, {
 			value: field.value,
 			onChange: field.onChange,
@@ -10761,21 +10830,8 @@ function CollectionListPage({ slug }) {
 			return true;
 		};
 		const getPreviewUrl = (item) => {
-			if (!schema?.admin?.previewUrl) return null;
-			let previewUrl = typeof schema.admin.previewUrl === "function" ? schema.admin.previewUrl(item, { locale: "en" }) : schema.admin.previewUrl;
 			const siteUrl = getSiteUrl(schemas?.admin?.siteUrl);
-			if (typeof previewUrl === "string" && previewUrl.includes("{{")) previewUrl = previewUrl.replace(/{{(.*?)}}/g, (_, key) => String(item[key.trim()] || ""));
-			else if (typeof previewUrl === "string") try {
-				const context = {
-					...item,
-					siteUrl
-				};
-				if (previewUrl.includes("+") || previewUrl.includes("?") || previewUrl.includes("==") || previewUrl.includes("siteUrl")) previewUrl = jexl.evalSync(previewUrl, context);
-			} catch (e) {
-				console.warn("Preview URL eval failed:", e);
-			}
-			if (typeof previewUrl === "string" && previewUrl.startsWith("/")) previewUrl = `${siteUrl}${previewUrl}`;
-			return typeof previewUrl === "string" ? previewUrl : null;
+			return resolvePreviewUrl(schema?.admin?.previewUrl, item, siteUrl);
 		};
 		const renderLinkedCell = (item, cell) => {
 			const canDelete = canDeleteRow(item);
@@ -12150,19 +12206,8 @@ function EditEntryPage() {
 	const workflowMeta = isEdit && entry ? entry._workflow ?? null : null;
 	const hasStatus = schema?.fields.some((f) => f.name === "status");
 	const currentStatus = entry?.status || "draft";
-	let previewUrl = typeof schema.admin?.previewUrl === "function" ? schema.admin.previewUrl(previewData || entry, { locale: "en" }) : schema.admin?.previewUrl;
 	const siteUrl = getSiteUrl(schemas?.admin?.siteUrl);
-	if (typeof previewUrl === "string" && previewUrl.includes("{{")) previewUrl = previewUrl.replace(/{{(.*?)}}/g, (_, key) => entry?.[key.trim()] || "");
-	else if (typeof previewUrl === "string" && (previewData || entry)) try {
-		const context = {
-			...previewData || entry,
-			siteUrl
-		};
-		if (previewUrl.includes("+") || previewUrl.includes("?") || previewUrl.includes("==") || previewUrl.includes("siteUrl")) previewUrl = jexl.evalSync(previewUrl, context);
-	} catch (e) {
-		console.error("[PreviewDebug] Jexl Evaluation Failed:", e);
-	}
-	if (typeof previewUrl === "string" && previewUrl.startsWith("/")) previewUrl = `${siteUrl}${previewUrl}`;
+	const previewUrl = resolvePreviewUrl(schema.admin?.previewUrl, previewData || entry, siteUrl);
 	const readAccess = schema.access?.read;
 	let canRead = true;
 	if (readAccess === false) canRead = false;
@@ -13923,7 +13968,7 @@ function SetupPromptUI({ config }) {
 		setCopied(true);
 		window.setTimeout(() => setCopied(false), 1800);
 	}
-	const currentVersion = "2.5.56";
+	const currentVersion = "2.5.57";
 	const [latestVersion, setLatestVersion] = useState(() => {
 		if (typeof window === "undefined") return null;
 		return localStorage.getItem("dyrected_latest_release");

package/dist/lib/preview-url.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Resolves the previewUrl from a collection schema against a document entry.
+ * Handles both function-based configurations and Jexl string evaluations.
+ */
+export declare function resolvePreviewUrl(previewUrlConfig: string | ((doc: any, opts: any) => string | null) | undefined, entry: any, siteUrl: string): string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dyrected/admin",
-  "version": "2.5.56",
+  "version": "2.5.58",
   "type": "module",
   "files": [
     "dist"
@@ -64,9 +64,9 @@
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.25.76",
-    "@dyrected/core": "^2.5.56",
-    "@dyrected/sdk": "^2.5.56",
-    "@dyrected/knowledge": "^0.2.10"
+    "@dyrected/core": "^2.5.58",
+    "@dyrected/knowledge": "^0.2.11",
+    "@dyrected/sdk": "^2.5.58"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",