<template>
  <div>
    <BuilderNavbar @save="handleSave" />
    <BotFlow
      v-model:selectedNodeId="selectedNodeId"
      v-model:botPositionsData="botPositionsData"
      :bot-message-blocks-data="botMessageBlocksData"
    /> 
    <SettingPanel
      v-model:editingMessageBlock="botMessageBlocksData[selectedNodeIndex]"
      @zoom-in="handleZoomIn"
      @zoom-out="handleZoomOut"
      @zoom-to-fit="handleZoomToFit"
      @zoom-to="handleZoomTo"
      @edit-to="handleEditTo"
      @auto-layout-graph="autoLayoutGraph"
    />  
    </div>
  </div>
</template>