@dyrected/admin 2.5.48 → 2.5.49

package/dist/admin.css

@@ -2901,6 +2901,10 @@
     background-color: rgb(0 0 0 / 0.4);
 }
 
+.dy-bg-black\/5{
+    background-color: rgb(0 0 0 / 0.05);
+}
+
 .dy-bg-black\/60{
     background-color: rgb(0 0 0 / 0.6);
 }
@@ -2983,6 +2987,10 @@
     background-color: rgb(16 185 129 / 0.1);
 }
 
+.dy-bg-green-500\/10{
+    background-color: rgb(34 197 94 / 0.1);
+}
+
 .dy-bg-muted{
     background-color: hsl(var(--muted));
 }
@@ -3185,6 +3193,11 @@
     padding: 1px;
 }
 
+.dy-px-0{
+    padding-left: 0px;
+    padding-right: 0px;
+}
+
 .dy-px-1{
     padding-left: 0.25rem;
     padding-right: 0.25rem;
@@ -3684,6 +3697,11 @@
     color: rgb(34 197 94 / var(--tw-text-opacity, 1));
 }
 
+.dy-text-green-600{
+    --tw-text-opacity: 1;
+    color: rgb(22 163 74 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-muted-foreground{
     color: hsl(var(--muted-foreground));
 }
@@ -5474,6 +5492,10 @@
     padding: 0px !important;
 }
 
+.dark\:dy-bg-white\/5:is(.dy-dark *){
+    background-color: rgb(255 255 255 / 0.05);
+}
+
 .dark\:dy-text-amber-400:is(.dy-dark *){
     --tw-text-opacity: 1;
     color: rgb(251 191 36 / var(--tw-text-opacity, 1));
@@ -5489,6 +5511,11 @@
     color: rgb(52 211 153 / var(--tw-text-opacity, 1));
 }
 
+.dark\:dy-text-green-400:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(74 222 128 / var(--tw-text-opacity, 1));
+}
+
 .dark\:dy-text-purple-400:is(.dy-dark *){
     --tw-text-opacity: 1;
     color: rgb(192 132 252 / var(--tw-text-opacity, 1));

package/dist/index.mjs

@@ -586,7 +586,7 @@ function NavGroup({ label, children, collapsed, defaultExpanded = true }) {
 		})]
 	});
 }
-function ThemeSelector({ collapsed = false, mobile = false }) {
+function ThemeSelector({ collapsed = false, mobile = false, iconOnly = false }) {
 	const { resolvedTheme, setTheme, theme } = useAdminTheme();
 	const Icon = resolvedTheme === "dark" ? Moon : Sun;
 	const options = [
@@ -611,11 +611,11 @@ function ThemeSelector({ collapsed = false, mobile = false }) {
 		children: /* @__PURE__ */ jsxs(Button, {
 			type: "button",
 			variant: "ghost",
-			size: mobile || collapsed ? "icon" : "sm",
-			className: cn("dy-text-muted-foreground hover:dy-bg-accent hover:dy-text-foreground", collapsed || mobile ? "dy-h-8 dy-w-8" : "dy-h-7 dy-w-full dy-justify-start dy-px-2.5 dy-text-[11px]"),
+			size: mobile || collapsed || iconOnly ? "icon" : "sm",
+			className: cn("dy-text-muted-foreground hover:dy-bg-accent hover:dy-text-foreground", collapsed || mobile || iconOnly ? "dy-h-7 dy-w-7 dy-px-0 dy-justify-center" : "dy-h-7 dy-w-full dy-justify-start dy-px-2.5 dy-text-[11px]"),
 			title: "Theme",
 			"aria-label": "Change admin theme",
-			children: [/* @__PURE__ */ jsx(Icon, { className: "dy-h-3.5 dy-w-3.5" }), !collapsed && !mobile && /* @__PURE__ */ jsx("span", { children: "Theme" })]
+			children: [/* @__PURE__ */ jsx(Icon, { className: "dy-h-3.5 dy-w-3.5" }), !collapsed && !mobile && !iconOnly && /* @__PURE__ */ jsx("span", { children: "Theme" })]
 		})
 	}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
 		side: collapsed || mobile ? "bottom" : "top",
@@ -643,16 +643,16 @@ function ThemeSelector({ collapsed = false, mobile = false }) {
 		]
 	})] });
 }
-function SidebarInner({ schemas, isLoading, location, logout, isEmbedded, collapsed, onToggleCollapse, onNavigate }) {
+function SidebarInner({ schemas, isLoading, location, logout, isEmbedded, collapsed, onToggleCollapse, onNavigate, updateInfo }) {
 	const { client, user } = useDyrected();
-	const collections = schemas?.collections?.filter((c) => !c?.admin?.hidden && !c?.slug.startsWith("platform_")) ?? [];
-	const globals = schemas?.globals?.filter((g) => !g?.admin?.hidden && !g?.slug.startsWith("platform_")) ?? [];
+	const collections = (schemas?.collections)?.filter((c) => !c?.admin?.hidden && !c?.slug.startsWith("platform_")) ?? [];
+	const globals = (schemas?.globals)?.filter((g) => !g?.admin?.hidden && !g?.slug.startsWith("platform_")) ?? [];
 	const uploadCollections = collections.filter((c) => c.upload);
 	const groupLabel = (text) => !collapsed ? /* @__PURE__ */ jsx("p", {
 		className: "dy-px-3 dy-mb-1.5 dy-text-[10px] dy-font-semibold dy-uppercase dy-tracking-widest dy-text-muted-foreground/50",
 		children: text
 	}) : /* @__PURE__ */ jsx("div", { className: "dy-my-2 dy-mx-3 dy-h-px dy-bg-border" });
-	const branding = schemas?.admin?.branding;
+	const branding = (schemas?.admin)?.branding;
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dy-flex dy-flex-col dy-min-h-screen",
 		children: [
@@ -783,12 +783,17 @@ function SidebarInner({ schemas, isLoading, location, logout, isEmbedded, collap
 					/* @__PURE__ */ jsx(NavItem, {
 						to: "/setup",
 						icon: Sparkles,
-						label: "Setup & Help",
+						label: /* @__PURE__ */ jsxs("div", {
+							className: "dy-flex dy-items-center dy-justify-between dy-w-full dy-min-w-0",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "dy-truncate",
+								children: "Setup & Help"
+							}), updateInfo?.hasUpdate && /* @__PURE__ */ jsx("span", { className: "dy-h-1.5 dy-w-1.5 dy-rounded-full dy-bg-primary dy-shrink-0 dy-ml-2" })]
+						}),
 						active: location.pathname === "/setup",
 						collapsed,
 						onClick: onNavigate
 					}),
-					/* @__PURE__ */ jsx(ThemeSelector, { collapsed }),
 					!isEmbedded && user && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 						asChild: true,
 						children: /* @__PURE__ */ jsxs("button", {
@@ -834,26 +839,99 @@ function SidebarInner({ schemas, isLoading, location, logout, isEmbedded, collap
 							})
 						]
 					})] }),
