fix(workflows): mask message text, count all block columns, reset selection per comparison

- Agent message bodies go through the same masking as other text fields.
- The sync change check's size guard counts block outputs and data, not only sub-blocks.
- Picking another version clears the block selection.

Author: mzxchandra

apps/sim/app/workspace/[workspaceId]/w/components/workflow-diff/components/change-list/field-change-row.tsx

@@ -129,7 +129,10 @@ function MessagesDiff({ oldValue, newValue }: MessagesDiffProps) {
             {!slot.old && ' (added)'}
             {!slot.next && ' (removed)'}
           </span>
-          <TextDiff oldText={slot.old?.content ?? ''} newText={slot.next?.content ?? ''} />
+          <TextDiff
+            oldText={toDiffText(slot.old?.content)}
+            newText={toDiffText(slot.next?.content)}
+          />
         </div>
       ))}
     </div>

apps/sim/app/workspace/[workspaceId]/w/components/workflow-diff/workflow-diff-view.tsx

@@ -62,6 +62,12 @@ export function WorkflowDiffView({
   environmentBindings = false,
 }: WorkflowDiffViewProps) {
   const [selectedBlockId, setSelectedBlockId] = useState<string | null>(null)
+  /* A selection belongs to one comparison; picking another version starts unselected. */
+  const [selectionFor, setSelectionFor] = useState({ baseState, targetState })
+  if (selectionFor.baseState !== baseState || selectionFor.targetState !== targetState) {
+    setSelectionFor({ baseState, targetState })
+    setSelectedBlockId(null)
+  }
   const [listElement, setListElement] = useState<HTMLDivElement | null>(null)
   const listEdges = useScrollEdges(listElement)
 

apps/sim/ee/workspace-forking/lib/copy/deploy-bridge.ts

@@ -391,15 +391,20 @@ export async function loadTargetDraftState(
 }
 
 /**
- * Serialized size of the blocks in these workflows' drafts, from one query, so
+ * Serialized size of the blocks in these workflows' drafts (sub-blocks, outputs
+ * and data, the block columns a draft load materializes), from one query, so
  * a caller can decide whether reading the drafts in full is affordable before
  * it reads any of them.
  */
 export async function measureTargetDraftBytes(workflowIds: string[]): Promise<number> {
   if (workflowIds.length === 0) return 0
   const [row] = await db
     .select({
-      bytes: sql<string>`coalesce(sum(octet_length(${workflowBlocks.subBlocks}::text)), 0)`,
+      bytes: sql<string>`coalesce(sum(
+        octet_length(${workflowBlocks.subBlocks}::text) +
+          octet_length(${workflowBlocks.outputs}::text) +
+          coalesce(octet_length(${workflowBlocks.data}::text), 0)
+      ), 0)`,
     })
     .from(workflowBlocks)
     .where(inArray(workflowBlocks.workflowId, workflowIds))