@questpie/admin 1.1.0 → 2.0.0

package/dist/client/views/collection/table-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-view.mjs","names":["config: ListViewConfig","options: any","whereConditions: Record<string, any>","availableFields: AvailableField[]","selectCol: ColumnDef<any>","t","orderedColumns: ColumnDef<any>[]","React","config","items","user","pageNum: number"],"sources":["../../../../src/client/views/collection/table-view.tsx"],"sourcesContent":["/**\n * Table View - Default list view component\n *\n * Renders collection items in a table with columns, sorting, filtering, and search.\n * This is the default list view registered in the admin view registry.\n */\n\nimport { Icon } from \"@iconify/react\";\nimport {\n\ttype ColumnDef,\n\tflexRender,\n\tgetCoreRowModel,\n\tgetSortedRowModel,\n\ttype RowSelectionState,\n\ttype SortingState,\n\tuseReactTable,\n} from \"@tanstack/react-table\";\nimport * as React from \"react\";\nimport { Suspense, useMemo, useState } from \"react\";\nimport type { ActionsConfig } from \"../../builder/types/action-types\";\nimport type {\n\tCollectionBuilderState,\n\tListViewConfig,\n} from \"../../builder/types/collection-types\";\nimport { ActionDialog } from \"../../components/actions/action-dialog\";\nimport { HeaderActions } from \"../../components/actions/header-actions\";\nimport { FilterBuilderSheet } from \"../../components/filter-builder/filter-builder-sheet\";\nimport type {\n\tAvailableField,\n\tViewConfiguration,\n} from \"../../components/filter-builder/types\";\nimport { LocaleSwitcher } from \"../../components/locale-switcher\";\nimport { flattenOptions } from \"../../components/primitives/types\";\nimport { Button } from \"../../components/ui/button\";\nimport { Checkbox } from \"../../components/ui/checkbox\";\nimport { EmptyState } from \"../../components/ui/empty-state\";\nimport { SearchInput } from \"../../components/ui/search-input\";\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectItem,\n\tSelectTrigger,\n\tSelectValue,\n} from \"../../components/ui/select\";\nimport {\n\tTable,\n\tTableBody,\n\tTableCell,\n\tTableHead,\n\tTableHeader,\n\tTableRow,\n} from \"../../components/ui/table\";\nimport {\n\tToolbar,\n\tToolbarSection,\n\tToolbarSeparator,\n} from \"../../components/ui/toolbar\";\nimport { useActions } from \"../../hooks/use-action\";\nimport {\n\tuseCollectionDelete,\n\tuseCollectionList,\n} from \"../../hooks/use-collection\";\nimport { useCollectionFields } from \"../../hooks/use-collection-fields\";\nimport { useSuspenseCollectionMeta } from \"../../hooks/use-collection-meta\";\nimport { useSessionState } from \"../../hooks/use-current-user\";\nimport { getLockUser, useLocks } from \"../../hooks/use-locks\";\nimport { useRealtimeHighlight } from \"../../hooks/use-realtime-highlight\";\nimport {\n\tuseDeleteSavedView,\n\tuseSavedViews,\n\tuseSaveView,\n} from \"../../hooks/use-saved-views\";\nimport { useDebouncedValue, useSearch } from \"../../hooks/use-search\";\nimport { useViewState } from \"../../hooks/use-view-state\";\nimport { useResolveText, useTranslation } from \"../../i18n/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport {\n\tselectRealtime,\n\tuseAdminStore,\n\tuseSafeContentLocales,\n\tuseScopedLocale,\n} from \"../../runtime\";\nimport {\n\tautoExpandFields,\n\thasFieldsToExpand,\n} from \"../../utils/auto-expand-fields\";\n\nimport { BulkActionToolbar } from \"./bulk-action-toolbar\";\nimport {\n\tbuildColumns,\n\tcomputeDefaultColumns,\n\tgetAllAvailableFields,\n} from \"./columns\";\nimport { TableViewSkeleton } from \"./view-skeletons\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Table view configuration from registry.\n *\n * Re-exports ListViewConfig for type consistency between builder and component.\n */\nexport type TableViewConfig = ListViewConfig;\n\nfunction mapListSchemaToConfig(list?: {\n\tview?: string;\n\tcolumns?: string[];\n\tdefaultSort?: { field: string; direction: \"asc\" | \"desc\" };\n\tsearchable?: string[];\n\tfilterable?: string[];\n\tactions?: unknown;\n}): ListViewConfig | undefined {\n\tif (!list) return undefined;\n\n\tconst config: ListViewConfig = {};\n\tif (list.columns?.length) config.columns = list.columns;\n\tif (list.defaultSort) config.defaultSort = list.defaultSort as any;\n\tif (list.searchable?.length) {\n\t\tconfig.searchFields = list.searchable as any;\n\t\tconfig.searchable = true;\n\t}\n\n\treturn config;\n}\n\n/**\n * Props for TableView component\n */\nexport interface TableViewProps {\n\t/**\n\t * Collection name\n\t */\n\tcollection: string;\n\n\t/**\n\t * Collection configuration from admin builder\n\t * Accepts CollectionBuilderState or any compatible config object\n\t */\n\tconfig?: Partial<CollectionBuilderState> | Record<string, any>;\n\n\t/**\n\t * View-specific configuration from registry\n\t */\n\tviewConfig?: TableViewConfig;\n\n\t/**\n\t * Navigate function for routing\n\t */\n\tnavigate: (path: string) => void;\n\n\t/**\n\t * Base path for admin routes (e.g., \"/admin\")\n\t */\n\tbasePath?: string;\n\n\t/**\n\t * Show search functionality\n\t * @default true\n\t */\n\tshowSearch?: boolean;\n\n\t/**\n\t * Show filter functionality\n\t * @default true\n\t */\n\tshowFilters?: boolean;\n\n\t/**\n\t * Show toolbar\n\t * @default true\n\t */\n\tshowToolbar?: boolean;\n\n\t/**\n\t * Enable realtime invalidation for this table.\n\t * Falls back to AdminProvider realtime config when undefined.\n\t */\n\trealtime?: boolean;\n\n\t/**\n\t * Custom header actions (in addition to configured actions)\n\t * @deprecated Use actions config instead\n\t */\n\theaderActions?: React.ReactNode;\n\n\t/**\n\t * Custom empty state\n\t */\n\temptyState?: React.ReactNode;\n\n\t/**\n\t * Actions configuration (header, row, bulk)\n\t * If not provided, defaults will be used\n\t */\n\tactionsConfig?: ActionsConfig;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * TableView - Default table-based list view for collections\n *\n * Uses Suspense for data loading to eliminate race conditions.\n * Critical data (collectionMeta, user session, preferences) is loaded\n * before rendering, ensuring stable initial state.\n *\n * Features:\n * - Auto-generates columns from collection config\n * - Search and filter functionality\n * - Sortable columns\n * - Saved views support\n * - Auto-expands upload/relation fields\n *\n * @example\n * ```tsx\n * // Used automatically via registry when navigating to /admin/collections/:name\n * // Can also be used directly:\n * <TableView\n *   collection=\"posts\"\n *   config={postsConfig}\n *   navigate={navigate}\n *   basePath=\"/admin\"\n * />\n * ```\n */\nexport default function TableView(props: TableViewProps): React.ReactElement {\n\treturn (\n\t\t<Suspense fallback={<TableViewSkeleton />}>\n\t\t\t<TableViewInner {...props} />\n\t\t</Suspense>\n\t);\n}\n\n/**\n * Inner component that uses Suspense queries.\n * This component will suspend until all critical data is loaded.\n */\nfunction TableViewInner({\n\tcollection,\n\tconfig,\n\tviewConfig,\n\tnavigate,\n\tbasePath = \"/admin\",\n\tshowSearch = true,\n\tshowFilters = true,\n\tshowToolbar = true,\n\trealtime,\n\theaderActions,\n\temptyState,\n\tactionsConfig,\n}: TableViewProps): React.ReactElement {\n\tconst globalRealtimeConfig = useAdminStore(selectRealtime);\n\tconst { fields: resolvedFields, schema } = useCollectionFields(collection, {\n\t\tfallbackFields: (config as any)?.fields,\n\t});\n\tconst schemaListConfig = mapListSchemaToConfig(schema?.admin?.list as any);\n\tconst resolvedListConfig =\n\t\tviewConfig ??\n\t\t(config?.list as any)?.[\"~config\"] ??\n\t\tconfig?.list ??\n\t\tschemaListConfig;\n\t// Default to global realtime.enabled if not explicitly set\n\tconst resolvedRealtime =\n\t\trealtime ??\n\t\t((resolvedListConfig as any)?.realtime as boolean | undefined) ??\n\t\tglobalRealtimeConfig.enabled;\n\n\t// Use actionsConfig from prop or from config.list view config\n\t// Actions are now stored in the list view config, not at collection level\n\tconst resolvedActionsConfig =\n\t\tactionsConfig ?? (resolvedListConfig as any)?.actions;\n\n\t// Get user session for preferences (suspense-enabled)\n\tconst { user } = useSessionState();\n\n\t// Fetch collection metadata from backend (suspense-enabled)\n\t// This will suspend until data is loaded, eliminating race conditions\n\tconst { data: collectionMeta } = useSuspenseCollectionMeta(collection);\n\n\t// i18n translations\n\tconst { t } = useTranslation();\n\tconst resolveText = useResolveText();\n\n\t// Locale switching (scoped or global)\n\tconst { locale: contentLocale, setLocale: setContentLocale } =\n\t\tuseScopedLocale();\n\tconst contentLocales = useSafeContentLocales();\n\tconst localeOptions = contentLocales?.locales ?? [];\n\n\t// Use actions hook for helpers and dialog state\n\tconst {\n\t\thelpers: actionHelpers,\n\t\tactions,\n\t\tdialogAction,\n\t\tdialogItem,\n\t\topenDialog,\n\t\tcloseDialog,\n\t} = useActions({\n\t\tcollection,\n\t\tactionsConfig: resolvedActionsConfig,\n\t});\n\n\t// Build columns from config - buildAllColumns enables showing any field user selects\n\tconst columns = useMemo(\n\t\t() =>\n\t\t\tbuildColumns({\n\t\t\t\tconfig: {\n\t\t\t\t\tfields: resolvedFields,\n\t\t\t\t\tlist: resolvedListConfig,\n\t\t\t\t},\n\t\t\t\tfallbackColumns: [\"id\"],\n\t\t\t\tbuildAllColumns: true, // Build all columns so user can toggle any field\n\t\t\t\tmeta: collectionMeta, // Use meta to determine title field\n\t\t\t}),\n\t\t[resolvedFields, resolvedListConfig, collectionMeta],\n\t);\n\n\t// Auto-detect fields to expand (uploads, relations)\n\tconst expandedFields = useMemo(\n\t\t() =>\n\t\t\tautoExpandFields({\n\t\t\t\tfields: resolvedFields,\n\t\t\t\tlist: resolvedListConfig as any,\n\t\t\t\trelations: collectionMeta?.relations,\n\t\t\t}),\n\t\t[resolvedFields, resolvedListConfig, collectionMeta?.relations],\n\t);\n\n\t// Filter builder sheet state\n\tconst [isSheetOpen, setIsSheetOpen] = useState(false);\n\tconst [searchTerm, setSearchTerm] = useState(\"\");\n\n\t// Default columns using configured columns from .list() or auto-detection\n\t// When .list({ columns: [...] }) is defined, those become the defaults\n\tconst defaultColumns = useMemo(\n\t\t() =>\n\t\t\tcomputeDefaultColumns(resolvedFields, {\n\t\t\t\tmeta: collectionMeta,\n\t\t\t\tconfiguredColumns: resolvedListConfig?.columns as any,\n\t\t\t}),\n\t\t[resolvedFields, resolvedListConfig?.columns, collectionMeta],\n\t);\n\n\t// View state (filters, sort, visible columns, realtime) - with database persistence\n\t// Uses Suspense internally for loading preferences\n\tconst viewState = useViewState(\n\t\tdefaultColumns,\n\t\t{ realtime: resolvedRealtime },\n\t\tcollection,\n\t\tuser?.id,\n\t);\n\tconst effectiveRealtime = viewState.config.realtime ?? resolvedRealtime;\n\n\t// Build query options from view state (filters, sort)\n\tconst queryOptions = useMemo(() => {\n\t\tconst options: any = {};\n\n\t\t// Add field expansion if needed\n\t\tif (hasFieldsToExpand(expandedFields)) {\n\t\t\toptions.with = expandedFields;\n\t\t}\n\n\t\t// Apply filters from view state\n\t\tif (viewState.config.filters.length > 0) {\n\t\t\tconst whereConditions: Record<string, any> = { ...options.where };\n\t\t\tconst relationNames = collectionMeta?.relations ?? [];\n\n\t\t\tconst isEmptyValue = (val: unknown) => {\n\t\t\t\tif (val === undefined || val === null) return true;\n\t\t\t\tif (typeof val === \"string\") return val.trim().length === 0;\n\t\t\t\tif (Array.isArray(val)) return val.length === 0;\n\t\t\t\treturn false;\n\t\t\t};\n\n\t\t\tconst normalizeSelectValue = (val: unknown, fieldOptions: any) => {\n\t\t\t\tconst optionsList = fieldOptions?.options;\n\t\t\t\tif (!optionsList) return val;\n\t\t\t\tconst map = new Map(\n\t\t\t\t\tflattenOptions(optionsList).map((opt) => [\n\t\t\t\t\t\tString(opt.value),\n\t\t\t\t\t\topt.value,\n\t\t\t\t\t]),\n\t\t\t\t);\n\t\t\t\tconst mapValue = (item: unknown) => map.get(String(item)) ?? item;\n\t\t\t\tif (Array.isArray(val)) return val.map(mapValue);\n\t\t\t\tif (val === undefined || val === null) return val;\n\t\t\t\treturn mapValue(val);\n\t\t\t};\n\n\t\t\tconst coerceValue = (val: unknown, fieldDef?: any) => {\n\t\t\t\tif (!fieldDef) return val;\n\t\t\t\tconst fieldType = fieldDef?.name ?? \"text\";\n\t\t\t\tconst fieldOptions = fieldDef?.[\"~options\"] ?? {};\n\n\t\t\t\tif (fieldType === \"number\" && typeof val === \"string\") {\n\t\t\t\t\tconst parsed = Number(val);\n\t\t\t\t\treturn Number.isNaN(parsed) ? val : parsed;\n\t\t\t\t}\n\t\t\t\tif (\n\t\t\t\t\t(fieldType === \"checkbox\" || fieldType === \"switch\") &&\n\t\t\t\t\ttypeof val === \"string\"\n\t\t\t\t) {\n\t\t\t\t\tif (val === \"true\") return true;\n\t\t\t\t\tif (val === \"false\") return false;\n\t\t\t\t}\n\t\t\t\tif (fieldType === \"select\") {\n\t\t\t\t\treturn normalizeSelectValue(val, fieldOptions);\n\t\t\t\t}\n\n\t\t\t\treturn val;\n\t\t\t};\n\n\t\t\tconst toArray = (val: unknown): unknown[] => {\n\t\t\t\tif (Array.isArray(val)) return val;\n\t\t\t\tif (val === undefined || val === null || val === \"\") return [];\n\t\t\t\treturn [val];\n\t\t\t};\n\n\t\t\tconst buildRelationCondition = (\n\t\t\t\toperator: string,\n\t\t\t\tval: unknown,\n\t\t\t\trelationType: \"single\" | \"multiple\",\n\t\t\t) => {\n\t\t\t\tconst isMultiple = relationType === \"multiple\";\n\t\t\t\tconst ids = toArray(val);\n\n\t\t\t\tswitch (operator) {\n\t\t\t\t\tcase \"equals\":\n\t\t\t\t\t\treturn isMultiple ? { some: { id: val } } : { is: { id: val } };\n\t\t\t\t\tcase \"not_equals\":\n\t\t\t\t\t\treturn isMultiple ? { none: { id: val } } : { isNot: { id: val } };\n\t\t\t\t\tcase \"in\":\n\t\t\t\t\t\treturn isMultiple\n\t\t\t\t\t\t\t? { some: { id: { in: ids } } }\n\t\t\t\t\t\t\t: { is: { id: { in: ids } } };\n\t\t\t\t\tcase \"not_in\":\n\t\t\t\t\t\treturn isMultiple\n\t\t\t\t\t\t\t? { none: { id: { in: ids } } }\n\t\t\t\t\t\t\t: { isNot: { id: { in: ids } } };\n\t\t\t\t\tcase \"some\":\n\t\t\t\t\t\treturn { some: { id: { in: ids } } };\n\t\t\t\t\tcase \"every\":\n\t\t\t\t\t\treturn { every: { id: { in: ids } } };\n\t\t\t\t\tcase \"none\":\n\t\t\t\t\t\treturn { none: { id: { in: ids } } };\n\t\t\t\t\tcase \"is_empty\":\n\t\t\t\t\t\treturn isMultiple ? { none: {} } : { isNot: {} };\n\t\t\t\t\tcase \"is_not_empty\":\n\t\t\t\t\t\treturn isMultiple ? { some: {} } : { is: {} };\n\t\t\t\t\tdefault:\n\t\t\t\t\t\treturn undefined;\n\t\t\t\t}\n\t\t\t};\n\n\t\t\tfor (const filter of viewState.config.filters) {\n\t\t\t\tconst { field, operator, value } = filter;\n\t\t\t\tif (!field || field === \"_title\") continue;\n\n\t\t\t\tconst fieldDef = resolvedFields?.[field] as any;\n\t\t\t\tconst fieldType = fieldDef?.name ?? \"text\";\n\t\t\t\tconst fieldOptions = fieldDef?.[\"~options\"] ?? {};\n\t\t\t\tconst relationName =\n\t\t\t\t\tfieldType === \"relation\"\n\t\t\t\t\t\t? ((fieldOptions.relationName as string | undefined) ?? field)\n\t\t\t\t\t\t: undefined;\n\t\t\t\tconst hasRelation =\n\t\t\t\t\trelationName &&\n\t\t\t\t\t(relationNames.length === 0 || relationNames.includes(relationName));\n\t\t\t\tconst isRelationField = fieldType === \"relation\" && !!hasRelation;\n\n\t\t\t\tconst requiresValue =\n\t\t\t\t\toperator !== \"is_empty\" && operator !== \"is_not_empty\";\n\t\t\t\tif (requiresValue && isEmptyValue(value)) continue;\n\n\t\t\t\tconst normalizedValue = coerceValue(value, fieldDef);\n\n\t\t\t\tif (isRelationField && relationName) {\n\t\t\t\t\tconst relationType =\n\t\t\t\t\t\tfieldOptions.type === \"multiple\" ? \"multiple\" : \"single\";\n\t\t\t\t\tconst condition = buildRelationCondition(\n\t\t\t\t\t\toperator,\n\t\t\t\t\t\tnormalizedValue,\n\t\t\t\t\t\trelationType,\n\t\t\t\t\t);\n\t\t\t\t\tif (condition) {\n\t\t\t\t\t\twhereConditions[relationName] = condition;\n\t\t\t\t\t}\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tswitch (operator) {\n\t\t\t\t\tcase \"equals\":\n\t\t\t\t\t\twhereConditions[field] = normalizedValue;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"not_equals\":\n\t\t\t\t\t\twhereConditions[field] = { ne: normalizedValue };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"contains\":\n\t\t\t\t\t\twhereConditions[field] = { contains: normalizedValue };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"not_contains\":\n\t\t\t\t\t\twhereConditions[field] = {\n\t\t\t\t\t\t\tnotIlike: `%${normalizedValue}%`,\n\t\t\t\t\t\t};\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"starts_with\":\n\t\t\t\t\t\twhereConditions[field] = { startsWith: normalizedValue };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"ends_with\":\n\t\t\t\t\t\twhereConditions[field] = { endsWith: normalizedValue };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"greater_than\":\n\t\t\t\t\t\twhereConditions[field] = { gt: normalizedValue };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"less_than\":\n\t\t\t\t\t\twhereConditions[field] = { lt: normalizedValue };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"greater_than_or_equal\":\n\t\t\t\t\t\twhereConditions[field] = { gte: normalizedValue };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"less_than_or_equal\":\n\t\t\t\t\t\twhereConditions[field] = { lte: normalizedValue };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"in\": {\n\t\t\t\t\t\tconst values = Array.isArray(normalizedValue)\n\t\t\t\t\t\t\t? normalizedValue\n\t\t\t\t\t\t\t: [normalizedValue];\n\t\t\t\t\t\twhereConditions[field] = { in: values };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase \"not_in\": {\n\t\t\t\t\t\tconst values = Array.isArray(normalizedValue)\n\t\t\t\t\t\t\t? normalizedValue\n\t\t\t\t\t\t\t: [normalizedValue];\n\t\t\t\t\t\twhereConditions[field] = { notIn: values };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\t\t\t\t\tcase \"is_empty\":\n\t\t\t\t\t\twhereConditions[field] = { isNull: true };\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"is_not_empty\":\n\t\t\t\t\t\twhereConditions[field] = { isNotNull: true };\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\toptions.where = whereConditions;\n\t\t}\n\n\t\t// Apply sort from view state\n\t\tif (viewState.config.sortConfig) {\n\t\t\tconst { field, direction } = viewState.config.sortConfig;\n\t\t\toptions.orderBy = { [field]: direction };\n\t\t}\n\n\t\t// Apply pagination from view state\n\t\tconst pageSize = viewState.config.pagination?.pageSize ?? 25;\n\t\tconst page = viewState.config.pagination?.page ?? 1;\n\t\toptions.limit = pageSize;\n\t\toptions.offset = (page - 1) * pageSize;\n\n\t\treturn options;\n\t}, [\n\t\texpandedFields,\n\t\tviewState.config.filters,\n\t\tviewState.config.sortConfig,\n\t\tviewState.config.pagination?.page,\n\t\tviewState.config.pagination?.pageSize,\n\t\tresolvedFields,\n\t\tcollectionMeta?.relations,\n\t]);\n\n\t// Debounce search term for API requests (300ms)\n\tconst debouncedSearchTerm = useDebouncedValue(searchTerm, 300);\n\tconst isSearching = debouncedSearchTerm.trim().length > 0;\n\n\t// Search API for FTS-powered search\n\t// Returns full records with search metadata (_search.score, _search.highlights)\n\tconst {\n\t\tdata: searchData,\n\t\tisLoading: searchLoading,\n\t\tisFetching: searchFetching,\n\t} = useSearch(\n\t\t{\n\t\t\tcollection,\n\t\t\tquery: debouncedSearchTerm,\n\t\t\tlimit: 100,\n\t\t\thighlights: true,\n\t\t},\n\t\t{ enabled: isSearching },\n\t);\n\n\t// Data fetching with filters and sort applied (normal browsing)\n\tconst { data: listData, isLoading: listLoading } = useCollectionList(\n\t\tcollection as any,\n\t\tqueryOptions,\n\t\t{ enabled: !isSearching },\n\t\t{ realtime: effectiveRealtime },\n\t);\n\n\t// Merge data sources - search returns full records directly now\n\tconst isLoading = isSearching ? searchLoading : listLoading;\n\tconst isSearchActive = isSearching && searchFetching;\n\n\t// Saved views hooks\n\tconst { data: savedViewsData, isLoading: savedViewsLoading } =\n\t\tuseSavedViews(collection);\n\tconst saveViewMutation = useSaveView(collection);\n\tconst deleteViewMutation = useDeleteSavedView(collection);\n\n\t// Delete mutation for bulk actions\n\tconst deleteMutation = useCollectionDelete(collection as any);\n\n\t// Build available fields from config for column picker\n\t// All fields are available in Options, but defaults come from .list() config\n\tconst availableFields: AvailableField[] = useMemo(() => {\n\t\treturn getAllAvailableFields(resolvedFields, { meta: collectionMeta });\n\t}, [resolvedFields, collectionMeta]);\n\n\t// Filter columns based on visibleColumns from view state\n\t// Includes checkbox selection column as first column\n\tconst visibleColumnDefs = useMemo(() => {\n\t\t// Checkbox selection column (first column, sticky)\n\t\tconst selectCol: ColumnDef<any> = {\n\t\t\tid: \"_select\",\n\t\t\theader: ({ table: t }) => {\n\t\t\t\tconst isAllSelected = t.getIsAllPageRowsSelected();\n\t\t\t\tconst isSomeSelected = t.getIsSomePageRowsSelected();\n\t\t\t\treturn (\n\t\t\t\t\t// biome-ignore lint/a11y/noStaticElementInteractions: <explanation>\n\t\t\t\t\t<div\n\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\tonKeyDown={(e) => e.stopPropagation()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={isAllSelected}\n\t\t\t\t\t\t\tindeterminate={!isAllSelected && isSomeSelected}\n\t\t\t\t\t\t\tonCheckedChange={(checked) =>\n\t\t\t\t\t\t\t\tt.toggleAllPageRowsSelected(!!checked)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\taria-label=\"Select all\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t},\n\t\t\tcell: ({ row }) => {\n\t\t\t\tconst isSelected = row.getIsSelected();\n\t\t\t\tconst canSelect = row.getCanSelect();\n\t\t\t\treturn (\n\t\t\t\t\t// biome-ignore lint/a11y/noStaticElementInteractions: <explanation>\n\t\t\t\t\t<div\n\t\t\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t\t\t\tonKeyDown={(e) => e.stopPropagation()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Checkbox\n\t\t\t\t\t\t\tchecked={isSelected}\n\t\t\t\t\t\t\tdisabled={!canSelect}\n\t\t\t\t\t\t\tonCheckedChange={(checked) => row.toggleSelected(!!checked)}\n\t\t\t\t\t\t\taria-label=\"Select row\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t);\n\t\t\t},\n\t\t\tsize: 40,\n\t\t\tenableSorting: false,\n\t\t\tenableHiding: false,\n\t\t};\n\n\t\t// Determine title column name from meta\n\t\tconst titleFieldName = collectionMeta?.title?.fieldName;\n\t\tconst titleType = collectionMeta?.title?.type;\n\t\tconst titleColName =\n\t\t\ttitleType === \"field\" && titleFieldName ? titleFieldName : \"_title\";\n\n\t\t// Start with checkbox column\n\t\tconst orderedColumns: ColumnDef<any>[] = [selectCol];\n\n\t\t// Always add title column first (after checkbox) if it exists\n\t\tconst titleCol = columns.find(\n\t\t\t(c) =>\n\t\t\t\t(c as any).accessorKey === titleColName ||\n\t\t\t\t(c as any).id === titleColName,\n\t\t);\n\t\tif (titleCol) {\n\t\t\torderedColumns.push(titleCol as ColumnDef<any>);\n\t\t}\n\n\t\t// Determine which columns to show\n\t\t// If visibleColumns is empty, show ALL columns (default behavior)\n\t\tconst columnsToShow =\n\t\t\tviewState.config.visibleColumns.length > 0\n\t\t\t\t? viewState.config.visibleColumns\n\t\t\t\t: columns\n\t\t\t\t\t\t.map((c) => (c as any).accessorKey || (c as any).id)\n\t\t\t\t\t\t.filter(Boolean);\n\n\t\t// Add remaining visible columns (excluding title since it's already added)\n\t\tfor (const colName of columnsToShow) {\n\t\t\t// Skip title column - already added first\n\t\t\tif (colName === titleColName) continue;\n\n\t\t\tconst col = columns.find(\n\t\t\t\t(c) => (c as any).accessorKey === colName || (c as any).id === colName,\n\t\t\t);\n\t\t\tif (col) {\n\t\t\t\torderedColumns.push(col as ColumnDef<any>);\n\t\t\t}\n\t\t}\n\n\t\treturn orderedColumns;\n\t}, [columns, viewState.config.visibleColumns, collectionMeta]);\n\n\t// Table sorting state - sync with view state\n\tconst [sorting, setSorting] = React.useState<SortingState>(() => {\n\t\tif (viewState.config.sortConfig) {\n\t\t\treturn [\n\t\t\t\t{\n\t\t\t\t\tid: viewState.config.sortConfig.field,\n\t\t\t\t\tdesc: viewState.config.sortConfig.direction === \"desc\",\n\t\t\t\t},\n\t\t\t];\n\t\t}\n\t\treturn [];\n\t});\n\n\t// Row selection state\n\tconst [rowSelection, setRowSelection] = React.useState<RowSelectionState>({});\n\n\t// Sync table sorting with view state\n\tconst handleSortingChange = React.useCallback(\n\t\t(updater: SortingState | ((old: SortingState) => SortingState)) => {\n\t\t\tconst newSorting =\n\t\t\t\ttypeof updater === \"function\" ? updater(sorting) : updater;\n\t\t\tsetSorting(newSorting);\n\t\t\tif (newSorting.length > 0) {\n\t\t\t\tviewState.setSort({\n\t\t\t\t\tfield: newSorting[0].id,\n\t\t\t\t\tdirection: newSorting[0].desc ? \"desc\" : \"asc\",\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tviewState.setSort(null);\n\t\t\t}\n\t\t},\n\t\t[sorting, viewState],\n\t);\n\n\t// Get items from appropriate data source\n\t// Search returns full records directly with _search metadata\n\t// List returns normal CRUD results\n\tconst items = useMemo(() => {\n\t\tif (isSearching) {\n\t\t\treturn searchData?.docs ?? [];\n\t\t}\n\t\treturn listData?.docs ?? [];\n\t}, [isSearching, searchData?.docs, listData?.docs]);\n\n\t// Track realtime changes and highlight affected rows\n\tconst { isHighlighted } = useRealtimeHighlight(items, {\n\t\tenabled: effectiveRealtime && !isSearching,\n\t});\n\n\t// Track who is editing which documents\n\tconst { getLock, isLocked: isDocLocked } = useLocks({\n\t\tresourceType: \"collection\",\n\t\tresource: collection,\n\t\trealtime: effectiveRealtime,\n\t});\n\n\t// Search results are already sorted by score, list results are server-sorted\n\tconst filteredItems = items;\n\n\tconst table = useReactTable({\n\t\tdata: filteredItems as any[],\n\t\tcolumns: visibleColumnDefs,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tonSortingChange: handleSortingChange,\n\t\tenableRowSelection: true,\n\t\tonRowSelectionChange: setRowSelection,\n\t\tgetRowId: (row: any) => row.id, // Use item ID as row ID for selection\n\t\tstate: {\n\t\t\tsorting,\n\t\t\trowSelection,\n\t\t},\n\t});\n\n\t// Handlers\n\tconst handleSaveView = (name: string, config: ViewConfiguration) => {\n\t\tsaveViewMutation.mutate({\n\t\t\tname,\n\t\t\tconfiguration: config,\n\t\t});\n\t};\n\n\tconst handleDeleteView = (viewId: string) => {\n\t\tdeleteViewMutation.mutate(viewId);\n\t};\n\n\tconst handleRowClick = (item: any) => {\n\t\tnavigate(`${basePath}/collections/${collection}/${item.id}`);\n\t};\n\n\t// Bulk delete handler\n\tconst handleBulkDelete = React.useCallback(\n\t\tasync (ids: string[]) => {\n\t\t\t// Delete items in parallel\n\t\t\tconst results = await Promise.allSettled(\n\t\t\t\tids.map((id) => deleteMutation.mutateAsync({ id })),\n\t\t\t);\n\n\t\t\tconst successCount = results.filter(\n\t\t\t\t(r) => r.status === \"fulfilled\",\n\t\t\t).length;\n\t\t\tconst failCount = results.filter((r) => r.status === \"rejected\").length;\n\n\t\t\tif (failCount === 0) {\n\t\t\t\tactionHelpers.toast.success(\n\t\t\t\t\tt(\"collection.bulkDeleteSuccess\", { count: successCount }),\n\t\t\t\t);\n\t\t\t} else if (successCount === 0) {\n\t\t\t\tactionHelpers.toast.error(t(\"collection.bulkDeleteError\"));\n\t\t\t} else {\n\t\t\t\tactionHelpers.toast.warning(\n\t\t\t\t\tt(\"collection.bulkDeletePartial\", {\n\t\t\t\t\t\tsuccess: successCount,\n\t\t\t\t\t\tfailed: failCount,\n\t\t\t\t\t}),\n\t\t\t\t);\n\t\t\t}\n\t\t},\n\t\t[deleteMutation, actionHelpers, t],\n\t);\n\n\tif (isLoading) {\n\t\treturn (\n\t\t\t<div className=\"container\">\n\t\t\t\t<div className=\"flex h-64 items-center justify-center text-muted-foreground\">\n\t\t\t\t\t<Icon icon=\"ph:spinner-gap\" className=\"size-6 animate-spin\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div className=\"container\">\n\t\t\t<div className=\"space-y-4\">\n\t\t\t\t{/* Header - Title & Actions */}\n\t\t\t\t<div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n\t\t\t\t\t<div className=\"min-w-0 flex-1\">\n\t\t\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t\t\t<h1 className=\"text-2xl md:text-3xl font-extrabold tracking-tight truncate\">\n\t\t\t\t\t\t\t\t{resolveText(\n\t\t\t\t\t\t\t\t\t(config as any)?.label ?? schema?.admin?.config?.label,\n\t\t\t\t\t\t\t\t\tcollection,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t{localeOptions.length > 0 && (\n\t\t\t\t\t\t\t\t<LocaleSwitcher\n\t\t\t\t\t\t\t\t\tlocales={localeOptions}\n\t\t\t\t\t\t\t\t\tvalue={contentLocale}\n\t\t\t\t\t\t\t\t\tonChange={setContentLocale}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{((config as any)?.description ??\n\t\t\t\t\t\tschema?.admin?.config?.description) ? (\n\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-sm mt-1 line-clamp-2\">\n\t\t\t\t\t\t\t\t{resolveText(\n\t\t\t\t\t\t\t\t\t(config as any)?.description ??\n\t\t\t\t\t\t\t\t\t\tschema?.admin?.config?.description,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex items-center gap-2 shrink-0\">\n\t\t\t\t\t\t{headerActions}\n\t\t\t\t\t\t{(actions.header.primary?.length ||\n\t\t\t\t\t\t\tactions.header.secondary?.length) && (\n\t\t\t\t\t\t\t<HeaderActions\n\t\t\t\t\t\t\t\tactions={actions.header}\n\t\t\t\t\t\t\t\tcollection={collection}\n\t\t\t\t\t\t\t\thelpers={actionHelpers}\n\t\t\t\t\t\t\t\tonOpenDialog={(action) => openDialog(action)}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Toolbar */}\n\t\t\t\t{showToolbar && (\n\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t<Toolbar>\n\t\t\t\t\t\t\t{/* Search */}\n\t\t\t\t\t\t\t{showSearch && (\n\t\t\t\t\t\t\t\t<ToolbarSection className=\"flex-1\">\n\t\t\t\t\t\t\t\t\t<SearchInput\n\t\t\t\t\t\t\t\t\t\tvalue={searchTerm}\n\t\t\t\t\t\t\t\t\t\tonChange={(e) => setSearchTerm(e.target.value)}\n\t\t\t\t\t\t\t\t\t\tonClear={() => setSearchTerm(\"\")}\n\t\t\t\t\t\t\t\t\t\tplaceholder={t(\"common.search\")}\n\t\t\t\t\t\t\t\t\t\tcontainerClassName=\"border-none bg-transparent dark:bg-transparent\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</ToolbarSection>\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t{/* Separator + Options */}\n\t\t\t\t\t\t\t{showFilters && (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{showSearch && <ToolbarSeparator />}\n\t\t\t\t\t\t\t\t\t<ToolbarSection>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => setIsSheetOpen(true)}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"gap-2\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\ticon=\"ph:sliders-horizontal\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t{t(\"viewOptions.title\")}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</ToolbarSection>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Toolbar>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Floating toolbar - shows when rows selected OR filters active */}\n\t\t\t\t<BulkActionToolbar\n\t\t\t\t\ttable={table}\n\t\t\t\t\tactions={actions.bulk}\n\t\t\t\t\tcollection={collection}\n\t\t\t\t\thelpers={actionHelpers}\n\t\t\t\t\ttotalCount={isSearching ? searchData?.total : listData?.totalDocs}\n\t\t\t\t\tpageCount={filteredItems.length}\n\t\t\t\t\tonOpenDialog={(action, items) => openDialog(action, items)}\n\t\t\t\t\tonBulkDelete={handleBulkDelete}\n\t\t\t\t\tfilterCount={viewState.config.filters.length}\n\t\t\t\t\tonOpenFilters={() => setIsSheetOpen(true)}\n\t\t\t\t\tonClearFilters={() =>\n\t\t\t\t\t\tviewState.setConfig({ ...viewState.config, filters: [] })\n\t\t\t\t\t}\n\t\t\t\t/>\n\n\t\t\t\t{/* Table */}\n\t\t\t\t<div className=\"bg-card/5 backdrop-blur-sm border border-border/40 overflow-hidden\">\n\t\t\t\t\t<Table>\n\t\t\t\t\t\t<TableHeader>\n\t\t\t\t\t\t\t{table.getHeaderGroups().map((headerGroup) => (\n\t\t\t\t\t\t\t\t<TableRow key={headerGroup.id} className=\"hover:bg-transparent\">\n\t\t\t\t\t\t\t\t\t{headerGroup.headers.map((header, headerIndex) => {\n\t\t\t\t\t\t\t\t\t\t// First column (checkbox) is sticky at left=0, width ~36px\n\t\t\t\t\t\t\t\t\t\t// Second column (title) is sticky at left=36px\n\t\t\t\t\t\t\t\t\t\tconst stickyLeft =\n\t\t\t\t\t\t\t\t\t\t\theaderIndex === 0\n\t\t\t\t\t\t\t\t\t\t\t\t? 0\n\t\t\t\t\t\t\t\t\t\t\t\t: headerIndex === 1\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 36\n\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\t\t\t\t\t// Only show border on the last sticky column (title)\n\t\t\t\t\t\t\t\t\t\tconst showStickyBorder = headerIndex === 1;\n\t\t\t\t\t\t\t\t\t\t// Checkbox column gets compact styling\n\t\t\t\t\t\t\t\t\t\tconst isCheckboxCol = headerIndex === 0;\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<TableHead\n\t\t\t\t\t\t\t\t\t\t\t\tkey={header.id}\n\t\t\t\t\t\t\t\t\t\t\t\tstickyLeft={stickyLeft}\n\t\t\t\t\t\t\t\t\t\t\t\tshowStickyBorder={showStickyBorder}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\t\tisCheckboxCol ? \"w-9 min-w-9 px-1.5\" : undefined\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{header.isPlaceholder ? null : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theader.column.getCanSort()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"cursor-pointer select-none flex items-center gap-2 hover:text-foreground transition-colors\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={header.column.getToggleSortingHandler()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theader.column.columnDef.header,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theader.getContext(),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{header.column.getIsSorted() && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{header.column.getIsSorted() === \"asc\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"↑\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"↓\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</TableHead>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</TableHeader>\n\t\t\t\t\t\t<TableBody>\n\t\t\t\t\t\t\t{table.getRowModel().rows?.length ? (\n\t\t\t\t\t\t\t\ttable.getRowModel().rows.map((row) => (\n\t\t\t\t\t\t\t\t\t<TableRow\n\t\t\t\t\t\t\t\t\t\tkey={row.id}\n\t\t\t\t\t\t\t\t\t\tdata-state={row.getIsSelected() && \"selected\"}\n\t\t\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\t\t\"group\",\n\t\t\t\t\t\t\t\t\t\t\tisHighlighted(row.id) && \"animate-realtime-pulse\",\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{row.getVisibleCells().map((cell, cellIndex) => {\n\t\t\t\t\t\t\t\t\t\t\t// First column (checkbox) is sticky at left=0, width ~36px\n\t\t\t\t\t\t\t\t\t\t\t// Second column (title) is sticky at left=36px\n\t\t\t\t\t\t\t\t\t\t\tconst stickyLeft =\n\t\t\t\t\t\t\t\t\t\t\t\tcellIndex === 0 ? 0 : cellIndex === 1 ? 36 : undefined;\n\t\t\t\t\t\t\t\t\t\t\t// Only show border on the last sticky column (title)\n\t\t\t\t\t\t\t\t\t\t\tconst showStickyBorder = cellIndex === 1;\n\t\t\t\t\t\t\t\t\t\t\t// Checkbox column gets compact styling\n\t\t\t\t\t\t\t\t\t\t\tconst isCheckboxCol = cellIndex === 0;\n\n\t\t\t\t\t\t\t\t\t\t\t// Title column (index 1) is clickable\n\t\t\t\t\t\t\t\t\t\t\tconst isTitleCol = cellIndex === 1;\n\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<TableCell\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={cell.id}\n\t\t\t\t\t\t\t\t\t\t\t\t\tstickyLeft={stickyLeft}\n\t\t\t\t\t\t\t\t\t\t\t\t\tshowStickyBorder={showStickyBorder}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisCheckboxCol ? \"w-9 min-w-9 px-1.5\" : undefined\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{isTitleCol ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => handleRowClick(row.original)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"text-left underline underline-offset-2 decoration-muted-foreground/50 hover:decoration-foreground transition-colors cursor-pointer\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{flexRender(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcell.getContext(),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isDocLocked(row.id) &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst lock = getLock(row.id);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tconst user = lock ? getLockUser(lock) : null;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"inline-flex items-center gap-1 text-xs text-muted-foreground bg-muted/50 px-1.5 py-0.5 rounded-full\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser?.name ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tuser?.email ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"Someone is editing\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{user?.image ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc={user.image}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"size-4 rounded-full\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticon=\"ph:pencil-simple\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"size-3\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"max-w-20 truncate\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{user?.name?.split(\" \")[0] ?? \"Editing\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexRender(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcell.column.columnDef.cell,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcell.getContext(),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t\t\t))\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<TableRow>\n\t\t\t\t\t\t\t\t\t<TableCell colSpan={visibleColumnDefs.length} className=\"p-0\">\n\t\t\t\t\t\t\t\t\t\t{emptyState || (\n\t\t\t\t\t\t\t\t\t\t\t<EmptyState\n\t\t\t\t\t\t\t\t\t\t\t\ttitle=\"NO_RESULTS\"\n\t\t\t\t\t\t\t\t\t\t\t\tdescription={\n\t\t\t\t\t\t\t\t\t\t\t\t\tisSearching\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? t(\"collectionSearch.noResults\")\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"No items found in this collection\"\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"h-48\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</TableBody>\n\t\t\t\t\t</Table>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Footer - Pagination */}\n\t\t\t\t{!isSearching && (\n\t\t\t\t\t<div className=\"flex items-center justify-between gap-4 py-2\">\n\t\t\t\t\t\t{/* Left side - item count and page size */}\n\t\t\t\t\t\t<div className=\"flex items-center gap-4 text-sm text-muted-foreground\">\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t{filteredItems.length > 0\n\t\t\t\t\t\t\t\t\t? `${((viewState.config.pagination?.page ?? 1) - 1) * (viewState.config.pagination?.pageSize ?? 25) + 1}-${Math.min(((viewState.config.pagination?.page ?? 1) - 1) * (viewState.config.pagination?.pageSize ?? 25) + (viewState.config.pagination?.pageSize ?? 25), listData?.totalDocs ?? filteredItems.length)}`\n\t\t\t\t\t\t\t\t\t: \"0\"}{\" \"}\n\t\t\t\t\t\t\t\tof {listData?.totalDocs ?? 0}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t\t\t<span className=\"text-muted-foreground\">Show</span>\n\t\t\t\t\t\t\t\t<Select\n\t\t\t\t\t\t\t\t\tvalue={String(viewState.config.pagination?.pageSize ?? 25)}\n\t\t\t\t\t\t\t\t\tonValueChange={(value) =>\n\t\t\t\t\t\t\t\t\t\tviewState.setPageSize(Number(value))\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<SelectTrigger className=\"h-8 w-[70px]\">\n\t\t\t\t\t\t\t\t\t\t<SelectValue />\n\t\t\t\t\t\t\t\t\t</SelectTrigger>\n\t\t\t\t\t\t\t\t\t<SelectContent side=\"top\">\n\t\t\t\t\t\t\t\t\t\t{[10, 25, 50, 100].map((size) => (\n\t\t\t\t\t\t\t\t\t\t\t<SelectItem key={size} value={String(size)}>\n\t\t\t\t\t\t\t\t\t\t\t\t{size}\n\t\t\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t</SelectContent>\n\t\t\t\t\t\t\t\t</Select>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/* Right side - pagination controls */}\n\t\t\t\t\t\t<div className=\"flex items-center gap-1\">\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\tclassName=\"size-8 p-0\"\n\t\t\t\t\t\t\t\tdisabled={(viewState.config.pagination?.page ?? 1) <= 1}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tviewState.setPage(\n\t\t\t\t\t\t\t\t\t\t(viewState.config.pagination?.page ?? 1) - 1,\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon icon=\"ph:caret-left\" className=\"size-4\" />\n\t\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t\t{/* Page numbers */}\n\t\t\t\t\t\t\t{Array.from(\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tlength: Math.min(5, listData?.totalPages ?? 1),\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t(_, i) => {\n\t\t\t\t\t\t\t\t\tconst currentPage = viewState.config.pagination?.page ?? 1;\n\t\t\t\t\t\t\t\t\tconst totalPages = listData?.totalPages ?? 1;\n\t\t\t\t\t\t\t\t\tlet pageNum: number;\n\n\t\t\t\t\t\t\t\t\tif (totalPages <= 5) {\n\t\t\t\t\t\t\t\t\t\tpageNum = i + 1;\n\t\t\t\t\t\t\t\t\t} else if (currentPage <= 3) {\n\t\t\t\t\t\t\t\t\t\tpageNum = i + 1;\n\t\t\t\t\t\t\t\t\t} else if (currentPage >= totalPages - 2) {\n\t\t\t\t\t\t\t\t\t\tpageNum = totalPages - 4 + i;\n\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\tpageNum = currentPage - 2 + i;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tkey={pageNum}\n\t\t\t\t\t\t\t\t\t\t\tvariant={currentPage === pageNum ? \"secondary\" : \"ghost\"}\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"size-8 p-0 min-w-[32px]\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => viewState.setPage(pageNum)}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{pageNum}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\tclassName=\"size-8 p-0\"\n\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t(viewState.config.pagination?.page ?? 1) >=\n\t\t\t\t\t\t\t\t\t(listData?.totalPages ?? 1)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\tviewState.setPage(\n\t\t\t\t\t\t\t\t\t\t(viewState.config.pagination?.page ?? 1) + 1,\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Icon icon=\"ph:caret-right\" className=\"size-4\" />\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Search mode footer */}\n\t\t\t\t{isSearching && (\n\t\t\t\t\t<div className=\"text-sm text-muted-foreground flex items-center gap-2 py-2\">\n\t\t\t\t\t\t{isSearchActive && (\n\t\t\t\t\t\t\t<Icon icon=\"ph:spinner-gap\" className=\"size-3 animate-spin\" />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{filteredItems.length} item{filteredItems.length !== 1 ? \"s\" : \"\"}\n\t\t\t\t\t\t{searchData?.total !== undefined && (\n\t\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t\t({searchData.total} match{searchData.total !== 1 ? \"es\" : \"\"}{\" \"}\n\t\t\t\t\t\t\t\tfound)\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Filter Builder Sheet */}\n\t\t\t\t<FilterBuilderSheet\n\t\t\t\t\tcollection={collection}\n\t\t\t\t\tavailableFields={availableFields}\n\t\t\t\t\tdefaultColumns={defaultColumns}\n\t\t\t\t\tcurrentConfig={viewState.config}\n\t\t\t\t\tonConfigChange={viewState.setConfig}\n\t\t\t\t\tisOpen={isSheetOpen}\n\t\t\t\t\tonOpenChange={setIsSheetOpen}\n\t\t\t\t\tsavedViews={savedViewsData?.docs ?? []}\n\t\t\t\t\tsavedViewsLoading={savedViewsLoading}\n\t\t\t\t\tonSaveView={handleSaveView}\n\t\t\t\t\tonDeleteView={handleDeleteView}\n\t\t\t\t/>\n\n\t\t\t\t{/* Action Dialog */}\n\t\t\t\t{dialogAction && (\n\t\t\t\t\t<ActionDialog\n\t\t\t\t\t\topen={!!dialogAction}\n\t\t\t\t\t\tonOpenChange={(open) => !open && closeDialog()}\n\t\t\t\t\t\taction={dialogAction}\n\t\t\t\t\t\tcollection={collection}\n\t\t\t\t\t\titem={dialogItem}\n\t\t\t\t\t\thelpers={actionHelpers}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/client/views/collection/view-skeletons.mjs

@@ -0,0 +1,121 @@
+import { Skeleton } from "../../components/ui/skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/collection/view-skeletons.tsx
+/**
+* View Skeletons
+*
+* Loading skeletons for collection views (table, form).
+* Used with Suspense boundaries to show loading state.
+*/
+function TableSkeletonRow({ isLast = false }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: `flex items-center gap-4 p-4 ${isLast ? "" : "border-b"}`,
+		children: [
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+			/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16 ml-auto" })
+		]
+	});
+}
+function FormFieldSkeleton() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+	});
+}
+/**
+* Skeleton for TableView
+*
+* Shows a loading state that mimics the table layout.
+*/
+function TableViewSkeleton() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "container",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "space-y-1",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64" })]
+					}), /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-32" })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-64" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" }),
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" })
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "rounded-md border",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-4 p-4 border-b bg-muted/50",
+							children: [
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+								/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20 ml-auto" })
+							]
+						}),
+						/* @__PURE__ */ jsx(TableSkeletonRow, {}),
+						/* @__PURE__ */ jsx(TableSkeletonRow, {}),
+						/* @__PURE__ */ jsx(TableSkeletonRow, {}),
+						/* @__PURE__ */ jsx(TableSkeletonRow, {}),
+						/* @__PURE__ */ jsx(TableSkeletonRow, { isLast: true })
+					]
+				})
+			]
+		})
+	});
+}
+/**
+* Skeleton for FormView
+*
+* Shows a loading state that mimics the form layout.
+*/
+function FormViewSkeleton() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "container max-w-4xl py-6",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "space-y-6",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-md" }),
+						" ",
+						/* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48" })
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-20" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" })]
+				})]
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ jsx(FormFieldSkeleton, {}),
+					/* @__PURE__ */ jsx(FormFieldSkeleton, {}),
+					/* @__PURE__ */ jsx(FormFieldSkeleton, {}),
+					/* @__PURE__ */ jsx(FormFieldSkeleton, {}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full" })]
+					})
+				]
+			})]
+		})
+	});
+}
+
+//#endregion
+export { FormViewSkeleton, TableViewSkeleton };
+//# sourceMappingURL=view-skeletons.mjs.map

