<script setup lang="ts">
import AuthenticatedStandaloneLayout from '#/layouts/AuthenticatedStandaloneLayout.vue';

import WorkflowDesign from './WorkflowDesign.vue';
</script>

<template>
  <AuthenticatedStandaloneLayout class="workflow-design-standalone">
    <WorkflowDesign />
  </AuthenticatedStandaloneLayout>
</template>

<style scoped>
.workflow-design-standalone :deep(.head-div) {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.workflow-design-standalone :deep(.agentsflow) {
  height: 100% !important;
}

.workflow-design-standalone :deep(.tiny-flow-container) {
  flex: 1;
  height: auto;
  min-height: 0;
}
</style>
