@dyrected/admin 2.5.61 → 2.5.63

package/dist/admin.css

@@ -221,8 +221,8 @@
     --destructive: 0 72% 58%;
     --destructive-foreground: 0 0% 100%;
 
-    --border: 256 20% 21%;
-    --input: 256 20% 21%;
+    --border: 256 18% 28%;
+    --input: 256 18% 28%;
     --ring: 259 100% 70% / 0.34;
 
     --sidebar-background: 240 10% 4%;
@@ -2771,6 +2771,11 @@
     border-color: rgb(16 185 129 / 0.2);
 }
 
+.dy-border-green-200{
+    --tw-border-opacity: 1;
+    border-color: rgb(187 247 208 / var(--tw-border-opacity, 1));
+}
+
 .dy-border-input{
     border-color: hsl(var(--input));
 }
@@ -3024,11 +3029,6 @@
     background-color: hsl(var(--destructive) / 0.9);
 }
 
-.dy-bg-emerald-100{
-    --tw-bg-opacity: 1;
-    background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1));
-}
-
 .dy-bg-emerald-50{
     --tw-bg-opacity: 1;
     background-color: rgb(236 253 245 / var(--tw-bg-opacity, 1));
@@ -3043,6 +3043,11 @@
     background-color: rgb(16 185 129 / 0.1);
 }
 
+.dy-bg-green-100{
+    --tw-bg-opacity: 1;
+    background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
+}
+
 .dy-bg-green-500\/10{
     background-color: rgb(34 197 94 / 0.1);
 }
@@ -3770,6 +3775,11 @@
     color: rgb(22 163 74 / var(--tw-text-opacity, 1));
 }
 
+.dy-text-green-700{
+    --tw-text-opacity: 1;
+    color: rgb(21 128 61 / var(--tw-text-opacity, 1));
+}
+
 .dy-text-muted-foreground{
     color: hsl(var(--muted-foreground));
 }
@@ -5566,25 +5576,121 @@
     padding: 0px !important;
 }
 