package/dist/client/views/collection/view-skeletons.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"view-skeletons.mjs","names":[],"sources":["../../../../src/client/views/collection/view-skeletons.tsx"],"sourcesContent":["/**\n * View Skeletons\n *\n * Loading skeletons for collection views (table, form).\n * Used with Suspense boundaries to show loading state.\n */\n\nimport { Skeleton } from \"../../components/ui/skeleton\";\n\nfunction TableSkeletonRow({ isLast = false }: { isLast?: boolean }) {\n\treturn (\n\t\t<div className={`flex items-center gap-4 p-4 ${isLast ? \"\" : \"border-b\"}`}>\n\t\t\t<Skeleton className=\"h-4 w-4\" />\n\t\t\t<Skeleton className=\"h-4 w-48\" />\n\t\t\t<Skeleton className=\"h-4 w-20\" />\n\t\t\t<Skeleton className=\"h-4 w-24\" />\n\t\t\t<Skeleton className=\"h-4 w-16 ml-auto\" />\n\t\t</div>\n\t);\n}\n\nfunction FormFieldSkeleton() {\n\treturn (\n\t\t<div className=\"space-y-2\">\n\t\t\t<Skeleton className=\"h-4 w-24\" />\n\t\t\t<Skeleton className=\"h-10 w-full\" />\n\t\t</div>\n\t);\n}\n\nfunction ToolbarIconSkeleton() {\n\treturn <Skeleton className=\"h-8 w-8\" />;\n}\n\nfunction ContentLineSkeleton({ width }: { width: string }) {\n\treturn <Skeleton className={`h-4 ${width}`} />;\n}\n\n/**\n * Skeleton for TableView\n *\n * Shows a loading state that mimics the table layout.\n */\nexport function TableViewSkeleton() {\n\treturn (\n\t\t<div className=\"container\">\n\t\t\t<div className=\"space-y-4\">\n\t\t\t\t{/* Header */}\n\t\t\t\t<div className=\"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between\">\n\t\t\t\t\t<div className=\"space-y-1\">\n\t\t\t\t\t\t<Skeleton className=\"h-8 w-48\" />\n\t\t\t\t\t\t<Skeleton className=\"h-4 w-64\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<Skeleton className=\"h-9 w-32\" />\n\t\t\t\t</div>\n\n\t\t\t\t{/* Toolbar */}\n\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t<Skeleton className=\"h-9 w-64\" />\n\t\t\t\t\t<Skeleton className=\"h-9 w-24\" />\n\t\t\t\t\t<Skeleton className=\"h-9 w-24\" />\n\t\t\t\t</div>\n\n\t\t\t\t{/* Table */}\n\t\t\t\t<div className=\"rounded-md border\">\n\t\t\t\t\t{/* Header row */}\n\t\t\t\t\t<div className=\"flex items-center gap-4 p-4 border-b bg-muted/50\">\n\t\t\t\t\t\t<Skeleton className=\"h-4 w-4\" />\n\t\t\t\t\t\t<Skeleton className=\"h-4 w-32\" />\n\t\t\t\t\t\t<Skeleton className=\"h-4 w-24\" />\n\t\t\t\t\t\t<Skeleton className=\"h-4 w-24\" />\n\t\t\t\t\t\t<Skeleton className=\"h-4 w-20 ml-auto\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t{/* Data rows */}\n\t\t\t\t\t<TableSkeletonRow />\n\t\t\t\t\t<TableSkeletonRow />\n\t\t\t\t\t<TableSkeletonRow />\n\t\t\t\t\t<TableSkeletonRow />\n\t\t\t\t\t<TableSkeletonRow isLast />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n/**\n * Skeleton for FormView\n *\n * Shows a loading state that mimics the form layout.\n */\nexport function FormViewSkeleton() {\n\treturn (\n\t\t<div className=\"container max-w-4xl py-6\">\n\t\t\t<div className=\"space-y-6\">\n\t\t\t\t{/* Header */}\n\t\t\t\t<div className=\"flex items-center justify-between\">\n\t\t\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t\t\t<Skeleton className=\"h-8 w-8 rounded-md\" /> {/* Back button */}\n\t\t\t\t\t\t<Skeleton className=\"h-8 w-48\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"flex items-center gap-2\">\n\t\t\t\t\t\t<Skeleton className=\"h-9 w-20\" />\n\t\t\t\t\t\t<Skeleton className=\"h-9 w-24\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Form fields */}\n\t\t\t\t<div className=\"space-y-6\">\n\t\t\t\t\t<FormFieldSkeleton />\n\t\t\t\t\t<FormFieldSkeleton />\n\t\t\t\t\t<FormFieldSkeleton />\n\t\t\t\t\t<FormFieldSkeleton />\n\n\t\t\t\t\t{/* Textarea field */}\n\t\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t\t<Skeleton className=\"h-4 w-32\" />\n\t\t\t\t\t\t<Skeleton className=\"h-32 w-full\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n/**\n * Skeleton for RichTextEditor\n *\n * Shows a loading state that mimics the rich text editor.\n */\nexport function RichTextEditorSkeleton() {\n\treturn (\n\t\t<div className=\"space-y-2\">\n\t\t\t{/* Toolbar */}\n\t\t\t<div className=\"flex items-center gap-1 p-2 border rounded-t-md bg-muted/30\">\n\t\t\t\t<ToolbarIconSkeleton />\n\t\t\t\t<ToolbarIconSkeleton />\n\t\t\t\t<ToolbarIconSkeleton />\n\t\t\t\t<ToolbarIconSkeleton />\n\t\t\t\t<ToolbarIconSkeleton />\n\t\t\t\t<ToolbarIconSkeleton />\n\t\t\t\t<ToolbarIconSkeleton />\n\t\t\t\t<ToolbarIconSkeleton />\n\t\t\t</div>\n\t\t\t{/* Content area */}\n\t\t\t<div className=\"border border-t-0 rounded-b-md p-4 min-h-[200px]\">\n\t\t\t\t<div className=\"space-y-2\">\n\t\t\t\t\t<ContentLineSkeleton width=\"w-full\" />\n\t\t\t\t\t<ContentLineSkeleton width=\"w-3/4\" />\n\t\t\t\t\t<ContentLineSkeleton width=\"w-5/6\" />\n\t\t\t\t\t<ContentLineSkeleton width=\"w-2/3\" />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;AASA,SAAS,iBAAiB,EAAE,SAAS,SAA+B;AACnE,QACC,qBAAC;EAAI,WAAW,+BAA+B,SAAS,KAAK;;GAC5D,oBAAC,YAAS,WAAU,YAAY;GAChC,oBAAC,YAAS,WAAU,aAAa;GACjC,oBAAC,YAAS,WAAU,aAAa;GACjC,oBAAC,YAAS,WAAU,aAAa;GACjC,oBAAC,YAAS,WAAU,qBAAqB;;GACpC;;AAIR,SAAS,oBAAoB;AAC5B,QACC,qBAAC;EAAI,WAAU;aACd,oBAAC,YAAS,WAAU,aAAa,EACjC,oBAAC,YAAS,WAAU,gBAAgB;GAC/B;;;;;;;AAiBR,SAAgB,oBAAoB;AACnC,QACC,oBAAC;EAAI,WAAU;YACd,qBAAC;GAAI,WAAU;;IAEd,qBAAC;KAAI,WAAU;gBACd,qBAAC;MAAI,WAAU;iBACd,oBAAC,YAAS,WAAU,aAAa,EACjC,oBAAC,YAAS,WAAU,aAAa;OAC5B,EACN,oBAAC,YAAS,WAAU,aAAa;MAC5B;IAGN,qBAAC;KAAI,WAAU;;MACd,oBAAC,YAAS,WAAU,aAAa;MACjC,oBAAC,YAAS,WAAU,aAAa;MACjC,oBAAC,YAAS,WAAU,aAAa;;MAC5B;IAGN,qBAAC;KAAI,WAAU;;MAEd,qBAAC;OAAI,WAAU;;QACd,oBAAC,YAAS,WAAU,YAAY;QAChC,oBAAC,YAAS,WAAU,aAAa;QACjC,oBAAC,YAAS,WAAU,aAAa;QACjC,oBAAC,YAAS,WAAU,aAAa;QACjC,oBAAC,YAAS,WAAU,qBAAqB;;QACpC;MAEN,oBAAC,qBAAmB;MACpB,oBAAC,qBAAmB;MACpB,oBAAC,qBAAmB;MACpB,oBAAC,qBAAmB;MACpB,oBAAC,oBAAiB,eAAS;;MACtB;;IACD;GACD;;;;;;;AASR,SAAgB,mBAAmB;AAClC,QACC,oBAAC;EAAI,WAAU;YACd,qBAAC;GAAI,WAAU;cAEd,qBAAC;IAAI,WAAU;eACd,qBAAC;KAAI,WAAU;;MACd,oBAAC,YAAS,WAAU,uBAAuB;;MAC3C,oBAAC,YAAS,WAAU,aAAa;;MAC5B,EACN,qBAAC;KAAI,WAAU;gBACd,oBAAC,YAAS,WAAU,aAAa,EACjC,oBAAC,YAAS,WAAU,aAAa;MAC5B;KACD,EAGN,qBAAC;IAAI,WAAU;;KACd,oBAAC,sBAAoB;KACrB,oBAAC,sBAAoB;KACrB,oBAAC,sBAAoB;KACrB,oBAAC,sBAAoB;KAGrB,qBAAC;MAAI,WAAU;iBACd,oBAAC,YAAS,WAAU,aAAa,EACjC,oBAAC,YAAS,WAAU,gBAAgB;OAC/B;;KACD;IACD;GACD"}

