@questpie/admin 3.5.1 → 3.5.3

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

@@ -1,9 +1,5 @@
-import { useTranslation } from "../../../i18n/hooks.mjs";
 import { cn } from "../../../lib/utils.mjs";
 import { Button } from "../../ui/button.mjs";
-import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue } from "../../ui/select.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger } from "../../ui/dropdown-menu.mjs";
-import { TableControls } from "./table-controls.mjs";
 import { Icon } from "@iconify/react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -43,36 +39,6 @@ const EDITOR_ICONS = {
 	insert: "ph:plus",
 	more: "ph:dots-three-vertical"
 };
-const HEADING_OPTIONS = [
-	{
-		value: "paragraph",
-		group: "text"
-	},
-	{
-		value: "1",
-		group: "heading"
-	},
-	{
-		value: "2",
-		group: "heading"
-	},
-	{
-		value: "3",
-		group: "heading"
-	},
-	{
-		value: "4",
-		group: "heading"
-	},
-	{
-		value: "5",
-		group: "heading"
-	},
-	{
-		value: "6",
-		group: "heading"
-	}
-];
 const ALIGNMENT_OPTIONS = [
 	{
 		value: "left",
@@ -95,16 +61,6 @@ const ALIGNMENT_OPTIONS = [
 		labelKey: "editor.alignJustify"
 	}
 ];
-function getHeadingOptionLabel(value, t) {
-	if (value === "paragraph") return t("editor.paragraph");
-	return t("editor.heading", { level: value });
-}
-function getCurrentAlignment(editor) {
-	if (editor.isActive({ textAlign: "center" })) return "center";
-	if (editor.isActive({ textAlign: "right" })) return "right";
-	if (editor.isActive({ textAlign: "justify" })) return "justify";
-	return "left";
-}
 /**
 * Icon-based toolbar button with tooltip showing keyboard shortcuts
 */
@@ -132,273 +88,6 @@ function ToolbarButton({ active, disabled, title, onClick, icon: iconName, child
 		}) : children
 	});
 }
