@questpie/admin 3.1.0 → 3.2.1

package/dist/client/components/widgets/chart-widget.mjs

@@ -1,5 +1,7 @@
 import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { formatLabel } from "../../lib/utils.mjs";
+import { resolveOptionLabelForValue } from "../primitives/option-label.mjs";
+import { useCollectionFields } from "../../hooks/use-collection-fields.mjs";
 import { useCollectionList } from "../../hooks/use-collection.mjs";
 import { WidgetCard } from "../../views/dashboard/widget-card.mjs";
 import { useServerWidgetData } from "../../hooks/use-server-widget-data.mjs";
@@ -75,10 +77,10 @@ function _temp(entry) {
 	}, String(entry.name));
 }
 function ChartWidget(t0) {
-	const $ = c(56);
+	const $ = c(63);
 	const { config } = t0;
 	const resolveText = useResolveText();
-	const { t } = useTranslation();
+	const { t, locale } = useTranslation();
 	const { collection, field, chartType: t1, timeRange: t2, label, color: t3, showGrid: t4, realtime, hasLoader, refreshInterval } = config;
 	const chartType = t1 === void 0 ? "area" : t1;
 	const timeRange = t2 === void 0 ? "30d" : t2;
@@ -96,126 +98,149 @@ function ChartWidget(t0) {
 		$[2] = t6;
 	} else t6 = $[2];
 	const serverQuery = useServerWidgetData(config.id, t6);
-	let t7;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		t7 = { limit: 1e3 };
+	const t7 = !!collection && !hasLoader;
+	let t8;
+	if ($[3] !== t7) {
+		t8 = { schemaQueryOptions: { enabled: t7 } };
 		$[3] = t7;
-	} else t7 = $[3];
-	const t8 = !hasLoader;
-	let t9;
-	if ($[4] !== t8) {
-		t9 = { enabled: t8 };
 		$[4] = t8;
+	} else t8 = $[4];
+	const { fields } = useCollectionFields(collection, t8);
+	const fieldDef = fields[field];
+	const fieldType = fieldDef?.name;
+	const selectOptions = fieldDef?.["~options"]?.options;
+	let t9;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = { limit: 1e3 };
 		$[5] = t9;
 	} else t9 = $[5];
-	let t10;
-	if ($[6] !== realtime) {
-		t10 = { realtime };
-		$[6] = realtime;
-		$[7] = t10;
-	} else t10 = $[7];
-	const collectionQuery = useCollectionList(collection, t7, t9, t10);
-	const { isLoading, error, refetch, isFetching } = hasLoader ? serverQuery : collectionQuery;
+	const t10 = !hasLoader;
 	let t11;
+	if ($[6] !== t10) {
+		t11 = { enabled: t10 };
+		$[6] = t10;
+		$[7] = t11;
+	} else t11 = $[7];
+	let t12;
+	if ($[8] !== realtime) {
+		t12 = { realtime };
+		$[8] = realtime;
+		$[9] = t12;
+	} else t12 = $[9];
+	const collectionQuery = useCollectionList(collection, t9, t11, t12);
+	const { isLoading, error, refetch, isFetching } = hasLoader ? serverQuery : collectionQuery;
+	let t13;
 	bb0: {
 		if (hasLoader) {
-			let t12$2;
-			if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-				t12$2 = [];
-				$[8] = t12$2;
-			} else t12$2 = $[8];
-			t11 = t12$2;
+			let t14$2;
+			if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+				t14$2 = [];
+				$[10] = t14$2;
+			} else t14$2 = $[10];
+			t13 = t14$2;
 			break bb0;
 		}
-		let t12$1;
-		if ($[9] !== collectionQuery.data) {
-			t12$1 = Array.isArray(collectionQuery.data?.docs) ? collectionQuery.data.docs : [];
-			$[9] = collectionQuery.data;
-			$[10] = t12$1;
-		} else t12$1 = $[10];
-		t11 = t12$1;
+		let t14$1;
+		if ($[11] !== collectionQuery.data) {
+			t14$1 = Array.isArray(collectionQuery.data?.docs) ? collectionQuery.data.docs : [];
+			$[11] = collectionQuery.data;
+			$[12] = t14$1;
+		} else t14$1 = $[12];
+		t13 = t14$1;
 	}
