perf(editor): lazy-load NoteBlock so Streamdown is off the editor's critical path

Author: waleedlatif1

apps/sim/app/workspace/[workspaceId]/w/[workflowId]/workflow-constants.ts

@@ -1,9 +1,25 @@
+import dynamic from 'next/dynamic'
 import type { EdgeTypes, NodeTypes } from 'reactflow'
 import { SubflowNodeComponent } from '@/app/workspace/[workspaceId]/w/[workflowId]/components'
-import { NoteBlock } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/note-block/note-block'
 import { WorkflowBlock } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-block/workflow-block'
 import { WorkflowEdge } from '@/app/workspace/[workspaceId]/w/[workflowId]/components/workflow-edge/workflow-edge'
 
+/**
+ * Lazily loaded note node. Defined once at module scope so the {@link nodeTypes}
+ * map stays referentially stable for ReactFlow. Loading it dynamically keeps its
+ * heavy markdown dependencies (Streamdown, remark-breaks) off the editor's
+ * critical path — they load only when a workflow actually contains a note block.
+ * `ssr: false` is safe because the note node is canvas-only and never rendered
+ * on the server.
+ */
+const NoteBlock = dynamic(
+  () =>
+    import('@/app/workspace/[workspaceId]/w/[workflowId]/components/note-block/note-block').then(
+      (mod) => mod.NoteBlock
+    ),
+  { ssr: false }
+)
+
 /** Custom node types for ReactFlow. */
 export const nodeTypes: NodeTypes = {
   workflowBlock: WorkflowBlock,