-/**
-* Toolbar button group with divider
-*/
-function ToolbarGroup({ children }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "flex items-center gap-1",
-		role: "group",
-		children
-	});
-}
-function ToolbarMenuItem({ active, disabled, icon, label, onClick, shortcut }) {
-	return /* @__PURE__ */ jsxs(DropdownMenuItem, {
-		"aria-current": active ? "true" : void 0,
-		disabled,
-		onClick,
-		className: cn("min-w-44", active ? "bg-accent text-accent-foreground" : ""),
-		children: [
-			/* @__PURE__ */ jsx(Icon, {
-				"aria-hidden": "true",
-				icon
-			}),
-			/* @__PURE__ */ jsx("span", { children: label }),
-			shortcut ? /* @__PURE__ */ jsx(DropdownMenuShortcut, { children: shortcut }) : active ? /* @__PURE__ */ jsx(Icon, {
-				"aria-hidden": "true",
-				icon: "ph:check",
-				className: "ml-auto size-3.5"
-			}) : null
-		]
-	});
-}
-/**
-* Main toolbar component with icon-based buttons
-*/
-function RichTextToolbar({ editor, features, disabled, headingValue, onHeadingChange, onLinkClick, onImageClick, onTableClick, inTable }) {
-	const { t } = useTranslation();
-	const isEditable = !disabled;
-	const currentAlignment = getCurrentAlignment(editor);
-	const currentAlignmentOption = ALIGNMENT_OPTIONS.find((option) => option.value === currentAlignment) ?? ALIGNMENT_OPTIONS[0];
-	const hasMoreFormatting = features.underline || features.strike || features.code;
-	const hasBlockMenu = features.bulletList || features.orderedList || features.blockquote || features.codeBlock || features.horizontalRule;
-	const hasInsertMenu = features.link || features.image || features.table;
-	return /* @__PURE__ */ jsxs("div", {
-		"aria-label": t("editor.richTextToolbar"),
-		className: "qp-rich-text-editor__toolbar border-border-subtle bg-surface-low flex flex-nowrap items-center gap-1.5 overflow-x-auto border-b p-1.5",
-		role: "toolbar",
-		children: [
-			features.history && /* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsx(ToolbarButton, {
-				icon: EDITOR_ICONS.undo,
-				disabled: !isEditable || !editor.can().undo(),
-				title: t("editor.undo"),
-				shortcut: "⌘Z",
-				onClick: () => editor.chain().focus().undo().run()
-			}), /* @__PURE__ */ jsx(ToolbarButton, {
-				icon: EDITOR_ICONS.redo,
-				disabled: !isEditable || !editor.can().redo(),
-				title: t("editor.redo"),
-				shortcut: "⌘⇧Z",
-				onClick: () => editor.chain().focus().redo().run()
-			})] }),
-			features.heading && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(Select, {
-				value: headingValue,
-				disabled: !isEditable,
-				onValueChange: (value) => {
-					if (typeof value === "string") onHeadingChange(value);
-				},
-				children: [/* @__PURE__ */ jsx(SelectTrigger, {
-					"aria-label": t("editor.blockType"),
-					className: "h-8 min-w-[136px] px-2.5 text-sm",
-					size: "sm",
-					children: /* @__PURE__ */ jsx(SelectValue, { children: HEADING_OPTIONS.find((option) => option.value === headingValue)?.value ? getHeadingOptionLabel(HEADING_OPTIONS.find((option) => option.value === headingValue)?.value ?? "paragraph", t) : t("editor.paragraph") })
-				}), /* @__PURE__ */ jsxs(SelectContent, {
-					align: "start",
-					className: "min-w-[136px]",
-					children: [
-						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.textBlocks") }), /* @__PURE__ */ jsx(SelectItem, {
-							value: "paragraph",
-							children: t("editor.paragraph")
-						})] }),
-						/* @__PURE__ */ jsx(SelectSeparator, {}),
-						/* @__PURE__ */ jsxs(SelectGroup, { children: [/* @__PURE__ */ jsx(SelectLabel, { children: t("editor.headings") }), HEADING_OPTIONS.filter((option) => option.group === "heading").map((option) => /* @__PURE__ */ jsx(SelectItem, {
-							value: option.value,
-							children: getHeadingOptionLabel(option.value, t)
-						}, option.value))] })
-					]
-				})]
-			}) }),
-			/* @__PURE__ */ jsxs(ToolbarGroup, { children: [
-				features.bold && /* @__PURE__ */ jsx(ToolbarButton, {
-					icon: EDITOR_ICONS.bold,
-					active: editor.isActive("bold"),
-					disabled: !isEditable,
-					title: t("editor.bold"),
-					shortcut: "⌘B",
-					onClick: () => editor.chain().focus().toggleBold().run()
-				}),
-				features.italic && /* @__PURE__ */ jsx(ToolbarButton, {
-					icon: EDITOR_ICONS.italic,
-					active: editor.isActive("italic"),
-					disabled: !isEditable,
-					title: t("editor.italic"),
-					shortcut: "⌘I",
-					onClick: () => editor.chain().focus().toggleItalic().run()
-				}),
-				hasMoreFormatting && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-					nativeButton: false,
-					render: /* @__PURE__ */ jsx(ToolbarButton, {
-						icon: EDITOR_ICONS.formatting,
-						active: editor.isActive("underline") || editor.isActive("strike") || editor.isActive("code"),
-						disabled: !isEditable,
-						title: t("editor.moreFormatting")
-					})
-				}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-					align: "start",
-					className: "w-56",
-					children: [
-						/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.formatting") }),
-						features.underline && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-							icon: EDITOR_ICONS.underline,
-							active: editor.isActive("underline"),
-							disabled: !isEditable,
-							label: t("editor.underline"),
-							shortcut: "⌘U",
-							onClick: () => editor.chain().focus().toggleUnderline().run()
-						}),
-						features.strike && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-							icon: EDITOR_ICONS.strikethrough,
-							active: editor.isActive("strike"),
-							disabled: !isEditable,
-							label: t("editor.strikethrough"),
-							onClick: () => editor.chain().focus().toggleStrike().run()
-						}),
-						features.code && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-							icon: EDITOR_ICONS.code,
-							active: editor.isActive("code"),
-							disabled: !isEditable,
-							label: t("editor.code"),
-							shortcut: "⌘E",
-							onClick: () => editor.chain().focus().toggleCode().run()
-						})
-					]
-				})] })
-			] }),
-			hasBlockMenu && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-				nativeButton: false,
-				render: /* @__PURE__ */ jsx(ToolbarButton, {
-					icon: EDITOR_ICONS.blocks,
-					active: editor.isActive("bulletList") || editor.isActive("orderedList") || editor.isActive("blockquote") || editor.isActive("codeBlock"),
-					disabled: !isEditable,
-					title: t("editor.blocks")
-				})
-			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-				align: "start",
-				className: "w-56",
-				children: [
-					/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.list") }),
-					features.bulletList && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-						icon: EDITOR_ICONS.bulletList,
-						active: editor.isActive("bulletList"),
-						disabled: !isEditable,
-						label: t("editor.unorderedList"),
-						onClick: () => editor.chain().focus().toggleBulletList().run()
-					}),
-					features.orderedList && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-						icon: EDITOR_ICONS.orderedList,
-						active: editor.isActive("orderedList"),
-						disabled: !isEditable,
-						label: t("editor.orderedList"),
-						onClick: () => editor.chain().focus().toggleOrderedList().run()
-					}),
-					(features.blockquote || features.codeBlock || features.horizontalRule) && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-					features.blockquote && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-						icon: EDITOR_ICONS.blockquote,
-						active: editor.isActive("blockquote"),
-						disabled: !isEditable,
-						label: t("editor.quote"),
-						onClick: () => editor.chain().focus().toggleBlockquote().run()
-					}),
-					features.codeBlock && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-						icon: EDITOR_ICONS.codeBlock,
-						active: editor.isActive("codeBlock"),
-						disabled: !isEditable,
-						label: t("editor.codeBlock"),
-						onClick: () => editor.chain().focus().toggleCodeBlock().run()
-					}),
-					features.horizontalRule && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-						icon: EDITOR_ICONS.horizontalRule,
-						disabled: !isEditable,
-						label: t("editor.horizontalRule"),
-						onClick: () => editor.chain().focus().setHorizontalRule().run()
-					})
-				]
-			})] }) }),
-			features.align && /* @__PURE__ */ jsx(ToolbarGroup, { children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-				nativeButton: false,
-				render: /* @__PURE__ */ jsx(ToolbarButton, {
-					icon: currentAlignmentOption.icon,
-					active: currentAlignment !== "left",
-					disabled: !isEditable,
-					title: t("editor.alignment")
-				})
-			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-				align: "start",
-				className: "w-56",
-				children: [/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.alignment") }), /* @__PURE__ */ jsx(DropdownMenuRadioGroup, {
-					value: currentAlignment,
-					onValueChange: (value) => {
-						editor.chain().focus().setTextAlign(value).run();
-					},
-					children: ALIGNMENT_OPTIONS.map((option) => /* @__PURE__ */ jsxs(DropdownMenuRadioItem, {
-						value: option.value,
-						disabled: !isEditable,
-						children: [/* @__PURE__ */ jsx(Icon, {
-							"aria-hidden": "true",
-							icon: option.icon
-						}), /* @__PURE__ */ jsx("span", { children: t(option.labelKey) })]
-					}, option.value))
-				})]
-			})] }) }),
-			hasInsertMenu && /* @__PURE__ */ jsxs(ToolbarGroup, { children: [/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-				nativeButton: false,
-				render: /* @__PURE__ */ jsx(ToolbarButton, {
-					icon: EDITOR_ICONS.insert,
-					active: editor.isActive("link"),
-					disabled: !isEditable,
-					title: t("editor.insert")
-				})
-			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
-				align: "start",
-				className: "w-56",
-				children: [
-					/* @__PURE__ */ jsx(DropdownMenuLabel, { children: t("editor.insert") }),
-					features.link && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-						icon: EDITOR_ICONS.link,
-						active: editor.isActive("link"),
-						disabled: !isEditable,
-						label: t("editor.link"),
-						shortcut: "⌘K",
-						onClick: onLinkClick
-					}),
-					features.image && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-						icon: EDITOR_ICONS.image,
-						disabled: !isEditable,
-						label: t("editor.image"),
-						onClick: onImageClick
-					}),
-					features.table && /* @__PURE__ */ jsx(ToolbarMenuItem, {
-						icon: EDITOR_ICONS.table,
-						active: inTable,
-						disabled: !isEditable,
-						label: t("editor.table"),
-						onClick: onTableClick
-					})
-				]
-			})] }), features.table && features.tableControls && inTable && /* @__PURE__ */ jsx(TableControls, {
-				editor,
-				disabled: !isEditable,
-				inTable,
-				triggerButton: /* @__PURE__ */ jsx(ToolbarButton, {
-					icon: EDITOR_ICONS.table,
-					active: inTable,
-					disabled: !isEditable,
-					title: t("editor.table")
-				})
-			})] })
-		]
-	});
-}
 
 //#endregion