-	const collectionItems = t11;
-	let t12;
-	if ($[11] !== collection || $[12] !== config.title || $[13] !== field || $[14] !== label || $[15] !== resolveText) {
-		t12 = config.title ? resolveText(config.title) : label ? resolveText(label) : `${formatLabel(collection)} by ${field}`;
-		$[11] = collection;
-		$[12] = config.title;
-		$[13] = field;
-		$[14] = label;
-		$[15] = resolveText;
-		$[16] = t12;
-	} else t12 = $[16];
-	const displayLabel = t12;
-	let t13;
+	const collectionItems = t13;
+	let t14;
+	if ($[13] !== collection || $[14] !== config.title || $[15] !== field || $[16] !== label || $[17] !== resolveText) {
+		t14 = config.title ? resolveText(config.title) : label ? resolveText(label) : `${formatLabel(collection)} by ${field}`;
+		$[13] = collection;
+		$[14] = config.title;
+		$[15] = field;
+		$[16] = label;
+		$[17] = resolveText;
+		$[18] = t14;
+	} else t14 = $[18];
+	const displayLabel = t14;
+	let t15;
 	bb1: {
 		if (hasLoader) {
-			let t14$2;
-			if ($[17] !== serverQuery.data) {
-				t14$2 = serverQuery.data ?? [];
-				$[17] = serverQuery.data;
-				$[18] = t14$2;
-			} else t14$2 = $[18];
-			t13 = t14$2;
+			let t16$2;
+			if ($[19] !== serverQuery.data) {
+				t16$2 = serverQuery.data ?? [];
+				$[19] = serverQuery.data;
+				$[20] = t16$2;
+			} else t16$2 = $[20];
+			t15 = t16$2;
 			break bb1;
 		}
 		if (!collectionItems.length) {
-			let t14$2;
-			if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
-				t14$2 = [];
-				$[19] = t14$2;
-			} else t14$2 = $[19];
-			t13 = t14$2;
+			let t16$2;
+			if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+				t16$2 = [];
+				$[21] = t16$2;
+			} else t16$2 = $[21];
+			t15 = t16$2;
 			break bb1;
 		}
-		let t14$1;
-		if ($[20] !== collectionItems || $[21] !== field || $[22] !== timeRange) {
+		let t16$1;
+		if ($[22] !== collectionItems || $[23] !== field || $[24] !== fieldType || $[25] !== locale || $[26] !== resolveText || $[27] !== selectOptions || $[28] !== t || $[29] !== timeRange) {
 			const grouped = collectionItems.reduce((acc, item) => {
 				const value = item[field];
 				if (value === void 0 || value === null) return acc;
 				let key;
-				if (value instanceof Date || !isNaN(Date.parse(value))) key = formatDateForRange(new Date(value), timeRange);
+				if (fieldType === "select") key = resolveOptionLabelForValue({
+					value,
+					options: selectOptions,
+					resolveText,
+					t,
+					locale
+				});
+				else if (value instanceof Date || !isNaN(Date.parse(value))) key = formatDateForRange(new Date(value), timeRange);
 				else key = String(value);
 				acc[key] = (acc[key] || 0) + 1;
 				return acc;
 			}, {});
-			t14$1 = Object.entries(grouped).map(_temp2).sort(_temp3);
-			$[20] = collectionItems;
-			$[21] = field;
-			$[22] = timeRange;
-			$[23] = t14$1;
-		} else t14$1 = $[23];
-		t13 = t14$1;
+			t16$1 = Object.entries(grouped).map(_temp2).sort(_temp3);
+			$[22] = collectionItems;
+			$[23] = field;
+			$[24] = fieldType;
+			$[25] = locale;
+			$[26] = resolveText;
+			$[27] = selectOptions;
+			$[28] = t;
+			$[29] = timeRange;
+			$[30] = t16$1;
+		} else t16$1 = $[30];
+		t15 = t16$1;
 	}
-	const chartData = t13;
-	let t14;
-	if ($[24] !== t) {
-		t14 = t("widget.chart.emptyTitle");
-		$[24] = t;
-		$[25] = t14;
-	} else t14 = $[25];
-	let t15;
-	if ($[26] !== t) {
-		t15 = t("widget.chart.emptyDescription");
-		$[26] = t;
-		$[27] = t15;
-	} else t15 = $[27];
+	const chartData = t15;
 	let t16;
