@questpie/admin 3.0.3 → 3.0.5

package/dist/server/modules/audit/config/app.mjs

@@ -19,16 +19,36 @@ function isAuditDisabled(type, name) {
 * Compute field-level changes between original and current data.
 * Returns an object of `{ field: { from, to } }` or null if no meaningful changes.
 */
+const SKIP_CHANGE_FIELDS = new Set([
+	"updatedAt",
+	"createdAt",
+	"id"
+]);
+function shouldSkipChangeField(key) {
+	return SKIP_CHANGE_FIELDS.has(key) || key.startsWith("_");
+}
+function makeFieldChangeMap(data, direction) {
+	if (!data) return null;
+	const changes = {};
+	for (const key of Object.keys(data)) {
+		if (shouldSkipChangeField(key)) continue;
+		const value = data[key];
+		if (value == null) continue;
+		changes[key] = direction === "create" ? {
+			from: null,
+			to: value
+		} : {
+			from: value,
+			to: null
+		};
+	}
+	return Object.keys(changes).length > 0 ? changes : null;
+}
 function computeChanges(original, current) {
 	if (!original) return null;
 	const changes = {};
-	const skipFields = new Set([
-		"updatedAt",
-		"createdAt",
-		"id"
-	]);
 	for (const key of Object.keys(current)) {
-		if (skipFields.has(key) || key.startsWith("_")) continue;
+		if (shouldSkipChangeField(key)) continue;
 		const fromVal = original[key];
 		const toVal = current[key];
 		if (fromVal == null && toVal == null) continue;
@@ -85,24 +105,61 @@ function getResourceTypeLabel(type, name) {
 * Generate a human-readable title for the audit log entry.
 */
 function generateTitle(action, _resourceType, resourceTypeLabel, resourceLabel, userName) {
-	const user = userName || "Unknown";
 	const resource = resourceLabel || "(unnamed)";
-	return `${user} ${{
+	return `${userName} ${{
 		create: "created",
 		update: "updated",
 		delete: "deleted",
 		transition: "changed status of"
 	}[action] || action} ${resourceTypeLabel} '${resource}'`;
 }
+function firstNonEmptyString(...values) {
+	for (const value of values) {
+		if (typeof value !== "string") continue;
+		const trimmed = value.trim();
+		if (trimmed.length > 0) return trimmed;
+	}
+	return null;
+}
+function resolveAuditActor(ctx) {
+	const user = ctx.session?.user;
+	const userId = user?.id != null ? String(user.id) : null;
+	const userName = firstNonEmptyString(user?.name, user?.email, userId);
+	if (userName) return {
+		actorType: "user",
+		userId,
+		userName
+	};
+	if (ctx.accessMode === "system") return {
+		actorType: "system",
+		userId: "system",
+		userName: "System"
+	};
+	return {
+		actorType: "anonymous",
+		userId: null,
+		userName: "Anonymous"
+	};
+}
+function buildAuditMetadata(ctx, actor, extra) {
+	return {
+		actorType: actor.actorType,
+		accessMode: ctx.accessMode ?? null,
+		...extra
+	};
+}
+function logAuditFailure(ctx, message, err) {
+	ctx.logger?.error?.(message, err);
+}
 async function collectionAfterChange(ctx) {
 	try {
 		const collections = ctx.collections ?? ctx.app?.collections;
 		if (isAuditDisabled("collection", ctx.collection)) return;
 		const action = ctx.operation === "create" ? "create" : "update";
-		const changes = ctx.operation === "update" ? computeChanges(ctx.original, ctx.data) : null;
+		const changes = ctx.operation === "update" ? computeChanges(ctx.original, ctx.data) : makeFieldChangeMap(ctx.data, "create");
 		if (ctx.operation === "update" && !changes) return;
 		const resourceLabel = extractLabel(ctx.data);
-		const userName = ctx.session?.user?.name || ctx.session?.user?.email || null;
+		const actor = resolveAuditActor(ctx);
 		const resourceTypeLabel = getResourceTypeLabel("collection", ctx.collection);
 		await collections[AUDIT_LOG_COLLECTION].create({
 			action,
@@ -110,18 +167,18 @@ async function collectionAfterChange(ctx) {
 			resource: ctx.collection,
 			resourceId: ctx.data?.id ? String(ctx.data.id) : null,
 			resourceLabel,
-			userId: ctx.session?.user?.id ? String(ctx.session.user.id) : null,
-			userName,
+			userId: actor.userId,
+			userName: actor.userName,
 			locale: ctx.locale || null,
 			changes,
-			metadata: null,
-			title: generateTitle(action, "collection", resourceTypeLabel, resourceLabel, userName)
+			metadata: buildAuditMetadata(ctx, actor, { operation: ctx.operation }),
+			title: generateTitle(action, "collection", resourceTypeLabel, resourceLabel, actor.userName)
 		}, {
 			accessMode: "system",
 			db: ctx.db
 		});
 	} catch (err) {
-		console.error(`[Audit] Failed to log ${ctx.operation} for collection "${ctx.collection}":`, err);
+		logAuditFailure(ctx, `[Audit] Failed to log ${ctx.operation} for collection "${ctx.collection}":`, err);
 	}
 }
 async function collectionAfterDelete(ctx) {
@@ -129,7 +186,7 @@ async function collectionAfterDelete(ctx) {
 		const collections = ctx.collections ?? ctx.app?.collections;
 		if (isAuditDisabled("collection", ctx.collection)) return;
 		const resourceLabel = extractLabel(ctx.data);
-		const userName = ctx.session?.user?.name || ctx.session?.user?.email || null;
+		const actor = resolveAuditActor(ctx);
 		const resourceTypeLabel = getResourceTypeLabel("collection", ctx.collection);
 		await collections[AUDIT_LOG_COLLECTION].create({
 			action: "delete",
@@ -137,18 +194,18 @@ async function collectionAfterDelete(ctx) {
 			resource: ctx.collection,
 			resourceId: ctx.data?.id ? String(ctx.data.id) : null,
 			resourceLabel,
-			userId: ctx.session?.user?.id ? String(ctx.session.user.id) : null,
-			userName,
+			userId: actor.userId,
+			userName: actor.userName,
 			locale: ctx.locale || null,
-			changes: null,
-			metadata: null,
-			title: generateTitle("delete", "collection", resourceTypeLabel, resourceLabel, userName)
+			changes: makeFieldChangeMap(ctx.data, "delete"),
+			metadata: buildAuditMetadata(ctx, actor, { operation: "delete" }),
+			title: generateTitle("delete", "collection", resourceTypeLabel, resourceLabel, actor.userName)
 		}, {
 			accessMode: "system",
 			db: ctx.db
 		});
 	} catch (err) {
-		console.error(`[Audit] Failed to log delete for collection "${ctx.collection}":`, err);
+		logAuditFailure(ctx, `[Audit] Failed to log delete for collection "${ctx.collection}":`, err);
 	}
 }
 async function collectionAfterTransition(ctx) {
@@ -156,7 +213,7 @@ async function collectionAfterTransition(ctx) {
 		const collections = ctx.collections ?? ctx.app?.collections;
 		if (isAuditDisabled("collection", ctx.collection)) return;
 		const resourceLabel = extractLabel(ctx.data);
-		const userName = ctx.session?.user?.name || ctx.session?.user?.email || null;
+		const actor = resolveAuditActor(ctx);
 		const resourceTypeLabel = getResourceTypeLabel("collection", ctx.collection);
 		await collections[AUDIT_LOG_COLLECTION].create({
 			action: "transition",
@@ -164,31 +221,31 @@ async function collectionAfterTransition(ctx) {
 			resource: ctx.collection,
 			resourceId: ctx.data?.id ? String(ctx.data.id) : null,
 			resourceLabel,
-			userId: ctx.session?.user?.id ? String(ctx.session.user.id) : null,
-			userName,
+			userId: actor.userId,
+			userName: actor.userName,
 			locale: ctx.locale || null,
 			changes: { stage: {
 				from: ctx.fromStage,
 				to: ctx.toStage
 			} },
-			metadata: {
+			metadata: buildAuditMetadata(ctx, actor, {
 				fromStage: ctx.fromStage,
 				toStage: ctx.toStage
-			},
-			title: generateTitle("transition", "collection", resourceTypeLabel, resourceLabel, userName)
+			}),
+			title: generateTitle("transition", "collection", resourceTypeLabel, resourceLabel, actor.userName)
 		}, {
 			accessMode: "system",
 			db: ctx.db
 		});
 	} catch (err) {
-		console.error(`[Audit] Failed to log transition for collection "${ctx.collection}":`, err);
+		logAuditFailure(ctx, `[Audit] Failed to log transition for collection "${ctx.collection}":`, err);
 	}
 }
 async function globalAfterChange(ctx) {
 	try {
 		const collections = ctx.collections ?? ctx.app?.collections;
 		if (isAuditDisabled("global", ctx.global)) return;
-		const userName = ctx.session?.user?.name || ctx.session?.user?.email || null;
+		const actor = resolveAuditActor(ctx);
 		const resourceTypeLabel = getResourceTypeLabel("global", ctx.global);
 		await collections[AUDIT_LOG_COLLECTION].create({
 			action: "update",
@@ -196,25 +253,25 @@ async function globalAfterChange(ctx) {
 			resource: ctx.global,
 			resourceId: null,
 			resourceLabel: ctx.global,
-			userId: ctx.session?.user?.id ? String(ctx.session.user.id) : null,
-			userName,
+			userId: actor.userId,
+			userName: actor.userName,
 			locale: ctx.locale || null,
 			changes: null,
-			metadata: null,
-			title: generateTitle("update", "global", resourceTypeLabel, ctx.global, userName)
+			metadata: buildAuditMetadata(ctx, actor, { operation: "update" }),
+			title: generateTitle("update", "global", resourceTypeLabel, ctx.global, actor.userName)
 		}, {
 			accessMode: "system",
 			db: ctx.db
 		});
 	} catch (err) {
-		console.error(`[Audit] Failed to log update for global "${ctx.global}":`, err);
+		logAuditFailure(ctx, `[Audit] Failed to log update for global "${ctx.global}":`, err);
 	}
 }
 async function globalAfterTransition(ctx) {
 	try {
 		const collections = ctx.collections ?? ctx.app?.collections;
 		if (isAuditDisabled("global", ctx.global)) return;
-		const userName = ctx.session?.user?.name || ctx.session?.user?.email || null;
+		const actor = resolveAuditActor(ctx);
 		const resourceTypeLabel = getResourceTypeLabel("global", ctx.global);
 		await collections[AUDIT_LOG_COLLECTION].create({
 			action: "transition",
@@ -222,24 +279,24 @@ async function globalAfterTransition(ctx) {
 			resource: ctx.global,
 			resourceId: null,
 			resourceLabel: ctx.global,
-			userId: ctx.session?.user?.id ? String(ctx.session.user.id) : null,
-			userName,
+			userId: actor.userId,
+			userName: actor.userName,
 			locale: ctx.locale || null,
 			changes: { stage: {
 				from: ctx.fromStage,
 				to: ctx.toStage
 			} },
-			metadata: {
+			metadata: buildAuditMetadata(ctx, actor, {
 				fromStage: ctx.fromStage,
 				toStage: ctx.toStage
-			},
-			title: generateTitle("transition", "global", resourceTypeLabel, ctx.global, userName)
+			}),
+			title: generateTitle("transition", "global", resourceTypeLabel, ctx.global, actor.userName)
 		}, {
 			accessMode: "system",
 			db: ctx.db
 		});
 	} catch (err) {
-		console.error(`[Audit] Failed to log transition for global "${ctx.global}":`, err);
+		logAuditFailure(ctx, `[Audit] Failed to log transition for global "${ctx.global}":`, err);
 	}
 }
 /**

package/dist/server/modules/audit/jobs/audit-cleanup.mjs

@@ -1,7 +1,7 @@
 import { AUDIT_LOG_COLLECTION } from "../collections/audit-log.mjs";
 import { z } from "zod";
 import { job } from "questpie";
-import { sql as sql$1 } from "drizzle-orm";
+import { sql as sql$1 } from "questpie/drizzle";
 
 //#region src/server/modules/audit/jobs/audit-cleanup.ts
 /**

package/dist/server/plugin.mjs

@@ -60,6 +60,7 @@ function adminPlugin() {
 						dirs: ["blocks"],
 						prefix: "bloc",
 						factoryFunctions: ["block"],
+						keyFromProperty: "state.name",
 						registryKey: true,
 						includeInAppState: true,
 						extractFromModules: true,
@@ -261,7 +262,7 @@ function adminPlugin() {
 					block: {
 						dir: "blocks",
 						description: "Server-side block definition",
-						template: ({ kebab, camel }) => `import { block } from "#questpie/factories";\n\nexport const ${camel}Block = block("${kebab}")\n\t.fields(({ f }) => ({\n\t\ttitle: f.text("Title"),\n\t}));\n`
+						template: ({ kebab, camel }) => `import { block } from "#questpie/factories";\n\nexport const ${camel}Block = block("${kebab}")\n\t.fields(({ f }) => ({\n\t\ttitle: f.text(255).label("Title").required(),\n\t}));\n`
 					},
 					view: {
 						dir: "views",
@@ -283,6 +284,7 @@ function adminPlugin() {
 					blocks: {
 						dirs: ["blocks"],
 						prefix: "block",
+						keyFromSource: "basename",
 						registryKey: false,
 						includeInAppState: false,
 						extractFromModules: false
@@ -340,7 +342,7 @@ function adminPlugin() {
 						const varName = `${key}Block`;
 						const kebab = file.importPath.split("/").pop();
 						ctx.addImport(`type { ${varName} }`, `../../server/blocks/${kebab}`);
-						entries.push(`${JSON.stringify(key)}: typeof ${varName}`);
+						entries.push(`${JSON.stringify(kebab)}: typeof ${varName}`);
 					}
 					ctx.addTypeDeclaration(`type _ServerBlocks = { ${entries.join("; ")} };`);
 					ctx.addTypeDeclaration("");

package/dist/server/proxy-factories.d.mts

@@ -20,10 +20,11 @@ declare function createViewCallbackProxy(): Record<string, (config?: Record<stri
  */
 declare function createComponentCallbackProxy(): Record<string, (...args: unknown[]) => Record<string, unknown>>;
 /**
- * Create a simple action proxy for builder callback contexts.
- * Provides a `custom()` method and returns action names as strings for built-in actions.
+ * Create an action proxy for builder callback contexts.
  *
- * Used as the `a` callback param: `a.delete` → `"delete"`, `a.custom("archive", config)` → `{ id: "archive", ...config }`.
+ * The same `a` proxy is used by `.list()` (`a.delete`) and `.actions()`
+ * (`a.delete()`, `a.headerAction(...)`), so built-ins are callable values that
+ * also serialize back to their action name.
  */
 declare function createActionCallbackProxy(): Record<string, unknown>;
 /**

package/dist/server/proxy-factories.mjs

@@ -66,18 +66,44 @@ function createComponentCallbackProxy() {
 		});
 	} });
 }
+function createBuiltinActionReference(name) {
+	const ref = (() => name);
+	Object.defineProperties(ref, {
+		type: { value: name },
+		toJSON: { value: () => name },
+		valueOf: { value: () => name },
+		[Symbol.toPrimitive]: { value: () => name }
+	});
+	return ref;
+}
 /**
-* Create a simple action proxy for builder callback contexts.
-* Provides a `custom()` method and returns action names as strings for built-in actions.
+* Create an action proxy for builder callback contexts.
 *
-* Used as the `a` callback param: `a.delete` → `"delete"`, `a.custom("archive", config)` → `{ id: "archive", ...config }`.
+* The same `a` proxy is used by `.list()` (`a.delete`) and `.actions()`
+* (`a.delete()`, `a.headerAction(...)`), so built-ins are callable values that
+* also serialize back to their action name.
 */
 function createActionCallbackProxy() {
-	return new Proxy({ custom: (name, config) => ({
-		id: name,
-		...config
-	}) }, { get: (target, prop) => {
-		return target[prop] ?? String(prop);
+	return new Proxy({
+		custom: (name, config) => ({
+			type: name,
+			...config ? { config } : {}
+		}),
+		action: (def) => ({
+			scope: "single",
+			...def
+		}),
+		bulkAction: (def) => ({
+			...def,
+			scope: "bulk"
+		}),
+		headerAction: (def) => ({
+			...def,
+			scope: "header"
+		})
+	}, { get: (target, prop) => {
+		if (prop === "then") return void 0;
+		return target[prop] ?? createBuiltinActionReference(String(prop));
 	} });
 }
 /**

package/dist/shared/types/saved-views.types.d.mts

@@ -36,6 +36,8 @@ interface ViewConfiguration {
   filters: FilterRule[];
   sortConfig: SortConfig | null;
   visibleColumns: string[];
+  groupBy?: string | null;
+  collapsedGroups?: string[];
   realtime?: boolean;
   includeDeleted?: boolean;
   pagination?: {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@questpie/admin",
-	"version": "3.0.3",
+	"version": "3.0.5",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/questpie/questpie.git",
@@ -28,6 +28,7 @@
 		"./server": "./dist/server.mjs",
 		"./shared": "./dist/shared.mjs",
 		"./*": "./*",
+		"./client/styles/base.css": "./dist/client/styles/base.css",
 		"./client/styles/index.css": "./dist/client/styles/index.css"
 	},
 	"publishConfig": {
@@ -40,6 +41,7 @@
 			"./server": "./dist/server.mjs",
 			"./shared": "./dist/shared.mjs",
 			"./*": "./*",
+			"./client/styles/base.css": "./dist/client/styles/base.css",
 			"./client/styles/index.css": "./dist/client/styles/index.css"
 		}
 	},
@@ -60,7 +62,7 @@
 		"@fontsource-variable/jetbrains-mono": "^5.2.8",
 		"@hookform/resolvers": "^5.1.0",
 		"@iconify/react": "^6.0.2",
-		"@questpie/tanstack-query": "^3.0.3",
+		"@questpie/tanstack-query": "^3.0.5",
 		"@tailwindcss/vite": "^4.0.6",
 		"@tiptap/core": "^2.x",
 		"@tiptap/extension-character-count": "^2.x",
@@ -86,7 +88,7 @@
 		"date-fns": "^4.1.0",
 		"lowlight": "^3.x",
 		"next-themes": "^0.4.6",
-		"questpie": "^3.0.3",
+		"questpie": "^3.0.5",
 		"react-day-picker": "^9.12.0",
 		"react-hook-form": "^7.54.0",
 		"react-resizable-panels": "^4.4.2",
@@ -101,11 +103,11 @@
 	},
 	"devDependencies": {
 		"@rollup/plugin-babel": "^6.1.0",
-		"bun-types": "latest",
 		"@tanstack/db": "^0.1.1",
 		"@types/react": "^19.2.0",
 		"@types/react-dom": "^19.2.0",
 		"babel-plugin-react-compiler": "^1.0.0",
+		"bun-types": "latest",
 		"shadcn": "^3.6.1",
 		"tinyglobby": "^0.2.15",
 		"tsdown": "^0.18.3",

package/dist/client/components/fields/rich-text-editor/link-popover.mjs

@@ -1,85 +0,0 @@
-import { useTranslation } from "../../../i18n/hooks.mjs";
-import { Button } from "../../ui/button.mjs";
-import { Input } from "../../ui/input.mjs";
-import { Popover, PopoverContent, PopoverHeader, PopoverTitle, PopoverTrigger } from "../../ui/popover.mjs";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/client/components/fields/rich-text-editor/link-popover.tsx
-/**
-* Link insertion/editing popover
-*/
-function LinkPopover({ editor, open, onOpenChange, disabled }) {
-	const { t } = useTranslation();
-	const [linkUrl, setLinkUrl] = React.useState("");
-	const prevOpenRef = React.useRef(false);
-	if (open && !prevOpenRef.current && editor) {
-		const currentLink = editor.getAttributes("link").href;
-		setLinkUrl(currentLink || "");
-	}
-	prevOpenRef.current = open;
-	const handleApplyLink = React.useCallback(() => {
-		if (!editor) return;
-		if (!linkUrl) {
-			editor.chain().focus().unsetLink().run();
-			onOpenChange(false);
-			return;
-		}
-		editor.chain().focus().setLink({
-			href: linkUrl,
-			target: "_blank",
-			rel: "noopener noreferrer"
-		}).run();
-		onOpenChange(false);
-	}, [
-		editor,
-		linkUrl,
-		onOpenChange
-	]);
-	const handleRemoveLink = React.useCallback(() => {
-		if (!editor) return;
-		editor.chain().focus().unsetLink().run();
-		onOpenChange(false);
-	}, [editor, onOpenChange]);
-	return /* @__PURE__ */ jsxs(Popover, {
-		open,
-		onOpenChange,
-		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsx("div", { className: "sr-only" }) }), /* @__PURE__ */ jsxs(PopoverContent, {
-			className: "w-72",
-			children: [/* @__PURE__ */ jsx(PopoverHeader, { children: /* @__PURE__ */ jsx(PopoverTitle, { children: t("editor.link") }) }), /* @__PURE__ */ jsxs("div", {
-				className: "space-y-2",
-				children: [/* @__PURE__ */ jsx(Input, {
-					value: linkUrl,
-					placeholder: "https://example.com",
-					onChange: (event) => setLinkUrl(event.target.value),
-					onKeyDown: (event_0) => {
-						if (event_0.key === "Enter") {
-							event_0.preventDefault();
-							handleApplyLink();
-						}
-					},
-					disabled
-				}), /* @__PURE__ */ jsxs("div", {
-					className: "flex justify-end gap-2",
-					children: [/* @__PURE__ */ jsx(Button, {
-						type: "button",
-						size: "xs",
-						variant: "outline",
-						onClick: handleRemoveLink,
-						disabled: disabled || !editor?.isActive("link"),
-						children: t("common.remove")
-					}), /* @__PURE__ */ jsx(Button, {
-						type: "button",
-						size: "xs",
-						onClick: handleApplyLink,
-						disabled,
-						children: t("common.apply")
-					})]
-				})]
-			})]
-		})]
-	});
-}
-
-//#endregion
-export { LinkPopover };

package/dist/client/components/ui/spinner.mjs

@@ -1,52 +0,0 @@
-import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
-import { Icon } from "@iconify/react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/client/components/ui/spinner.tsx
-function Spinner(t0) {
-	const $ = c(10);
-	let className;
-	let props;
-	if ($[0] !== t0) {
-		({className, ...props} = t0);
-		$[0] = t0;
-		$[1] = className;
-		$[2] = props;
-	} else {
-		className = $[1];
-		props = $[2];
-	}
-	let t1;
-	if ($[3] !== className) {
-		t1 = cn("qa-spinner inline-flex size-4 animate-spin", className);
-		$[3] = className;
-		$[4] = t1;
-	} else t1 = $[4];
-	let t2;
-	if ($[5] !== props) {
-		t2 = /* @__PURE__ */ jsx(Icon, {
-			icon: "ph:spinner",
-			role: "status",
-			"aria-label": "Loading",
-			className: "size-full",
-			...props
-		});
-		$[5] = props;
-		$[6] = t2;
-	} else t2 = $[6];
-	let t3;
-	if ($[7] !== t1 || $[8] !== t2) {
-		t3 = /* @__PURE__ */ jsx("span", {
-			className: t1,
-			children: t2
-		});
-		$[7] = t1;
-		$[8] = t2;
-		$[9] = t3;
-	} else t3 = $[9];
-	return t3;
-}
-
-//#endregion
-export { Spinner };