feat: Add Execution Response Section component and related composables for file handling and error management

- Implemented ExecutionResponseSection.vue to display execution results and handle file downloads.
- Created useBase64Decoder.js for base64 decoding utilities.
- Developed useChatToggle.js for managing chat panel state.
- Added useErrorHandler.js for standardized error handling with toast notifications.
- Introduced useFileDownload.js for various file download operations.
- Created useFileProcessing.js for processing files, including zip extraction and content display.
- Implemented usePolling.js for polling backend API for execution status.
- Added useScenarioRating.js for managing scenario execution ratings.
- Developed CSV export utilities in csvExport.js for generating and downloading CSV files.
- Created formDataProcessor.js for processing and validating multiselect form data.
- Implemented inputComponents.js for mapping input types to PrimeVue components.
- Enhanced ScenarioExecHistory.vue to integrate new components and functionalities.
This commit is contained in:
Andrea Terzani
2025-12-12 19:28:17 +01:00
parent 443d0d83f7
commit af8a8b67c3
32 changed files with 4909 additions and 1480 deletions

View File

@@ -64,13 +64,13 @@ defineExpose({
<template>
<div v-if="isLoading" class="flex flex-col items-center">
<div class="flex justify-center mt-4">
<jellyfish-loader :loading="isLoading" scale="1" color="#A100FF" />
</div>
<div v-if="message && message.includes('/')">
<span>{{ message }}</span>
</div>
<div v-else>Starting execution...</div>
<div class="flex justify-center mt-4">
<jellyfish-loader :loading="isLoading" scale="1" color="#A100FF" />
</div>
<div class="flex justify-center" style="margin-bottom: 30px">
<p>Time elapsed:&nbsp;</p>
<div class="timer">{{ elapsedTime }}</div>