@questpie/admin 3.5.3 → 3.5.5

package/dist/client/hooks/use-collection.mjs

@@ -1,7 +1,33 @@
 import { useQuestpieQueryOptions } from "./use-questpie-query-options.mjs";
+import { useEffect } from "react";
 import { useMutation, useQuery } from "@tanstack/react-query";
+import { buildCollectionTopic } from "@questpie/tanstack-query";
 
 //#region src/client/hooks/use-collection.ts
+function useCollectionRealtimeInvalidation({ client, collection, options, realtime, queryClient }) {
+	const topicSignature = JSON.stringify(collection ? buildCollectionTopic(collection, options) : null);
+	useEffect(() => {
+		if (!collection || !realtime) return;
+		const realtimeApi = client?.realtime;
+		if (!realtimeApi?.subscribe) return;
+		const topic = JSON.parse(topicSignature);
+		if (!topic) return;
+		return realtimeApi.subscribe(topic, () => {
+			queryClient.invalidateQueries({ queryKey: [
+				"questpie",
+				"collections",
+				"collections",
+				collection
+			] });
+		});
+	}, [
+		client,
+		collection,
+		queryClient,
+		realtime,
+		topicSignature
+	]);
+}
 /**
 * Hook to fetch collection list with filters, sorting, pagination
 *
@@ -14,24 +40,32 @@ import { useMutation, useQuery } from "@tanstack/react-query";
 * ```
 */
 function useCollectionList(collection, options, queryOptions, realtimeOptions) {
-	const { queryOpts, locale } = useQuestpieQueryOptions();
+	const { queryOpts, queryClient, locale, client } = useQuestpieQueryOptions();
 	const findOptions = {
 		...options,
 		locale
 	};
+	const baseQuery = collection ? queryOpts.collections[collection].find(findOptions, { realtime: realtimeOptions?.realtime }) : {
+		queryKey: [
+			"questpie",
+			"collections",
+			"__none__",
+			"find"
+		],
+		queryFn: () => ({
+			docs: [],
+			totalDocs: 0
+		})
+	};
+	useCollectionRealtimeInvalidation({
+		client,
+		collection: collection ? String(collection) : void 0,
+		options: findOptions,
+		realtime: realtimeOptions?.realtime,
+		queryClient
+	});
 	return useQuery({
-		...collection ? queryOpts.collections[collection].find(findOptions, { realtime: realtimeOptions?.realtime }) : {
-			queryKey: [
-				"questpie",
-				"collections",
-				"__none__",
-				"find"
-			],
-			queryFn: () => ({
-				docs: [],
-				totalDocs: 0
-			})
-		},
+		...baseQuery,
 		enabled: !!collection && (queryOptions?.enabled ?? true),
 		...queryOptions
 	});
@@ -54,21 +88,29 @@ function useCollectionList(collection, options, queryOptions, realtimeOptions) {
 * ```
 */
 function useCollectionCount(collection, options, queryOptions, realtimeOptions) {
-	const { queryOpts, locale } = useQuestpieQueryOptions();
+	const { queryOpts, queryClient, locale, client } = useQuestpieQueryOptions();
 	const countOptions = {
 		...options,
 		locale
 	};
+	const baseQuery = collection ? queryOpts.collections[collection].count(countOptions, { realtime: realtimeOptions?.realtime }) : {
+		queryKey: [
+			"questpie",
+			"collections",
+			"__none__",
+			"count"
+		],
+		queryFn: () => 0
+	};
+	useCollectionRealtimeInvalidation({
+		client,
+		collection: collection ? String(collection) : void 0,
+		options: countOptions,
+		realtime: realtimeOptions?.realtime,
+		queryClient
+	});
 	return useQuery({
-		...collection ? queryOpts.collections[collection].count(countOptions, { realtime: realtimeOptions?.realtime }) : {
-			queryKey: [
-				"questpie",
-				"collections",
-				"__none__",
-				"count"
-			],
-			queryFn: () => 0
-		},
+		...baseQuery,
 		enabled: !!collection && (queryOptions?.enabled ?? true),
 		...queryOptions
 	});

package/dist/client/hooks/use-upload.d.mts

@@ -0,0 +1,40 @@
+//#region src/client/hooks/use-upload.d.ts
+interface Asset {
+  id: string;
+  key: string;
+  filename: string;
+  mimeType: string;
+  size: number;
+  visibility: "public" | "private";
+  url?: string;
+  width?: number | null;
+  height?: number | null;
+  alt?: string | null;
+  caption?: string | null;
+  createdAt?: string;
+  updatedAt?: string;
+}
+interface UploadOptions {
+  to?: string;
+  /**
+   * Optional destination path/folder forwarded to the collection's upload so a
+   * blob upload lands inside a folder (e.g. an `assets` row's required `path`).
+   */
+  path?: string;
+  onProgress?: (progress: number) => void;
+  signal?: AbortSignal;
+}
+interface UploadManyOptions extends UploadOptions {
+  onProgress?: (progress: number, fileIndex?: number) => void;
+}
+interface UseUploadReturn {
+  upload: (file: File, options?: UploadOptions) => Promise<Asset>;
+  uploadMany: (files: File[], options?: UploadManyOptions) => Promise<Asset[]>;
+  isUploading: boolean;
+  progress: number;
+  error: Error | null;
+  reset: () => void;
+}
+declare function useUpload(): UseUploadReturn;
+//#endregion
+export { Asset, useUpload };

package/dist/client/hooks/use-upload.mjs

@@ -29,7 +29,7 @@ function useUpload() {
 	}, [uploadCollections]);
 	const uploadMutation = useMutation({
 		mutationFn: async ({ file, options }) => {
-			const { to, onProgress, signal } = options ?? {};
+			const { to, path, onProgress, signal } = options ?? {};
 			const targetCollection = resolveTargetCollection(to);
 			if (!targetCollection) throw new Error(getMissingCollectionMessage());
 			const collectionApi = client.collections[targetCollection];
@@ -38,6 +38,7 @@ function useUpload() {
 			return {
 				asset: await collectionApi.upload(file, {
 					signal,
+					path,
 					onProgress: (p) => {
 						setProgress(p);
 						onProgress?.(p);
@@ -56,7 +57,7 @@ function useUpload() {
 	});
 	const uploadManyMutation = useMutation({
 		mutationFn: async ({ files, options }) => {
-			const { to, onProgress, signal } = options ?? {};
+			const { to, path, onProgress, signal } = options ?? {};
 			const targetCollection = resolveTargetCollection(to);
 			if (!targetCollection) throw new Error(getMissingCollectionMessage());
 			if (files.length === 0) return {
@@ -68,6 +69,7 @@ function useUpload() {
 			setProgress(0);
 			const results = await collectionApi.uploadMany(files, {
 				signal,
+				path,
 				onProgress: (p, fileIndex) => {
 					setProgress(p);
 					onProgress?.(p, fileIndex);

package/dist/client/i18n/hooks.d.mts

@@ -0,0 +1,20 @@
+import { I18nText } from "./types.mjs";
+import "react";
+import "date-fns";
+
+//#region src/client/i18n/hooks.d.ts
+
+/**
+ * Resolve I18nText to string
+ *
+ * @example
+ * ```tsx
+ * function Label({ text }: { text: I18nText }) {
+ *   const resolve = useResolveText();
+ *   return <span>{resolve(text)}</span>;
+ * }
+ * ```
+ */
+declare function useResolveText(): (text: I18nText | ((values: Record<string, any>) => I18nText) | undefined, fallback?: string, contextValues?: Record<string, any>) => string;
+//#endregion
+export { useResolveText };

package/dist/client/lib/utils.d.mts

@@ -0,0 +1,6 @@
+import { ClassValue } from "clsx";
+
+//#region src/client/lib/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { cn };

package/dist/client/preview/block-scope-context.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime59 from "react/jsx-runtime";
 
 //#region src/client/preview/block-scope-context.d.ts
 
@@ -35,7 +35,7 @@ declare function BlockScopeProvider({
   blockId,
   basePath,
   children
-}: BlockScopeProviderProps): react_jsx_runtime21.JSX.Element;
+}: BlockScopeProviderProps): react_jsx_runtime59.JSX.Element;
 /**
  * Get current block scope context.
  *

package/dist/client/preview/preview-banner.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime58 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-banner.d.ts
 
@@ -40,6 +40,6 @@ declare function PreviewBanner({
   isPreviewMode,
   className,
   exitPreviewUrl
-}: PreviewBannerProps): react_jsx_runtime22.JSX.Element | null;
+}: PreviewBannerProps): react_jsx_runtime58.JSX.Element | null;
 //#endregion
 export { PreviewBanner, PreviewBannerProps };

package/dist/client/preview/preview-field.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime55 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-field.d.ts
 
@@ -68,7 +68,7 @@ declare function PreviewProvider({
   }) => void;
   onFieldValueEdited?: (payload: PreviewFieldValueEditedPayload) => void;
   children: React.ReactNode;
-}): react_jsx_runtime23.JSX.Element;
+}): react_jsx_runtime55.JSX.Element;
 /**
  * Hook to access preview context.
  */
@@ -107,7 +107,7 @@ declare function PreviewField({
   style,
   onClick,
   onValueCommit
-}: PreviewFieldProps): react_jsx_runtime23.JSX.Element;
+}: PreviewFieldProps): react_jsx_runtime55.JSX.Element;
 /**
  * Standalone PreviewField that works without context.
  * Useful when you can't use PreviewProvider.
@@ -131,6 +131,6 @@ declare function StandalonePreviewField({
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
-}): react_jsx_runtime23.JSX.Element;
+}): react_jsx_runtime55.JSX.Element;
 //#endregion
 export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };

package/dist/client/runtime/provider.mjs

@@ -19,6 +19,13 @@ const CONTENT_LOCALE_COOKIE = "questpie_content_locale";
 /** Cookie max age (1 year) */
 const LOCALE_COOKIE_MAX_AGE = 3600 * 24 * 365;
 const LEGACY_LOCALE_COOKIE = "questpie_locale";
+const PUBLIC_BRANDING_PATHS = [
+	"/login",
+	"/forgot-password",
+	"/reset-password",
+	"/accept-invite",
+	"/setup"
+];
 function setCookie(name, value) {
 	if (typeof document === "undefined") return;
 	document.cookie = `${name}=${value}; path=/; max-age=${LOCALE_COOKIE_MAX_AGE}; SameSite=Lax`;
@@ -201,13 +208,25 @@ function applyFavicon(href) {
 	}
 	link.href = href;
 }
+function isPublicBrandingPath(basePath) {
+	if (typeof window === "undefined") return false;
+	const currentPath = window.location.pathname.replace(/\/+$/, "");
+	const normalizedBase = basePath.replace(/\/+$/, "");
+	return PUBLIC_BRANDING_PATHS.some((path) => {
+		const fullPath = `${normalizedBase}${path}`.replace(/\/+$/, "");
+		return currentPath === fullPath || currentPath.startsWith(`${fullPath}/`);
+	});
+}
 function BrandingSync() {
 	const store = useContext(AdminStoreContext);
 	useEffect(() => {
 		if (!store) return;
-		const client = store.getState().client;
-		if (!client || !client.routes?.getAdminConfig) return;
-		client.routes.getAdminConfig().then((config) => {
+		const state = store.getState();
+		const routes = state.client?.routes;
+		if (!routes) return;
+		const configRequest = isPublicBrandingPath(state.basePath) && typeof routes.getPublicAdminConfig === "function" ? routes.getPublicAdminConfig() : routes.getAdminConfig?.();
+		if (!configRequest) return;
+		configRequest.then((config) => {
 			const branding = config?.branding;
 			if (!branding) return;
 			const next = {};

package/dist/client/scope/picker.d.mts

@@ -1,5 +1,5 @@
 import { ScopePickerProps } from "./types.mjs";
-import * as react_jsx_runtime26 from "react/jsx-runtime";
+import * as react_jsx_runtime61 from "react/jsx-runtime";
 
 //#region src/client/scope/picker.d.ts
 
@@ -48,6 +48,6 @@ declare function ScopePicker({
   clearText,
   className,
   compact
-}: ScopePickerProps): react_jsx_runtime26.JSX.Element;
+}: ScopePickerProps): react_jsx_runtime61.JSX.Element;
 //#endregion
 export { ScopePicker };

package/dist/client/scope/provider.d.mts

@@ -1,5 +1,5 @@
 import { ScopeContextValue, ScopeProviderProps } from "./types.mjs";
-import * as react_jsx_runtime27 from "react/jsx-runtime";
+import * as react_jsx_runtime60 from "react/jsx-runtime";
 
 //#region src/client/scope/provider.d.ts
 
@@ -29,7 +29,7 @@ declare function ScopeProvider({
   headerName,
   storageKey,
   defaultScope
-}: ScopeProviderProps): react_jsx_runtime27.JSX.Element;
+}: ScopeProviderProps): react_jsx_runtime60.JSX.Element;
 /**
  * Hook to access the current scope context.
  *

package/dist/client/styles/base.css

@@ -596,29 +596,31 @@
 	padding: 0;
 }
 
-/* Slash command menu — generous spacing */
+/* Slash command menu — compact command density */
 .qp-rich-text-editor__slash {
 	display: flex;
 	flex-direction: column;
-	gap: 0.25rem;
-	min-width: 300px;
-	max-width: min(380px, calc(100vw - 2rem));
-	padding: 0.5rem;
+	gap: 0.125rem;
+	min-width: 280px;
+	max-width: min(340px, calc(100vw - 2rem));
+	max-height: min(19rem, calc(100vh - 4rem));
+	overflow-y: auto;
+	padding: 0.375rem;
 }
 
 .qp-rich-text-editor__slash-item {
 	display: flex;
 	width: 100%;
-	min-height: 3rem;
+	min-height: 2.25rem;
 	align-items: center;
-	gap: 0.75rem;
+	gap: 0.5rem;
 	border: 1px solid transparent;
-	border-radius: var(--control-radius-inner);
+	border-radius: var(--radius-sm);
 	background: transparent;
-	padding: 0.5rem 0.625rem;
+	padding: 0.3125rem 0.5rem;
 	color: var(--foreground);
 	font-size: 0.8125rem;
-	line-height: 1.3;
+	line-height: 1.2;
 	text-align: left;
 	transition:
 		background-color 150ms ease,
@@ -635,8 +637,8 @@
 
 .qp-rich-text-editor__slash-icon {
 	display: inline-flex;
-	width: 2.25rem;
-	height: 2.25rem;
+	width: 1.5rem;
+	height: 1.5rem;
 	flex: 0 0 auto;
 	align-items: center;
 	justify-content: center;
@@ -651,25 +653,27 @@
 	min-width: 0;
 	flex: 1;
 	flex-direction: column;
-	gap: 0.125rem;
+	gap: 0.0625rem;
 }
 
 .qp-rich-text-editor__slash-title {
 	font-family: var(--font-chrome);
-	font-weight: 600;
+	font-weight: 500;
 }
 
 .qp-rich-text-editor__slash-description {
 	color: var(--muted-foreground);
+	font-size: 0.6875rem;
+	line-height: 1.25;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
 
 .qp-rich-text-editor__slash-group {
-	padding: 0.375rem 0.625rem 0.125rem;
+	padding: 0.3125rem 0.5rem 0.125rem;
 	font-family: var(--font-chrome);
-	font-size: 0.6875rem;
+	font-size: 0.625rem;
 	font-weight: 600;
 	letter-spacing: 0.04em;
 	text-transform: uppercase;
@@ -677,7 +681,7 @@
 }
 
 .qp-rich-text-editor__slash-empty {
-	padding: 0.75rem;
+	padding: 0.625rem;
 	font-size: 0.8125rem;
 	color: var(--muted-foreground);
 }
@@ -706,7 +710,7 @@
 	}
 
 	.qp-rich-text-editor__slash {
-		min-width: min(300px, calc(100vw - 2rem));
+		min-width: min(280px, calc(100vw - 2rem));
 	}
 }
 

package/dist/client/utils/asset-url.mjs

@@ -0,0 +1,27 @@
+//#region src/client/utils/asset-url.ts
+const STORAGE_FILE_PATH_PATTERN = /^\/api\/[^/]+\/files(?:\/|$)/;
+function isStorageFilePath(pathname) {
+	return STORAGE_FILE_PATH_PATTERN.test(pathname);
+}
+function currentOrigin() {
+	if (typeof window === "undefined" || !window.location?.origin) return null;
+	return window.location.origin;
+}
+function resolveAssetUrl(url) {
+	if (typeof url !== "string") return void 0;
+	const trimmed = url.trim();
+	if (!trimmed) return void 0;
+	if (trimmed.startsWith("/")) return trimmed;
+	const origin = currentOrigin();
+	if (!origin) return trimmed;
+	try {
+		const parsed = new URL(trimmed);
+		if (isStorageFilePath(parsed.pathname) && parsed.origin === origin) return `${parsed.pathname}${parsed.search}${parsed.hash}`;
+	} catch {
+		return trimmed;
+	}
+	return trimmed;
+}
+
+//#endregion
+export { resolveAssetUrl };

package/dist/client/views/auth/accept-invite-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/client/views/auth/accept-invite-form.d.ts
 /**
@@ -67,6 +67,6 @@ declare function AcceptInviteForm({
   className,
   error,
   minPasswordLength
-}: AcceptInviteFormProps): react_jsx_runtime0.JSX.Element;
+}: AcceptInviteFormProps): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { AcceptInviteForm };

package/dist/client/views/auth/auth-layout.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime35 from "react/jsx-runtime";
 
 //#region src/client/views/auth/auth-layout.d.ts
 
@@ -26,7 +26,7 @@ declare function AuthDefaultLogo({
   brandName
 }: {
   brandName: string;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime35.JSX.Element;
 /**
  * Minimal split layout for authentication pages (login, register, forgot password, etc.)
  *
@@ -50,6 +50,6 @@ declare function AuthDefaultLogo({
  * </AuthLayout>
  * ```
  */
-declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime1.JSX.Element;
+declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime35.JSX.Element;
 //#endregion
 export { AuthDefaultLogo, AuthLayout, AuthLayoutProps };

package/dist/client/views/auth/forgot-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
 
 //#region src/client/views/auth/forgot-password-form.d.ts
 /**
@@ -53,6 +53,6 @@ declare function ForgotPasswordForm({
   defaultValues,
   className,
   error
-}: ForgotPasswordFormProps): react_jsx_runtime3.JSX.Element;
+}: ForgotPasswordFormProps): react_jsx_runtime37.JSX.Element;
 //#endregion
 export { ForgotPasswordForm };

package/dist/client/views/auth/login-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime38 from "react/jsx-runtime";
 
 //#region src/client/views/auth/login-form.d.ts
 /**
@@ -70,6 +70,6 @@ declare function LoginForm({
   className,
   error,
   minPasswordLength
-}: LoginFormProps): react_jsx_runtime4.JSX.Element;
+}: LoginFormProps): react_jsx_runtime38.JSX.Element;
 //#endregion
 export { LoginForm };

package/dist/client/views/auth/reset-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime39 from "react/jsx-runtime";
 
 //#region src/client/views/auth/reset-password-form.d.ts
 /**
@@ -60,6 +60,6 @@ declare function ResetPasswordForm({
   minPasswordLength,
   className,
   error
-}: ResetPasswordFormProps): react_jsx_runtime5.JSX.Element;
+}: ResetPasswordFormProps): react_jsx_runtime39.JSX.Element;
 //#endregion
 export { ResetPasswordForm };

package/dist/client/views/auth/setup-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime40 from "react/jsx-runtime";
 
 //#region src/client/views/auth/setup-form.d.ts
 /**
@@ -55,6 +55,6 @@ declare function SetupForm({
   className,
   error,
   minPasswordLength
-}: SetupFormProps): react_jsx_runtime6.JSX.Element;
+}: SetupFormProps): react_jsx_runtime40.JSX.Element;
 //#endregion
 export { SetupForm, SetupFormValues };

package/dist/client/views/collection/auto-form-fields.mjs

@@ -274,18 +274,18 @@ function SectionLayoutRenderer({ section, index, fields, collection, mode = "col
 		const value = `section-${index}`;
 		return /* @__PURE__ */ jsx(Accordion, {
 			defaultValue: section.defaultCollapsed !== true ? [value] : [],
-			className: "w-full",
+			className: "qa-form-fields__section qa-form-fields__section--collapsible panel-surface bg-card overflow-hidden",
 			children: /* @__PURE__ */ jsxs(AccordionItem, {
 				value,
-				className: "border-transparent px-4",
+				className: "border-none px-0 data-open:bg-transparent",
 				children: [/* @__PURE__ */ jsx(AccordionTrigger, {
-					className: "hover:no-underline",
+					className: "hover:bg-surface-low aria-expanded:bg-surface-low min-h-12 px-4 py-3 hover:no-underline",
 					children: /* @__PURE__ */ jsx("span", {
 						className: "font-semibold",
 						children: resolveText(section.label, "Section", formValues)
 					})
 				}), /* @__PURE__ */ jsxs(AccordionContent, {
-					className: "pt-2 pb-4",
+					className: "border-border-subtle border-t px-4 pt-3 pb-4",
 					children: [section.description && /* @__PURE__ */ jsx("p", {
 						className: "text-muted-foreground mb-4 text-sm text-pretty",
 						children: resolveText(section.description, "", formValues)

package/dist/client/views/collection/cells/shared/asset-thumbnail.d.mts

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+
+//#region src/client/views/collection/cells/shared/asset-thumbnail.d.ts
+
+declare function getFileIcon(mimeType?: string): string;
+//#endregion
+export { getFileIcon };

package/dist/client/views/collection/cells/shared/asset-thumbnail.mjs

@@ -1,5 +1,6 @@
 import { cn } from "../../../../lib/utils.mjs";
 import { Button } from "../../../../components/ui/button.mjs";
+import { resolveAssetUrl } from "../../../../utils/asset-url.mjs";
 import { Icon } from "@iconify/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -51,7 +52,7 @@ function AssetThumbnail({ asset, size = "sm", showFilename = false, showControls
 		})
 	});
 	const assetObj = asset;
-	const url = assetObj.url;
+	const url = resolveAssetUrl(assetObj.url);
 	const filename = assetObj.filename;
 	const mimeType = assetObj.mimeType;
 	const alt = assetObj.alt;
@@ -223,4 +224,4 @@ function AssetThumbnail({ asset, size = "sm", showFilename = false, showControls
 }
 
 //#endregion
-export { AssetThumbnail };
+export { AssetThumbnail, getFileIcon };

package/dist/client/views/collection/cells/shared/cell-helpers.mjs

@@ -1,4 +1,5 @@
 import { formatLabel } from "../../../../lib/utils.mjs";
+import { resolveAssetUrl } from "../../../../utils/asset-url.mjs";
 
 //#region src/client/views/collection/cells/shared/cell-helpers.ts
 function getNestedValue(item, path) {
@@ -15,9 +16,9 @@ function toImageUrl(value) {
 	if (!value || typeof value !== "object") return null;
 	const obj = value;
 	const url = obj.url;
-	if (typeof url === "string" && url.length > 0) return url;
+	if (typeof url === "string" && url.length > 0) return resolveAssetUrl(url) ?? null;
 	const src = obj.src;
-	if (typeof src === "string" && src.length > 0) return src;
+	if (typeof src === "string" && src.length > 0) return resolveAssetUrl(src) ?? null;
 	return null;
 }
 /**