-export { EDITOR_ICONS, RichTextToolbar, ToolbarButton };
+export { EDITOR_ICONS, ToolbarButton };

package/dist/client/components/fields/rich-text-editor/types.d.mts

@@ -72,6 +72,10 @@ interface RichTextEditorProps extends FieldComponentProps<any> {
    * Enable media library picker for images
    */
   enableMediaLibrary?: boolean;
+  /**
+   * Output mode: "json" (default TipTap JSON) or "markdown" (plain markdown string)
+   */
+  outputMode?: "json" | "markdown";
 }
 //#endregion
 export { RichTextEditorProps };

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

@@ -3,7 +3,7 @@
 * Default feature configuration (all enabled)
 */
 const defaultFeatures = {
-	toolbar: true,
+	toolbar: false,
 	bubbleMenu: true,
 	slashCommands: true,
 	history: true,

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

@@ -1,16 +1,9 @@
 //#region src/client/components/fields/rich-text-editor/utils.ts
 /**
-* Get the current heading level or "paragraph"
+* Get editor output in the configured format.
 */
-function getHeadingLevel(editor) {
-	if (!editor) return "paragraph";
-	for (let level = 1; level <= 6; level += 1) if (editor.isActive("heading", { level })) return String(level);
-	return "paragraph";
-}
-/**
-* Get output as TipTap JSON.
-*/
-function getOutput(editor) {
+function getOutput(editor, mode = "json") {
+	if (mode === "markdown") return editor.storage.markdown?.getMarkdown?.() ?? "";
 	return editor.getJSON();
 }
 /**
@@ -18,7 +11,8 @@ function getOutput(editor) {
 */
 function isSameValue(a, b) {
 	if (a === b) return true;
-	if (!a || !b) return false;
+	if (a == null || b == null) return false;
+	if (typeof a === "string" || typeof b === "string") return a === b;
 	try {
 		return JSON.stringify(a) === JSON.stringify(b);
 	} catch {
@@ -47,4 +41,4 @@ function getCharacterCount(editor) {
 }
 
 //#endregion
-export { getCharacterCount, getHeadingLevel, getOutput, isSameValue };
+export { getCharacterCount, getOutput, isSameValue };

package/dist/client/components/filter-builder/filter-builder-sheet.mjs

@@ -4,6 +4,7 @@ import { Sheet, SheetContent, SheetFooter, SheetHeader, SheetTitle } from "../ui
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs.mjs";
 import { Switch } from "../ui/switch.mjs";
 import { SelectSingle } from "../primitives/select-single.mjs";
+import { cloneFilters, filtersEqual, sortConfigEqual } from "../../lib/view-filter-utils.mjs";
 import { ColumnsTab } from "./columns-tab.mjs";
 import { FiltersTab } from "./filters-tab.mjs";
 import { SavedViewsTab } from "./saved-views-tab.mjs";
@@ -13,22 +14,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/client/components/filter-builder/filter-builder-sheet.tsx
 const NO_GROUPING_VALUE = "__none";
+const NO_SORT_VALUE = "__none";
 function arraysEqual(a, b, eq) {
 	return a.length === b.length && a.every((v, i) => eq(v, b[i]));
 }
-function filterValueEqual(a, b) {
-	if (a === b) return true;
-	if (Array.isArray(a) && Array.isArray(b)) return a.length === b.length && a.every((v, i) => v === b[i]);
-	return false;
-}
-function filtersEqual(a, b) {
-	return arraysEqual(a, b, (x, y) => x.id === y.id && x.field === y.field && x.operator === y.operator && filterValueEqual(x.value, y.value));
-}
-function sortConfigEqual(a, b) {
-	if (a === b) return true;
-	if (!a || !b) return false;
-	return a.field === b.field && a.direction === b.direction;
-}
 function viewConfigEqual(a, b) {
 	return filtersEqual(a.filters, b.filters) && sortConfigEqual(a.sortConfig, b.sortConfig) && arraysEqual(a.visibleColumns, b.visibleColumns, (x, y) => x === y) && a.groupBy === b.groupBy && arraysEqual(a.collapsedGroups ?? [], b.collapsedGroups ?? [], (x, y) => x === y) && a.realtime === b.realtime && a.includeDeleted === b.includeDeleted;
 }
@@ -67,9 +56,10 @@ function ViewOptionRow({ title, description, control }) {
 		})]
 	});
 }
