@dyrected/admin 2.5.30 → 2.5.33

package/dist/admin.css

@@ -1383,10 +1383,6 @@
     margin-top: 1rem;
 }
 
-.dy-mt-5{
-    margin-top: 1.25rem;
-}
-
 .dy-mt-8{
     margin-top: 2rem;
 }

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, 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, ExternalLink, Eye, EyeOff, FileDown, FileIcon, FileText, 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, MoreHorizontal, PanelLeftClose, PanelLeftOpen, Pencil, Plus, Quote, RotateCcw, Save, Scissors, Search, Settings, Settings2, Share2, Shield, ShieldCheck, Smartphone, Sparkles, Strikethrough, Table, Trash2, Underline, Upload, UploadCloud, Users, Video, Volume2, X, XCircle, icons } from "lucide-react";
+import { AlertCircle, 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, ExternalLink, Eye, EyeOff, FileDown, FileIcon, FileText, 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, MoreHorizontal, PanelLeftClose, PanelLeftOpen, Pencil, Plus, Quote, RotateCcw, Save, Scissors, Search, Settings, Settings2, Share2, Shield, Smartphone, Sparkles, Strikethrough, Table, Trash2, Underline, 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";
@@ -9048,11 +9048,12 @@ function EditEntryPage() {
 		enabled: !!client
 	});
 	const schema = schemas?.collections.find((c) => c.slug === slug);