+.dark\:dy-border-amber-500\/30:is(.dy-dark *){
+    border-color: rgb(245 158 11 / 0.3);
+}
+
+.dark\:dy-border-blue-500\/30:is(.dy-dark *){
+    border-color: rgb(59 130 246 / 0.3);
+}
+
+.dark\:dy-border-border\/80:is(.dy-dark *){
+    border-color: hsl(var(--border) / 0.8);
+}
+
+.dark\:dy-border-emerald-500\/30:is(.dy-dark *){
+    border-color: rgb(16 185 129 / 0.3);
+}
+
+.dark\:dy-border-green-500\/30:is(.dy-dark *){
+    border-color: rgb(34 197 94 / 0.3);
+}
+
+.dark\:dy-border-red-500\/30:is(.dy-dark *){
+    border-color: rgb(239 68 68 / 0.3);
+}
+
+.dark\:dy-bg-amber-400:is(.dy-dark *){
+    --tw-bg-opacity: 1;
+    background-color: rgb(251 191 36 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:dy-bg-amber-600:is(.dy-dark *){
+    --tw-bg-opacity: 1;
+    background-color: rgb(217 119 6 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:dy-bg-blue-400:is(.dy-dark *){
+    --tw-bg-opacity: 1;
+    background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:dy-bg-blue-600:is(.dy-dark *){
+    --tw-bg-opacity: 1;
+    background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:dy-bg-emerald-400:is(.dy-dark *){
+    --tw-bg-opacity: 1;
+    background-color: rgb(52 211 153 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:dy-bg-foreground\/60:is(.dy-dark *){
+    background-color: hsl(var(--foreground) / 0.6);
+}
+
+.dark\:dy-bg-green-600:is(.dy-dark *){
+    --tw-bg-opacity: 1;
+    background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:dy-bg-muted\/60:is(.dy-dark *){
+    background-color: hsl(var(--muted) / 0.6);
+}
+
+.dark\:dy-bg-red-400:is(.dy-dark *){
+    --tw-bg-opacity: 1;
+    background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
+}
+
+.dark\:dy-bg-red-600:is(.dy-dark *){
+    --tw-bg-opacity: 1;
+    background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
+}
+
 .dark\:dy-bg-white\/5:is(.dy-dark *){
     background-color: rgb(255 255 255 / 0.05);
 }
 
+.dark\:dy-text-amber-300:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(252 211 77 / var(--tw-text-opacity, 1));
+}
+
 .dark\:dy-text-amber-400:is(.dy-dark *){
     --tw-text-opacity: 1;
     color: rgb(251 191 36 / var(--tw-text-opacity, 1));
 }
 
+.dark\:dy-text-blue-300:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(147 197 253 / var(--tw-text-opacity, 1));
+}
+
 .dark\:dy-text-blue-400:is(.dy-dark *){
     --tw-text-opacity: 1;
     color: rgb(96 165 250 / var(--tw-text-opacity, 1));
 }
 
+.dark\:dy-text-emerald-300:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(110 231 183 / var(--tw-text-opacity, 1));
+}
+
 .dark\:dy-text-emerald-400:is(.dy-dark *){
     --tw-text-opacity: 1;
     color: rgb(52 211 153 / var(--tw-text-opacity, 1));
 }
 
+.dark\:dy-text-foreground\/80:is(.dy-dark *){
+    color: hsl(var(--foreground) / 0.8);
+}
+
+.dark\:dy-text-green-300:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(134 239 172 / var(--tw-text-opacity, 1));
+}
+
 .dark\:dy-text-green-400:is(.dy-dark *){
     --tw-text-opacity: 1;
     color: rgb(74 222 128 / var(--tw-text-opacity, 1));
@@ -5595,6 +5701,15 @@
     color: rgb(192 132 252 / var(--tw-text-opacity, 1));
 }
 
+.dark\:dy-text-red-300:is(.dy-dark *){
+    --tw-text-opacity: 1;
+    color: rgb(252 165 165 / var(--tw-text-opacity, 1));
+}
+
+.dark\:focus-visible\:dy-border-primary\/45:focus-visible:is(.dy-dark *){
+    border-color: hsl(var(--primary) / 0.45);
+}
+
 @media (min-width: 640px){
 
     .sm\:dy-order-1{

package/dist/components/ui/button.d.ts

@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: {
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
-    size?: "default" | "sm" | "lg" | "icon";
+    size?: "icon" | "default" | "sm" | "lg";
 } & import('class-variance-authority/types').ClassProp) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/ui/command.d.ts

@@ -48,7 +48,7 @@ declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "value" | "heading"> & {
+}, "key" | keyof React.HTMLAttributes<HTMLDivElement> | "asChild">, "heading" | "value"> & {
     heading?: React.ReactNode;
     value?: string;
     forceMount?: boolean;

package/dist/index.mjs

@@ -3,7 +3,7 @@ import React, { Component, StrictMode, createContext, createElement, useCallback
 import { createRoot } from "react-dom/client";
 import { HashRouter, Link, MemoryRouter, Route, Routes, useLocation, useNavigate, useParams, useSearchParams } from "react-router-dom";
 import { QueryClient, QueryClientProvider, keepPreviousData, useInfiniteQuery, useMutation, useQueries, useQuery, useQueryClient } from "@tanstack/react-query";
-import { PREVIEW_TOKEN_PARAM, createClient } from "@dyrected/sdk";
+import { DyrectedError, PREVIEW_TOKEN_PARAM, createClient } from "@dyrected/sdk";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, Archive, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, ArrowUpDown, ArrowUpRight, Bold, Braces, Calendar, Check, CheckCircle, CheckCircle2, ChevronDown, 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, Heading3, Heading4, Heading5, Heading6, History, Home, Image as Image$1, Info, Italic, KeyRound, Layers, LayoutDashboard, LayoutGrid, Library, Link as Link$1, List, ListOrdered, Loader2, Lock, LogOut, Mail, Menu, Monitor, Moon, MoreHorizontal, MousePointer2, PanelLeftClose, PanelLeftOpen, Pencil, Play, Plus, Quote, RotateCcw, Save, Scissors, Search, Settings, Settings2, Share2, Shield, Smartphone, Sparkles, Star, Strikethrough, Sun, Table, Trash2, Underline, Undo2, Upload, UploadCloud, Users, Video, Volume2, Workflow, X, XCircle, icons } from "lucide-react";
 import { clsx } from "clsx";
@@ -67,6 +67,35 @@ function useDyrected() {
 }
 //#endregion
 //#region src/providers/dyrected-provider.tsx
+function resolveBlock(block, registry) {
+	return {
+		...block,
+		fields: block.fields.map((field) => resolveFieldBlocks(field, registry))
+	};
+}
+function resolveFieldBlocks(field, registry) {
+	const next = { ...field };
+	if (next.fields) next.fields = next.fields.map((child) => resolveFieldBlocks(child, registry));
+	if (next.type === "blocks" && next.blockReferences?.length) {
+		next.blocks = next.blockReferences.map((slug) => registry.get(slug)).filter((block) => !!block);
+		next.blocks = next.blocks.map((block) => resolveBlock(block, registry));
+	} else if (next.blocks) next.blocks = next.blocks.map((block) => resolveBlock(block, registry));
+	return next;
+}
+function resolveSchemas(schema) {
+	const registry = new Map((schema.blocks ?? []).map((block) => [block.slug, block]));
+	return {
+		...schema,
+		collections: schema.collections.map((collection) => ({
+			...collection,
+			fields: collection.fields.map((field) => resolveFieldBlocks(field, registry))
+		})),
+		globals: schema.globals.map((global) => ({
+			...global,
+			fields: global.fields.map((field) => resolveFieldBlocks(field, registry))
+		}))
+	};
+}
 function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBaseUrl, siteId: initialSiteId, initialToken, defaultTechStack, components }) {
 	const [baseUrl, setBaseUrl] = useState(() => initialBaseUrl || (typeof window !== "undefined" ? localStorage.getItem("dyrected_url") : null) || "");
 	const [apiKey, setApiKey] = useState(() => initialApiKey || (typeof window !== "undefined" ? localStorage.getItem("dyrected_key") : null) || void 0);
@@ -94,7 +123,8 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 		};
 		client.getSchemas().then((nextSchemas) => {
 			if (cancelled) return;
-			setSchemas((prev) => prev === nextSchemas ? prev : nextSchemas);
+			const resolved = resolveSchemas(nextSchemas);
+			setSchemas((prev) => prev === resolved ? prev : resolved);
 		}, (err) => {
 			if (cancelled) return;
 			console.error("Failed to fetch schemas:", err);
@@ -108,6 +138,16 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 	useEffect(() => {
 		if (initialToken && client) client.setToken(initialToken);
 	}, [initialToken, client]);
+	const clearPersistedAuthState = useCallback((nextClient) => {
+		localStorage.removeItem("dyrected_token");
+		localStorage.removeItem("dyrected_admin_auth_collection");
+		(nextClient ?? client)?.clearToken();
+		setAuthCollectionSlug(null);
+		setUser(null);
+	}, [client]);
+	const shouldClearStoredAuth = useCallback((error) => {
+		return error instanceof DyrectedError && (error.statusCode === 401 || error.statusCode === 404);
+	}, []);
 	const setAuth = useCallback((newUrl, newKey, newSiteId) => {
 		localStorage.setItem("dyrected_url", newUrl);
 		localStorage.setItem("dyrected_key", newKey);
@@ -119,11 +159,7 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 	}, []);
 	const setToken = useCallback((token, collectionSlug) => {
 		if (!token) {
-			localStorage.removeItem("dyrected_token");
-			localStorage.removeItem("dyrected_admin_auth_collection");
-			if (client) client.clearToken();
-			setAuthCollectionSlug(null);
-			setUser(null);
+			clearPersistedAuthState(client);
 			return;
 		}
 		const resolvedCollectionSlug = collectionSlug || authCollectionSlug || getAdminCollectionSlug(schemas);
@@ -134,12 +170,20 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 		}
 		if (client) {
 			client.setToken(token);
-			if (resolvedCollectionSlug) client.collection(resolvedCollectionSlug).me().then((nextUser) => setUser(nextUser), () => setUser(null));
+			if (resolvedCollectionSlug) client.collection(resolvedCollectionSlug).me().then((nextUser) => setUser(nextUser), (error) => {
+				if (shouldClearStoredAuth(error)) {
+					clearPersistedAuthState(client);
+					return;
+				}
+				setUser(null);
+			});
 		}
 	}, [
 		authCollectionSlug,
+		clearPersistedAuthState,
 		client,
-		schemas
+		schemas,
+		shouldClearStoredAuth
 	]);
 	useEffect(() => {
 		if (initialToken || !client || !schemas || activeUser) return;
@@ -147,21 +191,39 @@ function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBas
 		const resolvedCollectionSlug = authCollectionSlug || getAdminCollectionSlug(schemas);
 		if (!token || !resolvedCollectionSlug) return;
 		client.setToken(token);
-		client.collection(resolvedCollectionSlug).me().then((nextUser) => setUser(nextUser), () => setUser(null));
+		client.collection(resolvedCollectionSlug).me().then((nextUser) => setUser(nextUser), (error) => {
+			if (shouldClearStoredAuth(error)) {
+				clearPersistedAuthState(client);
+				return;
+			}
+			setUser(null);
+		});
 	}, [
 		activeUser,
 		authCollectionSlug,
+		clearPersistedAuthState,
 		client,
 		initialToken,
-		schemas
+		schemas,
+		shouldClearStoredAuth
 	]);
 	const logout = useCallback(() => {
-		localStorage.removeItem("dyrected_token");
-		localStorage.removeItem("dyrected_admin_auth_collection");
-		if (client) client.clearToken();
-		setAuthCollectionSlug(null);
-		setUser(null);
-	}, [client]);
+		(async () => {
+			const resolvedCollectionSlug = authCollectionSlug || getAdminCollectionSlug(schemas);
+			try {
+				if (client && resolvedCollectionSlug) await client.collection(resolvedCollectionSlug).logout();
+			} catch (error) {
+				console.warn("Failed to revoke admin session during logout:", error);
+			} finally {
+				clearPersistedAuthState(client);
+			}
+		})();
+	}, [
+		authCollectionSlug,
+		clearPersistedAuthState,
+		client,
+		schemas
+	]);
 	return /* @__PURE__ */ jsx(DyrectedContext.Provider, {
 		value: {
 			client,
@@ -976,7 +1038,7 @@ function isNewerVersion(latest, current) {
 	return false;
 }
 function useUpdateCheck() {
-	const currentVersion = "2.5.60";
+	const currentVersion = "2.5.63";
 	const [updateInfo, setUpdateInfo] = useState(() => {
 		if (typeof window === "undefined") return null;
 		const cacheKey = "dyrected_latest_release";
@@ -1202,7 +1264,7 @@ function getStatusLabel(doc) {
 }
 function Dashboard() {
 	const { client, components, user } = useDyrected();
-	const currentVersion = "2.5.60";
+	const currentVersion = "2.5.63";
 	const [latestVersion, setLatestVersion] = useState(() => {
 		if (typeof window === "undefined") return null;
 		return localStorage.getItem("dyrected_latest_release");
@@ -1537,7 +1599,7 @@ function Dashboard() {
 var Input = React$1.forwardRef(({ className, type, ...props }, ref) => {
 	return /* @__PURE__ */ jsx("input", {
 		type,
-		className: cn("dy-flex dy-h-12 dy-w-full dy-rounded-xl dy-border dy-border-border/40 dy-bg-background dy-px-4 dy-py-2 dy-text-base dy-transition-all", "placeholder:dy-text-muted-foreground/60 focus-visible:dy-outline-none focus-visible:dy-border-primary/30 focus-visible:dy-bg-background focus-visible:dy-shadow-md", "disabled:dy-cursor-not-allowed disabled:dy-opacity-50 md:dy-text-sm dy-shadow-sm", className),
+		className: cn("dy-flex dy-h-12 dy-w-full dy-rounded-xl dy-border dy-border-border/50 dark:dy-border-border/80 dy-bg-background dy-px-4 dy-py-2 dy-text-base dy-transition-all", "placeholder:dy-text-muted-foreground/60 focus-visible:dy-outline-none focus-visible:dy-border-primary/30 dark:focus-visible:dy-border-primary/45 focus-visible:dy-bg-background focus-visible:dy-shadow-md", "disabled:dy-cursor-not-allowed disabled:dy-opacity-50 md:dy-text-sm dy-shadow-sm", className),
 		ref,
 		...props
 	});
@@ -2282,6 +2344,34 @@ var Checkbox = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 }));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 //#endregion
+//#region src/lib/workflow-badge.ts
+var WORKFLOW_BADGE_COLORS = {
+	success: "dy-bg-green-100 dy-text-green-700 dy-border-green-200 dark:dy-bg-green-600 dark:dy-text-green-300 dark:dy-border-green-500/30",
+	warning: "dy-bg-amber-100 dy-text-amber-700 dy-border-amber-200 dark:dy-bg-amber-600 dark:dy-text-amber-300 dark:dy-border-amber-500/30",
+	danger: "dy-bg-red-100 dy-text-red-700 dy-border-red-200 dark:dy-bg-red-600 dark:dy-text-red-300 dark:dy-border-red-500/30",
+	info: "dy-bg-blue-100 dy-text-blue-700 dy-border-blue-200 dark:dy-bg-blue-600 dark:dy-text-blue-300 dark:dy-border-blue-500/30",
+	neutral: "dy-bg-muted dy-text-muted-foreground dy-border-border dark:dy-bg-muted/60 dark:dy-text-foreground/80 dark:dy-border-border/80"
+};
+function getWorkflowBadgePresentation(color) {
+	if (!color) return {
+		className: WORKFLOW_BADGE_COLORS.neutral,
+		style: void 0
+	};
+	const preset = WORKFLOW_BADGE_COLORS[color];
+	if (preset) return {
+		className: preset,
+		style: void 0
+	};
+	return {
+		className: "",
+		style: {
+			color,
+			borderColor: `color-mix(in srgb, ${color} 32%, white)`,
+			backgroundColor: `color-mix(in srgb, ${color} 14%, white)`
+		}
+	};
+}
+//#endregion
 //#region src/components/ui/progress.tsx
 var Progress = React$1.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
 	ref,
@@ -3923,7 +4013,7 @@ function MediaLibraryDialog({ collection, isOpen, onOpenChange, selectedValues,
 							})]
 						})]
 					}), /* @__PURE__ */ jsxs(TabsList, {
-						className: "dy-grid dy-h-auto dy-grid-cols-3 dy-bg-muted/50 dy-p-1 dy-rounded-xl sm:dy-flex",
+						className: "dy-grid dy-h-auto dy-grid-cols-3 dy-bg-muted/50 dy-p-1 dy-rounded-lg sm:dy-flex",
 						children: [
 							/* @__PURE__ */ jsxs(TabsTrigger, {
 								value: "library",
@@ -3958,7 +4048,7 @@ function MediaLibraryDialog({ collection, isOpen, onOpenChange, selectedValues,
 											className: "dy-relative dy-flex-1 dy-group",
 											children: [/* @__PURE__ */ jsx(Search, { className: "dy-absolute dy-left-3.5 dy-top-1/2 dy--translate-y-1/2 dy-h-4 dy-w-4 dy-text-muted-foreground dy-group-focus-within:dy-text-primary dy-transition-colors" }), /* @__PURE__ */ jsx(Input, {
 												placeholder: "Search your media library...",
-												className: "dy-pl-11 dy-h-11 dy-rounded-xl dy-border-muted dy-bg-muted/10 focus:dy-bg-background dy-transition-all",
+												className: "dy-pl-11 dy-h-11 dy-rounded-lg dy-border-muted dy-bg-muted/10 focus:dy-bg-background dy-transition-all",
 												value: searchQuery,
 												onChange: (e) => setSearchQuery(e.target.value)
 											})]
@@ -4079,12 +4169,12 @@ function MediaLibraryDialog({ collection, isOpen, onOpenChange, selectedValues,
 									}), /* @__PURE__ */ jsx("div", {
 										className: "dy-space-y-3 dy-border-t dy-border-muted/20 dy-pt-4 md:dy-pt-6",
 										children: multiple ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
-											className: "dy-w-full dy-h-11 dy-rounded-xl dy-shadow-sm dy-font-bold dy-tracking-tight dy-transition-all",
+											className: "dy-w-full dy-h-11 dy-rounded-lg dy-shadow-sm dy-font-bold dy-tracking-tight dy-transition-all",
 											variant: sVals.some((v) => v === selectedItem.id || v === selectedItem.filename || v === selectedItem.url) ? "outline" : "default",
 											onClick: () => onSelect(selectedItem.id, selectedItem),
 											children: sVals.some((v) => v === selectedItem.id || v === selectedItem.filename || v === selectedItem.url) ? "Deselect Item" : "Add to Selection"
 										}), sVals.length > 0 && /* @__PURE__ */ jsxs(Button, {
-											className: "dy-w-full dy-h-11 dy-rounded-xl dy-shadow-xl dy-bg-primary hover:dy-bg-primary/90 dy-font-bold dy-tracking-tight dy-transition-all dy-group",
+											className: "dy-w-full dy-h-11 dy-rounded-lg dy-shadow-xl dy-bg-primary hover:dy-bg-primary/90 dy-font-bold dy-tracking-tight dy-transition-all dy-group",
 											onClick: handleConfirm,
 											children: [/* @__PURE__ */ jsxs("span", { children: [
 												"Confirm ",
@@ -4093,7 +4183,7 @@ function MediaLibraryDialog({ collection, isOpen, onOpenChange, selectedValues,
 												sVals.length === 1 ? "Asset" : "Assets"
 											] }), /* @__PURE__ */ jsx(Sparkles, { className: "dy-ml-2 dy-h-4 dy-w-4 dy-opacity-50 dy-group-hover:dy-opacity-100 dy-group-hover:dy-scale-110 dy-transition-all" })]
 										})] }) : /* @__PURE__ */ jsx(Button, {
-											className: "dy-w-full dy-h-11 dy-rounded-xl dy-shadow-lg dy-font-bold dy-tracking-tight dy-bg-primary hover:dy-bg-primary/90 dy-transition-all",
+											className: "dy-w-full dy-h-11 dy-rounded-lg dy-shadow-lg dy-font-bold dy-tracking-tight dy-bg-primary hover:dy-bg-primary/90 dy-transition-all",
 											onClick: () => {
 												onSelect(selectedItem.id, selectedItem);
 												onOpenChange(false);
@@ -4233,7 +4323,7 @@ function MediaLibraryDialog({ collection, isOpen, onOpenChange, selectedValues,
 										/* @__PURE__ */ jsxs("div", {
 											className: "dy-flex dy-items-center dy-gap-3 dy-p-4 dy-rounded-2xl dy-bg-muted/20 dy-border dy-border-muted/30",
 											children: [/* @__PURE__ */ jsx("div", {
-												className: "dy-p-2 dy-bg-background dy-rounded-xl dy-shadow-sm dy-text-muted-foreground",
+												className: "dy-p-2 dy-bg-background dy-rounded-lg dy-shadow-sm dy-text-muted-foreground",
 												children: /* @__PURE__ */ jsx(Info, { className: "dy-h-4 dy-w-4" })
 											}), /* @__PURE__ */ jsxs("p", {
 												className: "dy-text-[11px] dy-text-muted-foreground/80 dy-font-medium dy-leading-relaxed",
@@ -4766,7 +4856,7 @@ function MediaPicker({ collection, value, onChange, label, variant = "default",
 			isDragActive && /* @__PURE__ */ jsx("div", {
 				className: "dy-absolute dy-inset-0 dy-z-50 dy-bg-primary/10 dy-backdrop-blur-[2px] dy-border-2 dy-border-dashed dy-border-primary dy-rounded-2xl dy-flex dy-items-center dy-justify-center dy-pointer-events-none",
 				children: /* @__PURE__ */ jsxs("div", {
-					className: "dy-bg-card dy-p-4 dy-rounded-xl dy-shadow-xl dy-flex dy-items-center dy-gap-2",
+					className: "dy-bg-card dy-p-4 dy-rounded-lg dy-shadow-xl dy-flex dy-items-center dy-gap-2",
 					children: [/* @__PURE__ */ jsx(UploadCloud, { className: "dy-h-5 dy-w-5 dy-text-primary dy-animate-bounce" }), /* @__PURE__ */ jsx("p", {
 						className: "dy-text-xs dy-font-bold",
 						children: "Drop to upload & select"
@@ -4776,7 +4866,7 @@ function MediaPicker({ collection, value, onChange, label, variant = "default",
 			uploading && /* @__PURE__ */ jsx("div", {
 				className: "dy-absolute dy-inset-0 dy-z-50 dy-bg-background/60 dy-backdrop-blur-[1px] dy-rounded-2xl dy-flex dy-items-center dy-justify-center dy-pointer-events-none",
 				children: /* @__PURE__ */ jsxs("div", {
-					className: "dy-bg-card dy-p-4 dy-rounded-xl dy-shadow-xl dy-w-56 dy-max-w-[80%] dy-space-y-2",
+					className: "dy-bg-card dy-p-4 dy-rounded-lg dy-shadow-xl dy-w-56 dy-max-w-[80%] dy-space-y-2",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "dy-flex dy-items-center dy-justify-between dy-gap-2",
 						children: [/* @__PURE__ */ jsxs("div", {
@@ -4804,7 +4894,7 @@ function MediaPicker({ collection, value, onChange, label, variant = "default",
 				children: [/* @__PURE__ */ jsxs("button", {
 					type: "button",
 					onClick: () => setIsOpen(true),
-					className: "dy-group dy-relative dy-aspect-square dy-rounded-xl dy-border-2 dy-border-dashed dy-border-muted hover:dy-border-primary/40 hover:dy-bg-primary/5 dy-transition-all dy-flex dy-flex-col dy-items-center dy-justify-center dy-gap-3 dy-overflow-hidden",
+					className: "dy-group dy-relative dy-aspect-square dy-rounded-lg dy-border-2 dy-border-dashed dy-border-muted hover:dy-border-primary/40 hover:dy-bg-primary/5 dy-transition-all dy-flex dy-flex-col dy-items-center dy-justify-center dy-gap-3 dy-overflow-hidden",
 					children: [
 						/* @__PURE__ */ jsx("div", { className: "dy-absolute dy-inset-0 dy-bg-primary/5 dy-opacity-0 dy-group-hover:dy-opacity-100 dy-transition-opacity" }),
 						/* @__PURE__ */ jsx("div", {
@@ -4828,7 +4918,7 @@ function MediaPicker({ collection, value, onChange, label, variant = "default",
 					return /* @__PURE__ */ jsx("div", {
 						className: "dy-relative dy-group dy-animate-in dy-zoom-in dy-duration-300",
 						children: /* @__PURE__ */ jsxs("div", {
-							className: cn("dy-relative dy-aspect-square dy-rounded-xl dy-overflow-hidden dy-border-2 dy-bg-muted/20 dy-transition-all dy-shadow-sm", index === 0 ? "dy-border-primary dy-ring-4 dy-ring-primary/10" : "dy-border-border/40 hover:dy-border-border/80"),
+							className: cn("dy-relative dy-aspect-square dy-rounded-lg dy-overflow-hidden dy-border-2 dy-bg-muted/20 dy-transition-all dy-shadow-sm", index === 0 ? "dy-border-primary dy-ring-4 dy-ring-primary/10" : "dy-border-border/40 hover:dy-border-border/80"),
 							children: [
 								item ? /* @__PURE__ */ jsx("img", {
 									src: getPreviewUrl(item),
@@ -4906,7 +4996,7 @@ function MediaPicker({ collection, value, onChange, label, variant = "default",
 			isDragActive && /* @__PURE__ */ jsx("div", {
 				className: "dy-absolute dy-inset-0 dy-z-50 dy-bg-primary/10 dy-backdrop-blur-[2px] dy-border-2 dy-border-dashed dy-border-primary dy-rounded-2xl dy-flex dy-items-center dy-justify-center dy-pointer-events-none",
 				children: /* @__PURE__ */ jsxs("div", {
-					className: "dy-bg-card dy-p-3 dy-rounded-xl dy-shadow-xl dy-flex dy-items-center dy-gap-2",
+					className: "dy-bg-card dy-p-3 dy-rounded-lg dy-shadow-xl dy-flex dy-items-center dy-gap-2",
 					children: [/* @__PURE__ */ jsx(UploadCloud, { className: "dy-h-4 dy-w-4 dy-text-primary dy-animate-bounce" }), /* @__PURE__ */ jsx("p", {
 						className: "dy-text-[11px] dy-font-bold",
 						children: "Drop file here"
@@ -4916,7 +5006,7 @@ function MediaPicker({ collection, value, onChange, label, variant = "default",
 			uploading && /* @__PURE__ */ jsx("div", {
 				className: "dy-absolute dy-inset-0 dy-z-50 dy-bg-background/60 dy-backdrop-blur-[1px] dy-rounded-2xl dy-flex dy-items-center dy-justify-center dy-pointer-events-none",
 				children: /* @__PURE__ */ jsxs("div", {
-					className: "dy-bg-card dy-p-3 dy-rounded-xl dy-shadow-xl dy-w-48 dy-max-w-[85%] dy-space-y-2",
+					className: "dy-bg-card dy-p-3 dy-rounded-lg dy-shadow-xl dy-w-48 dy-max-w-[85%] dy-space-y-2",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "dy-flex dy-items-center dy-justify-between dy-gap-2",
 						children: [/* @__PURE__ */ jsxs("div", {
@@ -4948,7 +5038,7 @@ function MediaPicker({ collection, value, onChange, label, variant = "default",
 							type: "button",
 							onClick: () => setIsOpen(true),
 							disabled,
-							className: "dy-group dy-relative dy-aspect-square dy-rounded-xl dy-border-2 dy-border-dashed dy-border-muted hover:dy-border-primary/40 hover:dy-bg-primary/5 disabled:dy-cursor-not-allowed disabled:dy-opacity-60 dy-transition-all dy-flex dy-flex-col dy-items-center dy-justify-center dy-gap-3 dy-overflow-hidden",
+							className: "dy-group dy-relative dy-aspect-square dy-rounded-lg dy-border-2 dy-border-dashed dy-border-muted hover:dy-border-primary/40 hover:dy-bg-primary/5 disabled:dy-cursor-not-allowed disabled:dy-opacity-60 dy-transition-all dy-flex dy-flex-col dy-items-center dy-justify-center dy-gap-3 dy-overflow-hidden",
 							children: [
 								/* @__PURE__ */ jsx("div", { className: "dy-absolute dy-inset-0 dy-bg-primary/5 dy-opacity-0 dy-group-hover:dy-opacity-100 dy-transition-opacity" }),
 								/* @__PURE__ */ jsx("div", {
@@ -4971,7 +5061,7 @@ function MediaPicker({ collection, value, onChange, label, variant = "default",
 							const item = localMediaCache.find((m) => m.id === valId || m.filename === valId || m.url === valId);
 							const previewUrl = item ? getPreviewUrl(item) : val ? getMediaUrl(val, client?.getBaseUrl() || "") : "";
 							return /* @__PURE__ */ jsxs("div", {
-								className: "dy-relative dy-aspect-square dy-group dy-rounded-xl dy-overflow-hidden dy-border-2 dy-border-primary dy-ring-4 dy-ring-primary/10 dy-transition-all dy-bg-muted/20 dy-shadow-sm",
+								className: "dy-relative dy-aspect-square dy-group dy-rounded-lg dy-overflow-hidden dy-border-2 dy-border-primary dy-ring-4 dy-ring-primary/10 dy-transition-all dy-bg-muted/20 dy-shadow-sm",
 								children: [
 									/* @__PURE__ */ jsx("button", {
 										type: "button",
@@ -5787,10 +5877,10 @@ function JsonEditor({ value, onChange, label, disabled }) {
 				value: internalValue,
 				onChange: handleChange,
 				disabled,
-				className: cn("dy-font-mono dy-text-xs dy-min-h-[180px] dy-bg-muted/15 dy-border-dashed focus-visible:dy-ring-1 dy-rounded-xl", error && "dy-border-destructive/60 focus-visible:dy-ring-destructive/30"),
+				className: cn("dy-font-mono dy-text-xs dy-min-h-[180px] dy-bg-muted/15 dy-border-dashed focus-visible:dy-ring-1 dy-rounded-lg", error && "dy-border-destructive/60 focus-visible:dy-ring-destructive/30"),
 				placeholder: "{ \"key\": \"value\" }"
 			}) : /* @__PURE__ */ jsx(ScrollArea, {
-				className: "dy-h-[180px] dy-w-full dy-rounded-xl dy-border dy-border-dashed dy-border-border/60 dy-bg-muted/15 dy-p-4",
+				className: "dy-h-[180px] dy-w-full dy-rounded-lg dy-border dy-border-dashed dy-border-border/60 dy-bg-muted/15 dy-p-4",
 				children: value ? /* @__PURE__ */ jsx("div", {
 					className: "dy-flex dy-flex-col",
 					children: /* @__PURE__ */ jsx(JsonTreeNode, {
@@ -6310,7 +6400,7 @@ function JoinField({ schema, control }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "dy-space-y-3",
 		children: [data && data.length > 0 ? /* @__PURE__ */ jsx("div", {
-			className: "dy-divide-y dy-divide-border/30 dy-rounded-xl dy-border dy-border-border/40 dy-overflow-hidden",
+			className: "dy-divide-y dy-divide-border/30 dy-rounded-lg dy-border dy-border-border/40 dy-overflow-hidden",
 			children: data.map((item) => /* @__PURE__ */ jsxs("button", {
 				type: "button",
 				onClick: () => navigate(`/collections/${targetCollection}/edit/${item.id}`),
@@ -6324,7 +6414,7 @@ function JoinField({ schema, control }) {
 				}), /* @__PURE__ */ jsx(ExternalLink, { className: "dy-h-3 dy-w-3 dy-text-muted-foreground/30 dy-opacity-0 dy-group-hover:dy-opacity-100 dy-transition-opacity dy-shrink-0 dy-ml-2" })]
 			}, item.id))
 		}) : /* @__PURE__ */ jsx("div", {
-			className: "dy-rounded-xl dy-border dy-border-dashed dy-border-border/40 dy-bg-muted/5 dy-px-4 dy-py-6 dy-text-center",
+			className: "dy-rounded-lg dy-border dy-border-dashed dy-border-border/40 dy-bg-muted/5 dy-px-4 dy-py-6 dy-text-center",
 			children: /* @__PURE__ */ jsxs("p", {
 				className: "dy-text-xs dy-text-muted-foreground/60 dy-italic",
 				children: [
@@ -6337,7 +6427,7 @@ function JoinField({ schema, control }) {
 			type: "button",
 			variant: "outline",
 			size: "sm",
-			className: "dy-h-8 dy-text-[11px] dy-font-bold dy-rounded-xl dy-border-primary/20 hover:dy-bg-primary/5 hover:dy-text-primary dy-transition-all dy-shadow-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" }),
@@ -6613,7 +6703,7 @@ function SelectField({ schema, field, disabled, collection, siblingValues }) {
 				role: "combobox",
 				"aria-expanded": open,
 				disabled: disabled || isDynamic && isLoading,
-				className: cn("dy-h-12 dy-w-full dy-justify-between dy-rounded-xl dy-border-border/40 dy-bg-background/50 dy-px-4 dy-font-normal dy-shadow-sm dy-transition-all hover:dy-shadow-md", !selectedOption && "dy-text-muted-foreground"),
+				className: cn("dy-h-12 dy-w-full dy-justify-between dy-rounded-lg dy-border-border/40 dy-bg-background/50 dy-px-4 dy-font-normal dy-shadow-sm dy-transition-all hover:dy-shadow-md", !selectedOption && "dy-text-muted-foreground"),
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "dy-truncate",
 					children: selectedOption?.label || (currentValue && !selectedOption ? currentValue : placeholder)
@@ -6637,7 +6727,7 @@ function SelectField({ schema, field, disabled, collection, siblingValues }) {
 				})]
 			})
 		}), /* @__PURE__ */ jsx(PopoverContent, {
-			className: "dy-w-[var(--radix-popover-trigger-width)] dy-p-0 dy-rounded-xl dy-border-border/40 dy-shadow-xl",
+			className: "dy-w-[var(--radix-popover-trigger-width)] dy-p-0 dy-rounded-lg dy-border-border/40 dy-shadow-xl",
 			align: "start",
 			children: /* @__PURE__ */ jsxs(Command$1, {
 				shouldFilter: !isDynamic,
@@ -6744,7 +6834,7 @@ function RadioField({ schema, field, disabled, collection, siblingValues }) {
 			1,
 			2,
 			3
-		].map((i) => /* @__PURE__ */ jsx("div", { className: "dy-h-12 dy-w-32 dy-rounded-xl dy-bg-muted dy-animate-pulse" }, i))
+		].map((i) => /* @__PURE__ */ jsx("div", { className: "dy-h-12 dy-w-32 dy-rounded-lg dy-bg-muted dy-animate-pulse" }, i))
 	});
 	return /* @__PURE__ */ jsx(RadioGroup, {
 		onValueChange: field.onChange,
@@ -6759,7 +6849,7 @@ function RadioField({ schema, field, disabled, collection, siblingValues }) {
 				className: "dy-peer dy-absolute dy-left-4 dy-z-10"
 			}), /* @__PURE__ */ jsx(Label, {
 				htmlFor: `${field.name}-${opt.value}`,
-				className: cn("dy-flex dy-flex-1 dy-items-center dy-pl-12 dy-pr-4 dy-py-3 dy-rounded-xl dy-border dy-border-border/40 dy-bg-background/50 dy-cursor-pointer dy-transition-all hover:dy-bg-background/80 hover:dy-shadow-sm", "dy-peer-data-[state=checked]:dy-border-primary dy-peer-data-[state=checked]:dy-bg-primary/5 dy-peer-data-[state=checked]:dy-shadow-md dy-peer-data-[state=checked]:dy-ring-1 dy-peer-data-[state=checked]:dy-ring-primary/20", "dy-text-sm dy-font-medium dy-text-foreground/70 dy-peer-data-[state=checked]:dy-text-primary"),
+				className: cn("dy-flex dy-flex-1 dy-items-center dy-pl-12 dy-pr-4 dy-py-3 dy-rounded-lg dy-border dy-border-border/40 dy-bg-background/50 dy-cursor-pointer dy-transition-all hover:dy-bg-background/80 hover:dy-shadow-sm", "dy-peer-data-[state=checked]:dy-border-primary dy-peer-data-[state=checked]:dy-bg-primary/5 dy-peer-data-[state=checked]:dy-shadow-md dy-peer-data-[state=checked]:dy-ring-1 dy-peer-data-[state=checked]:dy-ring-primary/20", "dy-text-sm dy-font-medium dy-text-foreground/70 dy-peer-data-[state=checked]:dy-text-primary"),
 				children: opt.label
 			})]
 		}, opt.value))
@@ -6843,7 +6933,7 @@ function MultiSelect({ options, value = [], onChange, label, placeholder = "Sele
 					role: "combobox",
 					"aria-expanded": open,
 					disabled: disabled || isDynamic && isLoading,
-					className: "dy-min-h-12 dy-w-full dy-justify-between dy-rounded-xl dy-border-border/40 dy-bg-background/50 dy-px-4 dy-font-normal dy-shadow-sm dy-transition-all hover:dy-shadow-md",
+					className: "dy-min-h-12 dy-w-full dy-justify-between dy-rounded-lg dy-border-border/40 dy-bg-background/50 dy-px-4 dy-font-normal dy-shadow-sm dy-transition-all hover:dy-shadow-md",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "dy-flex dy-min-w-0 dy-flex-1 dy-flex-wrap dy-items-center dy-gap-1",
 						children: [value.length === 0 && /* @__PURE__ */ jsx("span", {
@@ -6889,7 +6979,7 @@ function MultiSelect({ options, value = [], onChange, label, placeholder = "Sele
 					})]
 				})
 			}), /* @__PURE__ */ jsx(PopoverContent, {
-				className: "dy-w-[var(--radix-popover-trigger-width)] dy-p-0 dy-rounded-xl dy-border-border/40 dy-shadow-xl",
+				className: "dy-w-[var(--radix-popover-trigger-width)] dy-p-0 dy-rounded-lg dy-border-border/40 dy-shadow-xl",
 				align: "start",
 				children: /* @__PURE__ */ jsxs(Command$1, {
 					shouldFilter: !isDynamic,
@@ -6979,7 +7069,7 @@ function InlinePicker({ open, setOpen, triggerRef, children }) {
 		triggerRef
 	]);
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("dy-absolute dy-left-0 dy-top-full dy-z-50 dy-mt-1 dy-rounded-xl dy-border dy-border-border/50 dy-bg-popover dy-shadow-2xl dy-transition-[opacity,transform] dy-duration-100 dy-origin-top-left", open ? "dy-opacity-100 dy-scale-100 dy-pointer-events-auto" : "dy-opacity-0 dy-scale-95 dy-pointer-events-none dy-invisible"),
+		className: cn("dy-absolute dy-left-0 dy-top-full dy-z-50 dy-mt-1 dy-rounded-lg dy-border dy-border-border/50 dy-bg-popover dy-shadow-2xl dy-transition-[opacity,transform] dy-duration-100 dy-origin-top-left", open ? "dy-opacity-100 dy-scale-100 dy-pointer-events-auto" : "dy-opacity-0 dy-scale-95 dy-pointer-events-none dy-invisible"),
 		inert: !open ? true : void 0,
 		children
 	});
@@ -7367,7 +7457,7 @@ function IconPicker({ schema, field, disabled }) {
 					type: "button",
 					variant: "outline",
 					disabled,
-					className: "dy-flex-1 dy-justify-start dy-gap-3 dy-h-12 dy-rounded-xl dy-border-border/40 dy-bg-background/50 dy-font-normal hover:dy-shadow-md dy-transition-all",
+					className: "dy-flex-1 dy-justify-start dy-gap-3 dy-h-12 dy-rounded-lg dy-border-border/40 dy-bg-background/50 dy-font-normal hover:dy-shadow-md dy-transition-all",
 					children: SelectedIcon ? /* @__PURE__ */ jsxs(Fragment, { children: [React$1.createElement(SelectedIcon, { className: "dy-h-5 dy-w-5 dy-text-primary dy-shrink-0" }), /* @__PURE__ */ jsx("span", {
 						className: "dy-text-sm dy-text-foreground/80",
 						children: selectedIconName
@@ -7457,7 +7547,7 @@ function IconPicker({ schema, field, disabled }) {
 				]
 			})]
 		}), SelectedIcon && /* @__PURE__ */ jsx("div", {
-			className: "dy-flex dy-items-center dy-justify-center dy-h-12 dy-w-12 dy-rounded-xl dy-border dy-border-border/40 dy-bg-background/50 dy-shrink-0",
+			className: "dy-flex dy-items-center dy-justify-center dy-h-12 dy-w-12 dy-rounded-lg dy-border dy-border-border/40 dy-bg-background/50 dy-shrink-0",
 			children: React$1.createElement(SelectedIcon, { className: "dy-h-6 dy-w-6 dy-text-foreground/70" })
 		})]
 	});
@@ -8134,7 +8224,7 @@ function SortableBlockItem({ id, index, item, schema, basePath, control, remove,
 	return /* @__PURE__ */ jsxs("div", {
 		ref: setNodeRef,
 		style,
-		className: cn("dy-group dy-bg-card dy-border dy-rounded-xl dy-overflow-hidden dy-transition-all", active ? "dy-border-primary dy-ring-1 dy-ring-primary/40 dy-shadow-sm" : "dy-border-border/50 hover:dy-border-border hover:dy-shadow-sm", isDragging && "dy-shadow-xl dy-ring-2 dy-ring-primary/40 dy-border-primary/50"),
+		className: cn("dy-group dy-bg-card dy-border dy-rounded-lg dy-overflow-hidden dy-transition-all", active ? "dy-border-primary dy-ring-1 dy-ring-primary/40 dy-shadow-sm" : "dy-border-border/50 hover:dy-border-border hover:dy-shadow-sm", isDragging && "dy-shadow-xl dy-ring-2 dy-ring-primary/40 dy-border-primary/50"),
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "dy-flex dy-items-center dy-gap-3 dy-px-3 dy-py-3 dy-cursor-pointer dy-select-none",
@@ -8361,7 +8451,7 @@ function BlockBuilder({ schema, basePath, control, collection, documentId }) {
 							children: ["Add Block", /* @__PURE__ */ jsx(Plus, { className: "dy-w-3 dy-h-3 dy-ml-1.5" })]
 						})
 					}), /* @__PURE__ */ jsxs(DialogContent, {
-						className: "dy-max-w-md md:dy-max-w-4xl dy-p-6 dy-rounded-xl dy-border-border/40 dy-shadow-2xl !dy-flex dy-flex-col dy-max-h-[85vh] dy-overflow-hidden",
+						className: "dy-max-w-md md:dy-max-w-4xl dy-p-6 dy-rounded-lg dy-border-border/40 dy-shadow-2xl !dy-flex dy-flex-col dy-max-h-[85vh] dy-overflow-hidden",
 						children: [
 							/* @__PURE__ */ jsxs(DialogHeader, {
 								className: "dy-pb-2 dy-flex-shrink-0",
@@ -8392,7 +8482,7 @@ function BlockBuilder({ schema, basePath, control, collection, documentId }) {
 									}) : filteredBlocks.map((block) => {
 										return /* @__PURE__ */ jsxs("div", {
 											onClick: () => handleAddBlock(block),
-											className: "dy-group dy-border dy-border-muted/30 dy-rounded-xl dy-p-4 dy-flex dy-items-start dy-gap-3 hover:dy-border-primary/40 hover:dy-bg-primary/[0.02] dy-transition-all dy-cursor-pointer dy-select-none",
+											className: "dy-group dy-border dy-border-muted/30 dy-rounded-lg dy-p-4 dy-flex dy-items-start dy-gap-3 hover:dy-border-primary/40 hover:dy-bg-primary/[0.02] dy-transition-all dy-cursor-pointer dy-select-none",
 											children: [/* @__PURE__ */ jsx("div", {
 												className: "dy-p-2.5 dy-bg-muted/50 dy-rounded-lg dy-text-muted-foreground/60 group-hover:dy-text-primary group-hover:dy-bg-primary/10 dy-transition-colors",
 												children: /* @__PURE__ */ jsx(resolveAdminIcon(block.icon, Layers), { className: "dy-w-4 dy-h-4" })
@@ -8415,7 +8505,7 @@ function BlockBuilder({ schema, basePath, control, collection, documentId }) {
 				})
 			})]
 		}), fields.length === 0 ? /* @__PURE__ */ jsxs("div", {
-			className: "dy-text-center dy-p-8 dy-border dy-border-dashed dy-border-border/40 dy-rounded-xl dy-bg-muted/10 dy-flex dy-flex-col dy-items-center dy-gap-3",
+			className: "dy-text-center dy-p-8 dy-border dy-border-dashed dy-border-border/40 dy-rounded-lg dy-bg-muted/10 dy-flex dy-flex-col dy-items-center dy-gap-3",
 			children: [/* @__PURE__ */ jsx("p", {
 				className: "dy-text-[11px] dy-text-muted-foreground/50",
 				children: "No blocks added yet."
@@ -8674,7 +8764,7 @@ function SortableArrayItem({ id, index, schema, basePath, control, remove, move,
 						type: "button",
 						variant: "ghost",
 						size: "icon",
-						className: "dy-h-10 dy-w-10 dy-rounded-xl dy-text-muted-foreground/30 hover:dy-text-destructive hover:dy-bg-destructive/10 sm:dy-h-8 sm:dy-w-8",
+						className: "dy-h-10 dy-w-10 dy-rounded-lg dy-text-muted-foreground/30 hover:dy-text-destructive hover:dy-bg-destructive/10 sm:dy-h-8 sm:dy-w-8",
 						onClick: (event) => {
 							event.stopPropagation();
 							setShowDeleteConfirm(true);
@@ -8685,7 +8775,7 @@ function SortableArrayItem({ id, index, schema, basePath, control, remove, move,
 						type: "button",
 						variant: "ghost",
 						size: "icon",
-						className: "dy-h-10 dy-w-10 dy-rounded-xl dy-text-muted-foreground hover:dy-bg-muted hover:dy-text-foreground sm:dy-h-8 sm:dy-w-8",
+						className: "dy-h-10 dy-w-10 dy-rounded-lg dy-text-muted-foreground hover:dy-bg-muted hover:dy-text-foreground sm:dy-h-8 sm:dy-w-8",
 						onClick: (event) => {
 							event.stopPropagation();
 							onToggleExpand();
@@ -8698,7 +8788,7 @@ function SortableArrayItem({ id, index, schema, basePath, control, remove, move,
 							type: "button",
 							variant: "ghost",
 							size: "icon",
-							className: "dy-h-10 dy-w-10 dy-rounded-xl dy-text-muted-foreground hover:dy-bg-muted hover:dy-text-foreground sm:dy-h-8 sm:dy-w-8",
+							className: "dy-h-10 dy-w-10 dy-rounded-lg dy-text-muted-foreground hover:dy-bg-muted hover:dy-text-foreground sm:dy-h-8 sm:dy-w-8",
 							onClick: (event) => event.stopPropagation(),
 							title: "Item actions",
 							children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "dy-w-4 dy-h-4" })
@@ -8793,7 +8883,7 @@ function SimpleArrayItem({ id, index, field, basePath, remove, move, onDuplicate
 			zIndex: isDragging ? 50 : 1,
 			opacity: isDragging ? .9 : 1
 		},
-		className: cn("dy-group dy-flex dy-items-center dy-gap-1.5 dy-rounded-xl dy-px-1 dy-py-1 dy-transition-colors", isDragging ? "dy-bg-muted/40 dy-shadow-lg dy-ring-1 dy-ring-primary/30" : "hover:dy-bg-muted/30"),
+		className: cn("dy-group dy-flex dy-items-center dy-gap-1.5 dy-rounded-lg dy-px-1 dy-py-1 dy-transition-colors", isDragging ? "dy-bg-muted/40 dy-shadow-lg dy-ring-1 dy-ring-primary/30" : "hover:dy-bg-muted/30"),
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				...attributes,
@@ -8812,7 +8902,7 @@ function SimpleArrayItem({ id, index, field, basePath, remove, move, onDuplicate
 					type: "button",
 					variant: "ghost",
 					size: "icon",
-					className: "dy-h-9 dy-w-9 dy-flex-shrink-0 dy-rounded-xl dy-text-muted-foreground/50 dy-opacity-0 dy-transition-opacity group-hover:dy-opacity-100 focus:dy-opacity-100 data-[state=open]:dy-opacity-100 hover:dy-bg-muted hover:dy-text-foreground sm:dy-h-8 sm:dy-w-8",
+					className: "dy-h-9 dy-w-9 dy-flex-shrink-0 dy-rounded-lg dy-text-muted-foreground/50 dy-opacity-0 dy-transition-opacity group-hover:dy-opacity-100 focus:dy-opacity-100 data-[state=open]:dy-opacity-100 hover:dy-bg-muted hover:dy-text-foreground sm:dy-h-8 sm:dy-w-8",
 					title: "Item actions",
 					children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "dy-w-4 dy-h-4" })
 				})
@@ -9024,14 +9114,14 @@ function ArrayFieldRenderer({ schema, basePath, control, renderField }) {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						className: "dy-h-9 dy-text-[11px] dy-font-bold dy-rounded-xl dy-border-primary/20 hover:dy-bg-primary/5 hover:dy-text-primary dy-transition-all dy-shadow-sm",
+						className: "dy-h-9 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: () => setIsBulkOpen(true),
 						children: "Bulk Add Images"
 					}), /* @__PURE__ */ jsxs(Button, {
 						type: "button",
 						variant: "outline",
 						size: "sm",
-						className: "dy-h-9 dy-text-[11px] dy-font-bold dy-rounded-xl dy-border-primary/20 hover:dy-bg-primary/5 hover:dy-text-primary dy-transition-all dy-shadow-sm",
+						className: "dy-h-9 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: addItem,
 						children: [
 							/* @__PURE__ */ jsx(Plus, { className: "dy-w-3.5 dy-h-3.5 dy-mr-1.5" }),
@@ -9241,7 +9331,7 @@ function FormFieldRenderer({ schema, basePath, control, collection, documentId }
 		documentId
 	});
 	if (jexlError) return /* @__PURE__ */ jsxs("div", {
-		className: "dy-space-y-2 dy-border dy-border-destructive/30 dy-bg-destructive/5 dy-p-3 dy-rounded-xl dy-my-2",
+		className: "dy-space-y-2 dy-border dy-border-destructive/30 dy-bg-destructive/5 dy-p-3 dy-rounded-lg dy-my-2",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "dy-text-xs dy-font-semibold dy-text-destructive dy-flex dy-items-center dy-gap-2",
 			children: [/* @__PURE__ */ jsxs("span", { children: [
@@ -9420,7 +9510,7 @@ function FormFieldRendererInner({ schema, basePath, control, collection, canUpda
 		name: fullPath,
 		render: ({ field: formField }) => /* @__PURE__ */ jsxs(FormItem, {
 			"data-dy-field": schema.name,
-			className: cn(isSwitchBoolean ? "dy-flex dy-flex-row dy-items-center dy-justify-between dy-rounded-xl dy-border dy-border-border/40 dy-p-4 dy-bg-background/50 dy-shadow-sm dy-space-y-0" : isBoolean ? "dy-flex dy-flex-row-reverse dy-items-start dy-justify-end dy-gap-3 dy-space-y-0" : hideLabel ? "dy-space-y-0" : "dy-space-y-3"),
+			className: cn(isSwitchBoolean ? "dy-flex dy-flex-row dy-items-center dy-justify-between dy-rounded-lg dy-border dy-border-border/40 dy-p-4 dy-bg-background/50 dy-shadow-sm dy-space-y-0" : isBoolean ? "dy-flex dy-flex-row-reverse dy-items-start dy-justify-end dy-gap-3 dy-space-y-0" : hideLabel ? "dy-space-y-0" : "dy-space-y-3"),
 			children: [
 				!hideLabel && /* @__PURE__ */ jsxs("div", {
 					className: cn(isBoolean ? "dy-space-y-1" : "dy-flex dy-items-center dy-flex-wrap dy-gap-2 dy-mb-1"),
@@ -9832,7 +9922,7 @@ function FormEngineInner({ collection, fields, defaultValues = {}, onSubmit, onC
 					...form.register(field.name)
 				}, field.name)),
 				flatErrors.length > 0 && /* @__PURE__ */ jsxs("div", {
-					className: "dy-p-4 dy-rounded-xl dy-bg-destructive/10 dy-border dy-border-destructive/20 dy-text-destructive dy-space-y-2",
+					className: "dy-p-4 dy-rounded-lg dy-bg-destructive/10 dy-border dy-border-destructive/20 dy-text-destructive dy-space-y-2",
 					children: [/* @__PURE__ */ jsxs("div", {
 						className: "dy-flex dy-items-center dy-gap-2 dy-font-semibold",
 						children: [/* @__PURE__ */ jsx(AlertCircle, { className: "dy-h-4 dy-w-4 dy-shrink-0" }), /* @__PURE__ */ jsx("span", { children: "Please resolve the following validation errors:" })]
@@ -9867,7 +9957,7 @@ function FormEngineInner({ collection, fields, defaultValues = {}, onSubmit, onC
 				}),
 				fieldsContent,
 				hasPassword && passwordChangeMode !== null && /* @__PURE__ */ jsxs("div", {
-					className: "dy-rounded-xl dy-border dy-border-border dy-p-5 dy-space-y-4",
+					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",
@@ -10847,6 +10937,23 @@ function SortableColumnItem({ id, label, visible, onToggleVisible }) {
 		]
 	});
 }
+function resolvePublishedStateName(schema, item) {
+	const hasPublishingState = !!(schema?.workflow || schema?.drafts);
+	const workflowConfig = schema?.workflow;
+	const workflowMeta = item?._workflow;
+	const workflowState = workflowConfig && workflowMeta ? workflowConfig.states?.find((state) => state.name === workflowMeta.state) : null;
+	if (workflowState) return workflowState.published ? "Published" : "Draft";
+	if (!hasPublishingState) return null;
+	const plainStatus = item.status;
+	if (plainStatus === "published") return "Published";
+	if (plainStatus === "draft") return "Draft";
+	return null;
+}
+function resolveWorkflowState(schema, item) {
+	const workflowConfig = schema?.workflow;
+	const workflowMeta = item?._workflow;
+	return workflowConfig && workflowMeta ? workflowConfig.states?.find((state) => state.name === workflowMeta.state) ?? null : null;
+}
 function CollectionListPage({ slug }) {
 	const { client, components, user } = useDyrected();
 	const queryClient = useQueryClient();
@@ -11191,6 +11298,7 @@ function CollectionListPage({ slug }) {
 		const allColumnNames = visibleColumnNames;
 		const firstVisibleFieldName = visibleColumnNames.find((name) => fieldByName.has(name));
 		const titleFieldName = visibleColumnNames.includes(schema.admin?.useAsTitle || "") ? schema.admin?.useAsTitle : firstVisibleFieldName;
+		const showPublishingStatus = !!(schema.workflow || schema.drafts);
 		const deleteAccess = schema.access?.delete;
 		const canDeleteRow = (item) => {
 			if (deleteAccess === false) return false;
@@ -11333,6 +11441,29 @@ function CollectionListPage({ slug }) {
 			const systemColumn = makeSystemColumn(name);
 			if (systemColumn) cols.push(systemColumn);
 		});
+		if (showPublishingStatus) cols.push({
+			id: "publishingStatus",
+			header: "Status",
+			enableHiding: false,
+			cell: ({ row }) => {
+				const status = resolvePublishedStateName(schema, row.original);
+				if (!status) return /* @__PURE__ */ jsx("span", {
+					className: "dy-text-xs dy-text-muted-foreground",
+					children: "-"
+				});
+				const workflowState = resolveWorkflowState(schema, row.original);
+				const badgePresentation = workflowState ? getWorkflowBadgePresentation(workflowState.color) : {
+					className: status === "Published" ? WORKFLOW_BADGE_COLORS.success : WORKFLOW_BADGE_COLORS.warning,
+					style: void 0
+				};
+				return /* @__PURE__ */ jsx(Badge, {
+					variant: "outline",
+					className: cn("dy-px-2 dy-py-0 dy-rounded-full dy-text-[10px] dy-font-bold dy-uppercase dy-tracking-wider dy-shrink-0", badgePresentation.className),
+					style: badgePresentation.style,
+					children: status
+				});
+			}
+		});
 		return cols;
 	}, [
 		schema,
@@ -11815,10 +11946,10 @@ function LivePreviewPane({ previewUrl, data, mode = "postMessage", collectionSlu
 	const [tokenSrc, setTokenSrc] = useState(null);
 	const [tokenError, setTokenError] = useState(null);
 	const lastDataKeyRef = useRef(null);
+	const dataKey = safeStringify(data);
 	useEffect(() => {
 		if (mode !== "token" || !client || !collectionSlug) return;
-		const key = safeStringify(data);
-		if (key === lastDataKeyRef.current) return;
+		if (dataKey === lastDataKeyRef.current) return;
 		let cancelled = false;
 		const timer = setTimeout(async () => {
 			try {
@@ -11828,7 +11959,7 @@ function LivePreviewPane({ previewUrl, data, mode = "postMessage", collectionSlu
 					data
 				});
 				if (cancelled) return;
-				lastDataKeyRef.current = key;
+				lastDataKeyRef.current = dataKey;
 				setTokenSrc(withPreviewToken(previewUrl, token));
 				setTokenError(null);
 			} catch (err) {
@@ -11846,7 +11977,7 @@ function LivePreviewPane({ previewUrl, data, mode = "postMessage", collectionSlu
 		collectionSlug,
 		documentId,
 		previewUrl,
-		data
+		dataKey
 	]);
 	const iframeSrc = mode === "token" ? tokenSrc ?? previewUrl : previewUrl;
 	useEffect(() => {
@@ -11997,29 +12128,29 @@ function LivePreviewPane({ previewUrl, data, mode = "postMessage", collectionSlu
 //#region src/components/workflow/WorkflowPanel.tsx
 var STATE_COLORS = {
 	success: {
-		bg: "dy-bg-emerald-50 dy-border-emerald-200",
-		text: "dy-text-emerald-700",
-		dot: "dy-bg-emerald-500"
+		bg: "dy-bg-emerald-50 dy-border-emerald-200 dark:dy-bg-emerald-500/12 dark:dy-border-emerald-500/30",
+		text: "dy-text-emerald-700 dark:dy-text-emerald-300",
+		dot: "dy-bg-emerald-500 dark:dy-bg-emerald-400"
 	},
 	warning: {
-		bg: "dy-bg-amber-50 dy-border-amber-200",
-		text: "dy-text-amber-700",
-		dot: "dy-bg-amber-500"
+		bg: "dy-bg-amber-50 dy-border-amber-200 dark:dy-bg-amber-500/12 dark:dy-border-amber-500/30",
+		text: "dy-text-amber-700 dark:dy-text-amber-300",
+		dot: "dy-bg-amber-500 dark:dy-bg-amber-400"
 	},
 	danger: {
-		bg: "dy-bg-red-50 dy-border-red-200",
-		text: "dy-text-red-700",
-		dot: "dy-bg-red-500"
+		bg: "dy-bg-red-50 dy-border-red-200 dark:dy-bg-red-500/12 dark:dy-border-red-500/30",
+		text: "dy-text-red-700 dark:dy-text-red-300",
+		dot: "dy-bg-red-500 dark:dy-bg-red-400"
 	},
 	info: {
-		bg: "dy-bg-blue-50 dy-border-blue-200",
-		text: "dy-text-blue-700",
-		dot: "dy-bg-blue-500"
+		bg: "dy-bg-blue-50 dy-border-blue-200 dark:dy-bg-blue-500/12 dark:dy-border-blue-500/30",
+		text: "dy-text-blue-700 dark:dy-text-blue-300",
+		dot: "dy-bg-blue-500 dark:dy-bg-blue-400"
 	},
 	neutral: {
-		bg: "dy-bg-muted/40 dy-border-border/60",
-		text: "dy-text-muted-foreground",
-		dot: "dy-bg-muted-foreground/60"
+		bg: "dy-bg-muted/40 dy-border-border/60 dark:dy-bg-muted/60 dark:dy-border-border/80",
+		text: "dy-text-muted-foreground dark:dy-text-foreground/80",
+		dot: "dy-bg-muted-foreground/60 dark:dy-bg-foreground/60"
 	}
 };
 function stateColors(color) {
@@ -12145,7 +12276,7 @@ function WorkflowPanel({ collection, documentId, workflowMeta, workflowConfig })
 					return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs(Button, {
 						size: "sm",
 						variant: t.unpublish || t.name === "reject" ? "outline" : "default",
-						className: cn("dy-w-full dy-h-9 dy-rounded-xl dy-text-xs dy-font-semibold dy-justify-start dy-gap-2", isWaiting && "dy-ring-2 dy-ring-primary/30"),
+						className: cn("dy-w-full dy-h-9 dy-rounded-lg dy-text-xs dy-font-semibold dy-justify-start dy-gap-2", isWaiting && "dy-ring-2 dy-ring-primary/30"),
 						disabled: transitionMutation.isPending,
 						onClick: () => handleTransitionClick(t),
 						children: [isLoading ? /* @__PURE__ */ jsx(Loader2, { className: "dy-h-3.5 dy-w-3.5 dy-animate-spin" }) : /* @__PURE__ */ jsx(StateIcon, { color: workflowConfig.states.find((s) => s.name === t.to)?.color }), t.label]
@@ -12591,7 +12722,7 @@ function EditEntryPage() {
 	]);
 	const hasWorkflow = !!schema?.workflow;
 	const syncShowWorkflow = useState(() => (next) => {
-		setActiveTab((prev) => next ? "versions" : prev === "versions" ? "edit" : prev);
+		setActiveTab((prev) => next ? "workflow" : prev === "workflow" ? "edit" : prev);
 	})[0];
 	useEffect(() => {
 		if (!hasWorkflow || schemaPreviewUrl) return;
@@ -12698,6 +12829,11 @@ function EditEntryPage() {
 	const currentStatus = entry?.status || "draft";
 	const workflowState = workflowConfig && workflowMeta ? workflowConfig.states?.find((s) => s.name === workflowMeta.state) : null;
 	const isPublished = workflowState ? !!workflowState.published : currentStatus === "published";
+	const statusBadgeLabel = workflowState ? workflowState.label || workflowState.name : currentStatus === "published" ? "Published" : currentStatus === "draft" ? "Draft" : String(currentStatus);
+	const workflowBadgePresentation = workflowState ? getWorkflowBadgePresentation(workflowState.color) : {
+		className: isPublished ? WORKFLOW_BADGE_COLORS.success : WORKFLOW_BADGE_COLORS.warning,
+		style: void 0
+	};
 	const showStatusBadge = workflowConfig ? !!workflowMeta : hasStatus;
 	const siteUrl = getSiteUrl(schemas?.admin?.siteUrl);
 	const previewUrl = resolvePreviewUrl(schema.admin?.previewUrl, previewData || entry, siteUrl);
@@ -12825,9 +12961,10 @@ function EditEntryPage() {
 							className: "dy-text-base dy-font-serif dy-font-bold dy-tracking-tight dy-text-foreground dy-truncate",
 							children: ["New ", schema?.labels?.singular || schema?.slug]
 						}), showStatusBadge && /* @__PURE__ */ jsx(Badge, {
-							className: cn("dy-px-2 dy-py-0 dy-rounded-full dy-text-[10px] dy-font-bold dy-uppercase dy-tracking-wider dy-shrink-0", isPublished ? "dy-bg-emerald-100 dy-text-emerald-700 dy-border-emerald-200" : "dy-bg-amber-100 dy-text-amber-700 dy-border-amber-200"),
+							className: cn("dy-px-2 dy-py-0 dy-rounded-full dy-text-[10px] dy-font-bold dy-uppercase dy-tracking-wider dy-shrink-0", workflowBadgePresentation.className),
+							style: workflowBadgePresentation.style,
 							variant: "outline",
-							children: isPublished ? "Live" : "Draft"
+							children: statusBadgeLabel
 						})]
 					}),
 					/* @__PURE__ */ jsxs("div", {
@@ -12856,10 +12993,10 @@ function EditEntryPage() {
 							}),
 							workflowAvailable && /* @__PURE__ */ jsx(HeaderAction, {
 								icon: Workflow,
-								label: "Versions",
-								active: activeTab === "versions",
-								title: activeTab === "versions" ? "Hide Version History" : "Show Version History",
-								onClick: () => setActiveTab((tab) => tab === "versions" ? "edit" : "versions")
+								label: "Workflow",
+								active: activeTab === "workflow",
+								title: activeTab === "workflow" ? "Hide workflow transitions" : "Show workflow transitions",
+								onClick: () => setActiveTab((tab) => tab === "workflow" ? "edit" : "workflow")
 							}),
 							schema?.audit && isEdit && canReadAudit && /* @__PURE__ */ jsx(HeaderAction, {
 								icon: History,
@@ -12968,7 +13105,7 @@ function EditEntryPage() {
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "dy-space-y-4",
 						children: [
-							activeTab === "versions" && workflowAvailable && /* @__PURE__ */ jsx("div", {
+							activeTab === "workflow" && workflowAvailable && /* @__PURE__ */ jsx("div", {
 								className: "dy-animate-in dy-fade-in dy-duration-200 dy-max-w-3xl dy-mx-auto dy-py-6",
 								children: /* @__PURE__ */ jsx(WorkflowPanel, {
 									collection: slug,
@@ -13661,7 +13798,7 @@ function MediaPage({ collectionSlug, schema }) {
 					className: "dy-relative dy-w-full sm:dy-max-w-sm",
 					children: [/* @__PURE__ */ jsx(Search, { className: "dy-absolute dy-left-3 dy-top-1/2 dy--translate-y-1/2 dy-h-4 dy-w-4 dy-text-muted-foreground/60" }), /* @__PURE__ */ jsx(Input, {
 						placeholder: "Search assets by filename...",
-						className: "dy-pl-10 dy-h-11 dy-bg-card dy-border-border/60 dy-rounded-xl dy-shadow-sm focus-visible:dy-ring-primary/20",
+						className: "dy-pl-10 dy-h-11 dy-bg-card dy-border-border/60 dy-rounded-lg dy-shadow-sm focus-visible:dy-ring-primary/20",
 						value: search,
 						onChange: (e) => setSearch(e.target.value)
 					})]
@@ -13671,14 +13808,14 @@ function MediaPage({ collectionSlug, schema }) {
 						value: sortValue,
 						onValueChange: (v) => setSortValue(v),
 						children: [/* @__PURE__ */ jsxs(SelectTrigger, {
-							className: "dy-h-11 dy-w-full dy-rounded-xl dy-bg-card dy-border-border/60 dy-shadow-sm sm:dy-w-44",
+							className: "dy-h-11 dy-w-full dy-rounded-lg dy-bg-card dy-border-border/60 dy-shadow-sm sm:dy-w-44",
 							children: [/* @__PURE__ */ jsx(ArrowUpDown, { className: "dy-h-4 dy-w-4 dy-text-muted-foreground/70" }), /* @__PURE__ */ jsx(SelectValue, { placeholder: "Sort by" })]
 						}), /* @__PURE__ */ jsx(SelectContent, { children: SORT_OPTIONS.map((opt) => /* @__PURE__ */ jsx(SelectItem, {
 							value: opt.value,
 							children: opt.label
 						}, opt.value)) })]
 					}), /* @__PURE__ */ jsxs("div", {
-						className: "dy-flex dy-h-11 dy-items-center dy-rounded-xl dy-border dy-border-border/60 dy-bg-card dy-p-1 dy-shadow-sm",
+						className: "dy-flex dy-h-11 dy-items-center dy-rounded-lg dy-border dy-border-border/60 dy-bg-card dy-p-1 dy-shadow-sm",
 						children: [/* @__PURE__ */ jsx(Button, {
 							type: "button",
 							variant: "ghost",
@@ -13936,7 +14073,7 @@ function MediaCard({ item, baseUrl, onDelete, onClick, isSelected }) {
 	const previewUrl = getMediaPreviewUrl(item, baseUrl);
 	const hasPreview = (isImage || isExternalVideo) && !!previewUrl;
 	return /* @__PURE__ */ jsxs(Card, {
-		className: cn("dy-overflow-hidden dy-group dy-relative dy-border-border/40 dy-bg-card dy-shadow-sm hover:dy-shadow-xl dy-transition-all dy-duration-300 dy-rounded-xl dy-cursor-pointer", isSelected && "dy-ring-2 dy-ring-primary dy-ring-offset-2 dy-shadow-lg dy-scale-[0.98]"),
+		className: cn("dy-overflow-hidden dy-group dy-relative dy-border-border/40 dy-bg-card dy-shadow-sm hover:dy-shadow-xl dy-transition-all dy-duration-300 dy-rounded-lg dy-cursor-pointer", isSelected && "dy-ring-2 dy-ring-primary dy-ring-offset-2 dy-shadow-lg dy-scale-[0.98]"),
 		onClick,
 		children: [
 			/* @__PURE__ */ jsx(CardHeader, {
@@ -14071,7 +14208,7 @@ function MediaDetailsDialog({ item, collectionSlug, onClose, baseUrl, onUpdate,
 					children: [/* @__PURE__ */ jsx("div", {
 						className: "dy-relative dy-flex dy-w-full dy-flex-none dy-items-center dy-justify-center dy-border-b dy-border-border/40 dy-bg-muted/15 dy-p-3 sm:dy-p-5 md:dy-h-full md:dy-min-h-0 md:dy-w-3/5 md:dy-flex-shrink md:dy-border-b-0 md:dy-border-r lg:dy-w-2/3",
 						children: /* @__PURE__ */ jsx("div", {
-							className: "dy-relative dy-flex dy-h-[40dvh] dy-min-h-[220px] dy-max-h-80 dy-w-full dy-max-w-full dy-items-center dy-justify-center dy-overflow-hidden dy-rounded-xl dy-border dy-border-border/40 dy-bg-checkered dy-shadow-inner md:dy-h-full md:dy-max-h-full",
+							className: "dy-relative dy-flex dy-h-[40dvh] dy-min-h-[220px] dy-max-h-80 dy-w-full dy-max-w-full dy-items-center dy-justify-center dy-overflow-hidden dy-rounded-lg dy-border dy-border-border/40 dy-bg-checkered dy-shadow-inner md:dy-h-full md:dy-max-h-full",
 							children: embedUrl ? /* @__PURE__ */ jsx("iframe", {
 								src: embedUrl,
 								title: item.filename,
@@ -14119,7 +14256,7 @@ function MediaDetailsDialog({ item, collectionSlug, onClose, baseUrl, onUpdate,
 											className: "dy-text-xs dy-text-muted-foreground",
 											children: ["Uploaded on ", item.createdAt ? new Date(item.createdAt).toLocaleDateString() : "N/A"]
 										})] }), /* @__PURE__ */ jsxs("div", {
-											className: "dy-grid dy-grid-cols-2 dy-gap-x-4 dy-gap-y-3 dy-bg-muted/30 dy-p-3.5 dy-rounded-xl dy-border dy-border-border/40",
+											className: "dy-grid dy-grid-cols-2 dy-gap-x-4 dy-gap-y-3 dy-bg-muted/30 dy-p-3.5 dy-rounded-lg dy-border dy-border-border/40",
 											children: [
 												/* @__PURE__ */ jsxs("div", {
 													className: "dy-space-y-0.5",
@@ -14227,7 +14364,7 @@ function MediaDetailsDialog({ item, collectionSlug, onClose, baseUrl, onUpdate,
 						}), /* @__PURE__ */ jsxs("div", {
 							className: "dy-flex dy-flex-shrink-0 dy-flex-col dy-gap-3 dy-border-t dy-border-border/40 dy-bg-muted/5 dy-p-4 sm:dy-p-6",
 							children: [hasChanges && /* @__PURE__ */ jsx(Button, {
-								className: "dy-w-full dy-h-11 dy-rounded-xl dy-font-bold dy-bg-primary dy-text-card dy-shadow-lg dy-shadow-primary/20 dy-animate-in dy-fade-in dy-slide-in-from-bottom-2",
+								className: "dy-w-full dy-h-11 dy-rounded-lg dy-font-bold dy-bg-primary dy-text-card dy-shadow-lg dy-shadow-primary/20 dy-animate-in dy-fade-in dy-slide-in-from-bottom-2",
 								onClick: handleSave,
 								disabled: isSaving,
 								children: isSaving ? "Saving..." : "Save Changes"
@@ -14235,7 +14372,7 @@ function MediaDetailsDialog({ item, collectionSlug, onClose, baseUrl, onUpdate,
 								className: "dy-grid dy-grid-cols-2 dy-gap-2 sm:dy-flex",
 								children: [
 									collectionSlug && /* @__PURE__ */ jsx(Button, {
-										className: "dy-col-span-2 dy-h-11 dy-rounded-xl dy-font-bold dy-gap-2 dy-bg-card sm:dy-flex-1",
+										className: "dy-col-span-2 dy-h-11 dy-rounded-lg dy-font-bold dy-gap-2 dy-bg-card sm:dy-flex-1",
 										variant: "outline",
 										asChild: true,
 										children: /* @__PURE__ */ jsxs(Link, {
@@ -14244,7 +14381,7 @@ function MediaDetailsDialog({ item, collectionSlug, onClose, baseUrl, onUpdate,
 										})
 									}),
 									/* @__PURE__ */ jsx(Button, {
-										className: cn("dy-h-11 dy-rounded-xl dy-font-bold dy-gap-2 dy-bg-card", collectionSlug ? "dy-px-3" : "dy-flex-1"),
+										className: cn("dy-h-11 dy-rounded-lg dy-font-bold dy-gap-2 dy-bg-card", collectionSlug ? "dy-px-3" : "dy-flex-1"),
 										variant: "outline",
 										asChild: true,
 										title: "Open Original File",
@@ -14257,14 +14394,14 @@ function MediaDetailsDialog({ item, collectionSlug, onClose, baseUrl, onUpdate,
 									}),
 									isImage && item.mimeType !== "image/svg+xml" && /* @__PURE__ */ jsxs(Button, {
 										onClick: () => setIsCropOpen(true),
-										className: cn("dy-h-11 dy-rounded-xl dy-font-bold dy-gap-2 dy-bg-card", collectionSlug ? "dy-px-3" : "dy-flex-1"),
+										className: cn("dy-h-11 dy-rounded-lg dy-font-bold dy-gap-2 dy-bg-card", collectionSlug ? "dy-px-3" : "dy-flex-1"),
 										variant: "outline",
 										title: "Crop Image",
 										children: [/* @__PURE__ */ jsx(Scissors, { className: "dy-h-4 dy-w-4" }), !collectionSlug && "Crop"]
 									}),
 									onDelete && /* @__PURE__ */ jsx(Button, {
 										onClick: onDelete,
-										className: "dy-h-11 dy-px-4 dy-rounded-xl dy-text-destructive hover:dy-bg-destructive/10 hover:dy-text-destructive dy-transition-colors",
+										className: "dy-h-11 dy-px-4 dy-rounded-lg dy-text-destructive hover:dy-bg-destructive/10 hover:dy-text-destructive dy-transition-colors",
 										variant: "ghost",
 										title: "Delete Permanently",
 										children: /* @__PURE__ */ jsx(Trash2, { className: "dy-h-4 dy-w-4" })
@@ -14395,7 +14532,7 @@ function FileUploader({ collectionSlug, files, setFiles, onComplete }) {
 						/* @__PURE__ */ jsx("div", {
 							className: "dy-max-h-[240px] dy-overflow-auto dy-space-y-2 dy-pr-2 dy-custom-scrollbar",
 							children: files.map((file, idx) => /* @__PURE__ */ jsxs("div", {
-								className: "dy-flex dy-items-center dy-justify-between dy-p-3 dy-bg-muted/30 dy-border dy-border-border/40 dy-rounded-xl dy-text-sm dy-group dy-transition-colors hover:dy-bg-muted/50",
+								className: "dy-flex dy-items-center dy-justify-between dy-p-3 dy-bg-muted/30 dy-border dy-border-border/40 dy-rounded-lg dy-text-sm dy-group dy-transition-colors hover:dy-bg-muted/50",
 								children: [/* @__PURE__ */ jsxs("div", {
 									className: "dy-flex dy-items-center dy-gap-3 dy-truncate",
 									children: [/* @__PURE__ */ jsx("div", {
@@ -14426,7 +14563,7 @@ function FileUploader({ collectionSlug, files, setFiles, onComplete }) {
 							children: /* @__PURE__ */ jsx(Button, {
 								onClick: handleUpload,
 								disabled: uploading || files.length === 0,
-								className: "dy-w-full dy-h-12 dy-rounded-xl dy-bg-primary hover:dy-bg-primary/90 dy-text-card dy-font-bold dy-shadow-lg dy-shadow-primary/20 dy-transition-all active:dy-scale-[0.98]",
+								className: "dy-w-full dy-h-12 dy-rounded-lg dy-bg-primary hover:dy-bg-primary/90 dy-text-card dy-font-bold dy-shadow-lg dy-shadow-primary/20 dy-transition-all active:dy-scale-[0.98]",
 								children: uploading ? /* @__PURE__ */ jsxs("span", {
 									className: "dy-flex dy-items-center dy-gap-2",
 									children: [/* @__PURE__ */ jsx("div", { className: "dy-h-4 dy-w-4 dy-border-2 dy-border-card/30 dy-border-t-card dy-rounded-full dy-animate-spin" }), "Uploading Assets..."]
@@ -14471,7 +14608,7 @@ function FileUploader({ collectionSlug, files, setFiles, onComplete }) {
 						}), /* @__PURE__ */ jsx(Button, {
 							onClick: handleAddUrl,
 							disabled: addingUrl || !externalUrl.trim(),
-							className: "dy-h-12 dy-rounded-xl dy-bg-primary hover:dy-bg-primary/90 dy-text-card dy-font-bold dy-shadow-lg dy-shadow-primary/20 dy-transition-all active:dy-scale-[0.98] sm:dy-w-auto",
+							className: "dy-h-12 dy-rounded-lg dy-bg-primary hover:dy-bg-primary/90 dy-text-card dy-font-bold dy-shadow-lg dy-shadow-primary/20 dy-transition-all active:dy-scale-[0.98] sm:dy-w-auto",
 							children: addingUrl ? /* @__PURE__ */ jsxs("span", {
 								className: "dy-flex dy-items-center dy-gap-2",
 								children: [/* @__PURE__ */ jsx("div", { className: "dy-h-4 dy-w-4 dy-border-2 dy-border-card/30 dy-border-t-card dy-rounded-full dy-animate-spin" }), "Adding…"]
@@ -14672,7 +14809,7 @@ function SetupPromptUI({ config }) {
 		setCopied(true);
 		window.setTimeout(() => setCopied(false), 1800);
 	}
-	const currentVersion = "2.5.60";
+	const currentVersion = "2.5.63";
 	const [latestVersion, setLatestVersion] = useState(() => {
 		if (typeof window === "undefined") return null;
 		return localStorage.getItem("dyrected_latest_release");
@@ -15750,7 +15887,7 @@ function AdminUI({ apiKey, baseUrl = "/dyrected", siteId, onNavigate, isEmbedded
 				onNavigate,
 				isEmbedded
 			}) }) }), /* @__PURE__ */ jsx(Toaster$1, {
-				position: "top-right",
+				position: "top-center",
 				expand: true,
 				richColors: true
 			})] }) })
@@ -15796,7 +15933,7 @@ function AdminStandalone({ apiKey, baseUrl, siteId }) {
 			baseUrl,
 			siteId,
 			children: /* @__PURE__ */ jsx(AdminThemeProvider, { children: /* @__PURE__ */ jsxs(AdminThemedRoot, { children: [/* @__PURE__ */ jsx(QueryProvider, { children: /* @__PURE__ */ jsx(MemoryRouter, { children: /* @__PURE__ */ jsx(AdminRoutes, {}) }) }), /* @__PURE__ */ jsx(Toaster$1, {
-				position: "top-right",
+				position: "top-center",
 				expand: true,
 				richColors: true
 			})] }) })

package/dist/lib/workflow-badge.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from 'react';
+export declare const WORKFLOW_BADGE_COLORS: Record<string, string>;
+export declare function getWorkflowBadgePresentation(color?: string): {
+    className: string;
+    style?: CSSProperties;
+};

package/dist/providers/dyrected-provider.d.ts

@@ -7,6 +7,6 @@ export interface DyrectedProviderProps {
     siteId?: string;
     initialToken?: string;
     defaultTechStack?: string;
-    components?: DyrectedContextType['components'];
+    components?: DyrectedContextType["components"];
 }
-export declare function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBaseUrl, siteId: initialSiteId, initialToken, defaultTechStack, components }: DyrectedProviderProps): React.JSX.Element;
+export declare function DyrectedProvider({ children, apiKey: initialApiKey, baseUrl: initialBaseUrl, siteId: initialSiteId, initialToken, defaultTechStack, components, }: DyrectedProviderProps): React.JSX.Element;

package/dist/types/admin-components.d.ts

@@ -1,8 +1,9 @@
 import { ComponentType } from 'react';
-import { AdminConfig, CollectionConfig, GlobalConfig, PublicAdminAuthConfig } from '@dyrected/core';
+import { AdminConfig, Block, CollectionConfig, GlobalConfig, PublicAdminAuthConfig } from '@dyrected/core';
 import { DyrectedClient, PaginatedResult } from '@dyrected/sdk';
 /** All collection and global schemas returned by the backend, plus optional admin config. */
 export interface AdminSchemas {
+    blocks?: Block[];
     collections: CollectionConfig[];
     globals: GlobalConfig[];
     admin?: AdminConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dyrected/admin",
-  "version": "2.5.61",
+  "version": "2.5.63",
   "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.61",
-    "@dyrected/knowledge": "^0.2.13",
-    "@dyrected/sdk": "^2.5.61"
+    "@dyrected/core": "^2.5.63",
+    "@dyrected/sdk": "^2.5.63",
+    "@dyrected/knowledge": "^0.2.15"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",