-function FilterBuilderSheet({ collection, availableFields, currentConfig, onConfigChange, isOpen, onOpenChange, defaultColumns, savedViews, savedViewsLoading = false, onSaveView, onDeleteView, supportsSoftDelete = false, groupableFields = EMPTY_GROUPABLE_FIELDS, defaultGroupBy = null }) {
+function FilterBuilderSheet({ collection, availableFields, currentConfig, onConfigChange, isOpen, onOpenChange, defaultColumns, savedViews, savedViewsLoading = false, onSaveView, onDeleteView, supportsSoftDelete = false, groupableFields = EMPTY_GROUPABLE_FIELDS, defaultGroupBy = null, defaultFilters = [], panels }) {
 	const resolvedSavedViews = savedViews ?? EMPTY_SAVED_VIEWS;
 	const { t } = useTranslation();
+	const { columns: showColumns = true, filters: showFilters = true, savedViews: showSavedViews = true } = panels ?? {};
 	const [localConfig, setLocalConfig] = useState(currentConfig);
 	const [prev, setPrev] = useState({
 		isOpen,
@@ -94,7 +84,7 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 	};
 	const handleReset = () => {
 		setLocalConfig({
-			filters: [],
+			filters: cloneFilters(defaultFilters),
 			sortConfig: null,
 			visibleColumns: defaultColumns ?? availableFields.map((f) => f.name),
 			groupBy: defaultGroupBy,
@@ -119,6 +109,21 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 			className: "size-4 opacity-60"
 		})
 	}))], [groupableFields, t]);
