@dyrected/admin 2.5.64 → 2.6.0

package/dist/admin.css

@@ -3485,6 +3485,10 @@
     padding-top: 1.25rem;
 }
 
+.dy-pt-6{
+    padding-top: 1.5rem;
+}
+
 .dy-text-left{
     text-align: left;
 }

package/dist/components/forms/fields/join-field.test.d.ts

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

package/dist/components/ui/data-table.d.ts

@@ -3,7 +3,9 @@ import * as React from "react";
 interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];
-    searchKey?: string;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
     rowSelection?: any;
     onRowSelectionChange?: any;
     bulkActions?: (selectedIds: string[]) => React.ReactNode;
@@ -12,5 +14,5 @@ interface DataTableProps<TData, TValue> {
     initialColumnVisibility?: VisibilityState;
     hideViewButton?: boolean;
 }
-export declare function DataTable<TData, TValue>({ columns, data, searchKey, rowSelection: externalRowSelection, onRowSelectionChange, bulkActions, toolbarActions, persistenceKey, initialColumnVisibility, hideViewButton, }: DataTableProps<TData, TValue>): React.JSX.Element;
+export declare function DataTable<TData, TValue>({ columns, data, searchPlaceholder, searchValue, onSearchChange, rowSelection: externalRowSelection, onRowSelectionChange, bulkActions, toolbarActions, persistenceKey, initialColumnVisibility, hideViewButton, }: DataTableProps<TData, TValue>): React.JSX.Element;
 export {};

package/dist/components/ui/render-cell.test.d.ts

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

package/dist/index.mjs

@@ -15,7 +15,7 @@ import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Toaster, toast } from "sonner";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as SelectPrimitive from "@radix-ui/react-select";
-import { flexRender, getCoreRowModel, getFilteredRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
 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";
@@ -812,10 +812,65 @@ function SidebarInner({ schemas, isLoading, location, logout, isEmbedded, collap
 	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 standardCollections = collections.filter((c) => !c.upload && !c.auth);
+	const authCollections = collections.filter((c) => !c.upload && c.auth);
 	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 renderCollectionItem = (col) => {
+		const isReadOnly = col.access?.read && !col.access?.create && !col.access?.update && !col.access?.delete;
+		const navLabel = /* @__PURE__ */ jsxs("div", {
+			className: "dy-flex dy-items-center dy-gap-1.5 dy-min-w-0",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "dy-truncate",
+				children: col.labels?.plural ?? col.label ?? col.slug
+			}), !collapsed && /* @__PURE__ */ jsxs("div", {
+				className: "dy-flex dy-gap-1 dy-shrink-0",
+				children: [
+					col.auth && /* @__PURE__ */ jsx(Shield, { className: "dy-h-4 dy-w-4 dy-text-primary/70" }),
+					col.shared && /* @__PURE__ */ jsx(Share2, { className: "dy-h-4 dy-w-4 dy-text-purple-500/70" }),
+					isReadOnly && /* @__PURE__ */ jsx(Lock, { className: "dy-h-4 dy-w-4 dy-text-muted-foreground/40" })
+				]
+			})]
+		});
+		return /* @__PURE__ */ jsx(NavItem, {
+			to: `/collections/${col.slug}`,
+			icon: resolveAdminIcon(col.admin?.icon, col.auth ? Users : Database),
+			label: navLabel,
+			active: location.pathname.startsWith(`/collections/${col.slug}`),
+			collapsed,
+			onClick: onNavigate
+		}, col.slug);
+	};
+	const renderCollectionSection = (sectionCollections, ungroupedLabel) => {
+		if (sectionCollections.length === 0) return null;
+		const groups = /* @__PURE__ */ new Map();
+		const ungrouped = [];
+		sectionCollections.forEach((col) => {
+			const groupName = col.admin?.group;
+			if (groupName) {
+				if (!groups.has(groupName)) groups.set(groupName, []);
+				groups.get(groupName).push(col);
+				return;
+			}
+			ungrouped.push(col);
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className: "dy-space-y-1",
+			children: [Array.from(groups.entries()).map(([groupName, cols]) => /* @__PURE__ */ jsx(NavGroup, {
+				label: groupName,
+				collapsed,
+				defaultExpanded: true,
+				children: cols.map((col) => renderCollectionItem(col))
+			}, groupName)), ungrouped.length > 0 && /* @__PURE__ */ jsx(NavGroup, {
+				label: ungroupedLabel,
+				collapsed,
+				defaultExpanded: true,
+				children: ungrouped.map((col) => renderCollectionItem(col))
+			})]
+		});
+	};
 	const branding = schemas?.admin?.branding;
 	const meta = schemas?.admin?.meta;
 	return /* @__PURE__ */ jsxs("div", {
@@ -870,65 +925,17 @@ function SidebarInner({ schemas, isLoading, location, logout, isEmbedded, collap
 						collapsed,
 						onClick: onNavigate
 					}, col.slug))] }),
