diff --git a/app-engine/frontend/src/components/timeLine/index.tsx b/app-engine/frontend/src/components/timeLine/index.tsx
index ab64b9587c..4814a020db 100644
--- a/app-engine/frontend/src/components/timeLine/index.tsx
+++ b/app-engine/frontend/src/components/timeLine/index.tsx
@@ -67,6 +67,7 @@ const TimeLineFc = (props) => {
       setTimeList([]);
       setPage(1);
       hasMoreRef.current = true;
+      elsaReadOnlyRef.current = true;
       window.agent?.readOnly();
 
       Promise.all([
diff --git a/app-engine/frontend/src/pages/components/header.tsx b/app-engine/frontend/src/pages/components/header.tsx
index aa77d7c27b..f5412d45b4 100644
--- a/app-engine/frontend/src/pages/components/header.tsx
+++ b/app-engine/frontend/src/pages/components/header.tsx
@@ -164,6 +164,9 @@ const ChoreographyHead = (props) => {
 
   // 实时保存数据
   const updateGraph = async () => {
+    if (preview) {
+      return;
+    }
     const currentApp = cloneDeep(appInfo);
     currentApp.flowGraph.appearance = window.agent.serialize();
     await updateFlowInfo(tenantId, appId, currentApp.flowGraph);