@xnetjs/react 2.0.0 → 2.2.0

package/dist/index.d.ts

@@ -3,9 +3,9 @@ export { i as FlattenNodeOptions, M as MigrationWarning, c as QueryListResult, d
 export { ErrorBoundary, ErrorBoundaryProps, InfiniteQueryFilter, InfiniteQueryPage, InfiniteQueryResult, MutateCreate, MutateDelete, MutateOp, MutateRestore, MutateUpdate, OfflineIndicator, OfflineIndicatorProps, PresenceUser, SyncStatus, UseIdentityResult, UseMutateResult, UseNodeOptions, UseNodeResult, useIdentity, useInfiniteQuery, useIsOffline, useMutate, useNode } from './core.js';
 import { U as UseTaskProjectionSyncResult, T as TaskProjectionInput, a as TaskTreeItem } from './experimental-DyPoZcJT.js';
 export { A as AddCommentOptions, a0 as AddReactionOptions, bm as AuthErrorScreen, aP as AuthTraceSummary, bl as AuthenticatingScreen, r as CommentNode, C as CommentThread, F as CommentVisibility, ad as CreateMessageRequestOptions, b7 as DemoBanner, b8 as DemoBannerProps, bb as DemoDataExpiredScreen, be as DemoLimits, bd as DemoModeState, b9 as DemoQuotaIndicator, ba as DemoQuotaIndicatorProps, bf as DemoUsage, b2 as DiscoveredPeer, aU as FileRef, ae as FirstContactAdmission, af as FirstContactDecision, ag as FirstContactDecisionInput, G as FirstContactMode, ah as FirstContactVisibility, aK as GrantConsentSummary, aL as GrantInput, bp as HubConnectScreen, aX as HubSearchOptions, aY as HubSearchResult, aZ as HubSearchState, b3 as HubStatusIndicator, bo as ImportIdentityScreen, I as InteractionPermission, c8 as MergedEditorContributions, ai as MessageRequestNode, aj as MessageRequestProperties, ak as MessageRequestStatus, M as ModeratedCommentNode, H as ModeratedCommentThread, J as ModerationFilterOptions, K as ModerationLabelSummary, bA as OnboardingContextValue, bD as OnboardingEvent, bj as OnboardingFlow, bB as OnboardingFlowProps, bE as OnboardingMachineContext, bh as OnboardingProvider, bz as OnboardingProviderProps, bF as OnboardingReducerState, bC as OnboardingState, P as PageTaskInput, e as PageTaskReferenceInput, bI as PageTasksPanel, bJ as PageTasksPanelProps, bW as PluginRegistryContext, L as PublicInteractionMode, N as PublicInteractionPolicySnapshot, O as PublicInteractionSurface, Q as PublicModerationMode, bv as QUICK_START_TEMPLATES, bG as QuickStartTemplate, a1 as ReactionCounterSnapshot, a2 as ReactionNode, a3 as ReactionType, bq as ReadyScreen, a$ as RemoteSchemaDefinition, b0 as RemoteSchemaState, R as ReplyContext, bQ as SecurityContextActions, bP as SecurityContextState, bR as SecurityContextValue, bM as SecurityProvider, bS as SecurityProviderProps, b4 as Skeleton, b6 as SkeletonProps, br as SmartWelcome, bs as SyncProgressOverlay, bH as SyncProgressOverlayProps, bK as TaskCollectionEmbed, bL as TaskCollectionEmbedProps, j as TaskProjectionHost, i as TaskProjectionReferenceInput, bn as UnsupportedBrowserScreen, aw as UseAuditOptions, av as UseAuditResult, aQ as UseAuthTraceResult, aS as UseBackupReturn, aA as UseBlameResult, aH as UseCanEditResult, aF as UseCanResult, p as UseCommentsOptions, q as UseCommentsResult, ay as UseDiffResult, aV as UseFileUploadReturn, b as UseFindOptions, c as UseFindResult, aM as UseGrantsResult, aq as UseHistoryResult, al as UseMessageRequestsOptions, am as UseMessageRequestsResult, S as UseModeratedThreadOptions, f as UsePageTaskSyncOptions, g as UsePageTaskSyncResult, a4 as UsePolicyFilteredReactionCountersOptions, a5 as UsePolicyFilteredReactionCountersResult, bU as UseSecurityOptions, bV as UseSecurityResult, k as UseTaskProjectionSyncOptions, m as UseTasksOptions, n as UseTasksResult, at as UseUndoOptions, as as UseUndoResult, aC as UseVerificationResult, V as UseVisibleCommentsOptions, W as UseVisibleCommentsResult, bk as WelcomeScreen, by as copyToClipboard, a7 as createConversationKey, bu as createInitialState, a8 as createMessageRequestProperties, v as createModerationLabelIndex, Y as createReactionCounterSnapshot, Z as dedupeReactions, aI as describeGrantConsent, w as evaluateCommentModeration, a9 as evaluateFirstContactDecision, x as evaluateInteractionPermission, aa as findLatestMessageRequest, bw as getPlatformAuthName, ab as hasAcceptedContact, b5 as injectSkeletonStyles, _ as isReactionVisible, c7 as mergeEditorContributions, y as moderateThread, bt as onboardingReducer, z as selectActiveInteractionPolicy, B as selectPublicInteractionMode, aN as summarizeAuthTrace, ac as summarizeMessageRequest, D as summarizeModerationLabel, E as summarizePublicInteractionPolicy, $ as summarizeReactionNode, bx as truncateDid, au as useAudit, aO as useAuthTrace, aR as useBackup, az as useBlame, aE as useCan, aG as useCanEdit, ca as useCommand, c0 as useCommands, an as useCommentCount, ao as useCommentCounts, o as useComments, b_ as useContributions, bc as useDemoMode, ax as useDiff, c4 as useEditorExtensions, c5 as useEditorExtensionsSafe, aT as useFileUpload, u as useFind, aJ as useGrants, ap as useHistory, aW as useHubSearch, aD as useHubStatus, c3 as useImporters, c6 as useMergedEditorContributions, a6 as useMessageRequests, t as useModeratedThread, bi as useOnboarding, d as usePageTaskSync, b1 as usePeerDiscovery, bX as usePluginRegistry, bY as usePluginRegistryOptional, bZ as usePlugins, X as usePolicyFilteredReactionCounters, a_ as useRemoteSchema, bT as useSecurity, bN as useSecurityContext, bO as useSecurityContextOptional, c2 as useSidebarItems, c1 as useSlashCommands, bg as useSyncManager, h as useTaskProjectionSync, l as useTasks, ar as useUndo, aB as useVerification, c9 as useView, b$ as useViews, s as useVisibleComments } from './experimental-DyPoZcJT.js';
-import { SchemaIRI, Schema, SavedViewDescriptor, DefinedSchema, PropertyBuilder, QueryASTOrderBy, QueryASTPage, QueryASTValidationResult, QueryASTPlannerGate, QueryASTAggregateExecution, ExternalReferenceProvider, SavedViewFeedLayout, SavedViewFeedDensity, FieldType, FieldConfig, ViewType, FilterGroup, SortConfig, RowHeight, SummaryFunction, FormViewConfig, FormFieldRule, CellValue, FormSubmissionMeta, NodeId, NodeState } from '@xnetjs/data';
+import { SchemaIRI, Schema, SavedViewDescriptor, DefinedSchema, PropertyBuilder, QueryASTOrderBy, QueryASTPage, QueryASTValidationResult, QueryASTPlannerGate, QueryASTAggregateExecution, ExternalReferenceProvider, SavedViewFeedLayout, SavedViewFeedDensity, FieldType, FieldConfig, ViewType, FilterGroup, SortConfig, RowHeight, SummaryFunction, FormViewConfig, FormFieldRule, ViewGroupMeta, MapViewport, CellValue, FormSubmissionMeta, NodeId, NodeState } from '@xnetjs/data';
 export { ColumnConfig, ColumnDefinition, ColumnType, SavedViewFeedDensity, SavedViewFeedLayout, ViewConfig, ViewType } from '@xnetjs/data';
-import { QueryExecutionMode, QuerySourcePreference, QuerySearchFilter, QueryPageInfo, QueryMetadata } from '@xnetjs/data-bridge';
+import { QueryExecutionMode, QuerySourcePreference, QuerySearchFilter, QueryPageInfo, QueryMetadata, QuerySpatialFilter } from '@xnetjs/data-bridge';
 import { LucideIcon } from 'lucide-react';
 import { ReactNode, JSX } from 'react';
 export { DatabaseRow, DatabaseRowData, ReverseRelation, UseCellOptions, UseCellResult, UseDatabaseDocResult, UseDatabaseOptions, UseDatabaseResult, UseDatabaseRowResult, UseDatabaseSchemaResult, UseRelatedRowsResult, UseReverseRelationsResult, useCell, useDatabase, useDatabaseDoc, useDatabaseRow, useDatabaseSchema, useRelatedRows, useReverseRelations } from './database.js';
@@ -563,6 +563,35 @@ interface GridViewModel {
     formConfig: FormViewConfig | null;
     formRules: Record<string, FormFieldRule>;
     formAccepting: boolean;
+    coverField: string | null;
+    cardSize: string | null;
+    coverFit: string | null;
+    colorBy: string | null;
+    groupMeta: Record<string, ViewGroupMeta>;
+    dateField: string | null;
+    endDateField: string | null;
+    latField: string | null;
+    lngField: string | null;
+    mapViewport: MapViewport | null;
+}
+/**
+ * The per-view presentation config a view component may patch through
+ * `setViewConfig` (exploration 0337). One node write per patch — each
+ * property merges independently (LWW) with other clients' edits.
+ */
+interface GridViewConfigPatch {
+    groupBy?: string | null;
+    collapsedGroups?: string[];
+    coverField?: string | null;
+    cardSize?: string | null;
+    coverFit?: string | null;
+    colorBy?: string | null;
+    groupMeta?: Record<string, ViewGroupMeta>;
+    dateField?: string | null;
+    endDateField?: string | null;
+    latField?: string | null;
+    lngField?: string | null;
+    mapViewport?: MapViewport | null;
 }
 interface GridRowModel {
     id: string;
@@ -581,8 +610,21 @@ interface UseGridDatabaseOptions {
     viewId?: string;
     /** Quick-find text (full-text search via SQLite FTS) */
     search?: string;
-    /** Row window size (default 500) */
+    /** Rows fetched per window grow (default 500) */
     pageSize?: number;
+    /**
+     * Ceiling on the live row window (default 2000). The window grows by
+     * `pageSize` via `fetchMoreRows` until this bound; beyond it further
+     * fetches are no-ops so the overfetch buffer and live snapshot stay
+     * bounded (exploration 0340).
+     */
+    maxLoaded?: number;
+    /**
+     * Spatial window over two cell properties (map views, exploration
+     * 0337): only rows inside the rect are fetched. Bypasses the
+     * materialized-view cache (the rect varies per pan).
+     */
+    spatial?: QuerySpatialFilter;
 }
 interface UseGridDatabaseResult {
     /** Database node (flattened) */
@@ -600,8 +642,33 @@ interface UseGridDatabaseResult {
     activeView: GridViewModel | null;
     /** Rows: view filters + sorts applied to the fetched window */
     rows: GridRowModel[];
+    /**
+     * The fetch window (exploration 0337): `size` is the row cap, `total`
+     * the full match count when the bridge reports one. Views use this to
+     * label truncation honestly instead of silently clipping.
+     */
+    rowWindow: {
+        size: number;
+        total: number | null;
+    };
     loading: boolean;
+    /** Exact matching row count for the whole database (null while unknown). */
+    totalRowCount: number | null;
+    /** Whether the row window can grow further (more rows exist past it). */
+    hasMoreRows: boolean;
+    /** Whether a window grow is awaiting the larger read. */
+    isFetchingMoreRows: boolean;
+    /** Grow the row window by `pageSize` (bounded by `maxLoaded`). */
+    fetchMoreRows: () => Promise<void>;
     updateCell: (rowId: string, fieldId: string, value: CellValue) => Promise<void>;
+    /**
+     * Write several cells (and optionally the row's sortKey) as ONE node
+     * update — a kanban card move is exactly one write carrying the group
+     * cell + the fractional position (exploration 0337).
+     */
+    updateRowCells: (rowId: string, cells: Record<string, CellValue>, opts?: {
+        sortKey?: string;
+    }) => Promise<void>;
     clearCells: (cells: Array<{
         rowId: string;
         fieldId: string;
@@ -624,6 +691,10 @@ interface UseGridDatabaseResult {
     toggleSort: (fieldId: string) => Promise<void>;
     setFilters: (filters: FilterGroup | null) => Promise<void>;
     setGroupBy: (fieldId: string | null) => Promise<void>;
+    /** Patch the active view's presentation config (exploration 0337) */
+    setViewConfig: (patch: GridViewConfigPatch) => Promise<void>;
+    /** Persist a group's collapsed state on the active view */
+    setGroupCollapsed: (groupKey: string, collapsed: boolean) => Promise<void>;
     setRowHeight: (rowHeight: RowHeight) => Promise<void>;
     setColumnSummary: (fieldId: string, fn: SummaryFunction) => Promise<void>;
     setFormConfig: (config: FormViewConfig) => Promise<void>;
@@ -918,4 +989,4 @@ declare function flattenTaskTree(items: TaskTreeItem[], depth?: number): Rendera
 declare function formatTaskDueDate(timestamp: number | undefined): string | null;
 declare function isTaskOverdue(timestamp: number | undefined, completed: boolean): boolean;
 
-export { type AddRowOptions, type CanvasTaskInput, type CheckoutOptions, type DraftReview, type DraftReviewCard, type DraftReviewMember, FlatNode, type GridFieldModel, type GridOptionModel, type GridRowModel, type GridViewModel, type PresenceAwareness, type PresencePeer, QueryFilter, type RenderableTaskRow, type SavedViewCanvasProjectionNode, type SavedViewDateBrushSelection, type SavedViewDateBucketFieldSummary, type SavedViewDateBucketInterval, type SavedViewDateBucketSummary, type SavedViewFacetSelection, type SavedViewFacetSummary, type SavedViewFacetValueSummary, type SavedViewFeedEnrichmentAdapter, type SavedViewFeedEnrichmentEntry, type SavedViewInspectorItem, type SavedViewInspectorItemKind, type SavedViewLensDraft, type SavedViewPresentationMode, type SavedViewPrivacyChip, type SavedViewPrivacyChipTone, type SavedViewPrivacySummary, type SavedViewQueryOverride, type SavedViewQueryResult, SavedViewResultTable, type SavedViewResultTableProps, type SavedViewRowInspectorModel, SavedViewRunner, type SavedViewRunnerProps, type SavedViewSchemaRegistry, type SavedViewSortDirection, type SavedViewVisualCanvasProjectionRequest, SavedViewVisualFeed, type SavedViewVisualLayoutId, type SavedViewVisualLayoutOption, type SavedViewVisualPreviewCreator, type SavedViewVisualPreviewKind, type SavedViewVisualPreviewModel, type SavedViewVisualPreviewPrivacy, type SavedViewVisualPreviewRelationship, type SavedViewVisualTimelineBucket, type SavedViewVisualWorkspaceLayout, TaskProjectionInput, TaskTreeItem, type UseBillingResult, type UseCanCreateResult, type UseCanvasTaskSyncOptions, type UseCanvasTaskSyncResult, type UseDraftResult, type UseEffectiveSchemaResult, type UseGlobalUndoResult, type UseGridDatabaseOptions, type UseGridDatabaseResult, type UsePresenceOptions, type UsePresenceResult, type UseSavedViewOptions, type UseSavedViewResult, UseTaskProjectionSyncResult, type UseTimeMachineOptions, type UseTimeMachineResult, createSavedViewCanvasProjectionNodes, createSavedViewLensDraft, createSavedViewVisualCanvasProjectionRequest, createSavedViewVisualPreviewFingerprint, deriveCachedSavedViewVisualPreviews, deriveSavedViewColumns, deriveSavedViewDateBucketSummaries, deriveSavedViewFacetSummaries, deriveSavedViewPrivacyChips, deriveSavedViewRowInspector, deriveSavedViewTimelineBuckets, deriveSavedViewVisualPreview, deriveSavedViewVisualPreviews, filterSavedViewRowsByDateBrush, filterSavedViewRowsByFacets, flattenTaskTree, formatSavedViewCellValue, formatTaskDueDate, getSavedViewSensitiveResultWarning, hasSavedViewVisualPreviewSensitiveData, isSavedViewVisualPreviewEmbeddable, isTaskOverdue, mergeSavedViewFeedEnrichment, savedViewVisualPreviewIsSelfActor, useBilling, useCanCreate, useCanvasTaskSync, useDraft, useEffectiveSchema, useGlobalUndo, useGridDatabase, usePresence, useSavedView, useTimeMachine };
+export { type AddRowOptions, type CanvasTaskInput, type CheckoutOptions, type DraftReview, type DraftReviewCard, type DraftReviewMember, FlatNode, type GridFieldModel, type GridOptionModel, type GridRowModel, type GridViewConfigPatch, type GridViewModel, type PresenceAwareness, type PresencePeer, QueryFilter, type RenderableTaskRow, type SavedViewCanvasProjectionNode, type SavedViewDateBrushSelection, type SavedViewDateBucketFieldSummary, type SavedViewDateBucketInterval, type SavedViewDateBucketSummary, type SavedViewFacetSelection, type SavedViewFacetSummary, type SavedViewFacetValueSummary, type SavedViewFeedEnrichmentAdapter, type SavedViewFeedEnrichmentEntry, type SavedViewInspectorItem, type SavedViewInspectorItemKind, type SavedViewLensDraft, type SavedViewPresentationMode, type SavedViewPrivacyChip, type SavedViewPrivacyChipTone, type SavedViewPrivacySummary, type SavedViewQueryOverride, type SavedViewQueryResult, SavedViewResultTable, type SavedViewResultTableProps, type SavedViewRowInspectorModel, SavedViewRunner, type SavedViewRunnerProps, type SavedViewSchemaRegistry, type SavedViewSortDirection, type SavedViewVisualCanvasProjectionRequest, SavedViewVisualFeed, type SavedViewVisualLayoutId, type SavedViewVisualLayoutOption, type SavedViewVisualPreviewCreator, type SavedViewVisualPreviewKind, type SavedViewVisualPreviewModel, type SavedViewVisualPreviewPrivacy, type SavedViewVisualPreviewRelationship, type SavedViewVisualTimelineBucket, type SavedViewVisualWorkspaceLayout, TaskProjectionInput, TaskTreeItem, type UseBillingResult, type UseCanCreateResult, type UseCanvasTaskSyncOptions, type UseCanvasTaskSyncResult, type UseDraftResult, type UseEffectiveSchemaResult, type UseGlobalUndoResult, type UseGridDatabaseOptions, type UseGridDatabaseResult, type UsePresenceOptions, type UsePresenceResult, type UseSavedViewOptions, type UseSavedViewResult, UseTaskProjectionSyncResult, type UseTimeMachineOptions, type UseTimeMachineResult, createSavedViewCanvasProjectionNodes, createSavedViewLensDraft, createSavedViewVisualCanvasProjectionRequest, createSavedViewVisualPreviewFingerprint, deriveCachedSavedViewVisualPreviews, deriveSavedViewColumns, deriveSavedViewDateBucketSummaries, deriveSavedViewFacetSummaries, deriveSavedViewPrivacyChips, deriveSavedViewRowInspector, deriveSavedViewTimelineBuckets, deriveSavedViewVisualPreview, deriveSavedViewVisualPreviews, filterSavedViewRowsByDateBrush, filterSavedViewRowsByFacets, flattenTaskTree, formatSavedViewCellValue, formatTaskDueDate, getSavedViewSensitiveResultWarning, hasSavedViewVisualPreviewSensitiveData, isSavedViewVisualPreviewEmbeddable, isTaskOverdue, mergeSavedViewFeedEnrichment, savedViewVisualPreviewIsSelfActor, useBilling, useCanCreate, useCanvasTaskSync, useDraft, useEffectiveSchema, useGlobalUndo, useGridDatabase, usePresence, useSavedView, useTimeMachine };

package/dist/index.js

@@ -4355,7 +4355,17 @@ function toViewModel(node) {
     sortKey: node.sortKey ?? "",
     formConfig: node.formConfig ?? null,
     formRules: node.formRules ?? {},
-    formAccepting: node.formAccepting ?? true
+    formAccepting: node.formAccepting ?? true,
+    coverField: node.coverField ?? null,
+    cardSize: node.cardSize ?? null,
+    coverFit: node.coverFit ?? null,
+    colorBy: node.colorBy ?? null,
+    groupMeta: node.groupMeta ?? {},
+    dateField: node.dateField ?? null,
+    endDateField: node.endDateField ?? null,
+    latField: node.latField ?? null,
+    lngField: node.lngField ?? null,
+    mapViewport: node.mapViewport ?? null
   };
 }
 function fieldsToColumnDefinitions(fields) {
@@ -4377,27 +4387,39 @@ function dropSortKey(ordered, movedId, targetIndex) {
 }
 var formulaService = new FormulaService();
 function useGridDatabase(databaseId, options = {}) {
-  const { viewId, search, pageSize = 500 } = options;
+  const { viewId, search, pageSize = 500, maxLoaded = 2e3, spatial } = options;
   const mutate = useMutate();
   const { did } = useIdentity();
   const { data: database, status: dbStatus } = useQuery(DatabaseSchema, databaseId);
   const { data: fieldNodes, status: fieldStatus } = useQuery(DatabaseFieldSchema, {
     where: { database: databaseId },
-    orderBy: { sortKey: "asc" }
+    orderBy: { createdAt: "asc" }
   });
   const { data: viewNodes, status: viewStatus } = useQuery(DatabaseViewSchema, {
     where: { database: databaseId },
-    orderBy: { sortKey: "asc" }
+    orderBy: { createdAt: "asc" }
   });
   const { data: optionNodes } = useQuery(DatabaseSelectOptionSchema, {
     where: { database: databaseId },
-    orderBy: { sortKey: "asc" }
+    orderBy: { createdAt: "asc" }
   });
-  const { data: rowNodes, status: rowStatus } = useQuery(DatabaseRowSchema, {
+  const {
+    data: rowNodes,
+    // Masked while a window grow is in flight (previous rows stay visible):
+    // consumers must not fall back to a skeleton mid-grow or scroll position
+    // is lost — `isFetchingMoreRows` reports the in-flight grow instead.
+    loading: rowsLoading,
+    totalCount: totalRowCount,
+    hasMore: hasMoreRows,
+    isFetchingNextPage: isFetchingMoreRows,
+    fetchNextPage: fetchMoreRows
+  } = useInfiniteQuery(DatabaseRowSchema, {
     where: { database: databaseId },
     orderBy: { sortKey: "asc" },
-    limit: pageSize,
-    materializedView: `db:${databaseId}${viewId ? `:view:${viewId}` : ""}`,
+    pageSize,
+    maxLoaded,
+    page: { count: "exact" },
+    ...spatial ? { spatial } : { materializedView: `db:${databaseId}${viewId ? `:view:${viewId}` : ""}` },
     ...search ? { search } : {}
   });
   const optionsByField = useMemo5(() => {
@@ -4484,11 +4506,22 @@ function useGridDatabase(databaseId, options = {}) {
       cancelled = true;
     };
   }, [rowNodes, fields, store]);
+  const rowModelCacheRef = useRef4(
+    { deps: [], map: /* @__PURE__ */ new WeakMap() }
+  );
   const rows = useMemo5(() => {
+    const cacheDeps = [fields, rollupValues, databaseId];
+    if (cacheDeps.length !== rowModelCacheRef.current.deps.length || cacheDeps.some((d, i) => d !== rowModelCacheRef.current.deps[i])) {
+      rowModelCacheRef.current = { deps: cacheDeps, map: /* @__PURE__ */ new WeakMap() };
+    }
+    const cache = rowModelCacheRef.current.map;
     const autoFields = fields.filter(
       (f) => ["created", "createdBy", "updated", "updatedBy"].includes(f.type)
     );
-    const base = (rowNodes ?? []).map((node) => {
+    const formulaFields = fields.filter((f) => f.type === "formula");
+    const rollupFields = fields.filter((f) => f.type === "rollup");
+    const columnDefs = formulaFields.length > 0 || activeView ? fieldsToColumnDefinitions(fields) : [];
+    const buildRow = (node) => {
       const cells = fromCellProperties(node);
       for (const field of autoFields) {
         switch (field.type) {
@@ -4506,47 +4539,43 @@ function useGridDatabase(databaseId, options = {}) {
             break;
         }
       }
-      return {
+      const row = {
         id: node.id,
         sortKey: node.sortKey ?? "",
         cells
       };
-    });
-    const formulaFields = fields.filter((f) => f.type === "formula");
-    if (formulaFields.length > 0) {
-      const columnDefs = fieldsToColumnDefinitions(fields);
-      for (const row of base) {
-        for (const field of formulaFields) {
-          const columnDef = columnDefs.find((c) => c.id === field.id);
-          if (!columnDef) continue;
-          try {
-            row.cells[field.id] = formulaService.compute(
-              { id: row.id, databaseId, cells: row.cells },
-              columnDef,
-              columnDefs
-            );
-          } catch {
-            row.cells[field.id] = null;
-          }
+      for (const field of formulaFields) {
+        const columnDef = columnDefs.find((c) => c.id === field.id);
+        if (!columnDef) continue;
+        try {
+          row.cells[field.id] = formulaService.compute(
+            { id: row.id, databaseId, cells: row.cells },
+            columnDef,
+            columnDefs
+          );
+        } catch {
+          row.cells[field.id] = null;
         }
       }
-    }
-    if (rollupValues.size > 0) {
-      for (const row of base) {
-        for (const field of fields) {
-          if (field.type !== "rollup") continue;
-          const computed = rollupValues.get(`${row.id}:${field.id}`);
-          if (computed !== void 0) row.cells[field.id] = computed;
-        }
+      for (const field of rollupFields) {
+        const computed = rollupValues.get(`${row.id}:${field.id}`);
+        if (computed !== void 0) row.cells[field.id] = computed;
       }
-    }
+      return row;
+    };
+    const base = (rowNodes ?? []).map((node) => {
+      const hit = cache.get(node);
+      if (hit) return hit;
+      const row = buildRow(node);
+      cache.set(node, row);
+      return row;
+    });
     base.sort((a, b) => compareSortKeys(a.sortKey, b.sortKey));
     if (!activeView) return base;
-    const columns = fieldsToColumnDefinitions(fields);
-    const filtered = filterRows(base, columns, activeView.filters);
-    return sortRows(filtered, columns, activeView.sorts);
+    const filtered = filterRows(base, columnDefs, activeView.filters);
+    return sortRows(filtered, columnDefs, activeView.sorts);
   }, [rowNodes, activeView, fields, databaseId, rollupValues]);
-  const loading = dbStatus === "loading" || fieldStatus === "loading" || viewStatus === "loading" || rowStatus === "loading";
+  const loading = dbStatus === "loading" || fieldStatus === "loading" || viewStatus === "loading" || rowsLoading;
   const rowTailRef = useRef4(void 0);
   const fieldTailRef = useRef4(void 0);
   const viewTailRef = useRef4(void 0);
@@ -4611,6 +4640,17 @@ function useGridDatabase(databaseId, options = {}) {
     },
     [updateRowProps]
   );
+  const updateRowCells = useCallback3(
+    async (rowId, cells, opts) => {
+      const props = {};
+      for (const [fieldId, value] of Object.entries(cells)) {
+        props[cellKey(fieldId)] = value;
+      }
+      if (opts?.sortKey !== void 0) props.sortKey = opts.sortKey;
+      await updateRowProps(rowId, props);
+    },
+    [updateRowProps]
+  );
   const clearCells = useCallback3(
     async (cells) => {
       const byRow = /* @__PURE__ */ new Map();
@@ -4829,6 +4869,28 @@ function useGridDatabase(databaseId, options = {}) {
     },
     [mutate, activeView]
   );
+  const setViewConfig = useCallback3(
+    async (patch) => {
+      if (!activeView) return;
+      const props = {};
+      for (const [key, value] of Object.entries(patch)) {
+        if (value !== void 0) props[key] = value;
+      }
+      if (Object.keys(props).length === 0) return;
+      await mutate.update(DatabaseViewSchema, activeView.id, props);
+    },
+    [mutate, activeView]
+  );
+  const setGroupCollapsed = useCallback3(
+    async (groupKey, collapsed) => {
+      if (!activeView) return;
+      const set = new Set(activeView.collapsedGroups);
+      if (collapsed) set.add(groupKey);
+      else set.delete(groupKey);
+      await mutate.update(DatabaseViewSchema, activeView.id, { collapsedGroups: [...set] });
+    },
+    [mutate, activeView]
+  );
   const setRowHeight = useCallback3(
     async (rowHeight) => {
       if (!activeView) return;
@@ -4898,8 +4960,14 @@ function useGridDatabase(databaseId, options = {}) {
     views,
     activeView,
     rows,
+    rowWindow: { size: (rowNodes ?? []).length, total: totalRowCount ?? null },
     loading,
+    totalRowCount,
+    hasMoreRows,
+    isFetchingMoreRows,
+    fetchMoreRows,
     updateCell,
+    updateRowCells,
     clearCells,
     addRow,
     deleteRows,
@@ -4916,6 +4984,8 @@ function useGridDatabase(databaseId, options = {}) {
     toggleSort,
     setFilters,
     setGroupBy,
+    setViewConfig,
+    setGroupCollapsed,
     setRowHeight,
     setColumnSummary,
     setFormConfig,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xnetjs/react",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -46,15 +46,15 @@
     "y-protocols": "^1.0.6",
     "yjs": "^13.6.24",
     "@xnetjs/billing": "0.0.2",
-    "@xnetjs/core": "2.0.0",
-    "@xnetjs/crypto": "2.0.0",
-    "@xnetjs/data": "2.0.0",
-    "@xnetjs/data-bridge": "2.0.0",
-    "@xnetjs/history": "2.0.0",
-    "@xnetjs/identity": "2.0.0",
-    "@xnetjs/plugins": "2.0.0",
-    "@xnetjs/runtime": "0.5.0",
-    "@xnetjs/sync": "2.0.0"
+    "@xnetjs/core": "2.2.0",
+    "@xnetjs/crypto": "2.2.0",
+    "@xnetjs/data": "2.2.0",
+    "@xnetjs/data-bridge": "2.2.0",
+    "@xnetjs/history": "2.2.0",
+    "@xnetjs/identity": "2.2.0",
+    "@xnetjs/plugins": "2.2.0",
+    "@xnetjs/runtime": "0.5.2",
+    "@xnetjs/sync": "2.2.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"