-					(isLoading || collections.filter((c) => !c.upload).length > 0) && /* @__PURE__ */ jsx("div", { children: isLoading ? /* @__PURE__ */ jsx("div", {
+					(isLoading || standardCollections.length > 0 || authCollections.length > 0) && /* @__PURE__ */ jsx("div", { children: isLoading ? /* @__PURE__ */ jsx("div", {
 						className: "dy-space-y-1 dy-px-1",
 						children: [
 							1,
 							2,
 							3
 						].map((i) => /* @__PURE__ */ jsx("div", { className: cn("dy-h-8 dy-rounded-md dy-bg-muted/60 dy-animate-pulse", collapsed ? "dy-mx-1" : "dy-mx-2") }, i))
-					}) : (() => {
-						const nonUpload = collections.filter((col) => !col.upload);
-						const groups = /* @__PURE__ */ new Map();
-						const ungrouped = [];
-						nonUpload.forEach((col) => {
-							let g = col.admin?.group;
-							if (!g && col.auth) g = "System";
-							if (g) {
-								if (!groups.has(g)) groups.set(g, []);
-								groups.get(g).push(col);
-							} else ungrouped.push(col);
-						});
-						const renderCollectionItem = (col) => {
-							const isReadOnly = col.access?.read && !col.access?.create && !col.access?.update && !col.access?.delete;
-							const navLabel = /* @__PURE__ */ jsxs("div", {
-								className: "dy-flex dy-items-center dy-gap-1.5 dy-min-w-0",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "dy-truncate",
-									children: col.labels?.plural ?? col.label ?? col.slug
-								}), !collapsed && /* @__PURE__ */ jsxs("div", {
-									className: "dy-flex dy-gap-1 dy-shrink-0",
-									children: [
-										col.auth && /* @__PURE__ */ jsx(Shield, { className: "dy-h-4 dy-w-4 dy-text-primary/70" }),
-										col.shared && /* @__PURE__ */ jsx(Share2, { className: "dy-h-4 dy-w-4 dy-text-purple-500/70" }),
-										isReadOnly && /* @__PURE__ */ jsx(Lock, { className: "dy-h-4 dy-w-4 dy-text-muted-foreground/40" })
-									]
-								})]
-							});
-							return /* @__PURE__ */ jsx(NavItem, {
-								to: `/collections/${col.slug}`,
-								icon: resolveAdminIcon(col.admin?.icon, col.auth ? Users : Database),
-								label: navLabel,
-								active: location.pathname.startsWith(`/collections/${col.slug}`),
-								collapsed,
-								onClick: onNavigate
-							}, col.slug);
-						};
-						return /* @__PURE__ */ jsxs("div", {
-							className: "dy-space-y-1",
-							children: [Array.from(groups.entries()).map(([groupName, cols]) => /* @__PURE__ */ jsx(NavGroup, {
-								label: groupName,
-								collapsed,
-								defaultExpanded: true,
-								children: cols.map((col) => renderCollectionItem(col))
-							}, groupName)), ungrouped.length > 0 && /* @__PURE__ */ jsx(NavGroup, {
-								label: "Collections",
-								collapsed,
-								defaultExpanded: true,
-								children: ungrouped.map((col) => renderCollectionItem(col))
-							})]
-						});
-					})() }),
+					}) : /* @__PURE__ */ jsxs("div", {
+						className: "dy-space-y-1",
+						children: [renderCollectionSection(standardCollections, "Collections"), renderCollectionSection(authCollections, "Auth")]
+					}) }),
 					globals.length > 0 && /* @__PURE__ */ jsxs("div", { children: [groupLabel("Configuration"), /* @__PURE__ */ jsx("div", {
 						className: "dy-space-y-0.5",
 						children: globals.map((glob) => /* @__PURE__ */ jsx(NavItem, {
@@ -1038,7 +1045,7 @@ function isNewerVersion(latest, current) {
 	return false;
 }
 function useUpdateCheck() {
-	const currentVersion = "2.5.63";
+	const currentVersion = "2.5.65";
 	const [updateInfo, setUpdateInfo] = useState(() => {
 		if (typeof window === "undefined") return null;
 		const cacheKey = "dyrected_latest_release";
@@ -1264,7 +1271,7 @@ function getStatusLabel(doc) {
 }
 function Dashboard() {
 	const { client, components, user } = useDyrected();
-	const currentVersion = "2.5.63";
+	const currentVersion = "2.5.65";
 	const [latestVersion, setLatestVersion] = useState(() => {
 		if (typeof window === "undefined") return null;
 		return localStorage.getItem("dyrected_latest_release");
@@ -2238,9 +2245,8 @@ function usePreferences(key, defaultValue) {
 //#endregion
 //#region src/components/ui/data-table.tsx
 var EMPTY_VISIBILITY = {};
-function DataTable({ columns, data, searchKey, rowSelection: externalRowSelection, onRowSelectionChange, bulkActions, toolbarActions, persistenceKey, initialColumnVisibility, hideViewButton = false }) {
+function DataTable({ columns, data, searchPlaceholder, searchValue, onSearchChange, rowSelection: externalRowSelection, onRowSelectionChange, bulkActions, toolbarActions, persistenceKey, initialColumnVisibility, hideViewButton = false }) {
 	const [sorting, setSorting] = React$1.useState([]);
-	const [columnFilters, setColumnFilters] = React$1.useState([]);
 	const [columnVisibility, setColumnVisibility] = usePreferences(persistenceKey ? `visibility_${persistenceKey}` : "temp_visibility", initialColumnVisibility ?? EMPTY_VISIBILITY);
 	const [internalRowSelection, setInternalRowSelection] = React$1.useState({});
 	const rowSelection = externalRowSelection || internalRowSelection;
@@ -2249,15 +2255,12 @@ function DataTable({ columns, data, searchKey, rowSelection: externalRowSelectio
 		data,
 		columns,
 		onSortingChange: setSorting,
-		onColumnFiltersChange: setColumnFilters,
 		getCoreRowModel: getCoreRowModel(),
 		getSortedRowModel: getSortedRowModel(),
-		getFilteredRowModel: getFilteredRowModel(),
 		onColumnVisibilityChange: setColumnVisibility,
 		onRowSelectionChange: setRowSelection,
 		state: {
 			sorting,
-			columnFilters,
 			columnVisibility,
 			rowSelection
 		}
@@ -2289,15 +2292,12 @@ function DataTable({ columns, data, searchKey, rowSelection: externalRowSelectio
 						})
 					})] })]
 				}),
-				searchKey && (() => {
-					const col = table.getColumn(searchKey);
-					return /* @__PURE__ */ jsx(Input, {
-						placeholder: `Search by ${(col && typeof col.columnDef.header === "string" ? col.columnDef.header : searchKey).toLowerCase()}...`,
-						value: table.getColumn(searchKey)?.getFilterValue() ?? "",
-						onChange: (event) => table.getColumn(searchKey)?.setFilterValue(event.target.value),
-						className: "dy-order-2 dy-h-9 dy-w-full sm:dy-order-1 sm:dy-max-w-sm"
-					});
-				})(),
+				onSearchChange ? /* @__PURE__ */ jsx(Input, {
+					placeholder: searchPlaceholder || "Search...",
+					value: searchValue ?? "",
+					onChange: (event) => onSearchChange(event.target.value),
+					className: "dy-order-2 dy-h-9 dy-w-full sm:dy-order-1 sm:dy-max-w-sm"
+				}) : null,
 				bulkActions && table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsx("div", {
 					className: "dy-order-3 dy-flex dy-w-full dy-items-center dy-gap-2 dy-animate-in dy-slide-in-from-left-2 sm:dy-order-2 sm:dy-w-auto",
 					children: bulkActions(table.getFilteredSelectedRowModel().rows.map((r) => r.original.id))
@@ -3058,6 +3058,135 @@ function CsvImporter({ slug, schema, onClose }) {
 	});
 }
 //#endregion
+//#region src/lib/document-title.ts
+var FALLBACK_FIELD_NAMES = [
+	"title",
+	"name",
+	"label",
+	"heading",
+	"email",
+	"subject"
+];
+var MAX_TITLE_DEPTH = 8;
+function findField(collection, fieldName) {
+	if (!collection?.fields || !fieldName) return void 0;
+	return collection.fields.find((field) => field.name === fieldName);
+}
+function findNestedField(fields, fieldName) {
+	if (!fields || !fieldName) return void 0;
+	return fields.find((field) => field.name === fieldName);
+}
+function resolveCollectionTitleFieldName(collection) {
+	const configured = findField(collection, collection?.admin?.useAsTitle);
+	if (configured?.name) return configured.name;
+	for (const fieldName of FALLBACK_FIELD_NAMES) {
+		const field = findField(collection, fieldName);
+		if (field?.name) return field.name;
+	}
+	return collection?.fields?.find((field) => !!field.name && field.type !== "join" && field.type !== "row")?.name;
+}
+function getObjectFallbackTitle(value) {
+	for (const key of FALLBACK_FIELD_NAMES) {
+		const candidate = value[key];
+		if (typeof candidate === "string" && candidate.trim()) return candidate;
+	}
+	const idValue = value.id;
+	if (typeof idValue === "string" && idValue.trim()) return idValue;
+	if (typeof idValue === "number") return String(idValue);
+	return null;
+}
+function resolveStructuredTitleFieldName(field) {
+	if (!field?.fields?.length) return void 0;
+	const configured = findNestedField(field.fields, field.admin?.useAsTitle);
+	if (configured?.name) return configured.name;
+	for (const fieldName of FALLBACK_FIELD_NAMES) {
+		const candidate = findNestedField(field.fields, fieldName);
+		if (candidate?.name) return candidate.name;
+	}
+	return field.fields.find((childField) => !!childField.name && childField.type !== "join" && childField.type !== "row")?.name;
+}
+function summarizeTitles(values, limit = 3) {
+	const unique = values.filter(Boolean);
+	if (unique.length === 0) return null;
+	if (unique.length <= limit) return unique.join(", ");
+	return `${unique.slice(0, limit).join(", ")} +${unique.length - limit} more`;
+}
+function resolveRelationshipValueTitle(value, field, collections, depth) {
+	if (!field || field.type !== "relationship" || depth >= MAX_TITLE_DEPTH) return null;
+	const relatedCollection = collections?.find((collection) => collection.slug === field.relationTo || collection.slug === field.collection);
+	const relatedTitleFieldName = resolveCollectionTitleFieldName(relatedCollection);
+	const relatedTitleField = findField(relatedCollection, relatedTitleFieldName);
+	const resolveOne = (item) => {
+		if (item == null) return null;
+		if (typeof item === "string" || typeof item === "number") return String(item);
+		if (typeof item !== "object" || Array.isArray(item)) return null;
+		const record = item;
+		if (relatedTitleFieldName && relatedTitleField) {
+			const relatedValue = record[relatedTitleFieldName];
+			const resolved = resolveValueTitleInternal(relatedValue, relatedTitleField, collections, depth + 1);
+			if (resolved) return resolved;
+		}
+		return getObjectFallbackTitle(record);
+	};
+	if (Array.isArray(value)) return summarizeTitles(value.map((item) => resolveOne(item)).filter((item) => !!item));
+	return resolveOne(value);
+}
+function resolveStructuredObjectTitle(value, field, collections, depth) {
+	if (!field?.fields?.length || depth >= MAX_TITLE_DEPTH) return getObjectFallbackTitle(value);
+	const titleFieldName = resolveStructuredTitleFieldName(field);
+	const titleField = findNestedField(field.fields, titleFieldName);
+	if (titleFieldName && titleField) {
+		const resolved = resolveValueTitleInternal(value[titleFieldName], titleField, collections, depth + 1);
+		if (resolved) return resolved;
+	}
+	return getObjectFallbackTitle(value);
+}
+function resolveStructuredArrayTitle(value, field, collections, depth) {
+	if (depth >= MAX_TITLE_DEPTH) return null;
+	return summarizeTitles(value.map((item) => {
+		if (item == null) return null;
+		if (typeof item !== "object" || Array.isArray(item)) return resolveValueTitleInternal(item, void 0, collections, depth + 1);
+		return resolveStructuredObjectTitle(item, field, collections, depth + 1);
+	}).filter((item) => !!item));
+}
+function resolveValueTitle(value, field, collections) {
+	return resolveValueTitleInternal(value, field, collections, 0);
+}
+function resolveValueTitleInternal(value, field, collections, depth) {
+	if (value == null) return null;
+	if (field?.type === "relationship") {
+		const relationTitle = resolveRelationshipValueTitle(value, field, collections, depth);
+		if (relationTitle) return relationTitle;
+	}
+	if (field?.type === "array" && Array.isArray(value)) {
+		const arrayTitle = resolveStructuredArrayTitle(value, field, collections, depth);
+		if (arrayTitle) return arrayTitle;
+	}
+	if (field?.type === "object" && typeof value === "object" && !Array.isArray(value)) {
+		const objectTitle = resolveStructuredObjectTitle(value, field, collections, depth);
+		if (objectTitle) return objectTitle;
+	}
+	if (Array.isArray(value)) return summarizeTitles(value.map((item) => resolveValueTitleInternal(item, void 0, collections, depth + 1)).filter((item) => !!item));
+	if (typeof value === "string") return value;
+	if (typeof value === "number") return String(value);
+	if (typeof value === "boolean") return value ? "true" : "false";
+	if (typeof value === "object") return getObjectFallbackTitle(value);
+	return null;
+}
+function resolveDocumentTitle(args) {
+	const { entry, collection, collections } = args;
+	if (!entry) return "";
+	const titleFieldName = resolveCollectionTitleFieldName(collection);
+	const titleField = findField(collection, titleFieldName);
+	if (titleFieldName && titleField) {
+		const title = resolveValueTitle(entry[titleFieldName], titleField, collections);
+		if (title) return title;
+	}
+	const fallback = getObjectFallbackTitle(entry);
+	if (fallback) return fallback;
+	return String(entry.id ?? "");
+}
+//#endregion
 //#region src/lib/format.ts
 /** Normalize the shorthand string form into the object form. */
 function resolveNumberFormat(format) {
@@ -3409,6 +3538,23 @@ function RenderCell({ value, field, client, schemas }) {
 			children: formatDate(value, field.admin?.format, field.type)
 		})]
 	});
+	if (field.type === "icon") {
+		if (!isAdminIconName(value)) return /* @__PURE__ */ jsx("span", {
+			className: "dy-text-muted-foreground",
+			children: "-"
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className: "dy-inline-flex dy-items-center dy-gap-2 dy-text-foreground",
+			children: [/* @__PURE__ */ jsx(resolveAdminIcon(value, Calendar), {
+				className: "dy-h-4 dy-w-4 dy-shrink-0",
+				"aria-hidden": "true"
+			}), /* @__PURE__ */ jsx("span", {
+				className: "dy-text-sm dy-font-medium",
+				title: String(value),
+				children: String(value)
+			})]
+		});
+	}
 	const relationTo = field.relationTo || field.collection;
 	if (field.type === "image" || field.type === "relationship" && isUploadCollection(relationTo, schemas)) {
 		if (!value) return /* @__PURE__ */ jsx("span", {
@@ -3430,8 +3576,7 @@ function RenderCell({ value, field, client, schemas }) {
 		});
 	}
 	if (field.type === "relationship" && typeof value === "object") {
-		const relTo = field.relationTo || field.collection;
-		const displayValue = value[(schemas?.collections?.find((c) => c?.slug === relTo))?.admin?.useAsTitle || "title"] || value.name || value.id || "Unknown";
+		const displayValue = resolveValueTitle(value, field, schemas?.collections) || "Unknown";
 		return /* @__PURE__ */ jsx("div", {
 			className: "dy-flex dy-items-center dy-gap-2",
 			children: /* @__PURE__ */ jsx(Badge, {
@@ -3445,22 +3590,34 @@ function RenderCell({ value, field, client, schemas }) {
 		className: "dy-text-[11px] dy-text-muted-foreground dy-font-mono dy-bg-muted/30 dy-px-1.5 dy-py-0.5 dy-rounded",
 		children: formatJson(value, field.admin?.format)
 	});
-	if (Array.isArray(value)) return /* @__PURE__ */ jsxs("div", {
-		className: "dy-flex dy-flex-wrap dy-gap-1",
-		children: [value.slice(0, 2).map((item, i) => /* @__PURE__ */ jsx(Badge, {
-			variant: "outline",
-			className: "dy-text-[10px] dy-px-1.5 dy-h-5",
-			children: typeof item === "object" ? item.title || item.name || item.id : String(item)
-		}, i)), value.length > 2 && /* @__PURE__ */ jsxs("span", {
-			className: "dy-text-[10px] dy-text-muted-foreground",
-			children: [
-				"+",
-				value.length - 2,
-				" more"
-			]
-		})]
-	});
+	if (Array.isArray(value)) {
+		const structuredTitle = resolveValueTitle(value, field, schemas?.collections);
+		if (structuredTitle) return /* @__PURE__ */ jsx("span", {
+			className: "dy-text-[11px] dy-text-muted-foreground dy-font-medium dy-leading-tight",
+			children: structuredTitle
+		});
+		return /* @__PURE__ */ jsxs("div", {
+			className: "dy-flex dy-flex-wrap dy-gap-1",
+			children: [value.slice(0, 2).map((item, i) => /* @__PURE__ */ jsx(Badge, {
+				variant: "outline",
+				className: "dy-text-[10px] dy-px-1.5 dy-h-5",
+				children: typeof item === "object" ? item.title || item.name || item.id : String(item)
+			}, i)), value.length > 2 && /* @__PURE__ */ jsxs("span", {
+				className: "dy-text-[10px] dy-text-muted-foreground",
+				children: [
+					"+",
+					value.length - 2,
+					" more"
+				]
+			})]
+		});
+	}
 	if (typeof value === "object" && !Array.isArray(value)) {
+		const structuredTitle = resolveValueTitle(value, field, schemas?.collections);
+		if (structuredTitle) return /* @__PURE__ */ jsx("span", {
+			className: "dy-text-[11px] dy-text-muted-foreground dy-font-medium dy-leading-tight",
+			children: structuredTitle
+		});
 		const entries = Object.entries(value).filter(([, v]) => typeof v !== "object" && v !== null && v !== void 0).slice(0, 3);
 		if (entries.length > 0) return /* @__PURE__ */ jsxs("span", {
 			className: "dy-text-[11px] dy-text-muted-foreground dy-font-medium dy-leading-tight",
@@ -6389,6 +6546,16 @@ function JoinField({ schema, control }) {
 		name: schema.name
 	})?.docs;
 	const getLabel = (item) => item[displayField] || item.name || item.slug || item.id;
+	const showCreateButton = schema.admin?.showCreateButton !== false;
+	const showViewButton = schema.admin?.showViewButton !== false;
+	const handleCreateNew = () => {
+		const params = new URLSearchParams({ [onField]: docId });
+		navigate(`/collections/${targetCollection}/new?${params.toString()}`);
+	};
+	const handleViewAll = () => {
+		const params = new URLSearchParams({ where: JSON.stringify({ [onField]: { equals: docId } }) });
+		navigate(`/collections/${targetCollection}?${params.toString()}`);
+	};
 	if (!docId) return /* @__PURE__ */ jsxs("p", {
 		className: "dy-text-xs dy-text-muted-foreground/60 dy-italic dy-py-2",
 		children: [
@@ -6423,17 +6590,27 @@ function JoinField({ schema, control }) {
 					" found."
 				]
 			})
-		}), /* @__PURE__ */ jsxs(Button, {
-			type: "button",
-			variant: "outline",
-			size: "sm",
-			className: "dy-h-8 dy-text-[11px] dy-font-bold dy-rounded-lg dy-border-primary/20 hover:dy-bg-primary/5 hover:dy-text-primary dy-transition-all dy-shadow-sm",
-			onClick: () => navigate(`/collections/${targetCollection}/new?${onField}=${docId}`),
-			children: [
-				/* @__PURE__ */ jsx(Plus, { className: "dy-w-3 dy-h-3 dy-mr-1.5" }),
-				"Create new ",
-				targetSchema?.labels?.singular || targetCollection
-			]
+		}), (showCreateButton || showViewButton) && /* @__PURE__ */ jsxs("div", {
+			className: cn("dy-flex dy-items-center dy-gap-3", showCreateButton && showViewButton ? "dy-justify-between" : showCreateButton ? "dy-justify-end" : "dy-justify-start"),
+			children: [showViewButton && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				className: "dy-h-8 dy-text-[11px] dy-font-semibold dy-rounded-lg dy-text-muted-foreground hover:dy-text-foreground hover:dy-bg-muted/60 dy-transition-all",
+				onClick: handleViewAll,
+				children: [/* @__PURE__ */ jsx(ExternalLink, { className: "dy-w-3 dy-h-3 dy-mr-1.5" }), "View all"]
+			}), showCreateButton && /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				className: "dy-h-8 dy-text-[11px] dy-font-bold dy-rounded-lg dy-border-primary/20 hover:dy-bg-primary/5 hover:dy-text-primary dy-transition-all dy-shadow-sm",
+				onClick: handleCreateNew,
+				children: [
+					/* @__PURE__ */ jsx(Plus, { className: "dy-w-3 dy-h-3 dy-mr-1.5" }),
+					"Create new ",
+					targetSchema?.labels?.singular || targetCollection
+				]
+			})]
 		})]
 	});
 }
@@ -9798,6 +9975,7 @@ function FormEngineInner({ collection, fields, defaultValues = {}, onSubmit, onC
 	});
 	const topFields = visibleFields.filter((f) => !f.admin?.tab);
 	const tabbedFields = visibleFields.filter((f) => !!f.admin?.tab);
+	const showPasswordSection = hasPassword && passwordChangeMode !== null;
 	let fieldsContent;
 	const renderFieldColumn = (field) => /* @__PURE__ */ jsx("div", {
 		className: "dy-min-w-0 dy-px-3 dy-w-full sm:dy-w-[var(--field-w)]",
@@ -9810,10 +9988,73 @@ function FormEngineInner({ collection, fields, defaultValues = {}, onSubmit, onC
 			documentId
 		})
 	}, field.name);
+	const renderChangePasswordSection = () => /* @__PURE__ */ jsxs("div", {
+		className: "dy-rounded-lg dy-border dy-border-border dy-p-5 dy-space-y-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "dy-flex dy-items-center dy-gap-2 dy-text-sm dy-font-semibold dy-text-muted-foreground dy-uppercase dy-tracking-wide",
+				children: [/* @__PURE__ */ jsx(Lock, { className: "dy-h-4 dy-w-4" }), "Change Password"]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "dy-text-xs dy-text-muted-foreground",
+				children: passwordChangeMode === "admin" ? "As an admin, you can reset this user's password without their current password." : "Leave these fields blank to keep the current password unchanged."
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "dy-grid dy-gap-4",
+				children: [
+					passwordChangeMode === "self" && /* @__PURE__ */ jsx(FormField, {
+						control: form.control,
+						name: "oldPassword",
+						render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+							/* @__PURE__ */ jsx(FormLabel, { children: "Current Password" }),
+							/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+								type: "password",
+								placeholder: "Enter current password",
+								autoComplete: "current-password",
+								...field,
+								value: field.value ?? ""
+							}) }),
+							/* @__PURE__ */ jsx(FormMessage, {})
+						] })
+					}),
+					/* @__PURE__ */ jsx(FormField, {
+						control: form.control,
+						name: "newPassword",
+						render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+							/* @__PURE__ */ jsx(FormLabel, { children: "New Password" }),
+							/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+								type: "password",
+								placeholder: "Min. 8 characters",
+								autoComplete: "new-password",
+								...field,
+								value: field.value ?? ""
+							}) }),
+							/* @__PURE__ */ jsx(FormMessage, {})
+						] })
+					}),
+					/* @__PURE__ */ jsx(FormField, {
+						control: form.control,
+						name: "confirmPassword",
+						render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+							/* @__PURE__ */ jsx(FormLabel, { children: "Confirm New Password" }),
+							/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
+								type: "password",
+								placeholder: "Repeat new password",
+								autoComplete: "new-password",
+								...field,
+								value: field.value ?? ""
+							}) }),
+							/* @__PURE__ */ jsx(FormMessage, {})
+						] })
+					})
+				]
+			})
+		]
+	});
 	const tabOrder = [];
 	const tabGroups = /* @__PURE__ */ new Map();
 	const defaultTab = defaultTabLabel || collection.charAt(0).toUpperCase() + collection.slice(1);
