@dyrected/admin 2.5.47 → 2.5.49

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, ArrowUpRight, Bold, BookOpen, Braces, Calendar, Check, CheckCircle, CheckCircle2, ChevronDown, ChevronDownIcon, ChevronLeft, ChevronLeftIcon, ChevronRight, ChevronRightIcon, ChevronUp, ChevronsUpDown, Circle, Clock, Clock3, Code, Code2, Compass, Copy, Database, Download, ExternalLink, Eye, EyeOff, FileDown, FileIcon, FileText, FileUp, Filter, Globe, GripVertical, Heading1, Heading2, Image as Image$1, Info, Italic, KeyRound, Layers, LayoutDashboard, Library, Link as Link$1, List, ListOrdered, Loader2, Lock, LogOut, Mail, Menu, Monitor, Moon, MoreHorizontal, 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, X, XCircle, icons } from "lucide-react";
+import { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, 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, Image as Image$1, Info, Italic, KeyRound, Layers, LayoutDashboard, Library, Link as Link$1, List, ListOrdered, Loader2, Lock, LogOut, Mail, Menu, Monitor, Moon, MoreHorizontal, 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, X, XCircle, icons } from "lucide-react";
 import { clsx } from "clsx";
 import { extendTailwindMerge } from "tailwind-merge";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
@@ -19,13 +19,13 @@ import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, arrayMove, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
 import Papa from "papaparse";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import jexl from "jexl";
 import { DataSheetGrid, checkboxColumn, keyColumn, textColumn } from "react-datasheet-grid";
 import "react-datasheet-grid/dist/style.css";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import TextAlign from "@tiptap/extension-text-align";
@@ -50,12 +50,11 @@ import { DayPicker, getDefaultClassNames } from "react-day-picker";
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import { Blurhash } from "react-blurhash";
+import { GENERATE_CMS_PROMPT } from "@dyrected/knowledge";
 //#region src/providers/admin-auth.ts
 function getAdminCollectionSlug(schemas) {
 	if (!schemas) return null;
-	const requested = schemas.adminAuth?.collectionSlug;
-	if (requested) return requested;
-	return findCollection(schemas.collections, (collection) => collection.slug === "__admins")?.slug ?? findCollection(schemas.collections, (collection) => !!collection.auth)?.slug ?? null;
+	return findCollection(schemas.collections, (collection) => collection.slug === "__admins")?.slug ?? findCollection(schemas.collections, (collection) => collection.slug === schemas.adminAuth?.collectionSlug)?.slug ?? findCollection(schemas.collections, (collection) => !!collection.auth)?.slug ?? null;
 }
 function findCollection(collections, predicate) {
 	return collections.find(predicate);
@@ -159,18 +158,12 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 		schemas
 	]);
 	const logout = useCallback(() => {
-		localStorage.removeItem("dyrected_url");
-		localStorage.removeItem("dyrected_key");
-		localStorage.removeItem("dyrected_site_id");
 		localStorage.removeItem("dyrected_token");
 		localStorage.removeItem("dyrected_admin_auth_collection");
-		setBaseUrl("");
-		setApiKey(void 0);
-		setSiteId(void 0);
+		if (client) client.clearToken();
 		setAuthCollectionSlug(null);
 		setUser(null);
-		setSchemas(null);
-	}, []);
+	}, [client]);
 	return /* @__PURE__ */ jsx(DyrectedContext.Provider, {
 		value: {
 			client,
@@ -593,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 = [
@@ -618,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",
@@ -642,7 +635,7 @@ function ThemeSelector({ collapsed = false, mobile = false }) {
 					const OptionIcon = option.icon;
 					return /* @__PURE__ */ jsxs(DropdownMenuRadioItem, {
 						value: option.value,
-						className: "dy-cursor-pointer",
+						className: "dy-cursor-pointer dy-space-x-2",
 						children: [/* @__PURE__ */ jsx(OptionIcon, { className: "dy-h-4 dy-w-4" }), option.label]
 					}, option.value);
 				})
@@ -650,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: [
@@ -790,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", {
@@ -841,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 () => {
@@ -875,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: [
@@ -888,7 +959,8 @@ function AdminShell({ children, isEmbedded = false }) {
 					logout,
 					isEmbedded,
 					collapsed,
-					onToggleCollapse: () => setCollapsed((v) => !v)
+					onToggleCollapse: () => setCollapsed((v) => !v),
+					updateInfo
 				})
 			}),
 			mobileOpen && /* @__PURE__ */ jsx("div", {
@@ -908,7 +980,8 @@ function AdminShell({ children, isEmbedded = false }) {
 					logout,
 					isEmbedded,
 					collapsed: false,
-					onNavigate: () => setMobileOpen(false)
+					onNavigate: () => setMobileOpen(false),
+					updateInfo
 				})]
 			}),
 			/* @__PURE__ */ jsxs("main", {
@@ -941,7 +1014,7 @@ function AdminShell({ children, isEmbedded = false }) {
 							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 || "?")[0].toUpperCase()
+								children: (user.name || user.email || "?").charAt(0).toUpperCase()
 							})]
 						})
 					]
