diff --git a/frontend/appflowy_web_app/package.json b/frontend/appflowy_web_app/package.json
index b5b4f60e9d..a43039cf0a 100644
--- a/frontend/appflowy_web_app/package.json
+++ b/frontend/appflowy_web_app/package.json
@@ -24,7 +24,7 @@
     "coverage": "pnpm run test:unit && pnpm run test:components"
   },
   "dependencies": {
-    "@appflowyinc/client-api-wasm": "0.0.4",
+    "@appflowyinc/client-api-wasm": "0.0.6",
     "@atlaskit/primitives": "^5.5.3",
     "@emoji-mart/data": "^1.1.2",
     "@emoji-mart/react": "^1.1.1",
diff --git a/frontend/appflowy_web_app/pnpm-lock.yaml b/frontend/appflowy_web_app/pnpm-lock.yaml
index 0a98d3a716..01ba6c31db 100644
--- a/frontend/appflowy_web_app/pnpm-lock.yaml
+++ b/frontend/appflowy_web_app/pnpm-lock.yaml
@@ -6,8 +6,8 @@ settings:
 
 dependencies:
   '@appflowyinc/client-api-wasm':
-    specifier: 0.0.4
-    version: 0.0.4
+    specifier: 0.0.6
+    version: 0.0.6
   '@atlaskit/primitives':
     specifier: ^5.5.3
     version: 5.7.0(@types/react@18.2.66)(react@18.2.0)
@@ -451,8 +451,8 @@ packages:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  /@appflowyinc/client-api-wasm@0.0.4:
-    resolution: {integrity: sha512-R8nm811vmh4oJU7LDFV7TJP89Y+WZKYrwpR1xrfL9m+PtyA/c21HvNJrvT+NssHfuz+IKj4L1cH2uXQcggnybA==}
+  /@appflowyinc/client-api-wasm@0.0.6:
+    resolution: {integrity: sha512-qx6NlHwBUDRMTDzy2hqi5fiTk/F8aV+QbUBlwrQIp+te+OC1akXmuBOGVehXJlycHfWfD/6ua1AyL6nf3QDAZQ==}
     dev: false
 
   /@atlaskit/analytics-next-stable-react-context@1.0.1(react@18.2.0):
diff --git a/frontend/appflowy_web_app/src/application/services/js-services/cache/index.ts b/frontend/appflowy_web_app/src/application/services/js-services/cache/index.ts
index 667c5ae25f..5585c7a7bb 100644
--- a/frontend/appflowy_web_app/src/application/services/js-services/cache/index.ts
+++ b/frontend/appflowy_web_app/src/application/services/js-services/cache/index.ts
@@ -202,7 +202,6 @@ export async function revalidatePublishView<
 >(name: string, fetcher: Fetcher<T>, collab: YDoc) {
   const { data, meta, rows } = await fetcher();
 
-  console.log('revalidatePublishView', name);
   await db.view_metas.put(
     {
       publish_name: name,
@@ -212,7 +211,6 @@ export async function revalidatePublishView<
     },
     name
   );
-  console.log('revalidatePublishView', name, 'done');
 
   if (rows) {
     for (const [key, value] of Object.entries(rows)) {
diff --git a/frontend/appflowy_web_app/src/application/services/js-services/index.ts b/frontend/appflowy_web_app/src/application/services/js-services/index.ts
index 6e019ea9b2..6a9fe2a5ab 100644
--- a/frontend/appflowy_web_app/src/application/services/js-services/index.ts
+++ b/frontend/appflowy_web_app/src/application/services/js-services/index.ts
@@ -54,7 +54,6 @@ export class AFClientService implements AFService {
   async getPublishView(namespace: string, publishName: string) {
     const name = `${namespace}_${publishName}`;
 
-    console.log('getPublishView', name);
     const isLoaded = this.publishViewLoaded.has(name);
     const doc = await getPublishView(
       () => {
diff --git a/frontend/appflowy_web_app/src/application/services/js-services/wasm/client_api.ts b/frontend/appflowy_web_app/src/application/services/js-services/wasm/client_api.ts
index 400dd80865..2de1fd1ffd 100644
--- a/frontend/appflowy_web_app/src/application/services/js-services/wasm/client_api.ts
+++ b/frontend/appflowy_web_app/src/application/services/js-services/wasm/client_api.ts
@@ -9,6 +9,10 @@ export function initAPIService(
     clientId: string;
   }
 ) {
+  if (client) {
+    return;
+  }
+
   window.refresh_token = () => {
     //
   };
diff --git a/frontend/appflowy_web_app/src/components/app/useAppThemeMode.ts b/frontend/appflowy_web_app/src/components/app/useAppThemeMode.ts
index 26dc5e503f..6f90968590 100644
--- a/frontend/appflowy_web_app/src/components/app/useAppThemeMode.ts
+++ b/frontend/appflowy_web_app/src/components/app/useAppThemeMode.ts
@@ -27,7 +27,6 @@ export function useAppThemeMode() {
   }, []);
 
   useEffect(() => {
-    console.log('isDark', isDark);
     document.documentElement.setAttribute('data-dark-mode', isDark ? 'true' : 'false');
   }, [isDark]);
 
diff --git a/frontend/appflowy_web_app/src/components/view-meta/ViewMetaPreview.tsx b/frontend/appflowy_web_app/src/components/view-meta/ViewMetaPreview.tsx
index f25ef5e991..a0482df56d 100644
--- a/frontend/appflowy_web_app/src/components/view-meta/ViewMetaPreview.tsx
+++ b/frontend/appflowy_web_app/src/components/view-meta/ViewMetaPreview.tsx
@@ -59,7 +59,7 @@ export function ViewMetaPreview({ icon, cover, name }: ViewMetaProps) {
   return (
     <div className={'flex w-full flex-col items-center'}>
       {cover && <ViewCover coverType={coverType} coverValue={coverValue} />}
-      <div className={`relative mx-16 mb-9 mt-[52px] w-[964px] min-w-0 max-w-full overflow-visible max-md:mx-4`}>
+      <div className={`relative mx-16 mb-6 mt-[52px] w-[964px] min-w-0 max-w-full overflow-visible max-md:mx-4`}>
         <div className={'flex items-center gap-4 px-16 text-[2.25rem] font-bold leading-[1.5em] max-sm:text-[7vw]'}>
           <div className={`view-icon`}>{icon?.value}</div>
           {name || <span className={'text-text-placeholder'}>{t('menuAppHeader.defaultNewPageName')}</span>}