-	if (tabbedFields.length > 0 && topFields.length > 0) {
+	if (tabbedFields.length > 0 && (topFields.length > 0 || showPasswordSection)) {
 		tabGroups.set(defaultTab, [...topFields]);
 		tabOrder.push(defaultTab);
 	}
@@ -9881,12 +10122,15 @@ function FormEngineInner({ collection, fields, defaultValues = {}, onSubmit, onC
 							}, tab);
 						})
 					})
-				}), tabOrder.map((tab) => /* @__PURE__ */ jsx(TabsContent, {
+				}), tabOrder.map((tab) => /* @__PURE__ */ jsxs(TabsContent, {
 					value: tab,
-					children: /* @__PURE__ */ jsx("div", {
+					children: [/* @__PURE__ */ jsx("div", {
 						className: "dy--mx-3 dy-flex dy-flex-wrap dy-gap-y-6 dy-pt-2",
 						children: tabGroups.get(tab).map(renderFieldColumn)
-					})
+					}), tab === defaultTab && showPasswordSection && /* @__PURE__ */ jsx("div", {
+						className: "dy-pt-6",
+						children: renderChangePasswordSection()
+					})]
 				}, tab))]
 			})
 		});
@@ -9956,69 +10200,7 @@ function FormEngineInner({ collection, fields, defaultValues = {}, onSubmit, onC
 					})]
 				}),
 				fieldsContent,
