@dyrected/admin 2.5.46 → 2.5.48

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);
@@ -75,7 +74,8 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 	const [apiKey, setApiKey] = useState(() => initialApiKey || (typeof window !== "undefined" ? localStorage.getItem("dyrected_key") : null) || void 0);
 	const [siteId, setSiteId] = useState(() => initialSiteId || (typeof window !== "undefined" ? localStorage.getItem("dyrected_site_id") : null) || void 0);
 	const [schemas, setSchemas] = useState(null);
-	const [user, setUser] = useState(null);
+	const initialTokenUser = useMemo(() => initialToken ? decodeTokenPayload(initialToken) : null, [initialToken]);
+	const [user, setUser] = useState(() => initialTokenUser);
 	const [authCollectionSlug, setAuthCollectionSlug] = useState(() => (typeof window !== "undefined" ? localStorage.getItem("dyrected_admin_auth_collection") : null) || null);
 	const client = useMemo(() => {
 		if (!baseUrl) return null;
@@ -106,6 +106,7 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 			cancelled = true;
 		};
 	}, [client]);
+	const activeUser = initialTokenUser ?? user;
 	useEffect(() => {
 		if (initialToken && client) client.setToken(initialToken);
 	}, [initialToken, client]);
@@ -143,32 +144,26 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 		schemas
 	]);
 	useEffect(() => {
-		if (initialToken || !client || !schemas || user) return;
+		if (initialToken || !client || !schemas || activeUser) return;
 		const token = localStorage.getItem("dyrected_token");
 		const resolvedCollectionSlug = authCollectionSlug || getAdminCollectionSlug(schemas);
 		if (!token || !resolvedCollectionSlug) return;
 		client.setToken(token);
 		client.collection(resolvedCollectionSlug).me().then((nextUser) => setUser(nextUser), () => setUser(null));
 	}, [
+		activeUser,
 		authCollectionSlug,
 		client,
 		initialToken,
-		schemas,
-		user
+		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,
@@ -183,13 +178,37 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 			logout,
 			isAuthenticated: !!baseUrl && !!apiKey,
 			schemas,
-			user,
+			user: activeUser,
 			initialToken,
 			components
 		},
 		children
 	});
 }
+function decodeTokenPayload(token) {
+	const payload = token.split(".")[1];
+	if (!payload) return null;
+	try {
+		const normalized = payload.replace(/-/g, "+").replace(/_/g, "/");
+		const padded = normalized.padEnd(Math.ceil(normalized.length / 4) * 4, "=");
+		const json = decodeURIComponent(atob(padded).split("").map((char) => `%${char.charCodeAt(0).toString(16).padStart(2, "0")}`).join(""));
+		const parsed = JSON.parse(json);
+		if (!parsed || typeof parsed !== "object") return null;
+		const user = parsed;
+		const roles = Array.isArray(user.roles) ? user.roles.filter((role) => typeof role === "string").map(normalizeCloudRole) : [];
+		const role = typeof user.role === "string" ? normalizeCloudRole(user.role) : void 0;
+		return {
+			...user,
+			...role ? { role } : {},
+			roles: roles.length > 0 ? roles : role ? [role] : roles
+		};
+	} catch {
+		return null;
+	}
+}
+function normalizeCloudRole(role) {
+	return role === "owner" ? "admin" : role;
+}
 //#endregion
 //#region src/providers/query-provider.tsx
 function QueryProvider({ children }) {
@@ -616,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);
 				})
@@ -915,7 +934,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()
 							})]
 						})
 					]
@@ -2047,59 +2066,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,
@@ -2145,39 +2111,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,
@@ -2292,18 +2291,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({
@@ -2333,17 +2335,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"];
@@ -2375,14 +2384,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", {
@@ -2401,7 +2413,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",
@@ -2505,19 +2520,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",
@@ -2539,6 +2557,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, {
@@ -2546,14 +2597,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" : "",
+								")"
 							]
 						})]
 					})
@@ -2631,12 +2685,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",
@@ -2681,27 +2750,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", {
@@ -2917,14 +2965,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",
@@ -2939,11 +2987,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",
@@ -2953,7 +3001,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
@@ -2964,18 +3012,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", {
@@ -3006,6 +3054,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, {
@@ -9680,7 +9781,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"
@@ -9688,7 +9789,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]);
@@ -9887,7 +9988,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
 				})),
@@ -9962,7 +10063,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);
@@ -10212,6 +10313,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: [
@@ -10485,12 +10618,6 @@ function CollectionListPage({ slug }) {
 						componentProps: collectionComponentProps
 					})
 				]
-			}),
-			/* @__PURE__ */ jsx(CsvImporterDialog, {
-				open: isImportOpen,
-				onOpenChange: setIsImportOpen,
-				slug,
-				schema
 			})
 		]
 	});
@@ -12578,6 +12705,18 @@ function GlobalEditorPage() {
 //#region src/pages/setup/setup-prompt.tsx
 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";
@@ -12593,154 +12732,116 @@ 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);
+}
 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);
+	}
 	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",
-					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."
-								})]
-							})]
-						}), /* @__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"]
-								})
-							})]
-						})]
-					}), /* @__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"
-									})]
-								})]
-							})]
-						})
+		className: "dy-mx-auto dy-max-w-3xl dy-space-y-10 dy-px-4 dy-py-8",
+		children: [
+			/* @__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
 					})]
-				})
-			]
-		}), /* @__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",
+				}, 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
@@ -13384,8 +13485,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;