package/dist/client/views/common/global-search.d.mts

@@ -0,0 +1 @@
+import "react/jsx-runtime";

package/dist/client/views/common/global-search.mjs

@@ -0,0 +1,376 @@
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
+import { cn } from "../../lib/utils.mjs";
+import { selectBasePath, useAdminStore } from "../../runtime/provider.mjs";
+import { resolveIconElement } from "../../components/component-renderer.mjs";
+import { useAdminConfig } from "../../hooks/use-admin-config.mjs";
+import { ResponsiveDialog, ResponsiveDialogContent } from "../../components/ui/responsive-dialog.mjs";
+import { useDebouncedValue, useGlobalSearch } from "../../hooks/use-search.mjs";
+import { Kbd } from "../../components/ui/kbd.mjs";
+import { Icon } from "@iconify/react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/views/common/global-search.tsx
+/**
+* Global Search
+*
+* Fast navigation to collections, globals, quick actions, AND actual records.
+* Uses ResponsiveDialog for desktop (Dialog) and mobile (fullscreen Drawer).
+*
+* Features:
+* - Navigation items: Collections, globals, create actions (client-side filter)
+* - Record search: Full-text search across ALL collections (server-side)
+* - Keyboard navigation: ↑↓ arrows, Enter to select, Esc to close
+* - Highlights: Shows search term highlighted in record titles
+*/
+const DEFAULT_FOLDER_ICON = "ph:folder";
+const DEFAULT_GEAR_ICON = "ph:gear";
+const DEFAULT_PLUS_ICON = "ph:plus";
+const DEFAULT_FILE_ICON = "ph:file";
+/**
+* Extract typed props from server config entries (collections/globals).
+* Server config entries come as plain objects without strict typing.
+*/
+function getConfigProps(config) {
+	const c = config;
+	return {
+		label: c?.label,
+		icon: c?.icon,
+		hidden: c?.hidden
+	};
+}
+/**
+* Simple fuzzy search - matches if query words appear anywhere in text
+*/
+function fuzzyMatch(text, query) {
+	const textLower = text.toLowerCase();
+	return query.toLowerCase().split(/\s+/).filter(Boolean).every((word) => textLower.includes(word));
+}
+/**
+* Search and filter items based on query
+*/
+function filterItems(items, query) {
+	if (!query.trim()) return items;
+	return items.filter((item) => {
+		if (fuzzyMatch(item.label, query)) return true;
+		if (item.keywords?.some((kw) => fuzzyMatch(kw, query))) return true;
+		return false;
+	});
+}
+function SearchGroup({ title, items, selectedIndex, startIndex, onSelect, onHover }) {
+	const resolveText = useResolveText();
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "mb-4 last:mb-0",
+		children: [/* @__PURE__ */ jsx("h3", {
+			className: "mb-2 px-2 font-mono text-[10px] font-black uppercase tracking-[0.2em] text-muted-foreground",
+			children: resolveText(title)
+		}), /* @__PURE__ */ jsx("div", {
+			className: "space-y-0.5",
+			children: items.map((item, idx) => {
+				const globalIndex = startIndex + idx;
+				return /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: () => onSelect(item),
+					onMouseEnter: () => onHover(globalIndex),
+					className: cn("flex w-full items-center gap-3 px-3 py-2.5 text-sm outline-none transition-colors rounded-md", globalIndex === selectedIndex ? "bg-accent text-accent-foreground" : "hover:bg-accent/50 hover:text-accent-foreground"),
+					children: [item.icon && /* @__PURE__ */ jsx("span", {
+						className: "h-4 w-4 text-muted-foreground shrink-0 flex items-center justify-center",
+						children: resolveIconElement(item.icon, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col items-start min-w-0",
+						children: [item.highlights?.title ? /* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							dangerouslySetInnerHTML: { __html: item.highlights.title }
+						}) : /* @__PURE__ */ jsx("span", {
+							className: "truncate",
+							children: resolveText(item.label)
+						}), item.sublabel && /* @__PURE__ */ jsx("span", {
+							className: "text-xs text-muted-foreground truncate",
+							children: item.sublabel
+						})]
+					})]
+				}, item.id);
+			})
+		})]
+	});
+}
+function GlobalSearch({ isOpen, onClose, navigate, basePath: basePathProp }) {
+	const { t } = useTranslation();
+	const resolveText = useResolveText();
+	const { data: serverConfig } = useAdminConfig();
+	const storeBasePath = useAdminStore(selectBasePath);
+	const basePath = basePathProp ?? storeBasePath ?? "/admin";
+	const [query, setQuery] = useState("");
+	const [selectedIndex, setSelectedIndex] = useState(0);
+	const inputRef = useRef(null);
+	const debouncedQuery = useDebouncedValue(query, 300);
+	const { data: searchResults, isLoading: isSearching } = useGlobalSearch({
+		query: debouncedQuery,
+		limit: 10,
+		enabled: debouncedQuery.trim().length >= 2
+	});
+	const navItems = useMemo(() => {
+		const items = [];
+		const collections = serverConfig?.collections ?? {};
+		const globals = serverConfig?.globals ?? {};
+		for (const [name, config] of Object.entries(collections)) {
+			const { label: rawLabel, icon, hidden } = getConfigProps(config);
+			if (hidden) continue;
+			const label = resolveText(rawLabel, name);
+			items.push({
+				id: `col-${name}`,
+				type: "collection",
+				label,
+				href: `${basePath}/collections/${name}`,
+				icon: icon ?? DEFAULT_FOLDER_ICON,
+				keywords: [
+					name,
+					"collection",
+					"list"
+				]
+			});
+		}
+		for (const [name, config] of Object.entries(globals)) {
+			const { label: rawLabel, icon, hidden } = getConfigProps(config);
+			if (hidden) continue;
+			const label = resolveText(rawLabel, name);
+			items.push({
+				id: `glob-${name}`,
+				type: "global",
+				label,
+				href: `${basePath}/globals/${name}`,
+				icon: icon ?? DEFAULT_GEAR_ICON,
+				keywords: [
+					name,
+					"global",
+					"settings",
+					"config"
+				]
+			});
+		}
+		for (const [name, config] of Object.entries(collections)) {
+			const { label: rawLabel, icon: collectionIcon, hidden } = getConfigProps(config);
+			if (hidden) continue;
+			const label = resolveText(rawLabel, name);
+			items.push({
+				id: `action-create-${name}`,
+				type: "action",
+				label: t("globalSearch.createNew", { name: label }),
+				href: `${basePath}/collections/${name}/create`,
+				icon: collectionIcon ?? DEFAULT_PLUS_ICON,
+				keywords: [
+					"create",
+					"new",
+					"add",
+					name
+				]
+			});
+		}
+		return items;
+	}, [
+		serverConfig,
+		basePath,
+		resolveText,
+		t
+	]);
+	const filteredNavItems = useMemo(() => filterItems(navItems, query), [navItems, query]);
+	const recordItems = useMemo(() => {
+		if (!searchResults?.docs) return [];
+		const collections = serverConfig?.collections ?? {};
+		return searchResults.docs.map((doc) => {
+			const collectionName = doc._collection;
+			const collectionConfig = collections[collectionName];
+			const { label: rawLabel, icon: configIcon } = getConfigProps(collectionConfig);
+			const collectionLabel = resolveText(rawLabel, collectionName);
+			const icon = configIcon ?? DEFAULT_FILE_ICON;
+			return {
+				id: `record-${collectionName}-${doc.id}`,
+				type: "record",
+				label: doc._search?.indexedTitle || doc.id,
+				sublabel: collectionLabel,
+				href: `${basePath}/collections/${collectionName}/${doc.id}`,
+				icon,
+				highlights: doc._search?.highlights
+			};
+		});
+	}, [
+		searchResults,
+		serverConfig,
+		basePath,
+		resolveText
+	]);
+	const groupedNavItems = useMemo(() => {
+		return {
+			collections: filteredNavItems.filter((i) => i.type === "collection"),
+			globals: filteredNavItems.filter((i) => i.type === "global"),
+			actions: filteredNavItems.filter((i) => i.type === "action")
+		};
+	}, [filteredNavItems]);
+	const allItems = useMemo(() => {
+		return [
+			...groupedNavItems.collections,
+			...groupedNavItems.globals,
+			...groupedNavItems.actions,
+			...recordItems
+		];
+	}, [groupedNavItems, recordItems]);
+	const totalCount = allItems.length;
+	const collectionsStartIndex = 0;
+	const globalsStartIndex = groupedNavItems.collections.length;
+	const actionsStartIndex = groupedNavItems.collections.length + groupedNavItems.globals.length;
+	const recordsStartIndex = groupedNavItems.collections.length + groupedNavItems.globals.length + groupedNavItems.actions.length;
+	useEffect(() => {
+		setSelectedIndex(0);
+	}, [query]);
+	useEffect(() => {
+		if (isOpen) {
+			setQuery("");
+			setSelectedIndex(0);
+			setTimeout(() => inputRef.current?.focus(), 50);
+		}
+	}, [isOpen]);
+	const handleSelect = useCallback((item) => {
+		navigate(item.href);
+		onClose();
+	}, [navigate, onClose]);
+	const handleKeyDown = useCallback((e) => {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault();
+				setSelectedIndex((i) => Math.min(i + 1, totalCount - 1));
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				setSelectedIndex((i) => Math.max(i - 1, 0));
+				break;
+			case "Enter":
+				e.preventDefault();
+				if (allItems[selectedIndex]) handleSelect(allItems[selectedIndex]);
+				break;
+			case "Escape":
+				e.preventDefault();
+				onClose();
+				break;
+		}
+	}, [
+		allItems,
+		selectedIndex,
+		totalCount,
+		handleSelect,
+		onClose
+	]);
+	const handleHover = useCallback((index) => {
+		setSelectedIndex(index);
+	}, []);
+	const hasNavResults = groupedNavItems.collections.length > 0 || groupedNavItems.globals.length > 0 || groupedNavItems.actions.length > 0;
+	const hasRecordResults = recordItems.length > 0;
+	const hasResults = hasNavResults || hasRecordResults;
+	return /* @__PURE__ */ jsx(ResponsiveDialog, {
+		open: isOpen,
+		onOpenChange: (open) => !open && onClose(),
+		children: /* @__PURE__ */ jsxs(ResponsiveDialogContent, {
+			className: "p-0 gap-0 max-w-2xl",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center border-b px-3",
+					children: [
+						/* @__PURE__ */ jsx(Icon, {
+							icon: "ph:magnifying-glass",
+							className: "mr-2 h-5 w-5 text-muted-foreground shrink-0"
+						}),
+						/* @__PURE__ */ jsx("input", {
+							ref: inputRef,
+							className: "flex h-14 w-full rounded-none bg-transparent py-3 text-base outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+							placeholder: t("globalSearch.placeholder"),
+							value: query,
+							onChange: (e) => setQuery(e.target.value),
+							onKeyDown: handleKeyDown,
+							autoFocus: true
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex items-center gap-1 shrink-0",
+							children: [isSearching && /* @__PURE__ */ jsx(Icon, {
+								icon: "ph:spinner",
+								className: "h-4 w-4 animate-spin text-muted-foreground"
+							}), /* @__PURE__ */ jsx(Kbd, { children: "ESC" })]
+						})
+					]
+				}),
+				/* @__PURE__ */ jsx("div", {
+					className: "max-h-[60vh] overflow-y-auto p-2",
+					children: hasResults ? /* @__PURE__ */ jsxs(Fragment, { children: [
+						/* @__PURE__ */ jsx(SearchGroup, {
+							title: t("globalSearch.collections"),
+							items: groupedNavItems.collections,
+							selectedIndex,
+							startIndex: collectionsStartIndex,
+							onSelect: handleSelect,
+							onHover: handleHover
+						}),
+						/* @__PURE__ */ jsx(SearchGroup, {
+							title: t("globalSearch.globals"),
+							items: groupedNavItems.globals,
+							selectedIndex,
+							startIndex: globalsStartIndex,
+							onSelect: handleSelect,
+							onHover: handleHover
+						}),
+						/* @__PURE__ */ jsx(SearchGroup, {
+							title: t("globalSearch.quickActions"),
+							items: groupedNavItems.actions,
+							selectedIndex,
+							startIndex: actionsStartIndex,
+							onSelect: handleSelect,
+							onHover: handleHover
+						}),
+						hasRecordResults && /* @__PURE__ */ jsx(SearchGroup, {
+							title: t("globalSearch.records"),
+							items: recordItems,
+							selectedIndex,
+							startIndex: recordsStartIndex,
+							onSelect: handleSelect,
+							onHover: handleHover
+						})
+					] }) : /* @__PURE__ */ jsx("div", {
+						className: "py-8 text-center text-sm text-muted-foreground",
+						children: isSearching ? /* @__PURE__ */ jsxs("div", {
+							className: "flex items-center justify-center gap-2",
+							children: [/* @__PURE__ */ jsx(Icon, {
+								icon: "ph:spinner",
+								className: "h-4 w-4 animate-spin"
+							}), /* @__PURE__ */ jsx("span", { children: t("globalSearch.searching") })]
+						}) : t("globalSearch.noResults")
+					})
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "border-t px-3 py-2 flex items-center justify-end gap-4 text-xs text-muted-foreground",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ jsx(Kbd, {
+								className: "text-[10px] px-1",
+								children: "↑"
+							}),
+							/* @__PURE__ */ jsx(Kbd, {
+								className: "text-[10px] px-1",
+								children: "↓"
+							}),
+							/* @__PURE__ */ jsx("span", { children: t("globalSearch.navigate") })
+						]
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ jsx(Kbd, {
+							className: "text-[10px] px-1.5",
+							children: "↵"
+						}), /* @__PURE__ */ jsx("span", { children: t("globalSearch.select") })]
+					})]
+				})
+			]
+		})
+	});
+}
+
+//#endregion
+export { GlobalSearch };
+//# sourceMappingURL=global-search.mjs.map