@agent-native/core 0.134.0 → 0.135.0

package/corpus/templates/content/app/components/editor/database/DatabaseView.tsx

@@ -176,7 +176,7 @@ import {
   useContentDatabasePersonalView,
   useContentDatabases,
   contentDatabaseQueryKey,
-  useDeleteDatabaseItems,
+  useRemoveDatabaseItems,
   useDisconnectContentDatabaseSource,
   useDuplicateDatabaseItem,
   useDuplicateDatabaseItems,
@@ -276,6 +276,12 @@ import { VisualEditor } from "../VisualEditor";
 import { DatabaseFormView } from "./FormView";
 import { DatabaseGalleryView } from "./GalleryView";
 import { DatabaseListView } from "./ListView";
+import {
+  databaseItemCanDuplicate,
+  databaseItemCanRemoveFromDatabase,
+  databaseItemHasViewerAccess,
+  databaseItemIsSourceBacked,
+} from "./row-access";
 import { DatabaseTimelineView } from "./TimelineView";
 
 export interface DatabaseViewProps {
@@ -736,6 +742,7 @@ export function DatabaseView({
   const { data: document } = useDocument(databaseDocumentId);
 
   if (!document?.database || document.database.id !== databaseId) return null;
+  const effectiveCanEdit = canEdit && document.canEdit === true;
 
   return (
     <DatabaseTable
@@ -744,7 +751,7 @@ export function DatabaseView({
       databaseId={databaseId}
       hostDocumentId={hostDocumentId}
       renderMode={renderMode}
-      canEdit={canEdit}
+      canEdit={effectiveCanEdit}
       isActive={isActive ?? renderMode === "page"}
     />
   );
@@ -2851,6 +2858,7 @@ function DatabaseTable({
       ) : (
         <DatabaseTableView
           databaseId={databaseId}
+          databaseSystemRole={data?.database.systemRole}
           newRowLabel={newDatabaseRowLabel}
           properties={tableProperties}
           groupableProperties={orderedProperties}
@@ -2859,6 +2867,7 @@ function DatabaseTable({
           sources={sources}
           databaseDocumentId={document.id}
           canEdit={effectiveCanEdit}
+          canManageDatabase={effectiveCanEdit && document.canManage === true}
           workspaceCreationPropertyValues={workspaceCreationPropertyValues}
           isLoading={isDatabaseViewLoading}
           isCreating={isCreatingDatabaseItem}
@@ -2896,6 +2905,12 @@ function DatabaseTable({
             )
           }
           onClearSelection={() => setSelectedItemIds([])}
+          onRemoveSelection={(itemIds) =>
+            setSelectedItemIds((current) => {
+              const removedIds = new Set(itemIds);
+              return current.filter((itemId) => !removedIds.has(itemId));
+            })
+          }
           onCreateRow={createInlineRow}
           onCreateGroupedRow={createInlineGroupedRow}
           onTitleFocusHandled={() => setInlineTitleFocusDocumentId(null)}
@@ -3420,6 +3435,41 @@ export function databaseSelectedItems(
   return visibleItems.filter((item) => selectedIds.has(item.id));
 }
 
+export function databaseSelectionCapabilities(args: {
+  canEdit: boolean;
+  canManageDatabase: boolean;
+  databaseSystemRole: string | null | undefined;
+  selectedItemIds: string[];
+  selectedItems: ContentDatabaseItem[];
+  sources: ContentDatabaseSource[];
+  removesFavoriteMembership: boolean;
+  isWorkspaceCatalog: boolean;
+}) {
+  const selectionComplete =
+    args.selectedItems.length === args.selectedItemIds.length;
+  const canEditSelected = args.canEdit && selectionComplete;
+  return {
+    selectionComplete,
+    canEditSelected,
+    canDuplicateSelected:
+      canEditSelected &&
+      args.selectedItems.every((item) =>
+        databaseItemCanDuplicate(item, args.isWorkspaceCatalog),
+      ),
+    canRemoveSelected: args.removesFavoriteMembership
+      ? canEditSelected
+      : selectionComplete &&
+        args.canManageDatabase &&
+        args.databaseSystemRole === null &&
+        !args.isWorkspaceCatalog &&
+        args.selectedItems.every(
+          (item) =>
+            databaseItemHasViewerAccess(item) &&
+            !databaseItemIsSourceBacked(item, args.sources),
+        ),
+  };
+}
+
 export function databaseBulkEditableProperties(properties: DocumentProperty[]) {
   return properties.filter(
     (property) =>
@@ -5209,6 +5259,7 @@ function DatabaseItemPreview({
 
 function DatabaseTableView({
   databaseId,
+  databaseSystemRole,
   newRowLabel,
   properties,
   groupableProperties,
@@ -5217,6 +5268,7 @@ function DatabaseTableView({
   sources,
   databaseDocumentId,
   canEdit,
+  canManageDatabase,
   workspaceCreationPropertyValues,
   isLoading,
   isCreating,
@@ -5245,6 +5297,7 @@ function DatabaseTableView({
   onToggleRowSelection,
   onToggleAllRowsSelection,
   onClearSelection,
+  onRemoveSelection,
   onClearResultConstraints,
   onCreateRow,
   onCreateGroupedRow,
@@ -5256,6 +5309,7 @@ function DatabaseTableView({
   onOpenPage,
 }: {
   databaseId: string;
+  databaseSystemRole: string | null | undefined;
   newRowLabel: string;
   properties: DocumentProperty[];
   groupableProperties: DocumentProperty[];
@@ -5264,6 +5318,7 @@ function DatabaseTableView({
   sources: ContentDatabaseSource[];
   databaseDocumentId: string;
   canEdit: boolean;
+  canManageDatabase: boolean;
   workspaceCreationPropertyValues?: Record<string, DocumentPropertyValue>;
   isLoading: boolean;
   isCreating: boolean;
@@ -5303,6 +5358,7 @@ function DatabaseTableView({
   onToggleRowSelection: (itemId: string) => void;
   onToggleAllRowsSelection: () => void;
   onClearSelection: () => void;
+  onRemoveSelection: (itemIds: string[]) => void;
   onClearResultConstraints: () => void;
   onCreateRow: CreateDatabaseRowHandler;
   onCreateGroupedRow: (
@@ -5325,7 +5381,7 @@ function DatabaseTableView({
     databaseId,
     databaseDocumentId,
   );
-  const deleteItems = useDeleteDatabaseItems(databaseDocumentId);
+  const removeItems = useRemoveDatabaseItems(databaseDocumentId);
   const [draggedItemId, setDraggedItemId] = useState<string | null>(null);
   const [dropTargetItemId, setDropTargetItemId] = useState<string | null>(null);
   const [draggedPropertyId, setDraggedPropertyId] = useState<string | null>(
@@ -5335,17 +5391,45 @@ function DatabaseTableView({
     useState<DatabaseDropTargetState | null>(null);
   const [dragPreview, setDragPreview] =
     useState<DatabaseDragPreviewState | null>(null);
-  const [confirmDeleteSelectedOpen, setConfirmDeleteSelectedOpen] =
+  const [confirmRemoveSelectedOpen, setConfirmRemoveSelectedOpen] =
     useState(false);
+  const [removeSelectedSnapshotIds, setRemoveSelectedSnapshotIds] = useState<
+    string[]
+  >([]);
   const [isDuplicatingSelected, setIsDuplicatingSelected] = useState(false);
   const selectedCount = selectedItemIds.length;
   const selectableCount = items.length;
   const selectedIdSet = new Set(selectedItemIds);
   const selectedItems = databaseSelectedItems(items, selectedItemIds);
+  const removeSelectedSnapshot = databaseSelectedItems(
+    items,
+    removeSelectedSnapshotIds,
+  );
   const removesFavoriteMembership =
     contentSpaces.data?.favoritesDocumentId === databaseDocumentId;
   const isWorkspaceCatalog =
     contentSpaces.data?.catalogDocumentId === databaseDocumentId;
+  const { canEditSelected, canDuplicateSelected, canRemoveSelected } =
+    databaseSelectionCapabilities({
+      canEdit,
+      canManageDatabase,
+      databaseSystemRole,
+      selectedItemIds,
+      selectedItems,
+      sources,
+      removesFavoriteMembership,
+      isWorkspaceCatalog,
+    });
+  const canConfirmRemoveSelected = databaseSelectionCapabilities({
+    canEdit,
+    canManageDatabase,
+    databaseSystemRole,
+    selectedItemIds: removeSelectedSnapshotIds,
+    selectedItems: removeSelectedSnapshot,
+    sources,
+    removesFavoriteMembership,
+    isWorkspaceCatalog,
+  }).canRemoveSelected;
   const bulkEditableProperties = databaseBulkEditableProperties(properties);
   const groups = databaseVisibleGroups(
     databaseViewItemGroups(items, groupableProperties, groupByPropertyId),
@@ -5570,17 +5654,17 @@ function DatabaseTableView({
     }
   }
 
-  async function deleteSelectedRows() {
-    if (selectedItems.length === 0) return;
-    const selectedSnapshot = selectedItems;
-    setConfirmDeleteSelectedOpen(false);
+  async function removeSelectedRows(selectedSnapshot: ContentDatabaseItem[]) {
+    if (selectedSnapshot.length === 0) return;
+    setConfirmRemoveSelectedOpen(false);
+    setRemoveSelectedSnapshotIds([]);
 
     try {
-      await deleteItems.mutateAsync({
+      await removeItems.mutateAsync({
         documentId: databaseDocumentId,
         itemIds: selectedSnapshot.map((item) => item.id),
       });
-      onClearSelection();
+      onRemoveSelection(selectedSnapshot.map((item) => item.id));
       onDeletedPreviewItems(selectedSnapshot);
       await queryClient.invalidateQueries({
         queryKey: [
@@ -5593,7 +5677,7 @@ function DatabaseTableView({
         queryKey: ["action", "list-documents"],
       });
     } catch (err) {
-      toast.error(dbText("failedToDeleteSelectedRows"), {
+      toast.error(dbText("failedToRemoveEverySelectedRowFromDatabase"), {
         description:
           err instanceof Error ? err.message : dbText("somethingWentWrong"),
       });
@@ -5601,7 +5685,12 @@ function DatabaseTableView({
   }
 
   async function duplicateSelectedRows() {
-    if (selectedItems.length === 0 || isDuplicatingSelected) return;
+    if (
+      !canDuplicateSelected ||
+      selectedItems.length === 0 ||
+      isDuplicatingSelected
+    )
+      return;
     const selectedSnapshot = selectedItems;
     setIsDuplicatingSelected(true);
 
@@ -5640,7 +5729,7 @@ function DatabaseTableView({
     property: DocumentProperty,
     operation: DatabaseBulkPropertyValueOperation,
   ) {
-    if (selectedItems.length === 0) return;
+    if (!canEditSelected || selectedItems.length === 0) return;
     const selectedSnapshot = selectedItems;
 
     let updatedCount = 0;
@@ -5677,275 +5766,289 @@ function DatabaseTableView({
   }
 
   return (
-    <div
-      data-database-scroll-surface="table"
-      className="relative w-full min-w-0 max-w-full overflow-x-auto overscroll-x-contain"
-    >
+    <div className="relative w-full min-w-0 max-w-full">
       <DatabaseDragPreview preview={dragPreview} />
-      <div className="w-max min-w-full min-w-[720px]">
-        {selectedCount > 0 ? (
-          <DatabaseSelectionBar
-            selectedCount={selectedCount}
-            canEdit={canEdit}
-            properties={bulkEditableProperties}
-            selectedItems={selectedItems}
-            duplicateDisabled={
-              isDuplicatingSelected ||
-              duplicateItems.isPending ||
-              deleteItems.isPending
+      {selectedCount > 0 ? (
+        <DatabaseSelectionBar
+          selectedCount={selectedCount}
+          canEditSelected={canEditSelected}
+          canDuplicateSelected={canDuplicateSelected}
+          canRemoveSelected={canRemoveSelected}
+          properties={bulkEditableProperties}
+          selectedItems={selectedItems}
+          duplicateDisabled={
+            isDuplicatingSelected ||
+            duplicateItems.isPending ||
+            removeItems.isPending
+          }
+          removeDisabled={removeItems.isPending}
+          removesFavoriteMembership={removesFavoriteMembership}
+          updateDisabled={setProperty.isPending}
+          onClearSelection={onClearSelection}
+          onSetPropertyValue={setSelectedPropertyValue}
+          onDuplicateSelected={() => void duplicateSelectedRows()}
+          onRemoveSelected={() => {
+            if (removesFavoriteMembership) {
+              void removeSelectedRows(selectedItems);
+              return;
             }
-            deleteDisabled={deleteItems.isPending}
-            removesFavoriteMembership={removesFavoriteMembership}
-            updateDisabled={setProperty.isPending}
-            onClearSelection={onClearSelection}
-            onSetPropertyValue={setSelectedPropertyValue}
-            onDuplicateSelected={() => void duplicateSelectedRows()}
-            onDeleteSelected={() => {
-              if (removesFavoriteMembership) {
-                void deleteSelectedRows();
-                return;
-              }
-              setConfirmDeleteSelectedOpen(true);
-            }}
-          />
-        ) : null}
-        <div
-          className="grid border-y border-border/35 text-xs font-medium text-muted-foreground/80"
-          style={{
-            gridTemplateColumns: databaseGridColumns(
-              properties,
-              canEdit,
-              columnWidths,
-              actionColumnWidth,
-            ),
+            setRemoveSelectedSnapshotIds(selectedItems.map((item) => item.id));
+            setConfirmRemoveSelectedOpen(true);
           }}
-        >
-          <DatabaseNameHeader
-            sorts={sorts}
-            filters={filters}
-            source={source}
-            selectedCount={selectedCount}
-            selectableCount={selectableCount}
-            onSortsChange={onSortsChange}
-            onFiltersChange={onFiltersChange}
-            onToggleAllRowsSelection={onToggleAllRowsSelection}
-            onResize={(event) =>
-              onResizeColumn("name", DEFAULT_NAME_COLUMN_WIDTH, event)
-            }
-          />
-          {properties.map((property) => {
-            return (
-              <DatabasePropertyHeader
-                key={property.definition.id}
-                property={property}
-                documentId={databaseDocumentId}
-                source={source}
-                canEdit={canEdit}
-                isDragging={draggedPropertyId === property.definition.id}
-                dropSide={
-                  !!draggedPropertyId &&
-                  dropTargetProperty?.id === property.definition.id &&
-                  draggedPropertyId !== property.definition.id
-                    ? dropTargetProperty.side
-                    : null
-                }
-                sorts={sorts}
-                filters={filters}
-                onSortsChange={onSortsChange}
-                onFiltersChange={onFiltersChange}
-                onPropertyHiddenChange={onPropertyHiddenChange}
-                onPointerDown={(event) =>
-                  startPropertyPointerDrag(property, event)
-                }
-                onResize={(event) =>
-                  onResizeColumn(
-                    property.definition.id,
-                    DEFAULT_PROPERTY_COLUMN_WIDTH,
-                    event,
-                  )
-                }
-              />
-            );
-          })}
-          {canEdit ? (
-            <div
-              className={cn(
-                "flex h-8 items-center",
-                cleanDefaultTable
-                  ? "justify-start border-r border-border/30 px-1"
-                  : "justify-center",
-              )}
-            >
-              <AddProperty
-                documentId={databaseDocumentId}
-                databaseId={databaseId}
-                variant={cleanDefaultTable ? "header" : "icon"}
-                label={dbText("addProperty")}
-                source={source}
-                sources={sources}
-              />
-            </div>
-          ) : null}
-        </div>
-
-        {databaseTableShouldShowBlockingLoader(isLoading, items.length) ? (
-          <div className="flex h-16 items-center gap-2 border-t border-border px-2 text-sm text-muted-foreground">
-            <Spinner className="size-4" />
-            {dbText("loadingDatabase")}
-          </div>
-        ) : (
-          <>
-            {databaseViewHasNoMatchingPages(
-              items.length,
-              hasSearch,
-              activeFilters.length,
-            ) ? (
-              <DatabaseNoMatchingPages
-                className="border-t border-border"
-                label={dbText("noRowsMatchThisView")}
-                onClear={onClearResultConstraints}
-              />
+        />
+      ) : null}
+      <div
+        data-database-scroll-surface="table"
+        tabIndex={0}
+        className="w-full min-w-0 max-w-full overflow-x-auto overscroll-x-contain"
+      >
+        <div className="w-max min-w-full min-w-[720px]">
+          <div
+            className="grid border-y border-border/35 text-xs font-medium text-muted-foreground/80"
+            style={{
+              gridTemplateColumns: databaseGridColumns(
+                properties,
+                canEdit,
+                columnWidths,
+                actionColumnWidth,
+              ),
+            }}
+          >
+            <DatabaseNameHeader
+              sorts={sorts}
+              filters={filters}
+              source={source}
+              selectedCount={selectedCount}
+              selectableCount={selectableCount}
+              onSortsChange={onSortsChange}
+              onFiltersChange={onFiltersChange}
+              onToggleAllRowsSelection={onToggleAllRowsSelection}
+              onResize={(event) =>
+                onResizeColumn("name", DEFAULT_NAME_COLUMN_WIDTH, event)
+              }
+            />
+            {properties.map((property) => {
+              return (
+                <DatabasePropertyHeader
+                  key={property.definition.id}
+                  property={property}
+                  documentId={databaseDocumentId}
+                  source={source}
+                  canEdit={canEdit}
+                  isDragging={draggedPropertyId === property.definition.id}
+                  dropSide={
+                    !!draggedPropertyId &&
+                    dropTargetProperty?.id === property.definition.id &&
+                    draggedPropertyId !== property.definition.id
+                      ? dropTargetProperty.side
+                      : null
+                  }
+                  sorts={sorts}
+                  filters={filters}
+                  onSortsChange={onSortsChange}
+                  onFiltersChange={onFiltersChange}
+                  onPropertyHiddenChange={onPropertyHiddenChange}
+                  onPointerDown={(event) =>
+                    startPropertyPointerDrag(property, event)
+                  }
+                  onResize={(event) =>
+                    onResizeColumn(
+                      property.definition.id,
+                      DEFAULT_PROPERTY_COLUMN_WIDTH,
+                      event,
+                    )
+                  }
+                />
+              );
+            })}
+            {canEdit ? (
+              <div
+                className={cn(
+                  "flex h-8 items-center",
+                  cleanDefaultTable
+                    ? "justify-start border-r border-border/30 px-1"
+                    : "justify-center",
+                )}
+              >
+                <AddProperty
+                  documentId={databaseDocumentId}
+                  databaseId={databaseId}
+                  variant={cleanDefaultTable ? "header" : "icon"}
+                  label={dbText("addProperty")}
+                  source={source}
+                  sources={sources}
+                />
+              </div>
             ) : null}
-            {grouped
-              ? groups.map((group) => (
-                  <DatabaseGroupedTableSection
-                    key={group.id}
-                    group={group}
+          </div>
+
+          {databaseTableShouldShowBlockingLoader(isLoading, items.length) ? (
+            <div className="flex h-16 items-center gap-2 border-t border-border px-2 text-sm text-muted-foreground">
+              <Spinner className="size-4" />
+              {dbText("loadingDatabase")}
+            </div>
+          ) : (
+            <>
+              {databaseViewHasNoMatchingPages(
+                items.length,
+                hasSearch,
+                activeFilters.length,
+              ) ? (
+                <DatabaseNoMatchingPages
+                  className="border-t border-border"
+                  label={dbText("noRowsMatchThisView")}
+                  onClear={onClearResultConstraints}
+                />
+              ) : null}
+              {grouped
+                ? groups.map((group) => (
+                    <DatabaseGroupedTableSection
+                      key={group.id}
+                      group={group}
+                      properties={properties}
+                      columnWidths={columnWidths}
+                      databaseDocumentId={databaseDocumentId}
+                      workspaceCatalog={isWorkspaceCatalog}
+                      workspaceCreationPropertyValues={
+                        workspaceCreationPropertyValues
+                      }
+                      canEdit={canEdit}
+                      selectedIdSet={selectedIdSet}
+                      wrapCells={wrapCells}
+                      rowDensity={rowDensity}
+                      isCreating={isCreating}
+                      newRowLabel={newRowLabel}
+                      focusedTitleDocumentId={focusedTitleDocumentId}
+                      collapsed={databaseGroupIsCollapsed(
+                        collapsedGroupIds,
+                        group.id,
+                      )}
+                      onCreateRow={onCreateGroupedRow}
+                      onTitleFocusHandled={onTitleFocusHandled}
+                      onCollapsedChange={(collapsed) =>
+                        onGroupCollapsedChange(group.id, collapsed)
+                      }
+                      onToggleCheckbox={toggleCheckboxCell}
+                      onToggleRowSelection={onToggleRowSelection}
+                      onPreview={onPreview}
+                      onDeletedPreviewItem={onDeletedPreviewItem}
+                      onOpenPage={onOpenPage}
+                    />
+                  ))
+                : items.map((item, index) => (
+                    <DatabaseTableRow
+                      key={item.id}
+                      item={item}
+                      databaseDocumentId={databaseDocumentId}
+                      workspaceCatalog={isWorkspaceCatalog}
+                      properties={properties}
+                      columnWidths={columnWidths}
+                      canEdit={canEdit}
+                      rowIndex={index}
+                      canReorder={rowsAreManuallyOrdered}
+                      canDragRow={rowDraggingEnabled}
+                      canMoveUp={rowsAreManuallyOrdered && index > 0}
+                      canMoveDown={
+                        rowsAreManuallyOrdered && index < items.length - 1
+                      }
+                      selected={selectedIdSet.has(item.id)}
+                      isDragging={draggedItemId === item.id}
+                      isDropTarget={
+                        !!draggedItemId &&
+                        dropTargetItemId === item.id &&
+                        draggedItemId !== item.id
+                      }
+                      startEditingTitle={
+                        focusedTitleDocumentId === item.document.id
+                      }
+                      onDragHandlePointerDown={(event) =>
+                        startRowDrag(item.id, event)
+                      }
+                      onToggleCheckbox={(property) =>
+                        void toggleCheckboxCell(item, property)
+                      }
+                      wrapCells={wrapCells}
+                      rowDensity={rowDensity}
+                      onToggleSelected={() => onToggleRowSelection(item.id)}
+                      onPreviewItem={onPreview}
+                      onDeletedPreviewItem={onDeletedPreviewItem}
+                      onTitleEditStarted={onTitleFocusHandled}
+                      onPreview={() => onPreview(item)}
+                      onOpenPage={() => onOpenPage(item)}
+                    />
+                  ))}
+              {canEdit && !grouped ? (
+                isWorkspaceCatalog ? (
+                  <WorkspaceSourceMenuRow
+                    label={newRowLabel}
                     properties={properties}
                     columnWidths={columnWidths}
-                    databaseDocumentId={databaseDocumentId}
-                    workspaceCatalog={isWorkspaceCatalog}
-                    workspaceCreationPropertyValues={
-                      workspaceCreationPropertyValues
-                    }
-                    canEdit={canEdit}
-                    selectedIdSet={selectedIdSet}
-                    wrapCells={wrapCells}
                     rowDensity={rowDensity}
-                    isCreating={isCreating}
-                    newRowLabel={newRowLabel}
-                    focusedTitleDocumentId={focusedTitleDocumentId}
-                    collapsed={databaseGroupIsCollapsed(
-                      collapsedGroupIds,
-                      group.id,
-                    )}
-                    onCreateRow={onCreateGroupedRow}
-                    onTitleFocusHandled={onTitleFocusHandled}
-                    onCollapsedChange={(collapsed) =>
-                      onGroupCollapsedChange(group.id, collapsed)
-                    }
-                    onToggleCheckbox={toggleCheckboxCell}
-                    onToggleRowSelection={onToggleRowSelection}
-                    onPreview={onPreview}
-                    onDeletedPreviewItem={onDeletedPreviewItem}
-                    onOpenPage={onOpenPage}
+                    propertyValues={workspaceCreationPropertyValues}
+                    actionColumnWidth={actionColumnWidth}
                   />
-                ))
-              : items.map((item, index) => (
-                  <DatabaseTableRow
-                    key={item.id}
-                    item={item}
-                    databaseDocumentId={databaseDocumentId}
-                    workspaceCatalog={isWorkspaceCatalog}
+                ) : (
+                  <NewDatabaseRow
+                    label={newRowLabel}
                     properties={properties}
                     columnWidths={columnWidths}
-                    canEdit={canEdit}
-                    rowIndex={index}
-                    canReorder={rowsAreManuallyOrdered}
-                    canDragRow={rowDraggingEnabled}
-                    canMoveUp={rowsAreManuallyOrdered && index > 0}
-                    canMoveDown={
-                      rowsAreManuallyOrdered && index < items.length - 1
-                    }
-                    selected={selectedIdSet.has(item.id)}
-                    isDragging={draggedItemId === item.id}
-                    isDropTarget={
-                      !!draggedItemId &&
-                      dropTargetItemId === item.id &&
-                      draggedItemId !== item.id
-                    }
-                    startEditingTitle={
-                      focusedTitleDocumentId === item.document.id
-                    }
-                    onDragHandlePointerDown={(event) =>
-                      startRowDrag(item.id, event)
-                    }
-                    onToggleCheckbox={(property) =>
-                      void toggleCheckboxCell(item, property)
-                    }
-                    wrapCells={wrapCells}
                     rowDensity={rowDensity}
-                    onToggleSelected={() => onToggleRowSelection(item.id)}
-                    onPreviewItem={onPreview}
-                    onDeletedPreviewItem={onDeletedPreviewItem}
-                    onTitleEditStarted={onTitleFocusHandled}
-                    onPreview={() => onPreview(item)}
-                    onOpenPage={() => onOpenPage(item)}
+                    disabled={isCreating}
+                    isPending={isCreating}
+                    onCreate={onCreateRow}
+                    actionColumnWidth={actionColumnWidth}
                   />
-                ))}
-            {canEdit && !grouped ? (
-              isWorkspaceCatalog ? (
-                <WorkspaceSourceMenuRow
-                  label={newRowLabel}
-                  properties={properties}
-                  columnWidths={columnWidths}
-                  rowDensity={rowDensity}
-                  propertyValues={workspaceCreationPropertyValues}
-                  actionColumnWidth={actionColumnWidth}
-                />
-              ) : (
-                <NewDatabaseRow
-                  label={newRowLabel}
-                  properties={properties}
-                  columnWidths={columnWidths}
-                  rowDensity={rowDensity}
-                  disabled={isCreating}
-                  isPending={isCreating}
-                  onCreate={onCreateRow}
+                )
+              ) : null}
+              {cleanDefaultTable ? (
+                <DatabaseBlankDefaultRows
+                  rowCount={EMPTY_DEFAULT_BLANK_ROW_COUNT}
                   actionColumnWidth={actionColumnWidth}
                 />
-              )
-            ) : null}
-            {cleanDefaultTable ? (
-              <DatabaseBlankDefaultRows
-                rowCount={EMPTY_DEFAULT_BLANK_ROW_COUNT}
+              ) : null}
+              <DatabaseTableFooter
+                properties={properties}
+                items={items}
+                totalCount={totalCount}
+                constrained={constrained}
+                columnWidths={columnWidths}
+                canEdit={canEdit}
+                calculations={calculations}
                 actionColumnWidth={actionColumnWidth}
+                onCalculationChange={onCalculationChange}
               />
-            ) : null}
-            <DatabaseTableFooter
-              properties={properties}
-              items={items}
-              totalCount={totalCount}
-              constrained={constrained}
-              columnWidths={columnWidths}
-              canEdit={canEdit}
-              calculations={calculations}
-              actionColumnWidth={actionColumnWidth}
-              onCalculationChange={onCalculationChange}
-            />
-          </>
-        )}
+            </>
+          )}
+        </div>
       </div>
       <AlertDialog
-        open={!removesFavoriteMembership && confirmDeleteSelectedOpen}
-        onOpenChange={setConfirmDeleteSelectedOpen}
+        open={
+          !removesFavoriteMembership &&
+          canConfirmRemoveSelected &&
+          confirmRemoveSelectedOpen
+        }
+        onOpenChange={(open) => {
+          setConfirmRemoveSelectedOpen(open);
+          if (!open) setRemoveSelectedSnapshotIds([]);
+        }}
       >
         <AlertDialogContent>
           <AlertDialogHeader>
-            <AlertDialogTitle>{dbText("deleteSelectedRows")}</AlertDialogTitle>
+            <AlertDialogTitle>
+              {dbText("removeSelectedRowsFromDatabaseQuestion")}
+            </AlertDialogTitle>
             <AlertDialogDescription>
-              {selectedCount} selected row{selectedCount === 1 ? "" : "s"} and
-              any sub-pages will be permanently deleted. This cannot be undone.
+              {dbText("removeSelectedRowsFromDatabaseDescription")}
             </AlertDialogDescription>
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel>Cancel</AlertDialogCancel>
+            <AlertDialogCancel>{dbText("cancel")}</AlertDialogCancel>
             <AlertDialogAction
               className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-              disabled={deleteItems.isPending}
-              onClick={() => void deleteSelectedRows()}
+              disabled={removeItems.isPending || !canConfirmRemoveSelected}
+              onClick={() => void removeSelectedRows(removeSelectedSnapshot)}
             >
-              {deleteItems.isPending ? "Deleting..." : "Delete"}
+              {removeItems.isPending ? dbText("removing") : dbText("remove")}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>
@@ -15355,26 +15458,30 @@ function DatabaseNameHeader({
   );
 }
 
-function DatabaseSelectionBar({
+export function DatabaseSelectionBar({
   selectedCount,
-  canEdit,
+  canEditSelected,
+  canDuplicateSelected,
+  canRemoveSelected,
   properties,
   selectedItems,
   duplicateDisabled,
-  deleteDisabled,
+  removeDisabled,
   removesFavoriteMembership,
   updateDisabled,
   onClearSelection,
   onSetPropertyValue,
   onDuplicateSelected,
-  onDeleteSelected,
+  onRemoveSelected,
 }: {
   selectedCount: number;
-  canEdit: boolean;
+  canEditSelected: boolean;
+  canDuplicateSelected: boolean;
+  canRemoveSelected: boolean;
   properties: DocumentProperty[];
   selectedItems: ContentDatabaseItem[];
   duplicateDisabled: boolean;
-  deleteDisabled: boolean;
+  removeDisabled: boolean;
   removesFavoriteMembership: boolean;
   updateDisabled: boolean;
   onClearSelection: () => void;
@@ -15383,7 +15490,7 @@ function DatabaseSelectionBar({
     operation: DatabaseBulkPropertyValueOperation,
   ) => Promise<void>;
   onDuplicateSelected: () => void;
-  onDeleteSelected: () => void;
+  onRemoveSelected: () => void;
 }) {
   return (
     <div className="flex h-8 items-center justify-between gap-2 border-y border-border/45 bg-muted/20 px-2 text-xs text-muted-foreground">
@@ -15391,46 +15498,48 @@ function DatabaseSelectionBar({
         {selectedCount} selected
       </span>
       <div className="flex items-center gap-1">
-        {canEdit ? (
-          <>
-            <DatabaseBulkEditPopover
-              properties={properties}
-              selectedCount={selectedCount}
-              selectedItems={selectedItems}
-              disabled={updateDisabled || properties.length === 0}
-              onSetPropertyValue={onSetPropertyValue}
-            />
-            <Button
-              type="button"
-              variant="ghost"
-              size="sm"
-              className="h-7 gap-1.5 px-2 text-xs"
-              disabled={duplicateDisabled}
-              onClick={onDuplicateSelected}
-            >
-              <IconCopy className="size-3.5" />
-              Duplicate
-            </Button>
-            <Button
-              type="button"
-              variant="ghost"
-              size="sm"
-              className={cn(
-                "h-7 gap-1.5 px-2 text-xs",
-                !removesFavoriteMembership &&
-                  "text-destructive hover:bg-destructive/10 hover:text-destructive",
-              )}
-              disabled={deleteDisabled}
-              onClick={onDeleteSelected}
-            >
-              {removesFavoriteMembership ? (
-                <IconStarOff className="size-3.5" />
-              ) : (
-                <IconTrash className="size-3.5" />
-              )}
-              {removesFavoriteMembership ? "Remove" : "Delete"}
-            </Button>
-          </>
+        {canEditSelected ? (
+          <DatabaseBulkEditPopover
+            properties={properties}
+            selectedCount={selectedCount}
+            selectedItems={selectedItems}
+            disabled={updateDisabled || properties.length === 0}
+            onSetPropertyValue={onSetPropertyValue}
+          />
+        ) : null}
+        {canDuplicateSelected ? (
+          <Button
+            type="button"
+            variant="ghost"
+            size="sm"
+            className="h-7 gap-1.5 px-2 text-xs"
+            disabled={duplicateDisabled}
+            onClick={onDuplicateSelected}
+          >
+            <IconCopy className="size-3.5" />
+            Duplicate
+          </Button>
+        ) : null}
+        {canRemoveSelected ? (
+          <Button
+            type="button"
+            variant="ghost"
+            size="sm"
+            className={cn(
+              "h-7 gap-1.5 px-2 text-xs",
+              !removesFavoriteMembership &&
+                "text-destructive hover:bg-destructive/10 hover:text-destructive",
+            )}
+            disabled={removeDisabled}
+            onClick={onRemoveSelected}
+          >
+            {removesFavoriteMembership ? (
+              <IconStarOff className="size-3.5" />
+            ) : (
+              <IconTrash className="size-3.5" />
+            )}
+            Remove
+          </Button>
         ) : null}
         <Button
           type="button"
@@ -18536,9 +18645,11 @@ export function RowActionsCell({
 }) {
   const queryClient = useQueryClient();
   const contentSpaces = useContentSpaces();
-  const deleteDocument = useDeleteDocument();
+  const { data: databaseDocument } = useDocument(databaseDocumentId);
+  const databaseQuery = useContentDatabase(databaseDocumentId);
   const deleteContentSpace = useDeleteContentSpace();
   const duplicateItem = useDuplicateDatabaseItem(databaseDocumentId);
+  const removeItems = useRemoveDatabaseItems(databaseDocumentId);
   const [menuOpen, setMenuOpen] = useState(false);
   const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);
   const title = item.document.title || "Untitled";
@@ -18551,8 +18662,27 @@ export function RowActionsCell({
     contentSpaces.data?.catalogDocumentId === databaseDocumentId;
   const canDeleteWorkspace =
     isWorkspaceCatalog && workspaceSpace?.kind === "user";
+  const databaseData = isContentDatabaseUnavailable(databaseQuery.data)
+    ? undefined
+    : databaseQuery.data;
+  const databaseSources = databaseAttachedSources(
+    databaseData?.sources,
+    databaseData?.source ?? null,
+  );
+  const canRemoveFromDatabase = removesFavoriteMembership
+    ? databaseDocument?.canEdit === true
+    : databaseData !== undefined &&
+      databaseItemCanRemoveFromDatabase({
+        item,
+        databaseCanManage: databaseDocument?.canManage === true,
+        databaseSystemRole: databaseData.database.systemRole,
+        isWorkspaceCatalog,
+        sources: databaseSources,
+      });
+  const canDuplicateRow = databaseItemCanDuplicate(item, isWorkspaceCatalog);
 
   async function duplicateRow() {
+    if (!canDuplicateRow) return;
     setMenuOpen(false);
     try {
       const response = await duplicateItem.mutateAsync({ itemId: item.id });
@@ -18566,15 +18696,19 @@ export function RowActionsCell({
     }
   }
 
-  async function deleteRow() {
+  async function removeRowOrDeleteWorkspace() {
+    if (!canRemoveFromDatabase && !canDeleteWorkspace) {
+      setConfirmDeleteOpen(false);
+      return;
+    }
     const previewMoved = onDeletedPreviewItem?.(item) ?? false;
     try {
       if (canDeleteWorkspace && workspaceSpace) {
         await deleteContentSpace.mutateAsync({ spaceId: workspaceSpace.id });
       } else {
-        await deleteDocument.mutateAsync({
-          id: item.document.id,
-          databaseDocumentId,
+        await removeItems.mutateAsync({
+          documentId: databaseDocumentId,
+          documentIds: [item.document.id],
         });
       }
       await queryClient.invalidateQueries({
@@ -18589,10 +18723,15 @@ export function RowActionsCell({
       });
     } catch (err) {
       if (previewMoved) onPreviewItem?.(item);
-      toast.error(dbText("failedToDeleteRow"), {
-        description:
-          err instanceof Error ? err.message : dbText("somethingWentWrong"),
-      });
+      toast.error(
+        canDeleteWorkspace
+          ? dbText("failedToDeleteRow")
+          : dbText("failedToRemoveRowFromDatabase"),
+        {
+          description:
+            err instanceof Error ? err.message : dbText("somethingWentWrong"),
+        },
+      );
     }
   }
 
@@ -18619,7 +18758,7 @@ export function RowActionsCell({
             <IconExternalLink className="mr-2 size-4 text-muted-foreground" />
             {dbText("openPage")}
           </DropdownMenuItem>
-          {!isWorkspaceCatalog ? (
+          {canDuplicateRow ? (
             <DropdownMenuItem
               disabled={duplicateItem.isPending}
               onSelect={(event) => {
@@ -18631,21 +18770,21 @@ export function RowActionsCell({
               {dbText("duplicateRow")}
             </DropdownMenuItem>
           ) : null}
-          {!isWorkspaceCatalog || canDeleteWorkspace ? (
+          {canRemoveFromDatabase || canDeleteWorkspace ? (
             <DropdownMenuSeparator />
           ) : null}
-          {removesFavoriteMembership ? (
+          {removesFavoriteMembership && canRemoveFromDatabase ? (
             <DropdownMenuItem
               onSelect={(event) => {
                 event.preventDefault();
                 setMenuOpen(false);
-                void deleteRow();
+                void removeRowOrDeleteWorkspace();
               }}
             >
               <IconStarOff className="mr-2 size-4 text-muted-foreground" />
               {sidebarText("removeFromFavorites")}
             </DropdownMenuItem>
-          ) : !isWorkspaceCatalog || canDeleteWorkspace ? (
+          ) : canRemoveFromDatabase || canDeleteWorkspace ? (
             <DropdownMenuItem
               className="text-destructive focus:bg-destructive/10 focus:text-destructive"
               onSelect={(event) => {
@@ -18655,7 +18794,9 @@ export function RowActionsCell({
               }}
             >
               <IconTrash className="mr-2 size-4" />
-              {canDeleteWorkspace ? "Delete workspace" : dbText("deleteRow")}
+              {canDeleteWorkspace
+                ? "Delete workspace"
+                : dbText("removeFromDatabase")}
             </DropdownMenuItem>
           ) : null}
         </DropdownMenuContent>
@@ -18664,7 +18805,7 @@ export function RowActionsCell({
       <AlertDialog
         open={
           !removesFavoriteMembership &&
-          (!isWorkspaceCatalog || canDeleteWorkspace) &&
+          (canRemoveFromDatabase || canDeleteWorkspace) &&
           confirmDeleteOpen
         }
         onOpenChange={setConfirmDeleteOpen}
@@ -18672,7 +18813,9 @@ export function RowActionsCell({
         <AlertDialogContent>
           <AlertDialogHeader>
             <AlertDialogTitle>
-              {canDeleteWorkspace ? "Delete workspace?" : dbText("deleteRow2")}
+              {canDeleteWorkspace
+                ? "Delete workspace?"
+                : dbText("removeFromDatabaseQuestion")}
             </AlertDialogTitle>
             <AlertDialogDescription>
               {canDeleteWorkspace ? (
@@ -18681,10 +18824,7 @@ export function RowActionsCell({
                   will be permanently deleted. This cannot be undone.
                 </>
               ) : (
-                <>
-                  &ldquo;{title}&rdquo; and any sub-pages will be permanently
-                  deleted. This cannot be undone.
-                </>
+                dbText("removeFromDatabaseDescription", { title })
               )}
             </AlertDialogDescription>
           </AlertDialogHeader>
@@ -18692,14 +18832,16 @@ export function RowActionsCell({
             <AlertDialogCancel>Cancel</AlertDialogCancel>
             <AlertDialogAction
               className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
-              disabled={
-                deleteDocument.isPending || deleteContentSpace.isPending
-              }
-              onClick={() => void deleteRow()}
+              disabled={removeItems.isPending || deleteContentSpace.isPending}
+              onClick={() => void removeRowOrDeleteWorkspace()}
             >
-              {deleteDocument.isPending || deleteContentSpace.isPending
-                ? "Deleting..."
-                : "Delete"}
+              {removeItems.isPending || deleteContentSpace.isPending
+                ? canDeleteWorkspace
+                  ? "Deleting..."
+                  : dbText("removing")
+                : canDeleteWorkspace
+                  ? "Delete"
+                  : dbText("remove")}
             </AlertDialogAction>
           </AlertDialogFooter>
         </AlertDialogContent>