-
+
+
diff --git a/src/views/pages/ScenarioExecHistory.vue b/src/views/pages/ScenarioExecHistory.vue
new file mode 100644
index 0000000..3f4ee38
--- /dev/null
+++ b/src/views/pages/ScenarioExecHistory.vue
@@ -0,0 +1,364 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/pages/ScenarioExecList.vue b/src/views/pages/ScenarioExecList.vue
index e5df9d2..552b06f 100644
--- a/src/views/pages/ScenarioExecList.vue
+++ b/src/views/pages/ScenarioExecList.vue
@@ -1,173 +1,4 @@
-
-
-
-
-
Executions List
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ slotProps.data.scenario?.name }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ slotProps.data.execSharedMap?.user_input?.selected_application }}
-
-
-
-
-
-
-
-
-
-
-
- {{ moment(slotProps.data.startDate).format('DD-MM-YYYY HH:mm:ss') }}
-
-
-
-
-
-
-
- {{ slotProps.data.scenario?.aiModel?.model }}
-
-
-
-
-
-
-
-
- {{ slotProps.data.executedByUsername || 'N/A' }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- | No execution found |
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ slotProps.data.scenario?.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ slotProps.data.execSharedMap?.user_input?.selected_application }}
+
+
+
+
+
+
+
+
+
+
+ {{ moment(slotProps.data.startDate).format('DD-MM-YYYY HH:mm:ss') }}
+
+
+
+
+
+
+
+ {{ slotProps.data.scenario?.aiModel?.model }}
+
+
+
+
+
+
+
+
+ {{ slotProps.data.executedByUsername || 'N/A' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
No executions found
+
Try adjusting your filters or execute a new scenario
+
+
+
+
+
+
\ No newline at end of file
+
diff --git a/src/views/pages/ScenarioList.vue b/src/views/pages/ScenarioList.vue
index 8a453a7..39ad85e 100644
--- a/src/views/pages/ScenarioList.vue
+++ b/src/views/pages/ScenarioList.vue
@@ -1,139 +1,226 @@
-
-
-
Available Scenarios
-
-
-
-
-
-
-
-
-
-
-
-
-
{{ item.name }}
-
{{ item.description }}
-
-
-
-
-
-
-
-
-
-
-
-
{{ item.name }}
-
{{ item.description }}
-
-
-
- {{ item.visible }}
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{{ item.description }}
+
+
+
+
+
+
+
+
+
+
+
+
{{ item.description }}
+
+
+
+
+
+
+
+
\ No newline at end of file
+/* Filter Container */
+.filter-container {
+ display: flex;
+ align-items: center;
+}
+
+.type-filter :deep(.p-button) {
+ border-radius: 8px;
+ transition: all 0.3s ease;
+}
+
+.type-filter :deep(.p-button:hover) {
+ transform: translateY(-2px);
+}
+
+/* Layout Switch */
+.layout-switch :deep(.p-button) {
+ border-radius: 8px;
+ width: 3rem;
+ height: 3rem;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+
+.layout-switch :deep(.p-button i) {
+ font-size: 1.2rem;
+}
+
+/* List View */
+.list-view {
+ padding: 1.5rem;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.list-item {
+ background: #f8f9fa;
+ border-radius: 12px;
+ border: 1px solid #e2e8f0;
+ transition: all 0.3s ease;
+ overflow: hidden;
+}
+
+.list-item:hover {
+ transform: translateY(-3px);
+ box-shadow: 0 6px 20px rgba(161, 0, 255, 0.15);
+ border-color: #a100ff;
+}
+
+.list-item-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1.5rem;
+ gap: 2rem;
+}
+
+.item-info {
+ flex: 1;
+}
+
+.item-header {
+ display: flex;
+ align-items: center;
+ gap: 0.75rem;
+ margin-bottom: 0.75rem;
+}
+
+.item-icon {
+ color: #a100ff;
+ font-size: 1.3rem;
+}
+
+.item-title {
+ font-size: 1.2rem;
+ font-weight: 600;
+ color: #2d3748;
+ margin: 0;
+}
+
+.draft-badge {
+ padding: 0.25rem 0.75rem;
+ background: #a100ff;
+ color: white;
+ border-radius: 12px;
+ font-size: 0.75rem;
+ font-weight: 600;
+ text-transform: uppercase;
+}
+
+.item-description {
+ color: #64748b;
+ font-size: 0.95rem;
+ line-height: 1.6;
+ margin: 0;
+}
+
+.item-actions {
+ display: flex;
+ align-items: center;
+}
+
+.load-button :deep(.p-button) {
+ min-width: 150px;
+}
+
+/* Grid View */
+.grid-view {
+ display: grid;
+ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+ gap: 1.5rem;
+ padding: 1.5rem;
+}
+
+.grid-item-card {
+ background: #f8f9fa;
+ border-radius: 12px;
+ border: 1px solid #e2e8f0;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ transition: all 0.3s ease;
+ overflow: hidden;
+}
+
+.grid-item-card:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 8px 24px rgba(161, 0, 255, 0.2);
+ border-color: #a100ff;
+}
+
+.card-header {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1.25rem;
+ background: linear-gradient(135deg, #a100ff15 0%, #7b00cc15 100%);
+ border-bottom: 1px solid #e2e8f0;
+}
+
+.card-header-title {
+ display: flex;
+ align-items: center;
+ gap: 0.75rem;
+ flex: 1;
+ min-width: 0;
+}
+
+.card-icon {
+ color: #a100ff;
+ font-size: 1.3rem;
+ flex-shrink: 0;
+}
+
+.draft-badge-small {
+ padding: 0.25rem 0.5rem;
+ background: #a100ff;
+ color: white;
+ border-radius: 8px;
+ font-size: 0.7rem;
+ font-weight: 600;
+ text-transform: uppercase;
+ flex-shrink: 0;
+}
+
+.card-content {
+ flex: 1;
+ padding: 1.25rem;
+}
+
+.card-title {
+ font-size: 1.05rem;
+ font-weight: 600;
+ color: #2d3748;
+ margin: 0;
+ line-height: 1.3;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.card-description {
+ color: #64748b;
+ font-size: 0.9rem;
+ line-height: 1.5;
+ margin: 0;
+ display: -webkit-box;
+ -webkit-line-clamp: 3;
+ line-clamp: 3;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+}
+
+.card-footer {
+ padding: 1rem 1.25rem;
+ border-top: 1px solid #e2e8f0;
+ display: flex;
+ justify-content: flex-end;
+}
+
+.card-button {
+ width: 100%;
+ justify-content: center;
+}
+
+/* Animations */
+@keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: translateY(10px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+@keyframes fadeInDown {
+ from {
+ opacity: 0;
+ transform: translateY(-20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+ .scenario-list-container {
+ padding: 1rem;
+ }
+
+ .header-content {
+ flex-direction: column;
+ text-align: center;
+ padding: 1.5rem;
+ }
+
+ .page-title {
+ font-size: 1.4rem !important;
+ }
+
+ .page-subtitle {
+ font-size: 1rem;
+ }
+
+ .dataview-header {
+ flex-direction: column;
+ align-items: stretch;
+ }
+
+ .search-container {
+ min-width: 100%;
+ }
+
+ .list-item-content {
+ flex-direction: column;
+ gap: 1rem;
+ }
+
+ .item-actions {
+ width: 100%;
+ }
+
+ .load-button {
+ width: 100%;
+ }
+
+ .grid-view {
+ grid-template-columns: 1fr;
+ }
+}
+
+/* DataView Override Styles */
+.custom-dataview :deep(.p-dataview-content) {
+ background: transparent;
+}
+
+.custom-dataview :deep(.p-paginator) {
+ background: white;
+ border-top: 2px solid #e2e8f0;
+ padding: 1rem 1.5rem;
+}
+
+.custom-dataview :deep(.p-paginator .p-paginator-pages .p-paginator-page.p-highlight) {
+ background: #a100ff;
+ border-color: #a100ff;
+}
+
+.custom-dataview :deep(.p-paginator .p-paginator-pages .p-paginator-page:hover) {
+ background: #a100ff15;
+ border-color: #a100ff;
+}
+
diff --git a/src/views/pages/chat/ChatPage.vue b/src/views/pages/chat/ChatPage.vue
index 5788082..ebabcee 100644
--- a/src/views/pages/chat/ChatPage.vue
+++ b/src/views/pages/chat/ChatPage.vue
@@ -1,44 +1,150 @@
-
-
-
-
- Chat with WizardAI
-
-
-
-
-
- Contextualized on
-
-
- Project: {{ userPrefStore.user.selectedProject.fe_name }}
-
-
- Application: {{ userPrefStore.user.selectedApplication.fe_name}}
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
+
+