<commit_before><template>
  <div class="main-window">
    <main-window-header/>
    <editor-operation-panel/>
    <error-message :error-message="errorMessage"/>
    <editor-playlist/>
  </div>
</template>

<script>
import { createNamespacedHelpers, mapGetters } from 'vuex';

import EditorPlaylist from './EditorPlaylist.vue';
import ErrorMessage from './ErrorMessage.vue';
import StartTimeSettings from './StartTimeSettings.vue';
import MainWindowHeader from './MainWindowHeader.vue';
import EditorOperationPanel from './EditorOperationPanel.vue';

const { mapState } = createNamespacedHelpers('editor');

export default {
  name: 'MainWindow',
  components: {
    EditorOperationPanel,
    EditorPlaylist,
    ErrorMessage,
    MainWindowHeader,
    StartTimeSettings,
  },
  computed: {
    ...mapState('editor', {
      errorMessage: state => state.errorMessage,
    }),
    ...mapGetters({
      playlistImage: 'editor/playlistImage',
      playlistName: 'editor/playlistName',
    }),
  },
};
</script>

<style lang="scss" scoped>
  .main-window {

  }
</style><commit_msg>fix(ui/ux): fixed displayling of error messages<commit_after><template>
  <div class="main-window">
    <main-window-header/>
    <editor-operation-panel/>
    <error-message :error-message="errorMessage"/>
    <editor-playlist/>
  </div>
</template>

<script>
import { createNamespacedHelpers, mapGetters } from 'vuex';

import EditorPlaylist from './EditorPlaylist.vue';
import ErrorMessage from './ErrorMessage.vue';
import StartTimeSettings from './StartTimeSettings.vue';
import MainWindowHeader from './MainWindowHeader.vue';
import EditorOperationPanel from './EditorOperationPanel.vue';

const { mapState } = createNamespacedHelpers('editor');

export default {
  name: 'MainWindow',
  components: {
    EditorOperationPanel,
    EditorPlaylist,
    ErrorMessage,
    MainWindowHeader,
    StartTimeSettings,
  },
  computed: {
    ...mapState('editor', {
      errorMessage: state => state.error,
    }),
    ...mapGetters({
      playlistImage: 'editor/playlistImage',
      playlistName: 'editor/playlistName',
    }),
  },
};
</script>

<style lang="scss" scoped>
  .main-window {

  }
</style>
{'fraction_non_alphanumeric': 0.14370709382151028, 'fraction_numerical': 0.0, 'mean_word_length': 3.9569160997732427, 'pattern_counts': {'":': 0, '<': 27, '<?xml version=': 0, '>': 29, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '98341', 'n_tokens_mistral': 656, 'n_tokens_neox': 655, 'n_words': 134}