+	const sortOptions = useMemo(() => [{
+		value: NO_SORT_VALUE,
+		label: t("viewOptions.noSort"),
+		icon: /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:sort-ascending",
+			className: "size-4 opacity-60"
+		})
+	}, ...availableFields.map((field) => ({
+		value: field.name,
+		label: field.label,
+		icon: /* @__PURE__ */ jsx(Icon, {
+			icon: "ph:text-aa",
+			className: "size-4 opacity-60"
+		})
+	}))], [availableFields, t]);
 	return /* @__PURE__ */ jsx(Sheet, {
 		open: isOpen,
 		onOpenChange,
@@ -182,21 +187,69 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 									drawerTitle: t("viewOptions.groupBy"),
 									className: "h-9 w-48"
 								})
+							}),
+							/* @__PURE__ */ jsx(ViewOptionRow, {
+								title: t("viewOptions.sort"),
+								description: t("viewOptions.sortDescription"),
+								control: /* @__PURE__ */ jsxs("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ jsx(SelectSingle, {
+										id: "view-options-sort",
+										value: localConfig.sortConfig?.field ?? NO_SORT_VALUE,
+										onChange: (value) => {
+											const nextSortField = !value || value === NO_SORT_VALUE ? null : value;
+											setLocalConfig((prevConfig) => ({
+												...prevConfig,
+												sortConfig: nextSortField ? {
+													field: nextSortField,
+													direction: prevConfig.sortConfig?.direction ?? "asc"
+												} : null,
+												pagination: {
+													...prevConfig.pagination ?? { pageSize: 25 },
+													page: 1
+												}
+											}));
+										},
+										options: sortOptions,
+										clearable: false,
+										emptyMessage: t("viewOptions.noFieldsAvailable"),
+										placeholder: t("viewOptions.noSort"),
+										drawerTitle: t("viewOptions.sort"),
+										className: "h-9 w-48"
+									}), /* @__PURE__ */ jsx(Button, {
+										variant: "outline",
+										size: "icon-sm",
+										disabled: !localConfig.sortConfig?.field,
+										"aria-label": localConfig.sortConfig?.direction === "asc" ? t("table.sortDesc") : t("table.sortAsc"),
+										onClick: () => setLocalConfig((prevConfig) => ({
+											...prevConfig,
+											sortConfig: prevConfig.sortConfig ? {
+												...prevConfig.sortConfig,
+												direction: prevConfig.sortConfig.direction === "asc" ? "desc" : "asc"
+											} : null,
+											pagination: {
+												...prevConfig.pagination ?? { pageSize: 25 },
+												page: 1
+											}
+										})),
+										children: /* @__PURE__ */ jsx(Icon, { icon: localConfig.sortConfig?.direction === "asc" ? "ph:sort-ascending" : "ph:sort-descending" })
+									})]
+								})
 							})
 						]
 					}), /* @__PURE__ */ jsxs(Tabs, {
-						defaultValue: "columns",
+						defaultValue: showColumns ? "columns" : "filters",
 						className: "mt-4",
 						children: [
 							/* @__PURE__ */ jsxs(TabsList, {
 								className: "w-full",
 								children: [
-									/* @__PURE__ */ jsx(TabsTrigger, {
+									showColumns && /* @__PURE__ */ jsx(TabsTrigger, {
 										value: "columns",
 										className: "flex-1",
 										children: t("viewOptions.columns")
 									}),
-									/* @__PURE__ */ jsxs(TabsTrigger, {
+									showFilters && /* @__PURE__ */ jsxs(TabsTrigger, {
 										value: "filters",
 										className: "flex-1",
 										children: [t("viewOptions.filters"), localConfig.filters.length > 0 && /* @__PURE__ */ jsx("span", {
@@ -204,14 +257,14 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 											children: localConfig.filters.length
 										})]
 									}),
-									/* @__PURE__ */ jsx(TabsTrigger, {
+									showSavedViews && /* @__PURE__ */ jsx(TabsTrigger, {
 										value: "views",
 										className: "flex-1",
 										children: t("viewOptions.savedViews")
 									})
 								]
 							}),
-							/* @__PURE__ */ jsx(TabsContent, {
+							showColumns && /* @__PURE__ */ jsx(TabsContent, {
 								value: "columns",
 								children: /* @__PURE__ */ jsx(ColumnsTab, {
 									fields: availableFields,
@@ -222,7 +275,7 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 									}))
 								})
 							}),
-							/* @__PURE__ */ jsx(TabsContent, {
+							showFilters && /* @__PURE__ */ jsx(TabsContent, {
 								value: "filters",
 								children: /* @__PURE__ */ jsx(FiltersTab, {
 									fields: availableFields,
@@ -233,7 +286,7 @@ function FilterBuilderSheet({ collection, availableFields, currentConfig, onConf
 									}))
 								})
 							}),
-							/* @__PURE__ */ jsx(TabsContent, {
+							showSavedViews && /* @__PURE__ */ jsx(TabsContent, {
 								value: "views",
 								children: /* @__PURE__ */ jsx(SavedViewsTab, {
 									collection,

package/dist/client/components/ui/dropdown-menu.mjs

@@ -33,14 +33,6 @@ function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom"
 		})
 	}) });
 }
-function DropdownMenuLabel({ className, inset, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "dropdown-menu-label",
-		"data-inset": inset,
-		className: cn("qa-dropdown-menu__label text-muted-foreground font-chrome chrome-meta px-2.5 py-1.5 text-xs font-medium data-[inset]:pl-8", className),
-		...props
-	});
-}
 function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
 	return /* @__PURE__ */ jsx(Menu.Item, {
 		"data-slot": "dropdown-menu-item",
@@ -79,24 +71,6 @@ function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "rig
 		...props
 	});
 }
-function DropdownMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
-		"data-slot": "dropdown-menu-radio-group",
-		...props
-	});
-}
-function DropdownMenuRadioItem({ className, children, ...props }) {
-	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
-		"data-slot": "dropdown-menu-radio-item",
-		className: cn("qa-dropdown-menu__radio-item item-surface focus:border-border focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex min-h-9 cursor-default items-center gap-2.5 px-3 py-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5", className),
-		...props,
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "pointer-events-none absolute right-3 flex items-center justify-center",
-			"data-slot": "dropdown-menu-radio-item-indicator",
-			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(Icon, { icon: "ph:check" }) })
-		}), children]
-	});
-}
 function DropdownMenuSeparator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(Menu.Separator, {
 		"data-slot": "dropdown-menu-separator",
@@ -104,13 +78,6 @@ function DropdownMenuSeparator({ className, ...props }) {
 		...props
 	});
 }