-				hasPassword && passwordChangeMode !== null && /* @__PURE__ */ jsxs("div", {
-					className: "dy-rounded-lg dy-border dy-border-border dy-p-5 dy-space-y-4",
-					children: [
-						/* @__PURE__ */ jsxs("div", {
-							className: "dy-flex dy-items-center dy-gap-2 dy-text-sm dy-font-semibold dy-text-muted-foreground dy-uppercase dy-tracking-wide",
-							children: [/* @__PURE__ */ jsx(Lock, { className: "dy-h-4 dy-w-4" }), "Change Password"]
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "dy-text-xs dy-text-muted-foreground",
-							children: passwordChangeMode === "admin" ? "As an admin, you can reset this user's password without their current password." : "Leave these fields blank to keep the current password unchanged."
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "dy-grid dy-gap-4",
-							children: [
-								passwordChangeMode === "self" && /* @__PURE__ */ jsx(FormField, {
-									control: form.control,
-									name: "oldPassword",
-									render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-										/* @__PURE__ */ jsx(FormLabel, { children: "Current Password" }),
-										/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
-											type: "password",
-											placeholder: "Enter current password",
-											autoComplete: "current-password",
-											...field,
-											value: field.value ?? ""
-										}) }),
-										/* @__PURE__ */ jsx(FormMessage, {})
-									] })
-								}),
-								/* @__PURE__ */ jsx(FormField, {
-									control: form.control,
-									name: "newPassword",
-									render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-										/* @__PURE__ */ jsx(FormLabel, { children: "New Password" }),
-										/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
-											type: "password",
-											placeholder: "Min. 8 characters",
-											autoComplete: "new-password",
-											...field,
-											value: field.value ?? ""
-										}) }),
-										/* @__PURE__ */ jsx(FormMessage, {})
-									] })
-								}),
-								/* @__PURE__ */ jsx(FormField, {
-									control: form.control,
-									name: "confirmPassword",
-									render: ({ field }) => /* @__PURE__ */ jsxs(FormItem, { children: [
-										/* @__PURE__ */ jsx(FormLabel, { children: "Confirm New Password" }),
-										/* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, {
-											type: "password",
-											placeholder: "Repeat new password",
-											autoComplete: "new-password",
-											...field,
-											value: field.value ?? ""
-										}) }),
-										/* @__PURE__ */ jsx(FormMessage, {})
-									] })
-								})
-							]
-						})
-					]
-				}),
+				showPasswordSection && tabbedFields.length === 0 && renderChangePasswordSection(),
 				!hideSubmit && /* @__PURE__ */ jsx("div", {
 					className: "dy-flex dy-justify-end dy-gap-4",
 					children: !readOnly && /* @__PURE__ */ jsx(Button, {
@@ -10962,6 +11144,8 @@ function CollectionListPage({ slug }) {
 	const [isImportOpen, setIsImportOpen] = React$1.useState(false);
 	const [searchParams, setSearchParams] = useSearchParams();
 	const whereParam = searchParams.get("where");
+	const searchParam = searchParams.get("search") || "";
+	const debouncedSearch = useDebouncedValue(searchParam.trim(), 250);
 	const rules = React$1.useMemo(() => {
 		if (!whereParam) return [];
 		try {
@@ -11134,7 +11318,8 @@ function CollectionListPage({ slug }) {
 			"collection",
 			slug,
 			page,
-			whereParam
+			whereParam,
+			debouncedSearch
 		],
 		queryFn: () => {
 			const queryParams = {
@@ -11145,6 +11330,7 @@ function CollectionListPage({ slug }) {
 			if (whereParam) try {
 				queryParams.where = JSON.parse(whereParam);
 			} catch {}
+			if (debouncedSearch) queryParams.search = debouncedSearch;
 			return client.collection(slug).find(queryParams).exec();
 		},
 		enabled: !!client
@@ -11639,7 +11825,7 @@ function CollectionListPage({ slug }) {
 			}),
 			/* @__PURE__ */ jsx(PageHeader, {
 				title: schema.labels?.plural || schema.slug,
-				description: `Manage your ${schema.labels?.plural || schema.slug} entries and update content.`,
+				description: schema.admin?.description || `Manage your ${schema.labels?.plural || schema.slug} entries and update content.`,
 				icon: resolveAdminIcon(schema.admin?.icon, schema.auth ? Users : Database),
 				children: /* @__PURE__ */ jsxs("div", {
 					className: "dy-flex dy-items-center dy-gap-2 dy-w-full sm:dy-w-auto",
@@ -11821,7 +12007,16 @@ function CollectionListPage({ slug }) {
 					}) : /* @__PURE__ */ jsx(DataTable, {
 						columns,
 						data: response?.docs || [],
-						searchKey: schema.admin?.useAsTitle || schema.fields.find((f) => !f.admin?.hidden)?.name || "id",
+						searchPlaceholder: `Search ${schema.labels?.plural || schema.slug}...`,
+						searchValue: searchParam,
+						onSearchChange: (value) => {
+							setSearchParams((prev) => {
+								if (value.trim()) prev.set("search", value);
+								else prev.delete("search");
+								return prev;
+							}, { replace: true });
+							setPage(1);
+						},
 						onRowSelectionChange: setRowSelection,
 						rowSelection,
 						hideViewButton: true,
@@ -12590,20 +12785,6 @@ function PreviewPaneWithNav({ previewUrl, data, mode, collectionSlug, documentId
 		onFieldFocus: handleFieldFocus
 	});
 }
-function getEntryTitle(entry, schema) {
-	if (!entry) return "";
-	const titleField = schema?.admin?.useAsTitle || "title";
-	if (entry[titleField]) return String(entry[titleField]);
-	for (const f of [
-		"title",
-		"name",
-		"label",
-		"heading",
-		"email",
-		"subject"
-	]) if (entry[f]) return String(entry[f]);
-	return String(entry.id);
-}
 function EditEntryPage() {
 	const { slug, id } = useParams();
 	const [searchParams] = useSearchParams();
@@ -12756,12 +12937,10 @@ function EditEntryPage() {
 			slug,
 			debouncedSearchQuery
 		],
-		queryFn: async () => {
-			const displayField = schema?.admin?.useAsTitle || "title";
-			let qb = client.collection(slug).find({ limit: 50 });
-			if (debouncedSearchQuery) qb = qb.where({ [displayField]: { like: `%${debouncedSearchQuery}%` } });
-			return qb.exec();
-		},
+		queryFn: () => client.collection(slug).find({
+			limit: 50,
+			search: debouncedSearchQuery || void 0
+		}).exec(),
 		enabled: !!client && !!slug && isEdit && switcherOpen
 	});
 	const syncPreviewData = useState(() => (next) => {
@@ -12928,7 +13107,11 @@ function EditEntryPage() {
 								className: "dy-flex dy-items-center dy-gap-1 dy-text-base dy-font-serif dy-font-bold dy-tracking-tight dy-text-foreground hover:dy-bg-muted/80 dy-px-2 dy-py-1 dy-rounded-lg dy-transition-all dy-outline-none dy-min-w-0",
 								children: [/* @__PURE__ */ jsx("span", {
 									className: "dy-truncate dy-max-w-[150px] sm:dy-max-w-none dy-inline-block",
-									children: isEdit && entry ? getEntryTitle(entry, schema) : "..."
+									children: isEdit && entry ? resolveDocumentTitle({
+										entry,
+										collection: schema,
+										collections: schemas?.collections
+									}) : "..."
 								}), /* @__PURE__ */ jsx(ChevronDown, { className: "dy-h-4 dy-w-4 dy-text-muted-foreground/80 dy-shrink-0" })]
 							}), /* @__PURE__ */ jsx(PopoverContent, {
 								align: "start",
@@ -12952,7 +13135,11 @@ function EditEntryPage() {
 										className: "dy-cursor-pointer dy-py-2 dy-px-3 dy-rounded-lg",
 										children: /* @__PURE__ */ jsx("span", {
 											className: "dy-text-sm dy-text-foreground",
-											children: getEntryTitle(sibling, schema)
+											children: resolveDocumentTitle({
+												entry: sibling,
+												collection: schema,
+												collections: schemas?.collections
+											})
 										})
 									}, sibling.id)) }) })]
 								})
@@ -14809,7 +14996,7 @@ function SetupPromptUI({ config }) {
 		setCopied(true);
 		window.setTimeout(() => setCopied(false), 1800);
 	}
-	const currentVersion = "2.5.63";
+	const currentVersion = "2.5.65";
 	const [latestVersion, setLatestVersion] = useState(() => {
 		if (typeof window === "undefined") return null;
 		return localStorage.getItem("dyrected_latest_release");

package/dist/lib/document-title.d.ts

@@ -0,0 +1,16 @@
+import { Field } from '@dyrected/core';
+type SchemaCollection = {
+    slug: string;
+    admin?: {
+        useAsTitle?: string;
+    };
+    fields?: Field[];
+};
+export declare function resolveCollectionTitleFieldName(collection: SchemaCollection | undefined): string | undefined;
+export declare function resolveValueTitle(value: unknown, field: Field | undefined, collections?: SchemaCollection[]): string | null;
+export declare function resolveDocumentTitle(args: {
+    entry: Record<string, unknown> | null | undefined;
+    collection: SchemaCollection | undefined;
+    collections?: SchemaCollection[];
+}): string;
+export {};

package/dist/lib/document-title.test.d.ts

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

package/package.json

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