-	const [prevSchemaSlug, setPrevSchemaSlug] = useState(null);
-	if (schema && schema.slug !== prevSchemaSlug) {
-		setPrevSchemaSlug(schema.slug);
-		if (schema.admin?.previewUrl) setShowPreview(false);
-	}
+	const schemaSlug = schema?.slug;
+	const schemaPreviewUrl = schema?.admin?.previewUrl;
+	useEffect(() => {
+		if (!schemaSlug || !schemaPreviewUrl) return;
+		setShowPreview((previous) => previous ? false : previous);
+	}, [schemaSlug, schemaPreviewUrl]);
 	const { data: entry, isLoading: isEntryLoading } = useQuery({
 		queryKey: [
 			"entry",
@@ -9062,11 +9063,14 @@ function EditEntryPage() {
 		queryFn: () => client.collection(slug).findOne(id),
 		enabled: !!client && isEdit
 	});
-	const [prevEntry, setPrevEntry] = useState(null);
-	if (entry && entry !== prevEntry) {
-		setPrevEntry(entry);
-		setPreviewData(entry);
-	}
+	useEffect(() => {
+		if (!entry) return;
+		setPreviewData((previous) => previous === entry ? previous : entry);
+	}, [
+		entry,
+		id,
+		slug
+	]);
 	const isAdminUser = Array.isArray(user?.roles) && user.roles.includes("admin");
 	const isSelf = !!user && !!id && (user.id === id || user.sub === id);
 	const passwordChangeMode = schema?.auth ? isSelf ? "self" : isAdminUser ? "admin" : null : null;
@@ -9519,7 +9523,7 @@ Separator.displayName = SeparatorPrimitive.Root.displayName;
 //#endregion
 //#region src/pages/media/media-page.tsx
 function MediaPage({ collectionSlug, schema }) {
-	const { client } = useDyrected();
+	const { client, components, user } = useDyrected();
 	const queryClient = useQueryClient();
 	const [search, setSearch] = React$1.useState("");
 	const [isUploadOpen, setIsUploadOpen] = React$1.useState(false);
@@ -9545,6 +9549,49 @@ function MediaPage({ collectionSlug, schema }) {
 	const mediaResponse = React$1.useMemo(() => {
 		return data?.pages.flatMap((page) => page.docs) || [];
 	}, [data]);
+	const readAccess = schema.access?.read;
+	const createAccess = schema.access?.create;
+	const evaluateAccess = (access) => {
+		if (access === false) return false;
+		if (typeof access !== "string") return true;
+		try {
+			return Boolean(jexl.evalSync(access, { user }));
+		} catch (error) {
+			console.warn("Media collection access evaluation failed:", error);
+			return false;
+		}
+	};
+	const canRead = evaluateAccess(readAccess);
+	const canCreate = evaluateAccess(createAccess);
+	const lastPage = data?.pages[data.pages.length - 1];
+	const collectionComponentProps = {
+		client,
+		user,
+		collection: schema,
+		collectionSlug,
+		response: lastPage ? {
+			...lastPage,
+			docs: mediaResponse
+		} : void 0,
+		documents: mediaResponse,
+		isLoading,
+		pagination: {
+			page: lastPage?.page ?? 1,
+			totalPages: lastPage?.totalPages ?? 1,
+			total: lastPage?.total ?? 0,
+			hasNextPage: Boolean(hasNextPage),
+			hasPrevPage: Boolean(lastPage?.hasPrevPage)
+		},
+		permissions: {
+			canRead,
+			canCreate
+		},
+		urls: {
+			collection: `/collections/${collectionSlug}`,
+			create: `/collections/${collectionSlug}/new`
+		}
+	};
+	const collectionSlots = schema.admin?.components;
 	const observerRef = React$1.useRef(null);
 	const sentinelRef = React$1.useCallback((node) => {
 		if (observerRef.current) {
@@ -9584,12 +9631,13 @@ function MediaPage({ collectionSlug, schema }) {
 		}
 	});
 	const onDrop = React$1.useCallback((acceptedFiles) => {
-		if (acceptedFiles.length > 0) {
+		if (canCreate && acceptedFiles.length > 0) {
 			setUploadFiles(acceptedFiles);
 			setIsUploadOpen(true);
 		}
-	}, []);
+	}, [canCreate]);
 	const handlePaste = React$1.useCallback((e) => {
+		if (!canCreate) return;
 		const items = e.clipboardData?.items;
 		if (!items) return;
 		const filesToUpload = [];
@@ -9602,7 +9650,7 @@ function MediaPage({ collectionSlug, schema }) {
 			setUploadFiles((prev) => [...prev, ...filesToUpload]);
 			setIsUploadOpen(true);
 		}
-	}, []);
+	}, [canCreate]);
 	const { getRootProps, getInputProps, isDragActive } = useDropzone({
 		onDrop,
 		noClick: true
@@ -9611,6 +9659,19 @@ function MediaPage({ collectionSlug, schema }) {
 		setIsUploadOpen(open);
 		if (!open) setUploadFiles([]);
 	};
+	if (!canRead) return /* @__PURE__ */ jsx("div", {
+		className: "dy-flex dy-h-[calc(100vh-200px)] dy-items-center dy-justify-center",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "dy-space-y-2 dy-text-center",
+			children: [/* @__PURE__ */ jsx("h3", {
+				className: "dy-text-lg dy-font-bold",
+				children: "Access Denied"
+			}), /* @__PURE__ */ jsx("p", {
+				className: "dy-text-sm dy-text-muted-foreground",
+				children: "You do not have permission to view this collection."
+			})]
+		})
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		...getRootProps(),
 		onPaste: handlePaste,
@@ -9630,6 +9691,12 @@ function MediaPage({ collectionSlug, schema }) {
 					})]
 				})
 			}),
+			/* @__PURE__ */ jsx(AdminComponentSlot, {
+				slot: "beforeList",
+				componentKeys: collectionSlots?.beforeList,
+				registry: components?.collectionList,
+				componentProps: collectionComponentProps
+			}),
 			/* @__PURE__ */ jsxs("div", {
 				className: "dy-flex dy-flex-col dy-gap-4 dy-border-b dy-border-border/50 dy-pb-5 sm:dy-flex-row sm:dy-items-end sm:dy-justify-between sm:dy-pb-6",
 				children: [/* @__PURE__ */ jsxs("div", {
@@ -9638,13 +9705,13 @@ function MediaPage({ collectionSlug, schema }) {
 						className: "dy-flex dy-items-center dy-gap-2 dy-mb-1",
 						children: [/* @__PURE__ */ jsx(Image$1, { className: "dy-h-5 dy-w-5 dy-flex-shrink-0 dy-text-primary" }), /* @__PURE__ */ jsx("h1", {
 							className: "dy-min-w-0 dy-break-words dy-text-2xl dy-font-bold dy-tracking-tight dy-text-foreground sm:dy-text-3xl",
-							children: schema?.labels?.plural ?? schema?.label ?? (collectionSlug && collectionSlug !== "media" ? collectionSlug.charAt(0).toUpperCase() + collectionSlug.slice(1) : "Media Library")
+							children: schema.labels?.plural ?? (collectionSlug !== "media" ? collectionSlug.charAt(0).toUpperCase() + collectionSlug.slice(1) : "Media Library")
 						})]
 					}), /* @__PURE__ */ jsx("p", {
 						className: "dy-text-sm dy-leading-5 dy-text-muted-foreground",
 						children: "Manage your images, documents, and other assets for this site."
 					})]
-				}), /* @__PURE__ */ jsxs(Dialog, {
+				}), canCreate && /* @__PURE__ */ jsxs(Dialog, {
 					open: isUploadOpen,
 					onOpenChange: handleUploadOpenChange,
 					children: [/* @__PURE__ */ jsx(DialogTrigger, {
@@ -9685,6 +9752,12 @@ function MediaPage({ collectionSlug, schema }) {
 					})]
 				})
 			}),