-function DropdownMenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "dropdown-menu-shortcut",
-		className: cn("qa-dropdown-menu__shortcut text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground font-chrome chrome-meta ml-auto text-[0.625rem]", className),
-		...props
-	});
-}
 
 //#endregion
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/client/hooks/query-access.d.mts

@@ -0,0 +1,9 @@
+import "../builder/registry.mjs";
+import { QuestpieQueryOptionsProxy } from "@questpie/tanstack-query";
+import { QuestpieApp, QuestpieClient } from "questpie/client";
+
+//#region src/client/hooks/query-access.d.ts
+
+type CollectionQueryKey<TApp extends QuestpieApp> = keyof QuestpieQueryOptionsProxy<TApp>["collections"] & string;
+//#endregion
+export { CollectionQueryKey };

package/dist/client/hooks/query-access.mjs

@@ -0,0 +1,20 @@
+import { selectClient, useAdminStore } from "../runtime/provider.mjs";
+
+//#region src/client/hooks/query-access.ts
+/** Single intentional cast site for dynamic collection names in views. */
+function adminCollectionKey(name) {
+	return name;
+}
+function getCollectionQueryApi(queryOpts, collection) {
+	return queryOpts.collections[collection];
+}
+function getGlobalQueryApi(queryOpts, globalName) {
+	return queryOpts.globals[globalName];
+}
+/** Typed app client from admin store (factory hooks with explicit TApp). */
+function useAppClient() {
+	return useAdminStore(selectClient);
+}
+
+//#endregion
+export { adminCollectionKey, getCollectionQueryApi, getGlobalQueryApi, useAppClient };