-					onToggleCollapse && !isEmbedded && /* @__PURE__ */ jsx("button", {
-						onClick: onToggleCollapse,
-						className: cn("dy-group/btn dy-mt-1 dy-flex dy-h-7 dy-w-full dy-items-center dy-gap-2 dy-rounded-md dy-px-2.5 dy-text-[11px] dy-font-medium dy-text-muted-foreground/45 dy-transition-colors hover:dy-bg-accent/40 hover:dy-text-muted-foreground focus-visible:dy-outline-none focus-visible:dy-ring-2 focus-visible:dy-ring-ring", collapsed ? "dy-justify-center dy-px-2" : ""),
-						title: collapsed ? "Expand sidebar" : "Collapse sidebar",
-						"aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-						children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { className: "dy-h-3.5 dy-w-3.5" }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PanelLeftClose, { className: "dy-h-3.5 dy-w-3.5 dy-transition-transform dy-group-hover/btn:dy--translate-x-0.5" }), /* @__PURE__ */ jsx("span", { children: "Collapse sidebar" })] })
+					/* @__PURE__ */ jsxs("div", {
+						className: cn("dy-flex dy-items-center dy-gap-1.5 dy-w-full dy-mt-1", collapsed ? "dy-flex-col dy-items-center" : "dy-flex-row dy-justify-between"),
+						children: [onToggleCollapse && !isEmbedded && /* @__PURE__ */ jsx("button", {
+							onClick: onToggleCollapse,
+							className: cn("dy-group/btn dy-flex dy-h-7 dy-items-center dy-gap-2 dy-rounded-md dy-px-2.5 dy-text-[11px] dy-font-medium dy-text-muted-foreground/45 dy-transition-colors hover:dy-bg-accent/40 hover:dy-text-muted-foreground focus-visible:dy-outline-none focus-visible:dy-ring-2 focus-visible:dy-ring-ring", collapsed ? "dy-justify-center dy-px-2 dy-w-full" : "dy-flex-1"),
+							title: collapsed ? "Expand sidebar" : "Collapse sidebar",
+							"aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
+							children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { className: "dy-h-3.5 dy-w-3.5" }) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PanelLeftClose, { className: "dy-h-3.5 dy-w-3.5 dy-transition-transform dy-group-hover/btn:dy--translate-x-0.5" }), /* @__PURE__ */ jsx("span", {
+								className: "dy-truncate",
+								children: "Collapse"
+							})] })
+						}), /* @__PURE__ */ jsx(ThemeSelector, {
+							collapsed,
+							iconOnly: !collapsed
+						})]
 					})
 				]
 			})
 		]
 	});
 }