+			/* @__PURE__ */ jsx(AdminComponentSlot, {
+				slot: "beforeListTable",
+				componentKeys: collectionSlots?.beforeListTable,
+				registry: components?.collectionList,
+				componentProps: collectionComponentProps
+			}),
 			/* @__PURE__ */ jsx(ScrollArea, {
 				className: "dy-h-auto dy-pr-0 md:dy-h-[calc(100vh-320px)] md:dy-pr-4",
 				children: isLoading ? /* @__PURE__ */ jsx("div", {
@@ -9721,6 +9794,18 @@ function MediaPage({ collectionSlug, schema }) {
 					})]
 				})
 			}),
+			/* @__PURE__ */ jsx(AdminComponentSlot, {
+				slot: "afterListTable",
+				componentKeys: collectionSlots?.afterListTable,
+				registry: components?.collectionList,
+				componentProps: collectionComponentProps
+			}),
+			/* @__PURE__ */ jsx(AdminComponentSlot, {
+				slot: "afterList",
+				componentKeys: collectionSlots?.afterList,
+				registry: components?.collectionList,
+				componentProps: collectionComponentProps
+			}),
 			/* @__PURE__ */ jsx(MediaDetailsDialog, {
 				item: selectedItem,
 				collectionSlug,
@@ -10417,41 +10502,34 @@ function SetupPromptUI({ config }) {
 						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"
-										})]
+							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-mt-5 dy-flex dy-items-start dy-gap-2 dy-border-t dy-border-border dy-pt-4 dy-text-xs dy-leading-5 dy-text-muted-foreground",
-									children: [/* @__PURE__ */ jsx(ShieldCheck, { className: "dy-mt-0.5 dy-h-4 dy-w-4 dy-shrink-0 dy-text-primary" }), "API keys and authentication tokens never leave this admin page."]
-								})
-							]
+								}), /* @__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"
+									})]
+								})]
+							})]
 						})
 					})]
 				})

package/dist/pages/collections/list-page.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/pages/dashboard/dashboard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/pages/media/media-page.d.ts

@@ -1,9 +1,5 @@
+import { CollectionConfig } from '@dyrected/core';
 export declare function MediaPage({ collectionSlug, schema }: {
-    collectionSlug?: string;
-    schema?: {
-        labels?: {
-            plural?: string;
-        };
-        label?: string;
-    };
+    collectionSlug: string;
+    schema: CollectionConfig;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/pages/media/media-page.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,12 @@
-import { SetupPromptConfig } from '@dyrected/sdk';
-export type { SetupPromptConfig };
+export interface SetupPromptConfig {
+    siteName?: string;
+    siteId?: string;
+    apiKey?: string;
+    baseUrl?: string;
+    isSelfHosted?: boolean;
+    existingSite?: boolean;
+    defaultTechStack?: string;
+}
 export interface SetupPromptProps {
     config: SetupPromptConfig;
 }

package/dist/test/setup.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dyrected/admin",
-  "version": "2.5.30",
+  "version": "2.5.33",
   "type": "module",
   "files": [
     "dist"
@@ -62,8 +62,8 @@
     "tailwind-merge": "^3.5.0",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.25.76",
-    "@dyrected/core": "^2.5.30",
-    "@dyrected/sdk": "^2.5.30"
+    "@dyrected/core": "^2.5.33",
+    "@dyrected/sdk": "^2.5.33"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",