diff --git a/app/web/src/base/page/ed.tsx b/app/web/src/base/page/ed.tsx
index 4bac88a8..675b31b8 100644
--- a/app/web/src/base/page/ed.tsx
+++ b/app/web/src/base/page/ed.tsx
@@ -23,7 +23,7 @@ export default page({
 
     w.isEditor = true;
 
-    if (!edInitSync(p)) {
+    if (!edInitSync(p) && !p.sync) {
       return <Loading note="connecting-ws" />;
     }
 
diff --git a/app/web/src/nova/ed/ed-base.tsx b/app/web/src/nova/ed/ed-base.tsx
index 8e528e2b..1d04217a 100644
--- a/app/web/src/nova/ed/ed-base.tsx
+++ b/app/web/src/nova/ed/ed-base.tsx
@@ -43,8 +43,12 @@ export const EdBase = () => {
     <div className={cx("flex flex-col flex-1", style)}>
       <div className="flex justify-between"></div>
       <div className="flex flex-1 items-stretch">
-        <EdLeft />
-        <EdPane type="left" min_size={200} />
+        {p.status === "ready" && (
+          <>
+            <EdLeft />
+            <EdPane type="left" min_size={200} />
+          </>
+        )}
         <div className="flex flex-1 flex-col items-stretch">
           <EdMid />
           <div
@@ -53,9 +57,15 @@ export const EdBase = () => {
               p.mode === "mobile" ? mobileCSS : "bg-white"
             )}
           >
-            <EdMain />
-            <EdPane type="right" min_size={240} />
-            <EdRight />
+            {p.status !== "ready" ? (
+              <Loading note={`page-${p.status}`} />
+            ) : (
+              <>
+                <EdMain />
+                <EdPane type="right" min_size={240} />
+                <EdRight />
+              </>
+            )}
           </div>
         </div>
       </div>