@@ -1036,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(),
@@ -1072,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`,
@@ -2073,59 +2177,6 @@ var Checkbox = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 }));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 //#endregion
-//#region src/components/ui/dialog.tsx
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
-	ref,
-	className: cn("dy-fixed dy-inset-0 dy-z-50 dy-bg-black/40 dy-backdrop-blur-[2px] data-[state=open]:dy-animate-in data-[state=closed]:dy-animate-out data-[state=closed]:dy-fade-out-0 data-[state=open]:dy-fade-in-0", className),
-	...props
-}));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React$1.forwardRef(({ className, children, ...props }, ref) => {
-	const { resolvedTheme, themeClassName } = useAdminTheme();
-	return /* @__PURE__ */ jsx(DialogPortal, { children: /* @__PURE__ */ jsxs("div", {
-		className: themeClassName,
-		"data-theme": resolvedTheme,
-		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
-			ref,
-			className: cn("dy-fixed dy-left-[50%] dy-top-[50%] dy-z-50 dy-grid dy-w-full dy-max-w-lg dy-translate-x-[-50%] dy-translate-y-[-50%] dy-gap-4 dy-border dy-bg-background dy-p-6 dy-shadow-2xl dy-duration-200 data-[state=open]:dy-animate-in data-[state=closed]:dy-animate-out data-[state=closed]:dy-fade-out-0 data-[state=open]:dy-fade-in-0 data-[state=closed]:dy-zoom-out-95 data-[state=open]:dy-zoom-in-95 data-[state=closed]:dy-slide-out-to-left-1/2 data-[state=closed]:dy-slide-out-to-top-[48%] data-[state=open]:dy-slide-in-from-left-1/2 data-[state=open]:dy-slide-in-from-top-[48%] sm:dy-rounded-xl", className),
-			...props,
-			children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
-				className: "dy-absolute dy-right-4 dy-top-4 dy-rounded-sm dy-opacity-70 dy-ring-offset-background dy-transition-opacity hover:dy-opacity-100 focus:dy-outline-none focus:dy-ring-2 focus:dy-ring-ring focus:dy-ring-offset-2 disabled:dy-pointer-events-none data-[state=open]:dy-bg-accent data-[state=open]:dy-text-muted-foreground",
-				children: [/* @__PURE__ */ jsx(X, { className: "dy-h-4 dy-w-4" }), /* @__PURE__ */ jsx("span", {
-					className: "dy-sr-only",
-					children: "Close"
-				})]
-			})]
-		})]
-	}) });
-});
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("dy-flex dy-flex-col dy-space-y-1.5 dy-text-center sm:dy-text-left", className),
-	...props
-});
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("dy-flex dy-flex-col-reverse sm:dy-flex-row sm:dy-justify-end sm:dy-space-x-2", className),
-	...props
-});
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, {
-	ref,
-	className: cn("dy-text-lg dy-font-semibold dy-leading-none dy-tracking-tight", className),
-	...props
-}));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, {
-	ref,
-	className: cn("dy-text-sm dy-text-muted-foreground", className),
-	...props
-}));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-//#endregion
 //#region src/components/ui/progress.tsx
 var Progress = React$1.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
 	ref,
@@ -2171,39 +2222,72 @@ function CsvImporter({ slug, schema, onClose }) {
 	const [parsedRows, setParsedRows] = React$1.useState([]);
 	const [mapping, setMapping] = React$1.useState({});
 	const [validatedData, setValidatedData] = React$1.useState([]);
+	const [isDragging, setIsDragging] = React$1.useState(false);
+	const [fileError, setFileError] = React$1.useState(null);
+	const [confirmedSkip, setConfirmedSkip] = React$1.useState(false);
 	const [totalRows, setTotalRows] = React$1.useState(0);
 	const [processedCount, setProcessedCount] = React$1.useState(0);
 	const [successCount, setSuccessCount] = React$1.useState(0);
 	const [failedRows, setFailedRows] = React$1.useState([]);
+	const [retryableRows, setRetryableRows] = React$1.useState([]);
 	const importableFields = React$1.useMemo(() => {
 		return schema.fields.filter((f) => f.name !== "id" && f.name !== "createdAt" && f.name !== "updatedAt" && f.type !== "row" && f.type !== "join" && !f.admin?.hidden);
 	}, [schema]);
 	const requiredFields = React$1.useMemo(() => {
 		return importableFields.filter((f) => f.required);
 	}, [importableFields]);
-	const handleFileChange = (e) => {
-		const selectedFile = e.target.files?.[0];
-		if (!selectedFile) return;
-		Papa.parse(selectedFile, {
+	const processFile = (file) => {
+		setFileError(null);
+		if (!(file.type === "text/csv" || file.name.toLowerCase().endsWith(".csv"))) {
+			setFileError(`Unsupported file type: "${file.name}". Please upload a CSV file.`);
+			return;
+		}
+		Papa.parse(file, {
 			header: true,
 			skipEmptyLines: "greedy",
 			complete: (results) => {
 				const headers = results.meta.fields || [];
+				const rows = results.data;
+				if (rows.length === 0) {
+					setFileError("This CSV file has no importable rows. Please upload a file with at least one data row.");
+					return;
+				}
 				setCsvHeaders(headers);
-				setParsedRows(results.data);
+				setParsedRows(rows);
 				const initialMapping = {};
 				headers.forEach((header) => {
-					const match = importableFields.find((f) => f.name.toLowerCase() === header.toLowerCase() || f.label?.toLowerCase() === header.toLowerCase());
-					initialMapping[header] = match ? match.name : "__ignore__";
+					initialMapping[header] = importableFields.find((f) => f.name?.toLowerCase() === header.toLowerCase() || f.label?.toLowerCase() === header.toLowerCase())?.name ?? "__ignore__";
 				});
 				setMapping(initialMapping);
 				setStep("map");
 			},
 			error: (error) => {
-				console.error("PapaParse error:", error);
+				setFileError(`Failed to parse CSV: ${error.message}`);
 			}
 		});
 	};
+	const handleFileChange = (e) => {
+		const selectedFile = e.target.files?.[0];
+		if (selectedFile) processFile(selectedFile);
+		e.target.value = "";
+	};
+	const handleDragOver = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setIsDragging(true);
+	};
+	const handleDragLeave = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setIsDragging(false);
+	};
+	const handleDrop = (e) => {
+		e.preventDefault();
+		e.stopPropagation();
+		setIsDragging(false);
+		const file = e.dataTransfer.files?.[0];
+		if (file) processFile(file);
+	};
 	const handleMapChange = (header, fieldName) => {
 		setMapping((prev) => ({
 			...prev,
@@ -2318,18 +2402,21 @@ function CsvImporter({ slug, schema, onClose }) {
 				isValid
 			};
 		}));
+		setConfirmedSkip(false);
 		setStep("preview");
 	};
-	const startImport = async () => {
+	const startImport = async (rows = validatedData) => {
 		setStep("importing");
-		setTotalRows(validatedData.length);
+		setTotalRows(rows.length);
 		setProcessedCount(0);
 		setSuccessCount(0);
 		setFailedRows([]);
+		setRetryableRows([]);
 		let success = 0;
 		const failures = [];
-		for (let i = 0; i < validatedData.length; i++) {
-			const rowResult = validatedData[i];
+		const apiFailures = [];
+		for (let i = 0; i < rows.length; i++) {
+			const rowResult = rows[i];
 			setProcessedCount(i + 1);
 			if (!rowResult.isValid) {
 				failures.push({
@@ -2359,17 +2446,24 @@ function CsvImporter({ slug, schema, onClose }) {
 				success++;
 				setSuccessCount(success);
 			} catch (error) {
+				const message = error.message || "Failed to create entry";
 				failures.push({
 					row: rowResult.rowNumber,
 					data: rowResult.data,
-					error: error.message || "Failed to create entry"
+					error: message
 				});
 				setFailedRows([...failures]);
+				apiFailures.push(rowResult);
 			}
 		}
+		setRetryableRows(apiFailures);
 		queryClient.invalidateQueries({ queryKey: ["collection", slug] });
 		setStep("complete");
 	};
+	const handleRetryFailed = () => {
+		setValidatedData(retryableRows);
+		startImport(retryableRows);
+	};
 	const downloadFailedCsv = () => {
 		if (failedRows.length === 0) return;
 		const headers = [...csvHeaders, "Import Error"];
@@ -2401,14 +2495,17 @@ function CsvImporter({ slug, schema, onClose }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dy-space-y-6",
 		children: [
-			step === "upload" && /* @__PURE__ */ jsx("div", {
+			step === "upload" && /* @__PURE__ */ jsxs("div", {
 				className: "dy-space-y-4",
-				children: /* @__PURE__ */ jsx("div", {
-					className: "dy-text-center dy-py-10 dy-border-2 dy-border-dashed dy-border-border dy-rounded-xl hover:dy-bg-muted/30 dy-transition-colors",
+				children: [/* @__PURE__ */ jsx("div", {
+					className: cn("dy-text-center dy-py-10 dy-border-2 dy-border-dashed dy-rounded-xl dy-transition-colors", isDragging ? "dy-border-primary dy-bg-primary/5" : "dy-border-border hover:dy-bg-muted/30"),
+					onDragOver: handleDragOver,
+					onDragLeave: handleDragLeave,
+					onDrop: handleDrop,
 					children: /* @__PURE__ */ jsxs("label", {
 						className: "dy-cursor-pointer dy-block dy-space-y-4 dy-px-6",
 						children: [
-							/* @__PURE__ */ jsx(Upload, { className: "dy-h-10 dy-w-10 dy-mx-auto dy-text-muted-foreground" }),
+							/* @__PURE__ */ jsx(Upload, { className: cn("dy-h-10 dy-w-10 dy-mx-auto", isDragging ? "dy-text-primary" : "dy-text-muted-foreground") }),
 							/* @__PURE__ */ jsxs("div", {
 								className: "dy-space-y-1",
 								children: [/* @__PURE__ */ jsx("p", {
@@ -2427,7 +2524,10 @@ function CsvImporter({ slug, schema, onClose }) {
 							})
 						]
 					})
-				})
+				}), fileError && /* @__PURE__ */ jsxs("div", {
+					className: "dy-flex dy-items-center dy-gap-2 dy-p-3 dy-rounded-lg dy-bg-destructive/10 dy-border dy-border-destructive/20 dy-text-destructive dy-text-sm",
+					children: [/* @__PURE__ */ jsx(AlertCircle, { className: "dy-h-4 dy-w-4 dy-shrink-0" }), fileError]
+				})]
 			}),
 			step === "map" && /* @__PURE__ */ jsxs("div", {
 				className: "dy-space-y-4",
@@ -2531,19 +2631,22 @@ function CsvImporter({ slug, schema, onClose }) {
 						})]
 					}),
 					/* @__PURE__ */ jsx("div", {
-						className: "dy-h-[300px] dy-overflow-auto dy-border dy-border-border dy-rounded-xl",
+						className: "dy-overflow-x-auto dy-overflow-y-auto dy-max-h-[60vh] dy-border dy-border-border dy-rounded-xl",
 						children: /* @__PURE__ */ jsxs("table", {
-							className: "dy-w-full dy-min-w-max dy-text-left dy-border-collapse",
-							children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", {
-								className: "dy-border-b dy-border-border dy-bg-muted/40 dy-text-xs dy-font-semibold dy-text-muted-foreground",
-								children: [/* @__PURE__ */ jsx("th", {
-									className: "dy-p-3 dy-w-16",
-									children: "Row"
-								}), importableFields.filter((f) => Object.values(mapping).includes(f.name)).map((f) => /* @__PURE__ */ jsx("th", {
-									className: "dy-p-3",
-									children: f.label || f.name
-								}, f.name))]
-							}) }), /* @__PURE__ */ jsx("tbody", {
+							className: "dy-min-w-max dy-w-full dy-text-left dy-border-collapse",
+							children: [/* @__PURE__ */ jsx("thead", {
+								className: "dy-sticky dy-top-0 dy-z-10",
+								children: /* @__PURE__ */ jsxs("tr", {
+									className: "dy-border-b dy-border-border dy-bg-muted/40 dy-text-xs dy-font-semibold dy-text-muted-foreground",
+									children: [/* @__PURE__ */ jsx("th", {
+										className: "dy-p-3 dy-w-16",
+										children: "Row"
+									}), importableFields.filter((f) => Object.values(mapping).includes(f.name)).map((f) => /* @__PURE__ */ jsx("th", {
+										className: "dy-p-3",
+										children: f.label || f.name
+									}, f.name))]
+								})
+							}), /* @__PURE__ */ jsx("tbody", {
 								className: "dy-text-sm",
 								children: previewRows.map((rowResult) => /* @__PURE__ */ jsxs("tr", {
 									className: "dy-border-b dy-border-border hover:dy-bg-muted/20",
@@ -2565,6 +2668,39 @@ function CsvImporter({ slug, schema, onClose }) {
 							})]
 						})
 					}),
+					totalErrors > 0 && totalErrors < validatedData.length && /* @__PURE__ */ jsxs("label", {
+						className: "dy-flex dy-items-start dy-gap-3 dy-p-3 dy-rounded-lg dy-border dy-border-amber-300/60 dy-bg-amber-500/10 dy-cursor-pointer",
+						children: [/* @__PURE__ */ jsx("input", {
+							type: "checkbox",
+							className: "dy-mt-0.5 dy-accent-amber-500",
+							checked: confirmedSkip,
+							onChange: (e) => setConfirmedSkip(e.target.checked)
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "dy-text-xs dy-text-amber-700 dark:dy-text-amber-400",
+							children: [
+								"I understand that ",
+								/* @__PURE__ */ jsxs("strong", { children: [
+									totalErrors,
+									" row",
+									totalErrors !== 1 ? "s" : ""
+								] }),
+								" with validation errors will be skipped. Only the ",
+								validatedData.length - totalErrors,
+								" valid row",
+								validatedData.length - totalErrors !== 1 ? "s" : "",
+								" will be imported."
+							]
+						})]
+					}),
+					totalErrors === validatedData.length && /* @__PURE__ */ jsxs("div", {
+						className: "dy-flex dy-items-center dy-gap-2 dy-p-3 dy-rounded-lg dy-bg-destructive/10 dy-border dy-border-destructive/20 dy-text-destructive dy-text-sm",
+						children: [
+							/* @__PURE__ */ jsx(AlertCircle, { className: "dy-h-4 dy-w-4 dy-shrink-0" }),
+							"All ",
+							totalErrors,
+							" rows have validation errors. Fix your CSV and re-upload before importing."
+						]
+					}),
 					/* @__PURE__ */ jsxs("div", {
 						className: "dy-flex dy-justify-between dy-pt-4",
 						children: [/* @__PURE__ */ jsx(Button, {
@@ -2572,14 +2708,17 @@ function CsvImporter({ slug, schema, onClose }) {
 							onClick: () => setStep("map"),
 							children: "Back"
 						}), /* @__PURE__ */ jsxs(Button, {
-							onClick: startImport,
+							onClick: () => startImport(),
 							variant: "default",
 							className: "dy-gap-2",
+							disabled: totalErrors === validatedData.length || totalErrors > 0 && !confirmedSkip,
 							children: [
 								/* @__PURE__ */ jsx(Play, { className: "dy-h-4 dy-w-4" }),
 								" Start Import (",
 								validatedData.length - totalErrors,
-								" Rows)"
+								" Row",
+								validatedData.length - totalErrors !== 1 ? "s" : "",
+								")"
 							]
 						})]
 					})
@@ -2657,12 +2796,27 @@ function CsvImporter({ slug, schema, onClose }) {
 									failedRows.length,
 									" rows)"
 								]
-							}), /* @__PURE__ */ jsxs(Button, {
-								size: "sm",
-								variant: "outline",
-								className: "dy-h-8 dy-text-xs dy-gap-1.5",
-								onClick: downloadFailedCsv,
-								children: [/* @__PURE__ */ jsx(Download, { className: "dy-h-3.5 dy-w-3.5" }), " Download Errors CSV"]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "dy-flex dy-items-center dy-gap-2",
+								children: [retryableRows.length > 0 && /* @__PURE__ */ jsxs(Button, {
+									size: "sm",
+									variant: "outline",
+									className: "dy-h-8 dy-text-xs dy-gap-1.5",
+									onClick: handleRetryFailed,
+									children: [
+										/* @__PURE__ */ jsx(RotateCcw, { className: "dy-h-3.5 dy-w-3.5" }),
+										" Retry ",
+										retryableRows.length,
+										" Failed Row",
+										retryableRows.length !== 1 ? "s" : ""
+									]
+								}), /* @__PURE__ */ jsxs(Button, {
+									size: "sm",
+									variant: "outline",
+									className: "dy-h-8 dy-text-xs dy-gap-1.5",
+									onClick: downloadFailedCsv,
+									children: [/* @__PURE__ */ jsx(Download, { className: "dy-h-3.5 dy-w-3.5" }), " Download Errors CSV"]
+								})]
 							})]
 						}), /* @__PURE__ */ jsx(ScrollArea, {
 							className: "dy-h-[180px] dy-border dy-border-border dy-rounded-xl",
@@ -2707,27 +2861,6 @@ function CsvImporter({ slug, schema, onClose }) {
 	});
 }
 //#endregion
-//#region src/components/ui/csv-importer-dialog.tsx
-function CsvImporterDialog({ open, onOpenChange, slug, schema }) {
-	const title = schema.labels?.singular || schema.slug || slug;
-	return /* @__PURE__ */ jsx(Dialog, {
-		open,
-		onOpenChange,
-		children: /* @__PURE__ */ jsxs(DialogContent, {
-			className: "sm:dy-max-w-2xl",
-			children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Import CSV Data" }), /* @__PURE__ */ jsxs(DialogDescription, { children: [
-				"Import records into the ",
-				title,
-				" collection."
-			] })] }), /* @__PURE__ */ jsx(CsvImporter, {
-				slug,
-				schema,
-				onClose: () => onOpenChange(false)
-			})]
-		})
-	});
-}
-//#endregion
 //#region src/components/ui/render-cell.tsx
 function RenderCell({ value, field, client, schemas }) {
 	if (value === null || value === void 0) return /* @__PURE__ */ jsx("span", {
@@ -2943,14 +3076,14 @@ function MediaGrid({ items, baseUrl, onDelete, slug }) {
 }
 //#endregion
 //#region src/components/ui/sheet.tsx
-var Sheet = DialogPrimitive.Root;
-var SheetPortal = DialogPrimitive.Portal;
-var SheetOverlay = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+var Sheet = SheetPrimitive.Root;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
 	className: cn("dy-fixed dy-inset-0 dy-z-50 dy-bg-black/40 dy-backdrop-blur-[2px] data-[state=open]:dy-animate-in data-[state=closed]:dy-animate-out data-[state=closed]:dy-fade-out-0 data-[state=open]:dy-fade-in-0", className),
 	...props,
 	ref
 }));
-SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+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", {
 	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",
@@ -2965,11 +3098,11 @@ var SheetContent = React$1.forwardRef(({ side = "right", className, children, ..
 	return /* @__PURE__ */ jsx(SheetPortal, { children: /* @__PURE__ */ jsxs("div", {
 		className: themeClassName,
 		"data-theme": resolvedTheme,
-		children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+		children: [/* @__PURE__ */ jsx(SheetOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
 			ref,
 			className: cn(sheetVariants({ side }), className),
 			...props,
-			children: [children, /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+			children: [children, /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
 				className: "dy-absolute dy-right-4 dy-top-4 dy-rounded-sm dy-opacity-70 dy-ring-offset-background dy-transition-opacity hover:dy-opacity-100 focus:dy-outline-none focus:dy-ring-2 focus:dy-ring-ring focus:dy-ring-offset-2 disabled:dy-pointer-events-none data-[state=open]:dy-bg-secondary",
 				children: [/* @__PURE__ */ jsx(X, { className: "dy-h-4 dy-w-4" }), /* @__PURE__ */ jsx("span", {
 					className: "dy-sr-only",
@@ -2979,7 +3112,7 @@ var SheetContent = React$1.forwardRef(({ side = "right", className, children, ..
 		})]
 	}) });
 });
-SheetContent.displayName = DialogPrimitive.Content.displayName;
+SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	className: cn("dy-flex dy-flex-col dy-space-y-2 dy-text-center sm:dy-text-left", className),
 	...props
@@ -2990,18 +3123,18 @@ var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
 	...props
 });
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+var SheetTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Title, {
 	ref,
 	className: cn("dy-text-lg dy-font-semibold dy-text-foreground", className),
 	...props
 }));
-SheetTitle.displayName = DialogPrimitive.Title.displayName;
-var SheetDescription = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, {
 	ref,
 	className: cn("dy-text-sm dy-text-muted-foreground", className),
 	...props
 }));
-SheetDescription.displayName = DialogPrimitive.Description.displayName;
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
 //#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", {
@@ -3032,6 +3165,59 @@ var Toggle = React$1.forwardRef(({ className, variant, size, ...props }, ref) =>
 }));
 Toggle.displayName = TogglePrimitive.Root.displayName;
 //#endregion
+//#region src/components/ui/dialog.tsx
+var Dialog = SheetPrimitive.Root;
+var DialogTrigger = SheetPrimitive.Trigger;
+var DialogPortal = SheetPrimitive.Portal;
+var DialogOverlay = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Overlay, {
+	ref,
+	className: cn("dy-fixed dy-inset-0 dy-z-50 dy-bg-black/40 dy-backdrop-blur-[2px] data-[state=open]:dy-animate-in data-[state=closed]:dy-animate-out data-[state=closed]:dy-fade-out-0 data-[state=open]:dy-fade-in-0", className),
+	...props
+}));
+DialogOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var DialogContent = React$1.forwardRef(({ className, children, ...props }, ref) => {
+	const { resolvedTheme, themeClassName } = useAdminTheme();
+	return /* @__PURE__ */ jsx(DialogPortal, { children: /* @__PURE__ */ jsxs("div", {
+		className: themeClassName,
+		"data-theme": resolvedTheme,
+		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(SheetPrimitive.Content, {
+			ref,
+			className: cn("dy-fixed dy-left-[50%] dy-top-[50%] dy-z-50 dy-grid dy-w-full dy-max-w-lg dy-translate-x-[-50%] dy-translate-y-[-50%] dy-gap-4 dy-border dy-bg-background dy-p-6 dy-shadow-2xl dy-duration-200 data-[state=open]:dy-animate-in data-[state=closed]:dy-animate-out data-[state=closed]:dy-fade-out-0 data-[state=open]:dy-fade-in-0 data-[state=closed]:dy-zoom-out-95 data-[state=open]:dy-zoom-in-95 data-[state=closed]:dy-slide-out-to-left-1/2 data-[state=closed]:dy-slide-out-to-top-[48%] data-[state=open]:dy-slide-in-from-left-1/2 data-[state=open]:dy-slide-in-from-top-[48%] sm:dy-rounded-xl", className),
+			...props,
+			children: [children, /* @__PURE__ */ jsxs(SheetPrimitive.Close, {
+				className: "dy-absolute dy-right-4 dy-top-4 dy-rounded-sm dy-opacity-70 dy-ring-offset-background dy-transition-opacity hover:dy-opacity-100 focus:dy-outline-none focus:dy-ring-2 focus:dy-ring-ring focus:dy-ring-offset-2 disabled:dy-pointer-events-none data-[state=open]:dy-bg-accent data-[state=open]:dy-text-muted-foreground",
+				children: [/* @__PURE__ */ jsx(X, { className: "dy-h-4 dy-w-4" }), /* @__PURE__ */ jsx("span", {
+					className: "dy-sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	}) });
+});
+DialogContent.displayName = SheetPrimitive.Content.displayName;
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("dy-flex dy-flex-col dy-space-y-1.5 dy-text-center sm:dy-text-left", className),
+	...props
+});
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("dy-flex dy-flex-col-reverse sm:dy-flex-row sm:dy-justify-end sm:dy-space-x-2", className),
+	...props
+});
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Title, {
+	ref,
+	className: cn("dy-text-lg dy-font-semibold dy-leading-none dy-tracking-tight", className),
+	...props
+}));
+DialogTitle.displayName = SheetPrimitive.Title.displayName;
+var DialogDescription = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, {
+	ref,
+	className: cn("dy-text-sm dy-text-muted-foreground", className),
+	...props
+}));
+DialogDescription.displayName = SheetPrimitive.Description.displayName;
+//#endregion
 //#region src/components/ui/tabs.tsx
 var Tabs = TabsPrimitive.Root;
 var TabsList = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TabsPrimitive.List, {
@@ -6615,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
@@ -9706,7 +9876,7 @@ function CollectionListPage({ slug }) {
 	const allAvailableColumns = React$1.useMemo(() => {
 		if (!schema) return [];
 		return [
-			...schema.fields.filter((f) => f.name !== "password" && !f.admin?.hidden && f.type !== "row" && f.type !== "join").map((field) => field.name),
+			...schema.fields.filter((f) => f.name && f.name !== "password" && !f.admin?.hidden && f.type !== "row" && f.type !== "join").map((field) => field.name),
 			"id",
 			"createdAt",
 			"updatedAt"
@@ -9714,7 +9884,7 @@ function CollectionListPage({ slug }) {
 	}, [schema]);
 	const defaultListColumns = React$1.useMemo(() => {
 		if (!schema) return [];
-		const allDisplayFields = schema.fields.filter((f) => f.name !== "password" && !f.admin?.hidden && f.type !== "row" && f.type !== "join");
+		const allDisplayFields = schema.fields.filter((f) => f.name && f.name !== "password" && !f.admin?.hidden && f.type !== "row" && f.type !== "join");
 		const configuredColumns = Array.isArray(schema.admin?.defaultColumns) ? schema.admin.defaultColumns : [];
 		return configuredColumns.length > 0 ? configuredColumns : allDisplayFields.slice(0, 3).map((field) => field.name);
 	}, [schema]);
@@ -9913,7 +10083,7 @@ function CollectionListPage({ slug }) {
 					key: "id",
 					label: "ID"
 				},
-				...schema.fields.filter((f) => f.name !== "password" && !f.admin?.hidden && f.type !== "row" && f.type !== "join").map((f) => ({
+				...schema.fields.filter((f) => f.name !== "password" && !f.admin?.hidden && f.type !== "row" && f.type !== "join").filter((f) => !!f.name).map((f) => ({
 					key: f.name,
 					label: f.label || f.name
 				})),
@@ -9988,7 +10158,7 @@ function CollectionListPage({ slug }) {
 	}
 	const columns = React$1.useMemo(() => {
 		if (!schema) return [];
-		const allDisplayFields = schema.fields.filter((f) => f.name !== "password" && !f.admin?.hidden && f.type !== "row" && f.type !== "join");
+		const allDisplayFields = schema.fields.filter((f) => f.name && f.name !== "password" && !f.admin?.hidden && f.type !== "row" && f.type !== "join");
 		const fieldByName = new Map(allDisplayFields.map((field) => [field.name, field]));
 		const configuredColumns = localPreference.columns.filter((col) => col.visible).map((col) => col.name);
 		const visibleColumnNames = configuredColumns.length > 0 ? configuredColumns : allDisplayFields.slice(0, 3).map((field) => field.name);
@@ -10009,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, {
@@ -10020,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",
@@ -10044,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,
@@ -10238,6 +10451,38 @@ function CollectionListPage({ slug }) {
 			})
 		]
 	});
+	if (isImportOpen && schema) {
+		const collectionTitle = schema.labels?.plural || schema.slug;
+		return /* @__PURE__ */ jsxs("div", {
+			className: "dy-space-y-6 dy-animate-in lg:dy-space-y-8",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "dy-flex dy-items-center dy-gap-3",
+					children: /* @__PURE__ */ jsxs(Button, {
+						variant: "ghost",
+						size: "sm",
+						className: "dy-h-8 dy-px-2 dy-gap-1.5 dy-text-xs dy-text-muted-foreground hover:dy-text-foreground",
+						onClick: () => setIsImportOpen(false),
+						children: [
+							/* @__PURE__ */ jsx(ArrowLeft, { className: "dy-h-3.5 dy-w-3.5" }),
+							"Back to ",
+							collectionTitle
+						]
+					})
+				}),
+				/* @__PURE__ */ jsx(PageHeader, {
+					title: `Import CSV — ${collectionTitle}`,
+					description: `Upload a CSV file to bulk-import records into the ${collectionTitle} collection.`,
+					icon: FileUp
+				}),
+				/* @__PURE__ */ jsx(CsvImporter, {
+					slug,
+					schema,
+					onClose: () => setIsImportOpen(false)
+				})
+			]
+		});
+	}
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dy-space-y-6 dy-animate-in lg:dy-space-y-8",
 		children: [
@@ -10511,12 +10756,6 @@ function CollectionListPage({ slug }) {
 						componentProps: collectionComponentProps
 					})
 				]
-			}),
-			/* @__PURE__ */ jsx(CsvImporterDialog, {
-				open: isImportOpen,
-				onOpenChange: setIsImportOpen,
-				slug,
-				schema
 			})
 		]
 	});
@@ -12601,9 +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";
 function normalizeTechStack(techStack) {
 	if (!techStack) return void 0;
 	if (techStack === "next") return "nextjs";
@@ -12619,154 +12857,209 @@ function buildGuideUrl(config) {
 	if (config.baseUrl) url.searchParams.set("endpoint", config.baseUrl);
 	return url.toString();
 }
+function buildPrompt(config) {
+	const { siteId, apiKey, baseUrl } = config;
+	if (!(siteId && apiKey && baseUrl)) return GENERATE_CMS_PROMPT;
+	const placeholder = `Ask me for the following in one message:
+
+- Site ID
+- Site API key
+- Base URL
+
+Wait for my reply.`;
+	const replacement = `Use the following credentials:
+
+- Site ID: ${siteId}
+- Site API key: ${apiKey}
+- 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);
-	const stack = normalizeTechStack(config.defaultTechStack);
+	const hasCredentials = !!(config.siteId && config.apiKey && config.baseUrl);
+	const guideSteps = hasCredentials ? steps : stepsNoCredentials;
+	const promptText = buildPrompt(config);
+	async function copyPrompt() {
+		await navigator.clipboard.writeText(promptText);
+		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-5xl dy-py-6 lg:dy-py-10",
-		children: [/* @__PURE__ */ jsxs("section", {
-			className: "dy-relative dy-overflow-hidden dy-rounded-[28px] dy-border dy-border-border dy-bg-card dy-text-card-foreground dy-shadow-2xl",
-			children: [
-				/* @__PURE__ */ jsx("div", {
-					className: "dy-absolute dy-inset-y-0 dy-right-0 dy-w-1/3 dy-bg-primary",
-					"aria-hidden": "true"
-				}),
-				/* @__PURE__ */ jsx("div", {
-					className: "dy-absolute dy-inset-y-0 dy-right-[12%] dy-w-40 dy-skew-x-[-12deg] dy-bg-card",
-					"aria-hidden": "true"
-				}),
-				/* @__PURE__ */ jsxs("div", {
-					className: "dy-relative dy-grid dy-min-h-[340px] dy-gap-10 dy-p-7 sm:dy-p-10 lg:dy-grid-cols-[1.35fr_0.65fr] lg:dy-p-12",
+		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-flex dy-flex-col dy-justify-between dy-gap-12",
-						children: [/* @__PURE__ */ jsxs("div", {
-							className: "dy-space-y-6",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "dy-inline-flex dy-items-center dy-gap-2 dy-rounded-full dy-border dy-border-border dy-bg-muted/60 dy-px-3 dy-py-1.5 dy-text-[11px] dy-font-bold dy-uppercase dy-tracking-[0.14em] dy-text-muted-foreground",
-								children: [/* @__PURE__ */ jsx(Sparkles, { className: "dy-h-3.5 dy-w-3.5 dy-text-primary" }), "Dyrected setup"]
-							}), /* @__PURE__ */ jsxs("div", {
-								className: "dy-max-w-2xl dy-space-y-4",
-								children: [/* @__PURE__ */ jsx("h1", {
-									className: "dy-font-serif dy-text-4xl dy-font-bold dy-leading-[0.98] dy-tracking-tight sm:dy-text-5xl lg:dy-text-6xl",
-									children: "Let the guide do the heavy lifting."
-								}), /* @__PURE__ */ jsx("p", {
-									className: "dy-max-w-xl dy-text-base dy-leading-7 dy-text-muted-foreground sm:dy-text-lg",
-									children: "Get a guided path tailored to your project, whether you are building with an AI coding tool or wiring up the SDK yourself."
-								})]
+						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]
 							})]
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "dy-flex dy-flex-col dy-gap-3 sm:dy-flex-row sm:dy-items-center",
-							children: [/* @__PURE__ */ jsx(Button, {
-								asChild: true,
-								size: "lg",
-								className: "dy-h-12 dy-bg-primary dy-px-6 dy-text-primary-foreground hover:dy-bg-primary/90",
-								children: /* @__PURE__ */ jsxs("a", {
-									href: guideUrl,
-									target: "_blank",
-									rel: "noopener noreferrer",
-									children: [
-										/* @__PURE__ */ jsx(Compass, { className: "dy-h-4 dy-w-4" }),
-										"Open guided setup",
-										/* @__PURE__ */ jsx(ArrowUpRight, { className: "dy-h-4 dy-w-4" })
-									]
-								})
-							}), /* @__PURE__ */ jsx(Button, {
-								asChild: true,
-								size: "lg",
-								variant: "ghost",
-								className: "dy-h-12 dy-text-card-foreground hover:dy-bg-muted hover:dy-text-card-foreground",
-								children: /* @__PURE__ */ jsxs("a", {
-									href: DOCS_URL,
-									target: "_blank",
-									rel: "noopener noreferrer",
-									children: [/* @__PURE__ */ jsx(BookOpen, { className: "dy-h-4 dy-w-4" }), "Browse developer docs"]
-								})
+						}), 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]
 							})]
 						})]
