fixes in node languages and ai workflow

This commit is contained in:
ValueOn AG 2026-04-13 01:37:35 +02:00
parent 9185ea5208
commit 63b701bc61
2 changed files with 22 additions and 18 deletions

View file

@ -133,11 +133,11 @@
} }
.table thead tr { .table thead tr {
background: var(--table-header-bg, rgba(0, 0, 0, 0.03)); background: var(--table-header-bg, #f8f9fa);
} }
.th { .th {
background: var(--table-header-bg, rgba(0, 0, 0, 0.03)); background: var(--table-header-bg, #f8f9fa);
padding: 10px 12px; padding: 10px 12px;
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
@ -159,7 +159,7 @@
} }
.th.sortable:hover { .th.sortable:hover {
background: rgba(0, 0, 0, 0.06); background: #eef0f3;
color: var(--color-text, #334155); color: var(--color-text, #334155);
} }
@ -378,7 +378,7 @@
} }
thead .selectColumn { thead .selectColumn {
background: var(--table-header-bg, rgba(0, 0, 0, 0.03)); background: var(--table-header-bg, #f8f9fa);
} }
tbody .selectColumn { tbody .selectColumn {
@ -429,7 +429,7 @@ tbody .selectColumn {
} }
thead .actionsColumn { thead .actionsColumn {
background: var(--table-header-bg, rgba(0, 0, 0, 0.03)); background: var(--table-header-bg, #f8f9fa);
} }
tbody .actionsColumn { tbody .actionsColumn {
@ -764,21 +764,21 @@ tbody .actionsColumn {
/* Dark theme */ /* Dark theme */
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.table thead tr { .table thead tr {
background: rgba(255, 255, 255, 0.05); background: #2a2d31;
} }
.th { .th {
background: rgba(255, 255, 255, 0.05); background: #2a2d31;
border-bottom-color: rgba(255, 255, 255, 0.12); border-bottom-color: rgba(255, 255, 255, 0.12);
} }
thead .selectColumn, thead .selectColumn,
thead .actionsColumn { thead .actionsColumn {
background: rgba(255, 255, 255, 0.05); background: #2a2d31;
} }
.th.sortable:hover { .th.sortable:hover {
background: rgba(255, 255, 255, 0.1); background: #32363b;
} }
.tr:hover { .tr:hover {

View file

@ -405,20 +405,21 @@ const _DashboardTab: React.FC = () => {
const _loadRuns = useCallback(async (paginationParams?: any) => { const _loadRuns = useCallback(async (paginationParams?: any) => {
setLoading(true); setLoading(true);
try { try {
const params: Record<string, any> = { limit: paginationParams?.pageSize || 25 }; const pag = {
if (paginationParams?.page) { page: paginationParams?.page || 1,
params.offset = ((paginationParams.page - 1) * (paginationParams.pageSize || 25)); pageSize: paginationParams?.pageSize || 25,
} ...(paginationParams?.sort ? { sort: paginationParams.sort } : {}),
if (paginationParams?.search) { ...(paginationParams?.search ? { search: paginationParams.search } : {}),
params.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 resp = await api.get('/api/system/workflow-runs', { params });
const data = resp.data; const data = resp.data;
setRuns(data?.runs || []); setRuns(data?.runs || []);
const total = data?.total ?? 0; const total = data?.total ?? 0;
const pageSize = params.limit; const pageSize = pag.pageSize;
setPaginationMeta({ setPaginationMeta({
currentPage: paginationParams?.page || 1, currentPage: pag.page,
pageSize, pageSize,
totalItems: total, totalItems: total,
totalPages: Math.ceil(total / pageSize), totalPages: Math.ceil(total / pageSize),
@ -505,6 +506,7 @@ const _DashboardTab: React.FC = () => {
width: 110, width: 110,
sortable: true, sortable: true,
filterable: true, filterable: true,
filterOptions: ['running', 'completed', 'failed', 'cancelled', 'paused'],
formatter: (v: string) => ( formatter: (v: string) => (
<span style={{ color: _STATUS_COLORS[v] || 'inherit', fontWeight: 600 }}> <span style={{ color: _STATUS_COLORS[v] || 'inherit', fontWeight: 600 }}>
{v === 'completed' ? t('Abgeschlossen') : v === 'failed' ? t('Fehlgeschlagen') : v === 'running' ? t('Laufend') : v} {v === 'completed' ? t('Abgeschlossen') : v === 'failed' ? t('Fehlgeschlagen') : v === 'running' ? t('Laufend') : v}
@ -604,6 +606,7 @@ const _DashboardTab: React.FC = () => {
filterable={true} filterable={true}
sortable={true} sortable={true}
selectable={false} selectable={false}
apiEndpoint="/api/system/workflow-runs"
customActions={[ customActions={[
{ {
id: 'tracing', id: 'tracing',
@ -882,6 +885,7 @@ const _WorkflowsTab: React.FC = () => {
filterable={true} filterable={true}
sortable={true} sortable={true}
selectable={false} selectable={false}
apiEndpoint="/api/system/workflow-runs/workflows"
actionButtons={[ actionButtons={[
{ {
type: 'edit', type: 'edit',