+function isNewerVersion(latest, current) {
+	if (latest === current) return false;
+	const lParts = latest.split(".").map(Number);
+	const cParts = current.split(".").map(Number);
+	for (let i = 0; i < 3; i++) {
+		const l = lParts[i] || 0;
+		const c = cParts[i] || 0;
+		if (l > c) return true;
+		if (l < c) return false;
+	}
+	return false;
+}
+function useUpdateCheck() {
+	const currentVersion = "2.5.49";
+	const [updateInfo, setUpdateInfo] = useState(() => {
+		if (typeof window === "undefined") return null;
+		const cacheKey = "dyrected_latest_release";
+		const cacheTimeKey = "dyrected_latest_release_timestamp";
+		const cachedVersion = localStorage.getItem(cacheKey);
+		const cachedTimestamp = localStorage.getItem(cacheTimeKey);
+		if (cachedVersion && cachedTimestamp && Date.now() - Number(cachedTimestamp) < 1440 * 60 * 1e3) return {
+			latestVersion: cachedVersion,
+			hasUpdate: isNewerVersion(cachedVersion, currentVersion)
+		};
+		return null;
+	});
+	useEffect(() => {
+		let cancelled = false;
+		const cacheKey = "dyrected_latest_release";
+		const cacheTimeKey = "dyrected_latest_release_timestamp";
+		const oneDay = 1440 * 60 * 1e3;
+		const cachedVersion = localStorage.getItem(cacheKey);
+		const cachedTimestamp = localStorage.getItem(cacheTimeKey);
+		if (cachedVersion && cachedTimestamp && Date.now() - Number(cachedTimestamp) < oneDay) return;
+		async function fetchLatest() {
+			try {
+				const res = await fetch("https://registry.npmjs.org/@dyrected/core/latest");
+				if (!res.ok) return;
+				const latest = (await res.json())?.version;
+				if (latest) {
+					localStorage.setItem(cacheKey, latest);
+					localStorage.setItem(cacheTimeKey, String(Date.now()));
+					if (!cancelled) setUpdateInfo({
+						latestVersion: latest,
+						hasUpdate: isNewerVersion(latest, currentVersion)
+					});
+				}
+			} catch (err) {
+				console.error("Failed to check for updates:", err);
+			}
+		}
+		fetchLatest();
+		return () => {
+			cancelled = true;
+		};
+	}, [currentVersion]);
+	return updateInfo;
+}
 function AdminShell({ children, isEmbedded = false }) {
 	const { client, logout, user } = useDyrected();
 	const location = useLocation();
+	const updateInfo = useUpdateCheck();
 	const [collapsed, setCollapsed] = useState(false);
 	const [mobileOpen, setMobileOpen] = useState(false);
 	useEffect(() => {
-		setMobileOpen(false);
-	}, [location.pathname]);
+		if (mobileOpen) {
+			const timer = setTimeout(() => {
+				setMobileOpen(false);
+			}, 0);
+			return () => clearTimeout(timer);
+		}
+	}, [location.pathname, mobileOpen]);
 	useEffect(() => {
 		document.body.style.overflow = mobileOpen ? "hidden" : "";
 		return () => {
@@ -868,7 +946,7 @@ function AdminShell({ children, isEmbedded = false }) {
 		},
 		enabled: !!client
 	});
-	const mobileBranding = schemas?.admin?.branding;
+	const mobileBranding = (schemas?.admin)?.branding;
 	return /* @__PURE__ */ jsx(BrandingProvider, { children: /* @__PURE__ */ jsxs("div", {
 		className: cn("dy-flex dy-w-full dy-relative", isEmbedded ? "dy-h-full dy-min-h-[600px]" : "dy-min-h-screen"),
 		children: [
@@ -881,7 +959,8 @@ function AdminShell({ children, isEmbedded = false }) {
 					logout,
 					isEmbedded,
 					collapsed,
-					onToggleCollapse: () => setCollapsed((v) => !v)
+					onToggleCollapse: () => setCollapsed((v) => !v),
+					updateInfo
 				})
 			}),
 			mobileOpen && /* @__PURE__ */ jsx("div", {
@@ -901,7 +980,8 @@ function AdminShell({ children, isEmbedded = false }) {
 					logout,
 					isEmbedded,
 					collapsed: false,
-					onNavigate: () => setMobileOpen(false)
+					onNavigate: () => setMobileOpen(false),
+					updateInfo
 				})]
 			}),
 			/* @__PURE__ */ jsxs("main", {
@@ -1029,6 +1109,31 @@ function getStatusLabel(doc) {
 }
 function Dashboard() {
 	const { client, components, user } = useDyrected();
+	const currentVersion = "2.5.49";
+	const [latestVersion, setLatestVersion] = useState(() => {
+		if (typeof window === "undefined") return null;
+		return localStorage.getItem("dyrected_latest_release");
+	});
+	useEffect(() => {
+		if (!latestVersion) fetch("https://registry.npmjs.org/@dyrected/core/latest").then((r) => r.json()).then((data) => {
+			if (data?.version) {
+				setLatestVersion(data.version);
+				localStorage.setItem("dyrected_latest_release", data.version);
+				localStorage.setItem("dyrected_latest_release_timestamp", String(Date.now()));
+			}
+		}).catch(() => {});
+	}, [latestVersion]);
+	const hasUpdate = latestVersion && latestVersion !== currentVersion && (() => {
+		const lParts = latestVersion.split(".").map(Number);
+		const cParts = currentVersion.split(".").map(Number);
+		for (let i = 0; i < 3; i++) {
+			const l = lParts[i] || 0;
+			const c = cParts[i] || 0;
+			if (l > c) return true;
+			if (l < c) return false;
+		}
+		return false;
+	})();
 	const { data: schemas, isLoading: isLoadingSchemas } = useQuery({
 		queryKey: ["schemas"],
 		queryFn: () => client.getSchemas(),
@@ -1065,6 +1170,12 @@ function Dashboard() {
 		return (b.updatedAt ? new Date(b.updatedAt).getTime() : 0) - aTime;
 	}).slice(0, 6);
 	const attentionItems = [
+		...hasUpdate ? [{
+			key: "dyrected-update",
+			title: `A system update is available (v${latestVersion})`,
+			description: "Please notify your developer or site administrator to apply this update.",
+			to: "/setup"
+		}] : [],
 		...collections.filter((collection) => !collection.upload && !collection.admin?.useAsTitle).map((collection) => ({
 			key: `title-${collection.slug}`,
 			title: `${getCollectionLabel(collection)} needs a title field`,
@@ -6690,244 +6801,228 @@ function UrlField({ schema: _schema, field, disabled, context: _context }) {
 	const [docsLoading, setDocsLoading] = React$1.useState(false);
 	const parseValue = (val) => {
 		if (!val) return {
-			mode: "external",
-			data: {
-				type: "custom",
-				url: "",
-				label: ""
-			}
+			type: "custom",
+			url: ""
 		};
 		if (typeof val === "string") return {
-			mode: "external",
-			data: {
-				type: "custom",
-				url: val,
-				label: ""
-			}
+			type: "custom",
+			url: val
 		};
-		if (typeof val === "object" && val.type) return {
-			mode: val.type === "internal" ? "internal" : "external",
-			data: val
+		if (typeof val === "object") return {
+			type: val.type === "internal" ? "internal" : "custom",
+			url: val.url || "",
+			relationTo: val.relationTo,
+			value: val.value,
+			label: val.label
 		};
 		return {
-			mode: "external",
-			data: {
-				type: "custom",
-				url: String(val),
-				label: ""
-			}
+			type: "custom",
+			url: String(val)
 		};
 	};
-	const { mode: currentMode, data: currentData } = parseValue(field.value);
-	const [mode, setMode] = React$1.useState(currentMode);
-	const [urlValue, setUrlValue] = React$1.useState(currentData.url || "");
+	const currentData = parseValue(field.value);
+	const [urlValue, setUrlValue] = React$1.useState(currentData.url);
 	const [labelValue, setLabelValue] = React$1.useState(currentData.label || "");
 	const [collectionValue, setCollectionValue] = React$1.useState(currentData.relationTo || "");
 	const [docValue, setDocValue] = React$1.useState(currentData.value || "");
-	const [resolvedUrlValue, setResolvedUrlValue] = React$1.useState(currentMode === "internal" ? currentData.url || "" : "");
-	const [docSearch, setDocSearch] = React$1.useState("");
-	const collections = schemas?.collections || [];
+	const collections = React$1.useMemo(() => schemas?.collections || [], [schemas?.collections]);
 	React$1.useEffect(() => {
-		if (collectionValue && client) {
+		if (!client || !schemas?.collections) return;
+		const eligibleCollections = collections.filter((c) => c.admin?.previewUrl);
+		if (eligibleCollections.length === 0) return;
+		let active = true;
+		Promise.resolve().then(() => {
+			if (!active) return;
 			setDocsLoading(true);
 			setDocuments([]);
-			client.collection(collectionValue).find({ limit: 50 }).exec().then((res) => {
-				setDocuments(res.docs || []);
-			}).catch((err) => {
-				console.error("Failed to load documents:", err);
-				setDocuments([]);
-			}).finally(() => {
-				setDocsLoading(false);
-			});
-		}
-	}, [collectionValue, client]);
-	const handleUpdate = (newMode, updates) => {
-		let newValue;
-		if (newMode === "external") newValue = {
-			type: "custom",
-			url: updates.url !== void 0 ? updates.url : urlValue,
-			label: updates.label !== void 0 ? updates.label : labelValue
+		});
+		Promise.all(eligibleCollections.map((col) => client.collection(col.slug).find({ limit: 50 }).exec().then((res) => ({
+			collection: col,
+			docs: res.docs || []
+		})).catch((err) => {
+			console.error(`Failed to load documents for ${col.slug}:`, err);
+			return {
+				collection: col,
+				docs: []
+			};
+		}))).then((results) => {
+			if (!active) return;
+			setDocuments(results.flatMap((r) => r.docs.map((doc) => ({
+				...doc,
+				__collectionSlug: r.collection.slug,
+				__collectionLabel: r.collection.labels?.plural || r.collection.slug,
+				__previewUrl: r.collection.admin?.previewUrl
+			}))));
+		}).catch((err) => {
+			console.error("Failed to load documents:", err);
+		}).finally(() => {
+			if (active) setDocsLoading(false);
+		});
+		return () => {
+			active = false;
 		};
-		else newValue = {
-			type: "internal",
-			url: (updates.url !== void 0 ? updates.url : resolvedUrlValue) || void 0,
-			relationTo: updates.relationTo || collectionValue,
-			value: updates.value || docValue,
-			label: updates.label !== void 0 ? updates.label : labelValue
+	}, [
+		client,
+		schemas,
+		collections
+	]);
+	const handleUpdate = (url, label, relationTo, docId) => {
+		const isInternal = !!(relationTo && docId);
+		const newValue = {
+			type: isInternal ? "internal" : "custom",
+			url: url || void 0,
+			relationTo: isInternal ? relationTo : void 0,
+			value: isInternal ? docId : void 0,
+			label: label || void 0
 		};
 		field.onChange(newValue);
 	};
-	const handleModeChange = (newMode) => {
-		setMode(newMode);
-		if (newMode === "external") {
-			setUrlValue(currentData.url || "");
-			setLabelValue(currentData.label || "");
-			setResolvedUrlValue("");
-		} else {
-			setCollectionValue(currentData.relationTo || "");
-			setDocValue(currentData.value || "");
-			setResolvedUrlValue(currentData.type === "internal" ? currentData.url || "" : "");
-			setLabelValue(currentData.label || "");
-		}
-	};
-	const handleExternalUrlChange = (value) => {
+	const handleUrlInputChange = (value) => {
 		setUrlValue(value);
-		handleUpdate("external", { url: value });
+		setCollectionValue("");
+		setDocValue("");
+		handleUpdate(value, labelValue);
 	};
-	const handleExternalLabelChange = (value) => {
+	const handleLabelInputChange = (value) => {
 		setLabelValue(value);
-		handleUpdate("external", { label: value });
-	};
-	const handleCollectionChange = (value) => {
-		setCollectionValue(value);
-		setDocValue("");
-		setResolvedUrlValue("");
+		handleUpdate(urlValue, value, collectionValue, docValue);
 	};
-	const handleDocumentSelect = (docId) => {
-		setDocValue(docId);
+	const handleDocumentSelect = (doc) => {
+		setDocValue(doc.id);
+		setCollectionValue(doc.__collectionSlug);
 		setOpenPopover(false);
-		const urlPattern = collections.find((c) => c.slug === collectionValue)?.admin?.urlPattern;
-		const doc = documents.find((d) => d.id === docId);
-		const resolvedUrl = urlPattern && doc ? interpolateUrlPattern(urlPattern, doc) : void 0;
-		setResolvedUrlValue(resolvedUrl || "");
-		handleUpdate("internal", {
-			value: docId,
-			url: resolvedUrl
-		});
-	};
-	const handleInternalLabelChange = (value) => {
-		setLabelValue(value);
-		handleUpdate("internal", { label: value });
+		const urlPattern = doc.__previewUrl;
+		let resolvedUrl = void 0;
+		if (urlPattern) {
+			if (typeof urlPattern === "function") resolvedUrl = urlPattern(doc, { locale: "en" });
+			else if (typeof urlPattern === "string") if (urlPattern.includes("{{")) resolvedUrl = urlPattern.replace(/{{(.*?)}}/g, (_, key) => String(doc[key.trim()] || ""));
+			else try {
+				const context = {
+					...doc,
+					siteUrl: window.location.origin
+				};
+				if (urlPattern.includes("+") || urlPattern.includes("?") || urlPattern.includes("==") || urlPattern.includes("siteUrl")) resolvedUrl = jexl.evalSync(urlPattern, context);
+				else resolvedUrl = interpolateUrlPattern(urlPattern, doc);
+			} catch {
+				resolvedUrl = interpolateUrlPattern(urlPattern, doc);
+			}
+		}
+		if (typeof resolvedUrl === "string" && resolvedUrl.startsWith("/")) resolvedUrl = `${window.location.origin}${resolvedUrl}`;
+		const finalUrl = resolvedUrl || "";
+		setUrlValue(finalUrl);
+		handleUpdate(finalUrl, labelValue, doc.__collectionSlug, doc.id);
 	};
-	const getCollectionDisplayField = (collectionSlug) => {
+	const getCollectionDisplayField = React$1.useCallback((collectionSlug) => {
 		return collections.find((c) => c.slug === collectionSlug)?.admin?.useAsTitle || "title";
-	};
-	const getDocumentDisplay = (doc, collectionSlug) => {
+	}, [collections]);
+	const getDocumentDisplay = React$1.useCallback((doc, collectionSlug) => {
 		return doc[getCollectionDisplayField(collectionSlug)] || doc.name || doc.slug || doc.id;
-	};
-	const selectedDoc = documents.find((d) => d.id === docValue);
+	}, [getCollectionDisplayField]);
+	const filteredDocs = React$1.useMemo(() => {
+		if (!urlValue) return documents;
+		const query = urlValue.toLowerCase();
+		return documents.filter((doc) => {
+			const display = getDocumentDisplay(doc, doc.__collectionSlug).toLowerCase();
+			const slug = String(doc.slug || "").toLowerCase();
+			return display.includes(query) || slug.includes(query);
+		});
+	}, [
+		documents,
+		urlValue,
+		getDocumentDisplay
+	]);
+	const selectedDoc = documents.find((d) => d.id === docValue && d.__collectionSlug === collectionValue);
 	const selectedCollectionLabel = collections.find((c) => c.slug === collectionValue)?.labels?.singular || collectionValue;
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsxs("div", {
 		className: "dy-space-y-3",
-		children: /* @__PURE__ */ jsxs(Tabs, {
-			value: mode,
-			onValueChange: (val) => handleModeChange(val),
-			children: [
-				/* @__PURE__ */ jsxs(TabsList, {
-					className: "dy-w-full dy-grid dy-grid-cols-2 dy-bg-muted dy-p-1 dy-rounded-lg dy-h-auto",
-					children: [/* @__PURE__ */ jsx(TabsTrigger, {
-						value: "internal",
-						disabled,
-						className: "dy-rounded-md",
-						children: "Internal Link"
-					}), /* @__PURE__ */ jsx(TabsTrigger, {
-						value: "external",
-						disabled,
-						className: "dy-rounded-md",
-						children: "External Link"
-					})]
-				}),
-				/* @__PURE__ */ jsxs(TabsContent, {
-					value: "external",
-					className: "dy-space-y-3 dy-mt-3",
-					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-						className: "dy-text-xs dy-font-semibold dy-text-muted-foreground dy-uppercase dy-tracking-wider dy-block dy-mb-2",
-						children: "URL"
-					}), /* @__PURE__ */ jsx(Input, {
-						type: "url",
-						value: urlValue,
-						onChange: (e) => handleExternalUrlChange(e.target.value),
-						placeholder: "https://example.com",
-						disabled,
-						className: "dy-border-border/50"
-					})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-						className: "dy-text-xs dy-font-semibold dy-text-muted-foreground dy-uppercase dy-tracking-wider dy-block dy-mb-2",
-						children: "Link Label (Optional)"
-					}), /* @__PURE__ */ jsx(Input, {
+		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs(Popover, {
+			open: openPopover && !disabled,
+			onOpenChange: setOpenPopover,
+			children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx("div", {
+					className: "dy-w-full",
+					children: /* @__PURE__ */ jsx(Input, {
 						type: "text",
-						value: labelValue,
-						onChange: (e) => handleExternalLabelChange(e.target.value),
-						placeholder: "e.g., Learn More",
+						value: urlValue,
+						onChange: (e) => handleUrlInputChange(e.target.value),
+						onFocus: () => setOpenPopover(true),
+						placeholder: "Type or paste a URL, or search pages...",
 						disabled,
-						className: "dy-border-border/50"
-					})] })]
-				}),
-				/* @__PURE__ */ jsxs(TabsContent, {
-					value: "internal",
-					className: "dy-space-y-3 dy-mt-3",
-					children: [
-						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-							className: "dy-text-xs dy-font-semibold dy-text-muted-foreground dy-uppercase dy-tracking-wider dy-block dy-mb-2",
-							children: "Collection"
-						}), /* @__PURE__ */ jsxs(Select, {
-							value: collectionValue,
-							onValueChange: handleCollectionChange,
-							disabled,
-							children: [/* @__PURE__ */ jsx(SelectTrigger, {
-								className: "dy-bg-background dy-border-border/50",
-								children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a collection..." })
-							}), /* @__PURE__ */ jsx(SelectContent, { children: collections.map((col) => /* @__PURE__ */ jsx(SelectItem, {
-								value: col.slug,
-								children: col.labels?.plural || col.slug
-							}, col.slug)) })]
-						})] }),
-						collectionValue && /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-							className: "dy-text-xs dy-font-semibold dy-text-muted-foreground dy-uppercase dy-tracking-wider dy-block dy-mb-2",
-							children: "Document"
-						}), /* @__PURE__ */ jsxs(Popover, {
-							open: disabled ? false : openPopover,
-							onOpenChange: setOpenPopover,
-							children: [/* @__PURE__ */ jsx(PopoverTrigger, {
-								asChild: true,
-								children: /* @__PURE__ */ jsxs(Button, {
-									variant: "outline",
-									role: "combobox",
-									"aria-expanded": openPopover,
-									disabled,
-									className: "dy-w-full dy-justify-between dy-font-normal dy-bg-background dy-border-border/50 dy-h-11",
-									children: [docsLoading ? "Loading..." : selectedDoc ? /* @__PURE__ */ jsx("span", {
-										className: "dy-truncate",
-										children: getDocumentDisplay(selectedDoc, collectionValue)
-									}) : /* @__PURE__ */ jsx("span", {
-										className: "dy-text-muted-foreground",
-										children: "Select a document..."
-									}), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "dy-ml-2 dy-h-4 dy-w-4 dy-shrink-0 dy-opacity-50" })]
-								})
-							}), /* @__PURE__ */ jsx(PopoverContent, {
-								className: "dy-w-full dy-p-0",
-								align: "start",
-								children: /* @__PURE__ */ jsxs(Command$1, { children: [/* @__PURE__ */ jsx(CommandInput, {
-									placeholder: `Search ${selectedCollectionLabel}...`,
-									value: docSearch,
-									onValueChange: setDocSearch
-								}), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: docsLoading ? "Searching..." : "No documents found." }), /* @__PURE__ */ jsx(CommandGroup, { children: documents.filter((doc) => {
-									if (!docSearch) return true;
-									return getDocumentDisplay(doc, collectionValue).toLowerCase().includes(docSearch.toLowerCase());
-								}).map((doc) => /* @__PURE__ */ jsxs(CommandItem, {
-									value: doc.id,
-									onSelect: () => handleDocumentSelect(doc.id),
-									children: [/* @__PURE__ */ jsx(Check, { className: cn("dy-mr-2 dy-h-4 dy-w-4", docValue === doc.id ? "dy-opacity-100" : "dy-opacity-0") }), /* @__PURE__ */ jsx("span", {
+						className: "dy-bg-background dy-border-border/50 dy-h-11 dy-w-full"
+					})
+				})
+			}), /* @__PURE__ */ jsx(PopoverContent, {
+				className: "dy-p-0 dy-w-[var(--radix-popover-trigger-width)] dy-max-h-60 dy-overflow-y-auto",
+				align: "start",
+				onOpenAutoFocus: (e) => e.preventDefault(),
+				children: /* @__PURE__ */ jsx(Command$1, {
+					className: "dy-border-none",
+					shouldFilter: false,
+					children: /* @__PURE__ */ jsxs(CommandList, { children: [
+						/* @__PURE__ */ jsx(CommandEmpty, {
+							className: "dy-py-2.5 dy-px-3 dy-text-xs dy-text-muted-foreground",
+							children: docsLoading ? "Loading pages..." : "No matching pages found. Press Enter to use as custom link."
+						}),
+						urlValue && /* @__PURE__ */ jsx(CommandGroup, {
+							heading: "Custom Link",
+							children: /* @__PURE__ */ jsxs(CommandItem, {
+								value: `custom-${urlValue}`,
+								onSelect: () => {
+									handleUrlInputChange(urlValue);
+									setOpenPopover(false);
+								},
+								className: "dy-text-primary",
+								children: [
+									"Use link \"",
+									urlValue,
+									"\""
+								]
+							})
+						}),
+						(() => {
+							const grouped = {};
+							filteredDocs.forEach((doc) => {
+								const key = doc.__collectionLabel;
+								if (!grouped[key]) grouped[key] = [];
+								grouped[key].push(doc);
+							});
+							return Object.entries(grouped).map(([groupName, docs]) => /* @__PURE__ */ jsx(CommandGroup, {
+								heading: groupName,
+								children: docs.map((doc) => /* @__PURE__ */ jsxs(CommandItem, {
+									value: `${doc.__collectionSlug}-${doc.id}-${getDocumentDisplay(doc, doc.__collectionSlug)}`,
+									onSelect: () => handleDocumentSelect(doc),
+									children: [/* @__PURE__ */ jsx(Check, { className: cn("dy-mr-2 dy-h-4 dy-w-4", docValue === doc.id && collectionValue === doc.__collectionSlug ? "dy-opacity-100" : "dy-opacity-0") }), /* @__PURE__ */ jsx("span", {
 										className: "dy-flex-1",
-										children: getDocumentDisplay(doc, collectionValue)
+										children: getDocumentDisplay(doc, doc.__collectionSlug)
 									})]
-								}, doc.id)) })] })] })
-							})]
-						})] }),
-						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
-							className: "dy-text-xs dy-font-semibold dy-text-muted-foreground dy-uppercase dy-tracking-wider dy-block dy-mb-2",
-							children: "Link Label (Optional)"
-						}), /* @__PURE__ */ jsx(Input, {
-							type: "text",
-							value: labelValue,
-							onChange: (e) => handleInternalLabelChange(e.target.value),
-							placeholder: "e.g., Read More",
-							disabled,
-							className: "dy-bg-background dy-border-border/50"
-						})] })
-					]
+								}, `${doc.__collectionSlug}-${doc.id}`))
+							}, groupName));
+						})()
+					] })
 				})
