feat(core): add default group and order (#12526)

<!-- This is an auto-generated comment: release notes by coderabbit.ai -->
## Summary by CodeRabbit

- **New Features**
  - Added default sorting and grouping by "Last Updated" for document views.
  - Introduced clearer group headers for documents grouped by creation or update date, displaying relative dates or appropriate fallback text.

- **Improvements**
  - Enhanced date grouping headers with capitalized, user-friendly text and improved handling of missing dates.
  - Added a new localization for "Never updated" to improve clarity in document groupings.
  - Initialized document update timestamps at creation to improve date accuracy.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

packages/frontend/core/src/components/explorer/context.ts

@@ -11,6 +11,15 @@ const DefaultDisplayPreference: ExplorerDisplayPreference = {
     'system:createdBy',
     'system:tags',
   ],
+  orderBy: {
+    type: 'system',
+    key: 'updatedAt',
+    desc: true,
+  },
+  groupBy: {
+    type: 'system',
+    key: 'updatedAt',
+  },
   showDocIcon: true,
   showDocPreview: true,
   quickFavorite: true,

packages/frontend/core/src/components/page-list/docs/select-page.tsx

@@ -49,6 +49,8 @@ export const SelectPage = memo(function SelectPage({
       quickFavorite: true,
       showMoreOperation: false,
       showDragHandle: false,
+      groupBy: undefined,
+      orderBy: undefined,
     });
   });
 
@@ -132,6 +134,11 @@ export const SelectPage = memo(function SelectPage({
             value: 'false',
           },
         ],
+        orderBy: {
+          type: 'system',
+          key: 'updatedAt',
+          desc: true,
+        },
       })
       .subscribe(result => {
         docExplorerContextValue.groups$.next(result.groups);

packages/frontend/core/src/components/workspace-property-types/created-updated-at.tsx

@@ -11,6 +11,7 @@ const toRelativeDate = (time: string | number) => {
   return i18nTime(time, {
     relative: {
       max: [1, 'day'],
+      accuracy: 'day',
     },
     absolute: {
       accuracy: 'day',
@@ -54,12 +55,39 @@ export const UpdatedAtValue = MetaDateValueFactory({
   type: 'updatedDate',
 });
 
-export const CreatedAtGroupHeader = (props: GroupHeaderProps) => {
-  return <PlainTextDocGroupHeader {...props} />;
+export const CreatedAtGroupHeader = ({
+  groupId,
+  docCount,
+}: GroupHeaderProps) => {
+  const date = groupId ? toRelativeDate(groupId) : 'No Date';
+  return (
+    <PlainTextDocGroupHeader
+      style={{ textTransform: 'capitalize' }}
+      groupId={groupId}
+      docCount={docCount}
+    >
+      {date}
+    </PlainTextDocGroupHeader>
+  );
 };
 
-export const UpdatedAtGroupHeader = (props: GroupHeaderProps) => {
-  return <PlainTextDocGroupHeader {...props} />;
+export const UpdatedAtGroupHeader = ({
+  groupId,
+  docCount,
+}: GroupHeaderProps) => {
+  const t = useI18n();
+  const date = groupId
+    ? toRelativeDate(groupId)
+    : t['com.affine.all-docs.group.updated-at.never-updated']();
+  return (
+    <PlainTextDocGroupHeader
+      style={{ textTransform: 'capitalize' }}
+      groupId={groupId}
+      docCount={docCount}
+    >
+      {date}
+    </PlainTextDocGroupHeader>
+  );
 };
 
 export const CreateAtDocListProperty = ({ doc }: { doc: DocRecord }) => {