-					}), /* @__PURE__ */ jsx("div", {
-						className: "dy-relative dy-flex dy-items-end lg:dy-justify-end",
-						children: /* @__PURE__ */ jsxs("div", {
-							className: "dy-w-full dy-max-w-sm dy-rounded-2xl dy-border dy-border-border dy-bg-background/90 dy-p-5 dy-text-foreground dy-shadow-lg dy-backdrop-blur-sm",
-							children: [/* @__PURE__ */ jsxs("div", {
-								className: "dy-mb-5 dy-flex dy-items-center dy-justify-between",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "dy-text-xs dy-font-bold dy-uppercase dy-tracking-[0.12em] dy-text-muted-foreground",
-									children: "Context included"
-								}), /* @__PURE__ */ jsx(Code2, { className: "dy-h-4 dy-w-4 dy-text-primary" })]
-							}), /* @__PURE__ */ jsxs("dl", {
-								className: "dy-space-y-4 dy-text-sm",
-								children: [/* @__PURE__ */ jsxs("div", {
-									className: "dy-flex dy-items-center dy-justify-between dy-gap-4",
-									children: [/* @__PURE__ */ jsx("dt", {
-										className: "dy-text-muted-foreground",
-										children: "Tech stack"
-									}), /* @__PURE__ */ jsx("dd", {
-										className: "dy-font-mono dy-font-semibold dy-text-foreground",
-										children: stack ?? "Choose in guide"
-									})]
-								}), /* @__PURE__ */ jsxs("div", {
-									className: "dy-flex dy-items-center dy-justify-between dy-gap-4",
-									children: [/* @__PURE__ */ jsx("dt", {
-										className: "dy-text-muted-foreground",
-										children: "Site"
-									}), /* @__PURE__ */ jsx("dd", {
-										className: "dy-max-w-[180px] dy-truncate dy-font-mono dy-font-semibold dy-text-foreground",
-										children: config.siteId || "Not provided"
-									})]
-								})]
+					}), 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-grid dy-gap-4 dy-px-1 dy-pt-5 md:dy-grid-cols-2",
-			children: [/* @__PURE__ */ jsxs("a", {
-				href: guideUrl,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				className: "dy-group dy-flex dy-items-start dy-gap-4 dy-rounded-xl dy-border dy-bg-card dy-p-5 dy-transition-colors hover:dy-border-primary/60 hover:dy-bg-primary/[0.04] focus-visible:dy-outline-none focus-visible:dy-ring-2 focus-visible:dy-ring-ring",
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "dy-space-y-2",
+				children: [/* @__PURE__ */ jsx("h1", {
+					className: "dy-text-2xl dy-font-semibold dy-tracking-tight dy-text-foreground",
+					children: "Set up Dyrected"
+				}), /* @__PURE__ */ jsx("p", {
+					className: "dy-text-sm dy-leading-6 dy-text-muted-foreground",
+					children: "Copy the prompt below and paste it into your AI builder. It handles the setup in stages."
+				})]
+			}),
+			/* @__PURE__ */ jsx("ol", {
+				className: "dy-space-y-3",
+				children: guideSteps.map((step, index) => /* @__PURE__ */ jsxs("li", {
+					className: "dy-flex dy-gap-3 dy-text-sm",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "dy-flex dy-h-6 dy-w-6 dy-shrink-0 dy-items-center dy-justify-center dy-rounded-full dy-bg-muted dy-text-xs dy-font-semibold dy-tabular-nums dy-text-foreground",
+						children: index + 1
+					}), /* @__PURE__ */ jsx("span", {
+						className: "dy-leading-6 dy-text-muted-foreground",
+						children: step
+					})]
+				}, index))
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "dy-overflow-hidden dy-rounded-xl dy-border dy-border-border dy-bg-card",
 				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "dy-rounded-lg dy-bg-primary/15 dy-p-2.5 dy-text-foreground",
-						children: /* @__PURE__ */ jsx(Sparkles, { className: "dy-h-5 dy-w-5" })
-					}),
 					/* @__PURE__ */ jsxs("div", {
-						className: "dy-min-w-0 dy-flex-1",
-						children: [/* @__PURE__ */ jsx("h2", {
-							className: "dy-font-semibold dy-text-card-foreground",
-							children: "Building with AI?"
-						}), /* @__PURE__ */ jsx("p", {
-							className: "dy-mt-1 dy-text-sm dy-leading-6 dy-text-muted-foreground",
-							children: "The guide gives your coding agent the right context and walks you through each decision."
+						className: "dy-flex dy-items-center dy-justify-between dy-gap-4 dy-border-b dy-border-border dy-px-4 dy-py-3",
+						children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+							className: "dy-text-xs dy-font-semibold dy-uppercase dy-tracking-[0.12em] dy-text-muted-foreground",
+							children: "Dyrected setup prompt"
+						}), hasCredentials && /* @__PURE__ */ jsxs("p", {
+							className: "dy-mt-0.5 dy-text-xs dy-text-muted-foreground",
+							children: ["Credentials pre-filled for ", config.siteName || config.siteId]
+						})] }), /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							onClick: copyPrompt,
+							className: "dy-inline-flex dy-items-center dy-gap-1.5 dy-rounded-lg dy-border dy-border-border dy-bg-background dy-px-3 dy-py-1.5 dy-text-xs dy-font-semibold dy-text-foreground dy-transition-colors hover:dy-bg-muted",
+							children: [copied ? /* @__PURE__ */ jsx(Check, { className: "dy-h-3.5 dy-w-3.5 dy-text-primary" }) : /* @__PURE__ */ jsx(Copy, { className: "dy-h-3.5 dy-w-3.5" }), copied ? "Copied" : "Copy prompt"]
 						})]
 					}),