-			]
-		})
+			})]
+		}), selectedDoc && /* @__PURE__ */ jsxs("p", {
+			className: "dy-text-[11px] dy-text-muted-foreground dy-mt-1.5",
+			children: ["Linked to internal page: ", /* @__PURE__ */ jsxs("span", {
+				className: "dy-font-medium dy-text-foreground",
+				children: [
+					selectedCollectionLabel,
+					": ",
+					getDocumentDisplay(selectedDoc, collectionValue)
+				]
+			})]
+		})] }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("label", {
+			className: "dy-text-xs dy-font-semibold dy-text-muted-foreground dy-uppercase dy-tracking-wider dy-block dy-mb-2",
+			children: "Link Label (Optional)"
+		}), /* @__PURE__ */ jsx(Input, {
+			type: "text",
+			value: labelValue,
+			onChange: (e) => handleLabelInputChange(e.target.value),
+			placeholder: "e.g., Learn More",
+			disabled,
+			className: "dy-bg-background dy-border-border/50"
+		})] })]
 	});
 }
 //#endregion
@@ -10084,8 +10179,25 @@ 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;
+			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: window.location.origin
+				};
+				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 = `${window.location.origin}${previewUrl}`;
+			return typeof previewUrl === "string" ? previewUrl : null;
+		};
 		const renderLinkedCell = (item, cell) => {
 			const canDelete = canDeleteRow(item);
+			const previewUrl = getPreviewUrl(item);
 			return /* @__PURE__ */ jsxs("div", {
 				className: "dy-flex dy-flex-col dy-gap-1",
 				children: [/* @__PURE__ */ jsx(Link, {
@@ -10095,6 +10207,16 @@ function CollectionListPage({ slug }) {
 				}), /* @__PURE__ */ jsxs("div", {
 					className: "dy-flex dy-items-center dy-gap-2",
 					children: [
+						previewUrl && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("a", {
+							href: previewUrl,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "dy-text-[11px] dy-text-muted-foreground hover:dy-text-foreground dy-underline-offset-2 hover:dy-underline dy-transition-colors dy-duration-150",
+							children: "View"
+						}), /* @__PURE__ */ jsx("span", {
+							className: "dy-text-muted-foreground/40 dy-text-[11px]",
+							children: "|"
+						})] }),
 						/* @__PURE__ */ jsx(Link, {
 							to: `/collections/${slug}/edit/${String(item.id)}`,
 							className: "dy-text-[11px] dy-text-muted-foreground hover:dy-text-foreground dy-underline-offset-2 hover:dy-underline dy-transition-colors dy-duration-150",
@@ -10119,6 +10241,22 @@ function CollectionListPage({ slug }) {
 			accessorKey: field.name,
 			header: field.label || field.name,
 			cell: ({ row }) => {
+				if (field.name === "url") {
+					if (schema?.admin?.previewUrl) {
+						const resolved = getPreviewUrl(row.original);
+						if (resolved) return /* @__PURE__ */ jsx("a", {
+							href: resolved,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							className: "dy-text-xs dy-text-primary hover:dy-underline dy-underline-offset-2 dy-font-medium",
+							children: resolved
+						});
+					}
+					return /* @__PURE__ */ jsx("span", {
+						className: "dy-text-muted-foreground",
+						children: "-"
+					});
+				}
 				const cell = /* @__PURE__ */ jsx(RenderCell, {
 					value: row.getValue(field.name),
 					field,
@@ -12702,21 +12840,8 @@ function GlobalEditorPage() {
 	});
 }
 //#endregion
-//#region src/pages/setup/setup-prompt.tsx
+//#region src/pages/setup/utils.ts
 var GUIDE_URL = "https://www.dyrected.com/guide";
-var DOCS_URL = "https://docs.dyrected.com";
-var steps = [
-	"Paste the prompt into your AI builder — the same one that owns the website code.",
-	"Review the content list the AI sends back. Correct anything missing or wrong, then say \"approved\".",
-	"Your Dyrected credentials are already in the prompt. Give them to the AI when it asks at Stage 4.",
-	"Test one real edit in Dyrected. If the change appears on the website, invite the client."
-];
-var stepsNoCredentials = [
-	"Paste the prompt into your AI builder — the same one that owns the website code.",
-	"Review the content list the AI sends back. Correct anything missing or wrong, then say \"approved\".",
-	"When the AI reaches Stage 4, it will ask for your Site ID, Site API key, and Base URL.",
-	"Test one real edit in Dyrected. If the change appears on the website, invite the client."
-];
 function normalizeTechStack(techStack) {
 	if (!techStack) return void 0;
 	if (techStack === "next") return "nextjs";
@@ -12749,6 +12874,21 @@ Wait for my reply.`;
 - Base URL: ${baseUrl}`;
 	return GENERATE_CMS_PROMPT.replace(placeholder, replacement);
 }
+//#endregion
+//#region src/pages/setup/setup-prompt.tsx
+var DOCS_URL = "https://docs.dyrected.com";
+var steps = [
+	"Paste the prompt into your AI builder — the same one that owns the website code.",
+	"Review the content list the AI sends back. Correct anything missing or wrong, then say \"approved\".",
+	"Your Dyrected credentials are already in the prompt. Give them to the AI when it asks at Stage 4.",
+	"Test one real edit in Dyrected. If the change appears on the website, invite the client."
+];
+var stepsNoCredentials = [
+	"Paste the prompt into your AI builder — the same one that owns the website code.",
+	"Review the content list the AI sends back. Correct anything missing or wrong, then say \"approved\".",
+	"When the AI reaches Stage 4, it will ask for your Site ID, Site API key, and Base URL.",
+	"Test one real edit in Dyrected. If the change appears on the website, invite the client."
+];
 function SetupPromptUI({ config }) {
 	const [copied, setCopied] = useState(false);
 	const guideUrl = buildGuideUrl(config);
@@ -12760,9 +12900,87 @@ function SetupPromptUI({ config }) {
 		setCopied(true);
 		window.setTimeout(() => setCopied(false), 1800);
 	}
+	const currentVersion = "2.5.49";
+	const [latestVersion, setLatestVersion] = useState(() => {
+		if (typeof window === "undefined") return null;
+		return localStorage.getItem("dyrected_latest_release");
+	});
+	useEffect(() => {
+		if (!latestVersion) fetch("https://registry.npmjs.org/@dyrected/core/latest").then((r) => r.json()).then((data) => {
+			if (data?.version) {
+				setLatestVersion(data.version);
+				localStorage.setItem("dyrected_latest_release", data.version);
+				localStorage.setItem("dyrected_latest_release_timestamp", String(Date.now()));
+			}
+		}).catch(() => {});
+	}, [latestVersion]);
+	const hasUpdate = latestVersion && latestVersion !== currentVersion && (() => {
+		const lParts = latestVersion.split(".").map(Number);
+		const cParts = currentVersion.split(".").map(Number);
+		for (let i = 0; i < 3; i++) {
+			const l = lParts[i] || 0;
+			const c = cParts[i] || 0;
+			if (l > c) return true;
+			if (l < c) return false;
+		}
+		return false;
+	})();
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dy-mx-auto dy-max-w-3xl dy-space-y-10 dy-px-4 dy-py-8",
 		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "dy-rounded-xl dy-border dy-border-border dy-bg-muted/30 dy-p-5 dy-space-y-3",
+				children: [/* @__PURE__ */ jsx("h2", {
+					className: "dy-text-sm dy-font-semibold dy-text-foreground",
+					children: "System Info & Updates"
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "dy-flex dy-flex-col sm:dy-flex-row sm:dy-items-center dy-justify-between dy-gap-4 dy-text-xs",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "dy-space-y-1",
+						children: [/* @__PURE__ */ jsxs("p", {
+							className: "dy-text-muted-foreground",
+							children: ["Current version: ", /* @__PURE__ */ jsxs("span", {
+								className: "dy-font-mono dy-font-semibold dy-text-foreground",
+								children: ["v", currentVersion]
+							})]
+						}), latestVersion && /* @__PURE__ */ jsxs("p", {
+							className: "dy-text-muted-foreground",
+							children: ["Latest release: ", /* @__PURE__ */ jsxs("span", {
+								className: "dy-font-mono dy-font-semibold dy-text-foreground",
+								children: ["v", latestVersion]
+							})]
+						})]
+					}), hasUpdate ? /* @__PURE__ */ jsxs("div", {
+						className: "dy-flex dy-flex-col dy-items-start sm:dy-items-end dy-gap-1.5",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "dy-flex dy-items-center dy-gap-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "dy-inline-flex dy-items-center dy-gap-1 dy-rounded-full dy-bg-primary/10 dy-px-2.5 dy-py-0.5 dy-text-[11px] dy-font-medium dy-text-primary",
+								children: "Update available!"
+							}), /* @__PURE__ */ jsxs("a", {
+								href: "https://github.com/Dyrected/dyrected/blob/main/CHANGELOG.md",
+								target: "_blank",
+								rel: "noopener noreferrer",
+								className: "dy-inline-flex dy-items-center dy-gap-1 dy-text-[11px] dy-text-primary dy-underline-offset-4 hover:dy-underline",
+								children: ["View changelog", /* @__PURE__ */ jsx(ArrowUpRight, { className: "dy-h-3 dy-w-3" })]
+							})]
+						}), /* @__PURE__ */ jsxs("p", {
+							className: "dy-text-muted-foreground",
+							children: [
+								"Run ",
+								/* @__PURE__ */ jsx("code", {
+									className: "dy-bg-black/5 dark:dy-bg-white/5 dy-px-1 dy-py-0.5 dy-rounded dy-font-mono",
+									children: "npx dyrected upgrade"
+								}),
+								" to update."
+							]
+						})]
+					}) : /* @__PURE__ */ jsx("span", {
+						className: "dy-inline-flex dy-items-center dy-gap-1 dy-rounded-full dy-bg-green-500/10 dy-px-2.5 dy-py-0.5 dy-text-[11px] dy-font-medium dy-text-green-600 dark:dy-text-green-400",
+						children: "Up to date"
+					})]
+				})]
+			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "dy-space-y-2",
 				children: [/* @__PURE__ */ jsx("h1", {

package/dist/pages/setup/setup-prompt.d.ts

@@ -10,5 +10,4 @@ export interface SetupPromptConfig {
 export interface SetupPromptProps {
     config: SetupPromptConfig;
 }
-export declare function buildGuideUrl(config: SetupPromptConfig): string;
 export declare function SetupPromptUI({ config }: SetupPromptProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/setup/utils.d.ts

@@ -0,0 +1,4 @@
+import { SetupPromptConfig } from './setup-prompt';
+export declare function normalizeTechStack(techStack?: string): string | undefined;
+export declare function buildGuideUrl(config: SetupPromptConfig): string;
+export declare function buildPrompt(config: SetupPromptConfig): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dyrected/admin",
-  "version": "2.5.48",
+  "version": "2.5.49",
   "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.48",
-    "@dyrected/knowledge": "^0.2.5",
-    "@dyrected/sdk": "^2.5.48"
+    "@dyrected/knowledge": "^0.2.7",
+    "@dyrected/sdk": "^2.5.49",
+    "@dyrected/core": "^2.5.49"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",