-	if ($[28] !== t14 || $[29] !== t15) {
-		t16 = /* @__PURE__ */ jsx(WidgetEmptyState, {
+	if ($[31] !== t) {
+		t16 = t("widget.chart.emptyTitle");
+		$[31] = t;
+		$[32] = t16;
+	} else t16 = $[32];
+	let t17;
+	if ($[33] !== t) {
+		t17 = t("widget.chart.emptyDescription");
+		$[33] = t;
+		$[34] = t17;
+	} else t17 = $[34];
+	let t18;
+	if ($[35] !== t16 || $[36] !== t17) {
+		t18 = /* @__PURE__ */ jsx(WidgetEmptyState, {
 			iconName: "ph:chart-line",
-			title: t14,
-			description: t15,
+			title: t16,
+			description: t17,
 			className: "min-h-48"
 		});
-		$[28] = t14;
-		$[29] = t15;
-		$[30] = t16;
-	} else t16 = $[30];
-	const emptyContent = t16;
-	let t17;
-	if ($[31] !== chartData || $[32] !== chartType || $[33] !== color || $[34] !== emptyContent || $[35] !== showGrid) {
-		t17 = chartData.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {
+		$[35] = t16;
+		$[36] = t17;
+		$[37] = t18;
+	} else t18 = $[37];
+	const emptyContent = t18;
+	let t19;
+	if ($[38] !== chartData || $[39] !== chartType || $[40] !== color || $[41] !== emptyContent || $[42] !== showGrid) {
+		t19 = chartData.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {
 			className: "h-48 w-full",
 			children: /* @__PURE__ */ jsx(ResponsiveContainer, {
 				width: "100%",
@@ -228,67 +253,67 @@ function ChartWidget(t0) {
 				})
 			})
 		});
-		$[31] = chartData;
-		$[32] = chartType;
-		$[33] = color;
-		$[34] = emptyContent;
-		$[35] = showGrid;
-		$[36] = t17;
-	} else t17 = $[36];
-	const chartContent = t17;
-	let t18;
-	if ($[37] !== config.description || $[38] !== resolveText) {
-		t18 = config.description ? resolveText(config.description) : void 0;
-		$[37] = config.description;
-		$[38] = resolveText;
-		$[39] = t18;
-	} else t18 = $[39];
-	const t19 = isFetching && !isLoading;
+		$[38] = chartData;
+		$[39] = chartType;
+		$[40] = color;
+		$[41] = emptyContent;
+		$[42] = showGrid;
+		$[43] = t19;
+	} else t19 = $[43];
+	const chartContent = t19;
 	let t20;
-	if ($[40] === Symbol.for("react.memo_cache_sentinel")) {
-		t20 = /* @__PURE__ */ jsx(ChartWidgetSkeleton, {});
-		$[40] = t20;
-	} else t20 = $[40];
-	let t21;
-	if ($[41] !== error) {
-		t21 = error instanceof Error ? error : error ? new Error(String(error)) : null;
-		$[41] = error;
-		$[42] = t21;
-	} else t21 = $[42];
+	if ($[44] !== config.description || $[45] !== resolveText) {
+		t20 = config.description ? resolveText(config.description) : void 0;
+		$[44] = config.description;
+		$[45] = resolveText;
+		$[46] = t20;
+	} else t20 = $[46];
+	const t21 = isFetching && !isLoading;
 	let t22;
-	if ($[43] !== refetch) {
-		t22 = () => refetch();
-		$[43] = refetch;
-		$[44] = t22;
-	} else t22 = $[44];
+	if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
+		t22 = /* @__PURE__ */ jsx(ChartWidgetSkeleton, {});
+		$[47] = t22;
+	} else t22 = $[47];
 	let t23;