-					/* @__PURE__ */ jsx(ArrowUpRight, { className: "dy-h-4 dy-w-4 dy-text-muted-foreground dy-transition-transform group-hover:dy-translate-x-0.5 group-hover:dy--translate-y-0.5" })
+					/* @__PURE__ */ jsx("pre", {
+						className: "dy-max-h-64 dy-overflow-y-auto dy-p-4 dy-text-[11px] dy-leading-5 dy-text-muted-foreground",
+						children: /* @__PURE__ */ jsx("code", { children: promptText })
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "dy-border-t dy-border-border dy-px-4 dy-py-3",
+						children: /* @__PURE__ */ jsxs("p", {
+							className: "dy-text-xs dy-text-muted-foreground",
+							children: ["Paste this into the AI builder or code agent that can edit the website code.", !hasCredentials && " The prompt will ask for your Dyrected details at the right stage."]
+						})
+					})
 				]
-			}), /* @__PURE__ */ jsxs("a", {
-				href: DOCS_URL,
-				target: "_blank",
-				rel: "noopener noreferrer",
-				className: "dy-group dy-flex dy-items-start dy-gap-4 dy-rounded-xl dy-border dy-bg-card dy-p-5 dy-transition-colors hover:dy-border-foreground/30 hover:dy-bg-muted/40 focus-visible:dy-outline-none focus-visible:dy-ring-2 focus-visible:dy-ring-ring",
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "dy-flex dy-flex-col dy-gap-2 sm:dy-flex-row",
 				children: [
-					/* @__PURE__ */ jsx("div", {
-						className: "dy-rounded-lg dy-bg-muted dy-p-2.5 dy-text-foreground",
-						children: /* @__PURE__ */ jsx(BookOpen, { className: "dy-h-5 dy-w-5" })
+					/* @__PURE__ */ jsxs("a", {
+						href: guideUrl,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "dy-inline-flex dy-items-center dy-gap-1.5 dy-text-sm dy-text-muted-foreground dy-underline-offset-4 hover:dy-text-foreground hover:dy-underline",
+						children: ["Full guide", /* @__PURE__ */ jsx(ArrowUpRight, { className: "dy-h-3.5 dy-w-3.5" })]
 					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: "dy-min-w-0 dy-flex-1",
-						children: [/* @__PURE__ */ jsx("h2", {
-							className: "dy-font-semibold dy-text-card-foreground",
-							children: "Need implementation detail?"
-						}), /* @__PURE__ */ jsx("p", {
-							className: "dy-mt-1 dy-text-sm dy-leading-6 dy-text-muted-foreground",
-							children: "Use the docs for SDK APIs, framework integrations, configuration, and production reference."
-						})]
+					/* @__PURE__ */ jsx("span", {
+						className: "dy-hidden dy-text-muted-foreground sm:dy-inline",
+						"aria-hidden": "true",
+						children: "·"
 					}),
-					/* @__PURE__ */ jsx(ArrowUpRight, { className: "dy-h-4 dy-w-4 dy-text-muted-foreground dy-transition-transform group-hover:dy-translate-x-0.5 group-hover:dy--translate-y-0.5" })
+					/* @__PURE__ */ jsxs("a", {
+						href: DOCS_URL,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						className: "dy-inline-flex dy-items-center dy-gap-1.5 dy-text-sm dy-text-muted-foreground dy-underline-offset-4 hover:dy-text-foreground hover:dy-underline",
+						children: ["Developer docs", /* @__PURE__ */ jsx(ArrowUpRight, { className: "dy-h-3.5 dy-w-3.5" })]
+					})
 				]
-			})]
-		})]
+			})
+		]
 	});
 }
 //#endregion
@@ -13410,8 +13703,7 @@ function buildProviderStartUrl(baseUrl, providerId) {
 }
 function resolveAdminAuthCollection(collections, collectionSlug) {
 	if (!collections) return void 0;
-	if (collectionSlug) return collections.find((collection) => collection.slug === collectionSlug);
-	return collections.find((collection) => collection.slug === "__admins") ?? collections.find((collection) => collection.auth);
+	return collections.find((collection) => collection.slug === "__admins") ?? collections.find((collection) => collection.slug === collectionSlug) ?? collections.find((collection) => collection.auth);
 }
 function readToken(value) {
 	if (!value || typeof value !== "object" || !("token" in value)) return null;