From 63b701bc615308e2f7adec34f21d4ce02571c424 Mon Sep 17 00:00:00 2001
From: ValueOn AG <p.motsch@valueon.ch>
Date: Mon, 13 Apr 2026 01:37:35 +0200
Subject: [PATCH] fixes in node languages and ai workflow

---
 .../FormGeneratorTable.module.css             | 18 +++++++--------
 src/pages/AutomationsDashboardPage.tsx        | 22 +++++++++++--------
 2 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/components/FormGenerator/FormGeneratorTable/FormGeneratorTable.module.css b/src/components/FormGenerator/FormGeneratorTable/FormGeneratorTable.module.css
index 368e952..991fa8d 100644
--- a/src/components/FormGenerator/FormGeneratorTable/FormGeneratorTable.module.css
+++ b/src/components/FormGenerator/FormGeneratorTable/FormGeneratorTable.module.css
@@ -133,11 +133,11 @@
 }
 
 .table thead tr {
-  background: var(--table-header-bg, rgba(0, 0, 0, 0.03));
+  background: var(--table-header-bg, #f8f9fa);
 }
 
 .th {
-  background: var(--table-header-bg, rgba(0, 0, 0, 0.03));
+  background: var(--table-header-bg, #f8f9fa);
   padding: 10px 12px;
   text-align: left;
   font-weight: 600;
@@ -159,7 +159,7 @@
 }
 
 .th.sortable:hover {
-  background: rgba(0, 0, 0, 0.06);
+  background: #eef0f3;
   color: var(--color-text, #334155);
 }
 
@@ -378,7 +378,7 @@
 }
 
 thead .selectColumn {
-  background: var(--table-header-bg, rgba(0, 0, 0, 0.03));
+  background: var(--table-header-bg, #f8f9fa);
 }
 
 tbody .selectColumn {
@@ -429,7 +429,7 @@ tbody .selectColumn {
 }
 
 thead .actionsColumn {
-  background: var(--table-header-bg, rgba(0, 0, 0, 0.03));
+  background: var(--table-header-bg, #f8f9fa);
 }
 
 tbody .actionsColumn {
@@ -764,21 +764,21 @@ tbody .actionsColumn {
 /* Dark theme */
 @media (prefers-color-scheme: dark) {
   .table thead tr {
-    background: rgba(255, 255, 255, 0.05);
+    background: #2a2d31;
   }
 
   .th {
-    background: rgba(255, 255, 255, 0.05);
+    background: #2a2d31;
     border-bottom-color: rgba(255, 255, 255, 0.12);
   }
 
   thead .selectColumn,
   thead .actionsColumn {
-    background: rgba(255, 255, 255, 0.05);
+    background: #2a2d31;
   }
 
   .th.sortable:hover {
-    background: rgba(255, 255, 255, 0.1);
+    background: #32363b;
   }
 
   .tr:hover {
diff --git a/src/pages/AutomationsDashboardPage.tsx b/src/pages/AutomationsDashboardPage.tsx
index afcdbc7..4d4d1a5 100644
--- a/src/pages/AutomationsDashboardPage.tsx
+++ b/src/pages/AutomationsDashboardPage.tsx
@@ -405,20 +405,21 @@ const _DashboardTab: React.FC = () => {
   const _loadRuns = useCallback(async (paginationParams?: any) => {
     setLoading(true);
     try {
-      const params: Record<string, any> = { limit: paginationParams?.pageSize || 25 };
-      if (paginationParams?.page) {
-        params.offset = ((paginationParams.page - 1) * (paginationParams.pageSize || 25));
-      }
-      if (paginationParams?.search) {
-        params.search = paginationParams.search;
-      }
+      const pag = {
+        page: paginationParams?.page || 1,
+        pageSize: paginationParams?.pageSize || 25,
+        ...(paginationParams?.sort ? { sort: paginationParams.sort } : {}),
+        ...(paginationParams?.search ? { search: paginationParams.search } : {}),
+        ...(paginationParams?.filters ? { filters: paginationParams.filters } : {}),
+      };
+      const params: Record<string, any> = { pagination: JSON.stringify(pag) };
       const resp = await api.get('/api/system/workflow-runs', { params });
       const data = resp.data;
       setRuns(data?.runs || []);
       const total = data?.total ?? 0;
-      const pageSize = params.limit;
+      const pageSize = pag.pageSize;
       setPaginationMeta({
-        currentPage: paginationParams?.page || 1,
+        currentPage: pag.page,
         pageSize,
         totalItems: total,
         totalPages: Math.ceil(total / pageSize),
@@ -505,6 +506,7 @@ const _DashboardTab: React.FC = () => {
       width: 110,
       sortable: true,
       filterable: true,
+      filterOptions: ['running', 'completed', 'failed', 'cancelled', 'paused'],
       formatter: (v: string) => (
         <span style={{ color: _STATUS_COLORS[v] || 'inherit', fontWeight: 600 }}>
           {v === 'completed' ? t('Abgeschlossen') : v === 'failed' ? t('Fehlgeschlagen') : v === 'running' ? t('Laufend') : v}
@@ -604,6 +606,7 @@ const _DashboardTab: React.FC = () => {
           filterable={true}
           sortable={true}
           selectable={false}
+          apiEndpoint="/api/system/workflow-runs"
           customActions={[
             {
               id: 'tracing',
@@ -882,6 +885,7 @@ const _WorkflowsTab: React.FC = () => {
           filterable={true}
           sortable={true}
           selectable={false}
+          apiEndpoint="/api/system/workflow-runs/workflows"
           actionButtons={[
             {
               type: 'edit',