-	if ($[45] !== chartContent || $[46] !== config.actions || $[47] !== config.cardVariant || $[48] !== config.className || $[49] !== displayLabel || $[50] !== isLoading || $[51] !== t18 || $[52] !== t19 || $[53] !== t21 || $[54] !== t22) {
-		t23 = /* @__PURE__ */ jsx(WidgetCard, {
+	if ($[48] !== error) {
+		t23 = error instanceof Error ? error : error ? new Error(String(error)) : null;
+		$[48] = error;
+		$[49] = t23;
+	} else t23 = $[49];
+	let t24;
+	if ($[50] !== refetch) {
+		t24 = () => refetch();
+		$[50] = refetch;
+		$[51] = t24;
+	} else t24 = $[51];
+	let t25;
+	if ($[52] !== chartContent || $[53] !== config.actions || $[54] !== config.cardVariant || $[55] !== config.className || $[56] !== displayLabel || $[57] !== isLoading || $[58] !== t20 || $[59] !== t21 || $[60] !== t23 || $[61] !== t24) {
+		t25 = /* @__PURE__ */ jsx(WidgetCard, {
 			title: displayLabel,
-			description: t18,
+			description: t20,
 			variant: config.cardVariant,
 			isLoading,
-			isRefreshing: t19,
-			loadingSkeleton: t20,
-			error: t21,
-			onRefresh: t22,
+			isRefreshing: t21,
+			loadingSkeleton: t22,
+			error: t23,
+			onRefresh: t24,
 			actions: config.actions,
 			className: config.className,
 			children: chartContent
 		});
-		$[45] = chartContent;
-		$[46] = config.actions;
-		$[47] = config.cardVariant;
-		$[48] = config.className;
-		$[49] = displayLabel;
-		$[50] = isLoading;
-		$[51] = t18;
-		$[52] = t19;
-		$[53] = t21;
-		$[54] = t22;
-		$[55] = t23;
-	} else t23 = $[55];
-	return t23;
+		$[52] = chartContent;
+		$[53] = config.actions;
+		$[54] = config.cardVariant;
+		$[55] = config.className;
+		$[56] = displayLabel;
+		$[57] = isLoading;
+		$[58] = t20;
+		$[59] = t21;
+		$[60] = t23;
+		$[61] = t24;
+		$[62] = t25;
+	} else t25 = $[62];
+	return t25;
 }
 /**
 * Renders the appropriate chart type as a proper component

package/dist/client/contexts/focus-context.d.mts

@@ -8,8 +8,13 @@ import * as react_jsx_runtime16 from "react/jsx-runtime";
  * - idle: nothing focused
  * - field: regular field focused (e.g., "title", "slug")
  * - block: block field focused, optionally with specific field within block
+ * - block-insert: insert a block at a position using the existing block editor
  * - relation: relation field focused (opens ResourceSheet for editing)
  */
+type BlockInsertPosition = {
+  parentId: string | null;
+  index: number;
+};
 type FocusState = {
   type: "idle";
 } | {
@@ -19,6 +24,10 @@ type FocusState = {
   type: "block";
   blockId: string;
   fieldPath?: string;
+} | {
+  type: "block-insert";
+  position: BlockInsertPosition;
+  referenceBlockId?: string;
 } | {
   type: "relation";
   fieldPath: string;
@@ -31,6 +40,8 @@ type FocusContextValue = {
   focusField: (fieldPath: string) => void;
   /** Focus a block, optionally a specific field within it */
   focusBlock: (blockId: string, fieldPath?: string) => void;
+  /** Open block insertion at a specific position */
+  requestBlockInsert: (position: BlockInsertPosition, referenceBlockId?: string) => void;
   /** Focus a relation field (opens ResourceSheet) */
   focusRelation: (fieldPath: string, targetCollection?: string) => void;
   /** Clear focus */

package/dist/client/contexts/focus-context.mjs

@@ -14,7 +14,7 @@ import { jsx } from "react/jsx-runtime";
 */
 const FocusContext = React.createContext(null);
 function FocusProvider(t0) {
-	const $ = c(24);
+	const $ = c(27);
 	const { children, onFocusChange } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
@@ -68,61 +68,78 @@ function FocusProvider(t0) {
 	const focusRelation = t4;
 	let t5;
 	if ($[7] !== onFocusChange) {
-		t5 = () => {
-			const newState_2 = { type: "idle" };
+		t5 = (position, referenceBlockId) => {
+			const newState_2 = {
+				type: "block-insert",
+				position,
+				referenceBlockId
+			};
 			setState(newState_2);
 			onFocusChange?.(newState_2);
 		};
 		$[7] = onFocusChange;
 		$[8] = t5;
 	} else t5 = $[8];
-	const clearFocus = t5;
-	const focusedFieldPath = state.type === "field" ? state.fieldPath : void 0;
-	const focusedBlockId = state.type === "block" ? state.blockId : void 0;
+	const requestBlockInsert = t5;
 	let t6;
-	if ($[9] !== focusedFieldPath) {
-		t6 = (path) => focusedFieldPath === path;
-		$[9] = focusedFieldPath;
+	if ($[9] !== onFocusChange) {
+		t6 = () => {
+			const newState_3 = { type: "idle" };
+			setState(newState_3);
+			onFocusChange?.(newState_3);
+		};
+		$[9] = onFocusChange;
 		$[10] = t6;
 	} else t6 = $[10];
+	const clearFocus = t6;
+	const focusedFieldPath = state.type === "field" ? state.fieldPath : void 0;
+	const focusedBlockId = state.type === "block" ? state.blockId : void 0;
 	let t7;
-	if ($[11] !== focusedBlockId) {
-		t7 = (id) => focusedBlockId === id;
-		$[11] = focusedBlockId;
+	if ($[11] !== focusedFieldPath) {
+		t7 = (path) => focusedFieldPath === path;
+		$[11] = focusedFieldPath;
 		$[12] = t7;
 	} else t7 = $[12];
 	let t8;
-	if ($[13] !== clearFocus || $[14] !== focusBlock || $[15] !== focusField || $[16] !== focusRelation || $[17] !== state || $[18] !== t6 || $[19] !== t7) {
-		t8 = {
+	if ($[13] !== focusedBlockId) {
+		t8 = (id) => focusedBlockId === id;
+		$[13] = focusedBlockId;
+		$[14] = t8;
+	} else t8 = $[14];
+	let t9;
+	if ($[15] !== clearFocus || $[16] !== focusBlock || $[17] !== focusField || $[18] !== focusRelation || $[19] !== requestBlockInsert || $[20] !== state || $[21] !== t7 || $[22] !== t8) {
+		t9 = {
 			state,
 			focusField,
 			focusBlock,
+			requestBlockInsert,
 			focusRelation,
 			clearFocus,
-			isFieldFocused: t6,
-			isBlockFocused: t7
+			isFieldFocused: t7,
+			isBlockFocused: t8
 		};
-		$[13] = clearFocus;
-		$[14] = focusBlock;
-		$[15] = focusField;
-		$[16] = focusRelation;
-		$[17] = state;
-		$[18] = t6;
-		$[19] = t7;
-		$[20] = t8;
-	} else t8 = $[20];
-	const value = t8;
-	let t9;
-	if ($[21] !== children || $[22] !== value) {
-		t9 = /* @__PURE__ */ jsx(FocusContext.Provider, {
+		$[15] = clearFocus;
+		$[16] = focusBlock;
+		$[17] = focusField;
+		$[18] = focusRelation;
+		$[19] = requestBlockInsert;
+		$[20] = state;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	const value = t9;
+	let t10;
+	if ($[24] !== children || $[25] !== value) {
+		t10 = /* @__PURE__ */ jsx(FocusContext.Provider, {
 			value,
 			children
 		});
-		$[21] = children;
-		$[22] = value;
-		$[23] = t9;
-	} else t9 = $[23];
-	return t9;
+		$[24] = children;
+		$[25] = value;
+		$[26] = t10;
+	} else t10 = $[26];
+	return t10;
 }
 /**
 * Use the focus context

package/dist/client/hooks/use-audit-history.mjs

@@ -1,21 +1,14 @@
-import { selectClient, useAdminStore } from "../runtime/provider.mjs";
+import { selectBasePath, useAdminStore } from "../runtime/provider.mjs";
 import { c } from "react/compiler-runtime";
 import { useQuery } from "@tanstack/react-query";
 
 //#region src/client/hooks/use-audit-history.ts
 function useAuditFetcher(path) {
-	const $ = c(5);
-	const client = useAdminStore(selectClient);
+	const $ = c(3);
+	const basePath = useAdminStore(selectBasePath);
 	let t0;
-	if ($[0] !== client) {
-		t0 = client.getBasePath?.() ?? "";
-		$[0] = client;
-		$[1] = t0;
-	} else t0 = $[1];
-	const basePath = t0;
-	let t1;
-	if ($[2] !== basePath || $[3] !== path) {
-		t1 = async (signal) => {
+	if ($[0] !== basePath || $[1] !== path) {
+		t0 = async (signal) => {
 			const response = await fetch(`${basePath}${path}`, {
 				credentials: "include",
 				headers: { Accept: "application/json" },
@@ -25,11 +18,11 @@ function useAuditFetcher(path) {
 			const data = await response.json();
 			return Array.isArray(data) ? data : data?.docs ?? data ?? [];
 		};
-		$[2] = basePath;
-		$[3] = path;
-		$[4] = t1;
-	} else t1 = $[4];
-	return t1;
+		$[0] = basePath;
+		$[1] = path;
+		$[2] = t0;
+	} else t0 = $[2];
+	return t0;
 }
 function useGlobalAuditHistory(globalName, options, queryOptions) {
 	const $ = c(14);

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

@@ -1,5 +1,6 @@
 import { useAdminStoreRaw } from "../runtime/provider.mjs";
 import { c } from "react/compiler-runtime";
+import { useShallow } from "zustand/shallow";
 import { createStore, useStore } from "zustand";
 
 //#region src/client/hooks/use-brand.ts
@@ -29,7 +30,7 @@ function selectBrand(state) {
 * mounted (e.g. on a bare auth page).
 */
 function useBrand() {
-	return useStore(useAdminStoreRaw() ?? FALLBACK_STORE, selectBrand);
+	return useStore(useAdminStoreRaw() ?? FALLBACK_STORE, useShallow(selectBrand));
 }
 /**
 * Imperative variant for code paths that cannot use hooks (callbacks,