feat(core): replace onboarding template (#11768)

packages/frontend/core/src/components/page-list/group-definitions.tsx

@@ -25,10 +25,7 @@ const GroupLabel = ({
 }) => (
   <div className={styles.groupLabelWrapper}>
     {icon}
-    <div
-      className={styles.groupLabel}
-      data-testid={`group-label-${id}-${count}`}
-    >
+    <div className={styles.groupLabel} data-testid={`group-label-${id}`}>
       {label}
     </div>
     <div className={styles.pageCount}>{` · ${count}`}</div>

packages/frontend/core/src/utils/first-app-data.ts

@@ -7,6 +7,7 @@ import onboardingUrl from '@affine/templates/onboarding.zip';
 import { ZipTransformer } from '@blocksuite/affine/widgets/linked-doc';
 
 import { DocsService } from '../modules/doc';
+import { OrganizeService } from '../modules/organize';
 import {
   getAFFiNEWorkspaceSchema,
   type WorkspacesService,
@@ -35,13 +36,28 @@ export async function buildShowcaseWorkspace(
 
   const docsService = workspace.scope.get(DocsService);
 
-  // should jump to "Write, Draw, Plan all at Once." in edgeless by default
+  // should jump to "Getting Started"
   const defaultDoc = docsService.list.docs$.value.find(p =>
-    p.title$.value.startsWith('Write, Draw, Plan all at Once.')
+    p.title$.value.startsWith('Getting Started')
+  );
+  const folderTutorialDoc = docsService.list.docs$.value.find(p =>
+    p.title$.value.startsWith('How to use folder and Tags')
   );
 
-  if (defaultDoc) {
-    defaultDoc.setPrimaryMode('edgeless');
+  // create default organize
+  if (folderTutorialDoc) {
+    const organizeService = workspace.scope.get(OrganizeService);
+    const folderId = organizeService.folderTree.rootFolder.createFolder(
+      'First Folder',
+      organizeService.folderTree.rootFolder.indexAt('after')
+    );
+    const firstFolderNode =
+      organizeService.folderTree.folderNode$(folderId).value;
+    firstFolderNode?.createLink(
+      'doc',
+      folderTutorialDoc.id,
+      firstFolderNode.indexAt('after')
+    );
   }
 
   dispose();