From abe6ba60d493852489ea623c539678afbfef3fc9 Mon Sep 17 00:00:00 2001
From: ValueOn AG <p.motsch@valueon.ch>
Date: Fri, 10 Apr 2026 12:33:32 +0200
Subject: [PATCH] phase 2 i18n clean

---
 src/App.tsx                                   |    6 +-
 src/api/trusteeApi.ts                         |   35 +
 src/api/workflowApi.ts                        |    2 +
 .../FlowEditor/editor/FlowCanvas.tsx          |    2 +
 src/components/FlowEditor/index.ts            |    2 +-
 .../FlowEditor/nodes/configs/AiNodeConfig.tsx |   90 -
 .../nodes/configs/ApprovalNodeConfig.tsx      |   32 -
 .../nodes/configs/ClickUpNodeConfig.tsx       | 2234 -----------------
 .../nodes/configs/CommentNodeConfig.tsx       |   34 -
 .../nodes/configs/ConfirmationNodeConfig.tsx  |   38 -
 .../nodes/configs/EmailNodeConfig.tsx         |  242 --
 .../nodes/configs/FileCreateNodeConfig.tsx    |  124 -
 .../nodes/configs/ReviewNodeConfig.tsx        |   18 -
 .../nodes/configs/SelectionNodeConfig.tsx     |   50 -
 .../nodes/configs/SharePointNodeConfig.tsx    |  342 ---
 .../nodes/configs/TrusteeNodeConfig.tsx       |   94 -
 .../nodes/configs/UploadNodeConfig.tsx        |   83 -
 .../FlowEditor/nodes/configs/index.ts         |   69 -
 .../FlowEditor/nodes/configs/types.ts         |    1 -
 .../FlowEditor/nodes/form/FormNodeConfig.tsx  |    2 +-
 .../nodes/ifElse/IfElseNodeConfig.tsx         |    2 +-
 .../FlowEditor/nodes/loop/LoopNodeConfig.tsx  |    2 +-
 .../FlowEditor/nodes/shared/graphUtils.ts     |    5 +
 .../FlowEditor/nodes/shared/utils.ts          |    9 +
 .../nodes/start/FormStartNodeConfig.tsx       |    2 +-
 .../nodes/start/ScheduleStartNodeConfig.tsx   |    2 +-
 .../nodes/start/StartNodeConfig.tsx           |    2 +-
 .../nodes/switch/SwitchNodeConfig.tsx         |    2 +-
 .../FormGeneratorForm.module.css              |   39 +
 .../FormGeneratorForm/FormGeneratorForm.tsx   |   94 +-
 .../FormGeneratorTable/FormGeneratorTable.tsx |   62 +-
 .../Navigation/MandateNavigation.tsx          |   33 +-
 .../QuickActionBoard.module.css               |  118 +
 .../QuickActionBoard/QuickActionBoard.tsx     |  166 ++
 src/components/QuickActionBoard/index.ts      |    2 +
 src/config/pageRegistry.tsx                   |    4 +-
 src/hooks/useNavigation.ts                    |   30 +-
 src/layouts/MainLayout.tsx                    |    6 +-
 src/pages/FeatureView.tsx                     |   34 +-
 src/pages/admin/AdminLanguagesKeepAlive.tsx   |   35 +
 src/pages/admin/AdminLanguagesPage.tsx        |   34 +-
 .../chatbot/ChatbotConversationsView.tsx      |    5 +-
 .../views/commcoach/CommcoachSettingsView.tsx |    2 -
 .../graphicalEditor/GraphicalEditorPage.tsx   |    1 -
 .../GraphicalEditorTemplatesPage.tsx          |    1 -
 .../GraphicalEditorWorkflowsPage.tsx          |    1 -
 .../GraphicalEditorWorkflowsTasksPage.tsx     |    3 -
 .../views/trustee/TrusteeAbschlussView.tsx    |  291 +++
 .../views/trustee/TrusteeAnalyseView.tsx      |  304 +++
 .../views/trustee/TrusteeDashboardView.tsx    |   58 +-
 .../trustee/TrusteeInstanceRolesView.tsx      |    5 +-
 src/pages/views/trustee/index.ts              |    2 +
 .../workspace/WorkspaceGeneralSettings.tsx    |    2 -
 src/pages/views/workspace/WorkspacePage.tsx   |   20 +-
 54 files changed, 1249 insertions(+), 3629 deletions(-)
 delete mode 100644 src/components/FlowEditor/nodes/configs/AiNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/ApprovalNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/ClickUpNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/ReviewNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/SelectionNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx
 delete mode 100644 src/components/FlowEditor/nodes/configs/index.ts
 delete mode 100644 src/components/FlowEditor/nodes/configs/types.ts
 create mode 100644 src/components/QuickActionBoard/QuickActionBoard.module.css
 create mode 100644 src/components/QuickActionBoard/QuickActionBoard.tsx
 create mode 100644 src/components/QuickActionBoard/index.ts
 create mode 100644 src/pages/admin/AdminLanguagesKeepAlive.tsx
 create mode 100644 src/pages/views/trustee/TrusteeAbschlussView.tsx
 create mode 100644 src/pages/views/trustee/TrusteeAnalyseView.tsx

diff --git a/src/App.tsx b/src/App.tsx
index d012e32..016a8fe 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -38,7 +38,7 @@ import { SettingsPage } from './pages/Settings';
 import { GDPRPage } from './pages/GDPR';
 import StorePage from './pages/Store';
 import { FeatureViewPage } from './pages/FeatureView';
-import { AccessManagementHub, AdminMandatesPage, AdminUsersPage, AdminUserMandatesPage, AdminFeatureAccessPage, AdminInvitationsPage, AdminMandateRolesPage, AdminFeatureRolesPage, AdminFeatureInstanceUsersPage, AdminMandateRolePermissionsPage, AdminUserAccessOverviewPage, AdminLogsPage, AdminLanguagesPage } from './pages/admin';
+import { AccessManagementHub, AdminMandatesPage, AdminUsersPage, AdminUserMandatesPage, AdminFeatureAccessPage, AdminInvitationsPage, AdminMandateRolesPage, AdminFeatureRolesPage, AdminFeatureInstanceUsersPage, AdminMandateRolePermissionsPage, AdminUserAccessOverviewPage, AdminLogsPage } from './pages/admin';
 import { AdminMandateWizardPage, AdminInvitationWizardPage } from './pages/admin/wizards';
 import { PromptsPage, FilesPage, ConnectionsPage } from './pages/basedata';
 import { BillingDataView, BillingAdmin, BillingMandateView, AdminSubscriptionsPage } from './pages/billing';
@@ -155,6 +155,8 @@ function App() {
                                 <Route path="expense-import" element={<FeatureViewPage view="expense-import" />} />
                                 <Route path="scan-upload" element={<FeatureViewPage view="scan-upload" />} />
                                 <Route path="instance-roles" element={<FeatureViewPage view="instance-roles" />} />
+                                <Route path="analyse" element={<FeatureViewPage view="analyse" />} />
+                                <Route path="abschluss" element={<FeatureViewPage view="abschluss" />} />
                                 
                                 {/* Automation Feature Views */}
                                 <Route path="definitions" element={<FeatureViewPage view="definitions" />} />
@@ -203,7 +205,7 @@ function App() {
                                 </Route>
                                 <Route path="subscriptions" element={<AdminSubscriptionsPage />} />
                                 <Route path="logs" element={<AdminLogsPage />} />
-                                <Route path="languages" element={<AdminLanguagesPage />} />
+                                <Route path="languages" element={null} />
                                 <Route path="mandate-wizard" element={<AdminMandateWizardPage />} />
                                 <Route path="invitation-wizard" element={<AdminInvitationWizardPage />} />
                             </Route>
diff --git a/src/api/trusteeApi.ts b/src/api/trusteeApi.ts
index cc8920b..f467f87 100644
--- a/src/api/trusteeApi.ts
+++ b/src/api/trusteeApi.ts
@@ -751,6 +751,41 @@ export async function deletePositionDocument(
   });
 }
 
+// ============================================================================
+// QUICK ACTIONS API
+// ============================================================================
+
+export interface QuickActionResponse {
+  actions: Array<{
+    id: string;
+    label: string;
+    description: string;
+    icon: string;
+    color: string;
+    category: string;
+    actionType: 'agentPrompt' | 'workflow' | 'link';
+    config: Record<string, any>;
+    sortOrder: number;
+  }>;
+  categories: Array<{
+    id: string;
+    label: string;
+    sortOrder: number;
+  }>;
+}
+
+export async function fetchQuickActions(
+  request: ApiRequestFunction,
+  instanceId: string,
+  language: string = 'de'
+): Promise<QuickActionResponse> {
+  return await request({
+    url: `${_getTrusteeBaseUrl(instanceId)}/quick-actions`,
+    method: 'get',
+    params: { language }
+  });
+}
+
 // ============================================================================
 // ACCOUNTING API
 // ============================================================================
diff --git a/src/api/workflowApi.ts b/src/api/workflowApi.ts
index 4aa550f..894ce14 100644
--- a/src/api/workflowApi.ts
+++ b/src/api/workflowApi.ts
@@ -86,6 +86,8 @@ export interface Automation2GraphNode {
   id: string;
   type: string;
   parameters?: Record<string, unknown>;
+  inputPorts?: Array<{ name: string; schema: string; accepts?: string[] }>;
+  outputPorts?: Array<{ name: string; schema: string }>;
 }
 
 export interface Automation2Connection {
diff --git a/src/components/FlowEditor/editor/FlowCanvas.tsx b/src/components/FlowEditor/editor/FlowCanvas.tsx
index 16e963e..469706f 100644
--- a/src/components/FlowEditor/editor/FlowCanvas.tsx
+++ b/src/components/FlowEditor/editor/FlowCanvas.tsx
@@ -21,6 +21,8 @@ export interface CanvasNode {
   inputs: number;
   outputs: number;
   parameters?: Record<string, unknown>;
+  inputPorts?: Array<{ name: string; schema: string; accepts?: string[] }>;
+  outputPorts?: Array<{ name: string; schema: string }>;
 }
 
 export interface CanvasConnection {
diff --git a/src/components/FlowEditor/index.ts b/src/components/FlowEditor/index.ts
index 91f9e52..2605f3e 100644
--- a/src/components/FlowEditor/index.ts
+++ b/src/components/FlowEditor/index.ts
@@ -9,4 +9,4 @@ export { CanvasHeader } from './editor/CanvasHeader';
 export * from './nodes/shared/utils';
 export * from './nodes/shared/constants';
 export * from './nodes/shared/graphUtils';
-export { getAcceptStringFromConfig } from './nodes/configs/UploadNodeConfig';
+export { getAcceptStringFromConfig } from './nodes/shared/utils';
diff --git a/src/components/FlowEditor/nodes/configs/AiNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/AiNodeConfig.tsx
deleted file mode 100644
index 22407b7..0000000
--- a/src/components/FlowEditor/nodes/configs/AiNodeConfig.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-/**
- * AI node config - prompt, query, document options per node type.
- * Prompt/query fields support static value or node reference (Data Picker).
- */
-
-import React from 'react';
-import type { NodeConfigRendererProps } from './types';
-import { DynamicValueField } from '../shared/DynamicValueField';
-
-const AI_FIELD_CONFIG: Record<string, { label: string; key: string; type: 'textarea' | 'input' | 'select' | 'dynamic'; options?: string[] }[]> = {
-  'ai.prompt': [{ label: 'Prompt', key: 'prompt', type: 'textarea' }],
-  'ai.webResearch': [{ label: 'Query', key: 'query', type: 'dynamic' }],
-  'ai.summarizeDocument': [
-    { label: 'Summary length', key: 'summaryLength', type: 'select', options: ['short', 'medium', 'long'] },
-  ],
-  'ai.translateDocument': [{ label: 'Target language', key: 'targetLanguage', type: 'input' }],
-  'ai.convertDocument': [
-    { label: 'Target format', key: 'targetFormat', type: 'select', options: ['pdf', 'docx', 'txt', 'md'] },
-  ],
-  'ai.generateDocument': [{ label: 'Prompt', key: 'prompt', type: 'dynamic' }],
-  'ai.generateCode': [
-    { label: 'Prompt', key: 'prompt', type: 'dynamic' },
-    { label: 'Language', key: 'language', type: 'select', options: ['python', 'javascript', 'typescript', 'sql'] },
-  ],
-};
-
-export const AiNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam, nodeType = 'ai.prompt' }) => {
-  const fields = AI_FIELD_CONFIG[nodeType] ?? AI_FIELD_CONFIG['ai.prompt'];
-
-  return (
-    <>
-      {fields.map((f) => {
-        if (f.type === 'dynamic') {
-          return (
-            <DynamicValueField
-              key={f.key}
-              paramKey={f.key}
-              value={params[f.key]}
-              onChange={updateParam}
-              label={f.label}
-              fieldType="textarea"
-              rows={4}
-              placeholder={f.label}
-            />
-          );
-        }
-        if (f.type === 'textarea') {
-          return (
-            <div key={f.key}>
-              <label>{f.label}</label>
-              <textarea
-                value={(params[f.key] as string) ?? ''}
-                onChange={(e) => updateParam(f.key, e.target.value)}
-                placeholder={f.label}
-                rows={4}
-              />
-            </div>
-          );
-        }
-        if (f.type === 'select') {
-          return (
-            <div key={f.key}>
-              <label>{f.label}</label>
-              <select
-                value={(params[f.key] as string) ?? (f.options?.[0] ?? '')}
-                onChange={(e) => updateParam(f.key, e.target.value)}
-              >
-                {(f.options ?? []).map((opt) => (
-                  <option key={opt} value={opt}>
-                    {opt}
-                  </option>
-                ))}
-              </select>
-            </div>
-          );
-        }
-        return (
-          <div key={f.key}>
-            <label>{f.label}</label>
-            <input
-              value={(params[f.key] as string) ?? ''}
-              onChange={(e) => updateParam(f.key, e.target.value)}
-              placeholder={f.label}
-            />
-          </div>
-        );
-      })}
-    </>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/ApprovalNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/ApprovalNodeConfig.tsx
deleted file mode 100644
index 44cfb06..0000000
--- a/src/components/FlowEditor/nodes/configs/ApprovalNodeConfig.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * Approval node config
- */
-
-import React from 'react';
-import type { NodeConfigRendererProps } from './types';
-
-import { useLanguage } from '../../../../providers/language/LanguageContext';
-
-export const ApprovalNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
-  const { t } = useLanguage();
-  return (
-    <>
-      <div>
-        <label>Titel</label>
-        <input
-          value={(params.title as string) ?? ''}
-          onChange={(e) => updateParam('title', e.target.value)}
-          placeholder="Genehmigungstitel"
-        />
-      </div>
-      <div>
-        <label>{t('approvalNodeConfig.beschreibung')}</label>
-        <textarea
-          value={(params.description as string) ?? ''}
-          onChange={(e) => updateParam('description', e.target.value)}
-          placeholder={t('approvalNodeConfig.wasGenehmigtWerdenSoll')}
-        />
-      </div>
-    </>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/ClickUpNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/ClickUpNodeConfig.tsx
deleted file mode 100644
index 4395e3f..0000000
--- a/src/components/FlowEditor/nodes/configs/ClickUpNodeConfig.tsx
+++ /dev/null
@@ -1,2234 +0,0 @@
-/**
- * ClickUp node config — connection, browse, search, create task with list fields.
- */
-
-import React, { useEffect, useState, useCallback, useMemo, useRef } from 'react';
-import type { NodeConfigRendererProps } from './types';
-import {
-  fetchConnections,
-  fetchBrowse,
-  fetchClickupList,
-  fetchClickupTask,
-  fetchClickupTeam,
-  fetchClickupListFields,
-  loadClickupListTasksForDropdown,
-  type UserConnection,
-  type BrowseEntry,
-  type ApiRequestFunction,
-} from '../../../../api/workflowApi';
-import { SharepointBrowseTree } from '../../../FolderTree/SharepointBrowseTree';
-import { HybridStaticRefField } from '../shared/HybridStaticRefField';
-import {
-  StatischKontextSelect,
-  shouldShowStaticControl,
-} from '../shared/RefSourceSelect';
-import { useAutomation2DataFlow } from '../../context/Automation2DataFlowContext';
-import { isRef, isValue, createValue, resolvePreview } from '../shared/dataRef';
-import {
-  buildSyncFromClickUpList,
-  findClosestUpstreamFormNode,
-  type ClickUpFieldLike,
-} from '../shared/clickupFormSync';
-import styles from '../../editor/Automation2FlowEditor.module.css';
-
-import { useLanguage } from '../../../../providers/language/LanguageContext';
-
-/** ClickUp browse: list folder paths end with /list/{id} */
-const LIST_SEGMENT_RE = /\/list\/([^/]+)$/;
-
-/** List id from stored path (e.g. /team/…/list/{id}/…) when listId param is empty. */
-function parseListIdFromPath(path: unknown): string | null {
-  if (typeof path !== 'string' || !path.trim()) return null;
-  const m = path.match(/\/list\/([^/?#]+)/);
-  return m && m[1] ? m[1].trim() : null;
-}
-
-function teamIdFromBrowseEntry(e: BrowseEntry): string | null {
-  const m = e.path.match(/^\/team\/([^/]+)$/);
-  if (m) return m[1];
-  const raw = e.metadata?.id;
-  if (typeof raw === 'string' && raw) return raw;
-  if (typeof raw === 'number') return String(raw);
-  return null;
-}
-
-/** Recursively collect list “tables” under /team/{teamId} (spaces, folders, folderless lists). */
-async function collectListsUnderTeam(
-  request: ApiRequestFunction,
-  instanceId: string,
-  connectionId: string,
-  teamPath: string
-): Promise<Array<{ id: string; name: string }>> {
-  const acc: Array<{ id: string; name: string }> = [];
-  const seen = new Set<string>();
-  const visit = async (path: string) => {
-    const { items } = await fetchBrowse(request, instanceId, connectionId, 'clickup', path);
-    for (const e of items) {
-      if (!e.isFolder) continue;
-      if (LIST_SEGMENT_RE.test(e.path)) {
-        const mid = e.path.match(LIST_SEGMENT_RE);
-        if (mid && !seen.has(mid[1])) {
-          seen.add(mid[1]);
-          acc.push({ id: mid[1], name: e.name });
-        }
-      } else {
-        await visit(e.path);
-      }
-    }
-  };
-  await visit(teamPath);
-  acc.sort((a, b) => a.name.localeCompare(b.name, 'de'));
-  return acc;
-}
-
-const browseDetailsStyle: React.CSSProperties = {
-  marginTop: 12,
-  border: '1px solid var(--border-color, #e0e0e0)',
-  borderRadius: 6,
-  background: 'var(--bg-secondary, #f8f9fa)',
-  overflow: 'hidden',
-};
-
-const browseSummaryStyle: React.CSSProperties = {
-  padding: '0.5rem 0.75rem',
-  cursor: 'pointer',
-  fontWeight: 500,
-  fontSize: '0.875rem',
-  display: 'flex',
-  alignItems: 'center',
-  gap: '0.5rem',
-  userSelect: 'none',
-};
-
-const browseBodyStyle: React.CSSProperties = {
-  padding: '0.5rem 0.75rem',
-  borderTop: '1px solid var(--border-color, #e0e0e0)',
-  maxHeight: 280,
-  overflowY: 'auto',
-};
-
-function browseTitle(nodeType: string): string {
-  switch (nodeType) {
-    case 'clickup.listTasks':
-      return 'Liste wählen (Ordner bis /team/…/list/…)';
-    case 'clickup.getTask':
-    case 'clickup.updateTask':
-    case 'clickup.uploadAttachment':
-      return 'Aufgabe wählen (Pfad …/task/…)';
-    default:
-      return 'ClickUp durchsuchen';
-  }
-}
-
-function isListPicker(nodeType: string): boolean {
-  return nodeType === 'clickup.listTasks';
-}
-
-function isTaskPicker(nodeType: string): boolean {
-  return (
-    nodeType === 'clickup.getTask' ||
-    nodeType === 'clickup.updateTask' ||
-    nodeType === 'clickup.uploadAttachment'
-  );
-}
-
-const needsTeamList = (nt: string) =>
-  nt === 'clickup.searchTasks' || nt === 'clickup.createTask' || nt === 'clickup.updateTask';
-
-/** Status names from GET /list/{id} (same as ClickUp table columns). */
-function parseListStatuses(data: Record<string, unknown>): Array<{ status: string; orderindex: number }> {
-  if (data && typeof data === 'object' && 'error' in data && (data as { error?: unknown }).error) {
-    return [];
-  }
-  const nested = data.list as Record<string, unknown> | undefined;
-  const list = nested && typeof nested === 'object' ? nested : data;
-  let raw = list?.statuses;
-  if (!Array.isArray(raw) && Array.isArray(data.statuses)) {
-    raw = data.statuses;
-  }
-  if (!Array.isArray(raw)) return [];
-  const out: Array<{ status: string; orderindex: number }> = [];
-  raw.forEach((s, idx) => {
-    if (typeof s === 'string' && s.trim()) {
-      out.push({ status: s.trim(), orderindex: idx });
-      return;
-    }
-    if (!s || typeof s !== 'object') return;
-    const ob = s as Record<string, unknown>;
-    let st: string | undefined;
-    if (typeof ob.status === 'string' && ob.status) {
-      st = ob.status;
-    } else if (ob.status && typeof ob.status === 'object' && ob.status !== null) {
-      const inner = (ob.status as Record<string, unknown>).status;
-      if (typeof inner === 'string' && inner) st = inner;
-    }
-    if (!st && typeof ob.name === 'string' && ob.name) st = ob.name;
-    const oi = ob.orderindex;
-    if (st) {
-      const o =
-        typeof oi === 'number'
-          ? oi
-          : typeof oi === 'string'
-            ? parseInt(oi, 10)
-            : 0;
-      out.push({ status: st, orderindex: Number.isFinite(o) ? o : 0 });
-    }
-  });
-  out.sort((a, b) => a.orderindex - b.orderindex);
-  return out;
-}
-
-/** List id from GET /task/{id} when only task id is known (ref / static). */
-function listIdFromClickUpTaskApi(data: Record<string, unknown>): string | null {
-  const root =
-    data.task && typeof data.task === 'object' && data.task !== null
-      ? (data.task as Record<string, unknown>)
-      : data;
-  const list = root.list;
-  if (list && typeof list === 'object' && list !== null) {
-    const id = (list as Record<string, unknown>).id;
-    if (id != null && String(id).trim()) return String(id);
-  }
-  if (root.list_id != null && String(root.list_id).trim()) return String(root.list_id);
-  return null;
-}
-
-/** Reduces bogus GET /task calls (placeholders, garbage). */
-function isPlausibleClickUpTaskId(tid: string): boolean {
-  const t = tid.trim();
-  if (t.length < 4 || t.length > 64) return false;
-  if (t.includes('{{') || t.includes('}}')) return false;
-  return /^[\w-]+$/.test(t);
-}
-
-/** Members from GET /team/{id} for assignee multi-select. */
-function parseTeamMembers(data: Record<string, unknown>): Array<{ id: string; username: string }> {
-  const team = (data.team as Record<string, unknown> | undefined) ?? data;
-  const members = team?.members;
-  if (!Array.isArray(members)) return [];
-  const out: Array<{ id: string; username: string }> = [];
-  for (const m of members) {
-    if (!m || typeof m !== 'object') continue;
-    const ob = m as Record<string, unknown>;
-    const user = ob.user;
-    const u =
-      user && typeof user === 'object'
-        ? (user as Record<string, unknown>)
-        : ob;
-    const id = u.id != null ? String(u.id) : '';
-    if (!id) continue;
-    const username = String(u.username ?? u.email ?? id);
-    out.push({ id, username });
-  }
-  out.sort((a, b) => a.username.localeCompare(b.username, 'de'));
-  return out;
-}
-
-type ClickUpField = Record<string, unknown>;
-
-/** ClickUp API uses option UUID/string id as value, not orderindex (see custom fields docs). */
-function normalizeFieldType(raw: unknown): string {
-  return String(raw ?? 'short_text')
-    .trim()
-    .toLowerCase()
-    .replace(/-/g, '_')
-    .replace(/\s+/g, '_');
-}
-
-function dropdownOptions(field: ClickUpField): Array<{ label: string; value: string }> {
-  const tc = field.type_config as Record<string, unknown> | undefined;
-  if (!tc) return [];
-  let options = tc.options as unknown[] | undefined;
-  if (!options?.length && Array.isArray(tc.dropdowns)) {
-    const d0 = (tc.dropdowns as unknown[])[0] as Record<string, unknown> | undefined;
-    options = d0?.options as unknown[] | undefined;
-  }
-  if (!Array.isArray(options)) return [];
-  const out: Array<{ label: string; value: string }> = [];
-  for (const o of options) {
-    if (!o || typeof o !== 'object') continue;
-    const ob = o as Record<string, unknown>;
-    const name = String(ob.name ?? ob.label ?? '');
-    const idRaw = ob.id;
-    const id = idRaw != null && idRaw !== '' ? String(idRaw) : '';
-    const oi = ob.orderindex;
-    const orderindex =
-      typeof oi === 'number' ? oi : typeof oi === 'string' ? parseInt(oi, 10) : NaN;
-    const fallback = Number.isFinite(orderindex) ? String(orderindex) : '';
-    const value = id || fallback;
-    if (!value) continue;
-    out.push({ label: name, value });
-  }
-  return out;
-}
-
-function fieldUnsupported(ft: string): boolean {
-  return ['tasks', 'user', 'users'].includes(ft);
-}
-
-/** Target list for a list_relationship field (ClickUp type_config varies by version). */
-function linkedListIdFromRelationshipField(field: ClickUpField): string | null {
-  const tc = (field.type_config ?? {}) as Record<string, unknown>;
-  const asId = (v: unknown): string | null => {
-    if (typeof v === 'string' && v.trim()) return v.trim();
-    if (typeof v === 'number' && Number.isFinite(v)) return String(v);
-    return null;
-  };
-  const directKeys = [
-    'linked_list_id',
-    'list_id',
-    'related_list_id',
-    'relationship_list_id',
-    'relation_list_id',
-    'target_list_id',
-    'resource_id',
-  ];
-  for (const k of directKeys) {
-    const raw = tc[k];
-    const id = asId(raw);
-    if (id) return id;
-    if (raw && typeof raw === 'object' && raw !== null) {
-      const nested = asId((raw as Record<string, unknown>).id);
-      if (nested) return nested;
-    }
-  }
-  if (String(tc.resource_type ?? '').toLowerCase() === 'list') {
-    const id = asId(tc.resource_id);
-    if (id) return id;
-  }
-  const rel = tc.relationship;
-  if (rel && typeof rel === 'object' && rel !== null) {
-    const r = rel as Record<string, unknown>;
-    const fromRel = asId(
-      r.list_id ?? r.id ?? r.target_id ?? r.linked_list_id ?? r.resource_id
-    );
-    if (fromRel) return fromRel;
-  }
-  const nestedKeys = ['list', 'linked_list', 'related_list', 'resource', 'related_resource'] as const;
-  for (const k of nestedKeys) {
-    const raw = tc[k];
-    if (raw == null) continue;
-    const id = asId(raw) ?? (typeof raw === 'object' ? asId((raw as Record<string, unknown>).id) : null);
-    if (id) return id;
-  }
-  return null;
-}
-
-/** ClickUp relationship / tasks-style fields: { add: taskIds, rem: [] }. */
-function relationshipPayloadFromValue(value: unknown): { add: string[]; rem: string[] } | null {
-  if (value == null) return null;
-  if (isRef(value)) return null;
-  if (isValue(value)) {
-    const v = value.value;
-    if (v === '' || v === null || v === undefined) return null;
-    if (typeof v === 'object' && v !== null && 'add' in v && Array.isArray((v as { add: unknown }).add)) {
-      return v as { add: string[]; rem: string[] };
-    }
-    if (typeof v === 'string' && v) return { add: [v], rem: [] };
-  }
-  if (typeof value === 'object' && value !== null && 'add' in value) {
-    return value as { add: string[]; rem: string[] };
-  }
-  if (typeof value === 'string' && value) return { add: [value], rem: [] };
-  return null;
-}
-
-function selectedTaskIdFromRelationship(value: unknown): string {
-  const p = relationshipPayloadFromValue(value);
-  if (!p?.add?.length) return '';
-  return String(p.add[0]);
-}
-
-function ClickUpListRelationshipFieldRow({
-  fname,
-  connectionId,
-  request,
-  linkedListId,
-  value,
-  onChange,
-}: {
-  fname: string;
-  connectionId: string;
-  request: ApiRequestFunction;
-  linkedListId: string;
-  value: unknown;
-  onChange: (v: unknown) => void;
-}) {
-  const { t } = useLanguage();
-  const dataFlow = useAutomation2DataFlow();
-  const [tasks, setTasks] = useState<Array<{ id: string; name: string }>>([]);
-  const [loading, setLoading] = useState(false);
-  const [loadError, setLoadError] = useState<string | null>(null);
-
-  const hasSources =
-    dataFlow &&
-    dataFlow.getAvailableSourceIds().some((id) => {
-      const n = dataFlow.nodes.find((x) => x.id === id);
-      return n?.type !== 'trigger.manual';
-    });
-
-  useEffect(() => {
-    let cancelled = false;
-    setLoading(true);
-    setLoadError(null);
-    loadClickupListTasksForDropdown(request, connectionId, linkedListId)
-      .then((rows) => {
-        if (!cancelled) setTasks(rows);
-      })
-      .catch(() => {
-        if (!cancelled) {
-          setTasks([]);
-          setLoadError('Aufgaben konnten nicht geladen werden.');
-        }
-      })
-      .finally(() => {
-        if (!cancelled) setLoading(false);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [request, connectionId, linkedListId]);
-
-  const sel = selectedTaskIdFromRelationship(value);
-
-  return (
-    <div className={styles.dynamicValueField}>
-      <label>{fname}</label>
-      {loadError ? (
-        <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #c00)' }}>{loadError}</p>
-      ) : null}
-      {hasSources ? (
-        <div style={{ marginBottom: 8 }}>
-          <StatischKontextSelect
-            value={value}
-            onChange={onChange}
-            placeholder={t('clickUpNodeConfig.quelleWaehlen')}
-            staticLabel="Statisch (Aufgabe wählen)"
-          />
-        </div>
-      ) : null}
-      {shouldShowStaticControl(value, Boolean(hasSources)) && (
-        <>
-          {loading ? (
-            <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #666)' }}>
-              Verknüpfte Aufgaben werden geladen…
-            </p>
-          ) : (
-            <select
-              value={sel}
-              onChange={(e) => {
-                const tid = e.target.value;
-                if (!tid) onChange(createValue(''));
-                else onChange(createValue({ add: [tid], rem: [] }));
-              }}
-            >
-              <option value="">{t('clickUpNodeConfig.aufgabeWaehlen')}</option>
-              {tasks.map((t) => (
-                <option key={t.id} value={t.id}>
-                  {t.name}
-                </option>
-              ))}
-            </select>
-          )}
-        </>
-      )}
-    </div>
-  );
-}
-
-/** Selected dropdown option id (string); supports legacy numeric orderindex stored as number. */
-function staticDropdownStringValue(value: unknown): string {
-  if (value == null) return '';
-  if (isRef(value)) return '';
-  if (isValue(value)) {
-    const v = value.value;
-    if (v === '' || v === null || v === undefined) return '';
-    return String(v);
-  }
-  return String(value ?? '');
-}
-
-function staticCheckbox(value: unknown): boolean {
-  if (value == null) return false;
-  if (isValue(value)) return Boolean(value.value);
-  return Boolean(value);
-}
-
-/** One custom field row: static and/or context ref. */
-function fieldConfigHintMessage(fname: string, ft: string): string {
-  return `${fname} (${ft})`;
-}
-
-function ClickUpCustomFieldRow({
-  field,
-  value,
-  onChange,
-  connectionId,
-  request,
-  parentListId,
-}: {
-  field: ClickUpField;
-  value: unknown;
-  onChange: (v: unknown) => void;
-  connectionId?: string;
-  request?: ApiRequestFunction;
-  /** List where the new task is created — fallback if relationship omits linked list (same-list). */
-  parentListId?: string;
-}) {
-  const { t } = useLanguage();
-  const dataFlow = useAutomation2DataFlow();
-  const fid = String(field.id ?? '');
-  const fname = String(field.name ?? fid);
-  const ft = normalizeFieldType(field.type);
-  const hasSources =
-    dataFlow &&
-    dataFlow.getAvailableSourceIds().some((id) => {
-      const n = dataFlow.nodes.find((x) => x.id === id);
-      return n?.type !== 'trigger.manual';
-    });
-
-  if (fieldUnsupported(ft)) {
-    return (
-      <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #666)' }}>
-        <strong>{fname}</strong> ({ft}): nur über „Zusätzliches JSON“ setzbar.
-      </p>
-    );
-  }
-
-  if (ft === 'list_relationship') {
-    const linkedId =
-      linkedListIdFromRelationshipField(field) ?? (parentListId?.trim() || null);
-    if (!connectionId || !request) {
-      return (
-        <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #666)' }}>
-          <strong>{fname}</strong> (List-Beziehung): Verbindung fehlt — Feld kann nicht geladen werden.
-        </p>
-      );
-    }
-    if (!linkedId) {
-      return (
-        <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #666)' }}>
-          <strong>{fname}</strong> (List-Beziehung): Verknüpfte Liste nicht in den Felddaten — in ClickUp
-          prüfen oder Support.
-        </p>
-      );
-    }
-    return (
-      <ClickUpListRelationshipFieldRow
-        fname={fname}
-        connectionId={connectionId}
-        request={request}
-        linkedListId={linkedId}
-        value={value}
-        onChange={onChange}
-      />
-    );
-  }
-
-  if (ft === 'drop_down' || ft === 'dropdown') {
-    const opts = dropdownOptions(field);
-    if (!opts.length) {
-      return (
-        <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #666)' }}>
-          <strong>{fieldConfigHintMessage(fname, ft)}</strong>: Keine Dropdown-Optionen in den
-          Felddaten (type_config.options).
-        </p>
-      );
-    }
-    return (
-      <div className={styles.dynamicValueField}>
-        <label>{fname}</label>
-        {hasSources ? (
-          <div style={{ marginBottom: 8 }}>
-            <StatischKontextSelect
-              value={value}
-              onChange={onChange}
-              placeholder={t('clickUpNodeConfig.quelleWaehlen')}
-            />
-          </div>
-        ) : null}
-        {shouldShowStaticControl(value, Boolean(hasSources)) && (
-          <select
-            value={staticDropdownStringValue(value)}
-            onChange={(e) => {
-              const v = e.target.value;
-              if (v === '') onChange(createValue(''));
-              else onChange(createValue(v));
-            }}
-          >
-            <option value="">{t('clickUpNodeConfig.optionWaehlen')}</option>
-            {opts.map((o) => (
-              <option key={o.value} value={o.value}>
-                {o.label}
-              </option>
-            ))}
-          </select>
-        )}
-      </div>
-    );
-  }
-
-  if (ft === 'checkbox') {
-    const checked = staticCheckbox(value);
-    return (
-      <div className={styles.dynamicValueField}>
-        <label>{fname}</label>
-        {hasSources ? (
-          <div style={{ marginBottom: 8 }}>
-            <StatischKontextSelect
-              value={value}
-              onChange={onChange}
-              placeholder={t('clickUpNodeConfig.quelleWaehlen')}
-            />
-          </div>
-        ) : null}
-        {shouldShowStaticControl(value, Boolean(hasSources)) && (
-          <label style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
-            <input
-              type="checkbox"
-              checked={checked}
-              onChange={(e) => onChange(createValue(e.target.checked))}
-            />
-            <span>Ja</span>
-          </label>
-        )}
-      </div>
-    );
-  }
-
-  if (ft === 'date') {
-    const ms = isValue(value)
-      ? Number(value.value)
-      : typeof value === 'number'
-        ? value
-        : 0;
-    const day =
-      ms > 0
-        ? new Date(ms).toISOString().slice(0, 10)
-        : '';
-    return (
-      <div className={styles.dynamicValueField}>
-        <label>{fname}</label>
-        {hasSources ? (
-          <div style={{ marginBottom: 8 }}>
-            <StatischKontextSelect
-              value={value}
-              onChange={onChange}
-              placeholder={t('clickUpNodeConfig.quelleWaehlen')}
-            />
-          </div>
-        ) : null}
-        {shouldShowStaticControl(value, Boolean(hasSources)) && (
-          <input
-            type="date"
-            value={day}
-            onChange={(e) => {
-              const t = e.target.value ? new Date(e.target.value).getTime() : '';
-              onChange(createValue(t === '' ? '' : t));
-            }}
-          />
-        )}
-      </div>
-    );
-  }
-
-  if (ft === 'number' || ft === 'currency') {
-    return (
-      <HybridStaticRefField
-        label={fname}
-        value={value}
-        onChange={onChange}
-        inputType="number"
-        placeholder={ft === 'currency' ? 'z. B. 1234.56' : undefined}
-      />
-    );
-  }
-
-  if (ft === 'text' || ft === 'long_text' || ft === 'short_text' || ft === 'email' || ft === 'phone' || ft === 'url') {
-    const multiline = ft === 'text' || ft === 'long_text';
-    return (
-      <HybridStaticRefField
-        label={fname}
-        value={value}
-        onChange={onChange}
-        multiline={multiline}
-        placeholder={fname}
-      />
-    );
-  }
-
-  return (
-    <HybridStaticRefField
-      label={`${fname} (${ft})`}
-      value={value}
-      onChange={onChange}
-      multiline
-    />
-  );
-}
-
-function ClickUpTaskDueDateRow({
-  value,
-  onChange,
-}: {
-  value: unknown;
-  onChange: (v: unknown) => void;
-}) {
-  const { t } = useLanguage();
-  const dataFlow = useAutomation2DataFlow();
-  const hasSources =
-    dataFlow &&
-    dataFlow.getAvailableSourceIds().some((id) => {
-      const n = dataFlow.nodes.find((x) => x.id === id);
-      return n?.type !== 'trigger.manual';
-    });
-  const ms = isValue(value)
-    ? Number(value.value)
-    : typeof value === 'number'
-      ? value
-      : 0;
-  const day = ms > 0 ? new Date(ms).toISOString().slice(0, 10) : '';
-  return (
-    <div className={styles.dynamicValueField}>
-      <label>{t('clickUpNodeConfig.faelligkeit')}</label>
-      {hasSources ? (
-        <div style={{ marginBottom: 8 }}>
-          <StatischKontextSelect
-            value={value}
-            onChange={onChange}
-            placeholder={t('clickUpNodeConfig.quelleWaehlen')}
-          />
-        </div>
-      ) : null}
-      {shouldShowStaticControl(value, Boolean(hasSources)) && (
-        <input
-          type="date"
-          value={day}
-          onChange={(e) => {
-            const msFromDate = e.target.value ? new Date(e.target.value).getTime() : '';
-            onChange(createValue(msFromDate === '' ? '' : msFromDate));
-          }}
-        />
-      )}
-    </div>
-  );
-}
-
-function ClickUpTimeEstimateHoursRow({
-  value,
-  onChange,
-}: {
-  value: unknown;
-  onChange: (v: unknown) => void;
-}) {
-  const { t } = useLanguage();
-  const dataFlow = useAutomation2DataFlow();
-  const hasSources =
-    dataFlow &&
-    dataFlow.getAvailableSourceIds().some((id) => {
-      const n = dataFlow.nodes.find((x) => x.id === id);
-      return n?.type !== 'trigger.manual';
-    });
-  const h = isValue(value)
-    ? Number(value.value)
-    : typeof value === 'number'
-      ? value
-      : 0;
-  const hours = h > 0 && Number.isFinite(h) ? h : '';
-  return (
-    <div className={styles.dynamicValueField}>
-      <label>{t('clickUpNodeConfig.zeitschaetzungStunden')}</label>
-      {hasSources ? (
-        <div style={{ marginBottom: 8 }}>
-          <StatischKontextSelect
-            value={value}
-            onChange={onChange}
-            placeholder={t('clickUpNodeConfig.quelleWaehlen')}
-          />
-        </div>
-      ) : null}
-      {shouldShowStaticControl(value, Boolean(hasSources)) && (
-        <input
-          type="number"
-          min={0}
-          step={0.25}
-          value={hours === '' ? '' : hours}
-          onChange={(e) => {
-            const raw = e.target.value;
-            if (raw === '') onChange(createValue(''));
-            else {
-              const n = parseFloat(raw);
-              onChange(createValue(Number.isFinite(n) ? n : ''));
-            }
-          }}
-        />
-      )}
-    </div>
-  );
-}
-
-/** One row for clickup.updateTask — field + value (+ custom field id). */
-export type ClickUpTaskUpdateEntryRow = {
-  rowId: string;
-  fieldKey: string;
-  customFieldId: unknown;
-  value: unknown;
-};
-
-function newClickUpTaskUpdateEntryRow(): ClickUpTaskUpdateEntryRow {
-  return {
-    rowId: `row_${Date.now()}_${Math.random().toString(36).slice(2, 9)}`,
-    fieldKey: 'name',
-    customFieldId: createValue(''),
-    value: createValue(''),
-  };
-}
-
-function _getUpdateTaskFieldOptions(t: (key: string) => string): Array<{ value: string; label: string }> {
-  return [
-    { value: 'name', label: t('clickUpNodeConfig.titleName') },
-    { value: 'description', label: t('clickUpNodeConfig.description') },
-    { value: 'status', label: t('clickUpNodeConfig.status') },
-    { value: 'priority', label: t('clickUpNodeConfig.priority') },
-    { value: 'due_date', label: t('clickUpNodeConfig.dueDate') },
-    { value: 'time_estimate_h', label: t('clickUpNodeConfig.timeEstimateHours') },
-    { value: 'time_estimate_ms', label: t('clickUpNodeConfig.timeEstimateMs') },
-    { value: 'assignees', label: t('clickUpNodeConfig.assignees') },
-    { value: 'custom_field', label: t('clickUpNodeConfig.customField') },
-  ];
-}
-
-function normalizeTaskUpdateEntries(raw: unknown): ClickUpTaskUpdateEntryRow[] {
-  if (!Array.isArray(raw)) return [];
-  return raw.map((r, i) => {
-    if (r && typeof r === 'object' && !Array.isArray(r)) {
-      const o = r as Record<string, unknown>;
-      return {
-        rowId: String(o.rowId ?? `row_${i}`),
-        fieldKey: String(o.fieldKey ?? 'name'),
-        customFieldId: o.customFieldId ?? createValue(''),
-        value: o.value ?? createValue(''),
-      };
-    }
-    return newClickUpTaskUpdateEntryRow();
-  });
-}
-
-/** Static task id for dropdown (refs → empty). */
-function taskIdStaticForDropdown(taskId: unknown): string {
-  if (isRef(taskId)) return '';
-  if (isValue(taskId)) return String(taskId.value ?? '').trim();
-  if (typeof taskId === 'string' || typeof taskId === 'number') return String(taskId).trim();
-  return '';
-}
-
-/** Pick an existing task from a list (same API as Form „ClickUp-Aufgabe“). */
-function ClickUpTaskFromListDropdown({
-  connectionId,
-  listId,
-  request,
-  taskId,
-  onSetTaskId,
-}: {
-  connectionId: string;
-  listId: string;
-  request: ApiRequestFunction;
-  taskId: unknown;
-  onSetTaskId: (v: unknown) => void;
-}) {
-  const { t } = useLanguage();
-  const [tasks, setTasks] = useState<Array<{ id: string; name: string }>>([]);
-  const [loading, setLoading] = useState(false);
-  const [err, setErr] = useState<string | null>(null);
-
-  useEffect(() => {
-    const cid = connectionId.trim();
-    const lid = listId.trim();
-    if (!cid || !lid) {
-      setTasks([]);
-      return;
-    }
-    let cancelled = false;
-    setLoading(true);
-    setErr(null);
-    loadClickupListTasksForDropdown(request, cid, lid)
-      .then((rows) => {
-        if (!cancelled) setTasks(rows);
-      })
-      .catch(() => {
-        if (!cancelled) {
-          setTasks([]);
-          setErr('Aufgaben konnten nicht geladen werden.');
-        }
-      })
-      .finally(() => {
-        if (!cancelled) setLoading(false);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [request, connectionId, listId]);
-
-  const sel = taskIdStaticForDropdown(taskId);
-
-  return (
-    <div className={styles.dynamicValueField} style={{ marginTop: 10 }}>
-      <label>{t('clickUpNodeConfig.vorhandeneAufgabeInDerGewaehlten')}</label>
-      {err ? (
-        <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #c00)' }}>{err}</p>
-      ) : null}
-      {loading ? (
-        <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.aufgabenWerdenGeladen')}</span>
-      ) : (
-        <select
-          value={sel}
-          onChange={(e) => {
-            const id = e.target.value;
-            if (!id) onSetTaskId(createValue(''));
-            else onSetTaskId(createValue(id));
-          }}
-        >
-          <option value="">{t('clickUpNodeConfig.aufgabeAusClickupWaehlen')}</option>
-          {tasks.map((task) => (
-            <option key={task.id} value={task.id}>
-              {task.name || task.id}
-            </option>
-          ))}
-        </select>
-      )}
-      <p style={{ fontSize: '0.75rem', color: 'var(--text-secondary, #666)', marginTop: 6, marginBottom: 0 }}>
-        Workspace und Liste oben wählen. Oder Task-ID unten per Kontext-Referenz setzen (dann entfällt die
-        Listenauswahl oben).
-      </p>
-    </div>
-  );
-}
-
-function ClickUpUpdateTaskEntriesEditor({
-  rows,
-  onChangeRows,
-  connectionId,
-  listId,
-  pathForListId,
-  request,
-  taskIdParam,
-  teamMembers,
-  teamMembersLoading,
-  parentListStatuses,
-  parentListStatusesLoading,
-}: {
-  rows: ClickUpTaskUpdateEntryRow[];
-  onChangeRows: (next: ClickUpTaskUpdateEntryRow[]) => void;
-  connectionId: string;
-  /** Resolved list id (param or parsed from path). */
-  listId: string;
-  /** Raw path — fallback to parse /list/{id}/ when listId param empty. */
-  pathForListId: string;
-  request: ApiRequestFunction;
-  taskIdParam: unknown;
-  teamMembers: Array<{ id: string; username: string }>;
-  teamMembersLoading: boolean;
-  /** Same list fetch as parent — avoids empty child dropdown when listId is set but child effect lags. */
-  parentListStatuses: Array<{ status: string; orderindex: number }>;
-  parentListStatusesLoading: boolean;
-}) {
-  const { t } = useLanguage();
-  const dataFlow = useAutomation2DataFlow();
-  const [resolvedStatuses, setResolvedStatuses] = useState<Array<{ status: string; orderindex: number }>>(
-    []
-  );
-  const [resolvedStatusesLoading, setResolvedStatusesLoading] = useState(false);
-
-  const updateTaskFieldOptions = useMemo(() => _getUpdateTaskFieldOptions(t), [t]);
-
-  const previewFingerprint = useMemo(
-    () => JSON.stringify(dataFlow?.nodeOutputsPreview ?? {}),
-    [dataFlow?.nodeOutputsPreview]
-  );
-
-  /** GET /list/{id}; wenn keine List-ID: GET /task/{id} nur bei plausibler Task-ID (Vorschau/Statisch). */
-  useEffect(() => {
-    let cancelled = false;
-    (async () => {
-      const cid = (connectionId || '').trim();
-      if (!cid || !request) {
-        setResolvedStatuses([]);
-        setResolvedStatusesLoading(false);
-        return;
-      }
-      let lid = (listId || '').trim();
-      if (!lid) {
-        lid = parseListIdFromPath(pathForListId) ?? '';
-      }
-      const lidFromListOrPath = lid;
-      if (!lid && taskIdParam != null && dataFlow) {
-        let tid = '';
-        if (isRef(taskIdParam)) {
-          const r = resolvePreview(taskIdParam, dataFlow.nodeOutputsPreview);
-          tid = r != null && r !== '' ? String(r) : '';
-        } else if (isValue(taskIdParam)) {
-          tid = String(taskIdParam.value ?? '').trim();
-        } else if (typeof taskIdParam === 'string' || typeof taskIdParam === 'number') {
-          tid = String(taskIdParam).trim();
-        }
-        if (tid && isPlausibleClickUpTaskId(tid)) {
-          setResolvedStatusesLoading(true);
-          try {
-            const task = await fetchClickupTask(request, cid, tid);
-            if (cancelled) return;
-            if (
-              task &&
-              typeof task === 'object' &&
-              !('error' in task && (task as { error?: unknown }).error)
-            ) {
-              const fromTask = listIdFromClickUpTaskApi(task as Record<string, unknown>) || '';
-              if (fromTask) lid = fromTask;
-            }
-          } catch {
-            lid = lidFromListOrPath;
-          }
-        }
-      }
-      if (!lid) {
-        setResolvedStatuses([]);
-        setResolvedStatusesLoading(false);
-        return;
-      }
-      setResolvedStatusesLoading(true);
-      try {
-        const data = await fetchClickupList(request, cid, lid);
-        if (cancelled) return;
-        if (
-          data &&
-          typeof data === 'object' &&
-          'error' in data &&
-          (data as { error?: unknown }).error
-        ) {
-          setResolvedStatuses([]);
-        } else {
-          setResolvedStatuses(parseListStatuses(data as Record<string, unknown>));
-        }
-      } catch {
-        if (!cancelled) setResolvedStatuses([]);
-      } finally {
-        if (!cancelled) setResolvedStatusesLoading(false);
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [connectionId, listId, pathForListId, request, taskIdParam, previewFingerprint, dataFlow]);
-
-  const statusOptions = useMemo(() => {
-    if (resolvedStatuses.length > 0) return resolvedStatuses;
-    return parentListStatuses ?? [];
-  }, [resolvedStatuses, parentListStatuses]);
-
-  const statusOptionsLoading =
-    resolvedStatusesLoading ||
-    (resolvedStatuses.length === 0 &&
-      parentListStatusesLoading &&
-      Boolean((listId || '').trim() || parseListIdFromPath(pathForListId)));
-
-  const updateRow = (rowId: string, patch: Partial<ClickUpTaskUpdateEntryRow>) => {
-    onChangeRows(rows.map((r) => (r.rowId === rowId ? { ...r, ...patch } : r)));
-  };
-  const removeRow = (rowId: string) => {
-    onChangeRows(rows.filter((r) => r.rowId !== rowId));
-  };
-
-  const assigneeIdsFromValue = (v: unknown): string[] => {
-    if (isRef(v)) return [];
-    const raw = isValue(v) ? v.value : v;
-    if (Array.isArray(raw)) return raw.map((x) => String(x)).filter(Boolean);
-    if (typeof raw === 'string' && raw.trim()) {
-      try {
-        const p = JSON.parse(raw) as unknown;
-        if (Array.isArray(p)) return p.map((x) => String(x)).filter(Boolean);
-      } catch {
-        return [];
-      }
-    }
-    return [];
-  };
-
-  const renderValueEditor = (row: ClickUpTaskUpdateEntryRow) => {
-    const fk = row.fieldKey;
-    const commonHybrid = (multiline?: boolean, placeholder?: string, inputType?: 'text' | 'number') => (
-      <HybridStaticRefField
-        label={t('clickUpNodeConfig.oderReferenzOhneFormularpayload')}
-        value={row.value}
-        onChange={(v) => updateRow(row.rowId, { value: v })}
-        multiline={multiline}
-        inputType={inputType}
-        placeholder={placeholder}
-        pathPickMode="exclude_forms"
-      />
-    );
-
-    if (fk === 'custom_field') {
-      return (
-        <>
-          <HybridStaticRefField
-            label="ClickUp-Feld-ID"
-            value={row.customFieldId}
-            onChange={(v) => updateRow(row.rowId, { customFieldId: v })}
-            placeholder="Feld-ID"
-            pathPickMode="exclude_forms"
-          />
-          <HybridStaticRefField
-            label={t('clickUpNodeConfig.neuerWert')}
-            value={row.value}
-            onChange={(v) => updateRow(row.rowId, { value: v })}
-            multiline
-            placeholder="Wert"
-            pathPickMode="exclude_forms"
-          />
-        </>
-      );
-    }
-
-    if (fk === 'status') {
-      if (isRef(row.value)) {
-        return (
-          <HybridStaticRefField
-            label={t('clickUpNodeConfig.statusReferenz')}
-            value={row.value}
-            onChange={(v) => updateRow(row.rowId, { value: v })}
-            placeholder={t('clickUpNodeConfig.kontextMitStatusstring')}
-            pathPickMode="exclude_forms"
-          />
-        );
-      }
-      const staticVal = isValue(row.value)
-        ? String(row.value.value ?? '')
-        : String(row.value ?? '');
-      if (statusOptionsLoading) {
-        return (
-          <div className={styles.dynamicValueField}>
-            <label>{t('clickUpNodeConfig.statusWieInClickup')}</label>
-            <select disabled value="">
-              <option value="">{t('clickUpNodeConfig.statusWerdenGeladen')}</option>
-            </select>
-          </div>
-        );
-      }
-      return (
-        <div className={styles.dynamicValueField}>
-          <label>{t('clickUpNodeConfig.statusWieInClickup')}</label>
-          <select
-            value={staticVal}
-            onChange={(e) => updateRow(row.rowId, { value: createValue(e.target.value) })}
-            disabled={statusOptions.length === 0}
-          >
-            <option value="">
-              {statusOptions.length === 0
-                ? t('clickUpNodeConfig.keineStatusGeladen')
-                : t('clickUpNodeConfig.statusWaehlen')}
-            </option>
-            {statusOptions.map((s) => (
-              <option key={s.status} value={s.status}>
-                {s.status}
-              </option>
-            ))}
-          </select>
-          {statusOptions.length === 0 && (
-            <p
-              style={{
-                fontSize: '0.75rem',
-                color: 'var(--text-secondary, #666)',
-                marginTop: 6,
-                marginBottom: 0,
-              }}
-            >
-              <a href="#clickup-update-task-list-anchor" style={{ fontWeight: 600 }}>
-                Liste wählen
-              </a>{' '}
-              (Kasten direkt über den Zeilen) oder gültige Task-ID mit Vorschau; alternativ Path mit{' '}
-              <code>/list/…/</code>.
-            </p>
-          )}
-        </div>
-      );
-    }
-
-    if (fk === 'priority') {
-      const pv = isRef(row.value) ? '' : isValue(row.value) ? String(row.value.value ?? '') : String(row.value ?? '');
-      return (
-        <div className={styles.dynamicValueField}>
-          <label>{t('clickUpNodeConfig.prioritaet')}</label>
-          <select
-            value={pv && ['1', '2', '3', '4'].includes(pv) ? pv : ''}
-            onChange={(e) => updateRow(row.rowId, { value: createValue(e.target.value) })}
-          >
-            <option value="">{t('clickUpNodeConfig.waehlen')}</option>
-            <option value="1">{t('clickUpNodeConfig.1Dringend')}</option>
-            <option value="2">{t('clickUpNodeConfig.2Hoch')}</option>
-            <option value="3">{t('clickUpNodeConfig.3Normal')}</option>
-            <option value="4">{t('clickUpNodeConfig.4Niedrig')}</option>
-          </select>
-        </div>
-      );
-    }
-
-    if (fk === 'due_date') {
-      return (
-        <>
-          <ClickUpTaskDueDateRow
-            value={row.value}
-            onChange={(v) => updateRow(row.rowId, { value: v })}
-          />
-          {commonHybrid(false, 'Alternativ nur Referenz')}
-        </>
-      );
-    }
-
-    if (fk === 'time_estimate_h') {
-      return (
-        <>
-          <ClickUpTimeEstimateHoursRow
-            value={row.value}
-            onChange={(v) => updateRow(row.rowId, { value: v })}
-          />
-          {commonHybrid(false, 'Alternativ: Referenz (Stunden)')}
-        </>
-      );
-    }
-
-    if (fk === 'time_estimate_ms') {
-      return commonHybrid(false, 'ms', 'number');
-    }
-
-    if (fk === 'assignees') {
-      const selected = new Set(assigneeIdsFromValue(row.value));
-      return (
-        <>
-          {teamMembersLoading ? (
-            <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.mitgliederWerdenGeladen')}</span>
-          ) : teamMembers.length === 0 ? (
-            <p style={{ fontSize: '0.8rem', color: '#666' }}>
-              Keine Mitglieder — Workspace oben wählen oder JSON / Referenz unten.
-            </p>
-          ) : (
-            <div
-              className={styles.dynamicValueField}
-              style={{
-                maxHeight: 160,
-                overflowY: 'auto',
-                border: '1px solid var(--border-color, #e0e0e0)',
-                borderRadius: 4,
-                padding: 8,
-              }}
-            >
-              <label>Zugewiesene</label>
-              {teamMembers.map((m) => (
-                <label
-                  key={m.id}
-                  style={{ display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer' }}
-                >
-                  <input
-                    type="checkbox"
-                    checked={selected.has(m.id)}
-                    onChange={() => {
-                      const next = new Set(selected);
-                      if (next.has(m.id)) next.delete(m.id);
-                      else next.add(m.id);
-                      updateRow(row.rowId, {
-                        value: createValue([...next].map((id) => Number(id))),
-                      });
-                    }}
-                  />
-                  <span>{m.username}</span>
-                </label>
-              ))}
-            </div>
-          )}
-          {commonHybrid(false, '[123,456] oder JSON-Array')}
-        </>
-      );
-    }
-
-    if (fk === 'description') {
-      return (
-        <HybridStaticRefField
-          label="Wert"
-          value={row.value}
-          onChange={(v) => updateRow(row.rowId, { value: v })}
-          multiline
-          placeholder={t('clickUpNodeConfig.beschreibung')}
-          pathPickMode="exclude_forms"
-        />
-      );
-    }
-
-    if (fk === 'name') {
-      return (
-        <HybridStaticRefField
-          label="Wert"
-          value={row.value}
-          onChange={(v) => updateRow(row.rowId, { value: v })}
-          placeholder="Titel"
-          pathPickMode="exclude_forms"
-        />
-      );
-    }
-
-    return commonHybrid(false);
-  };
-
-  return (
-    <div style={{ marginTop: 12 }}>
-      <label style={{ fontWeight: 600, display: 'block', marginBottom: 8 }}>
-        Felder zum Aktualisieren
-      </label>
-      <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #666)', marginBottom: 10 }}>
-        Pro Zeile ein Feld. Status und Priorität wie in ClickUp (Dropdown). Referenzen ohne
-        Formular-Payload (nur Knoten wie „Aufgabe erstellen“).
-      </p>
-      {rows.map((row) => (
-        <div
-          key={row.rowId}
-          style={{
-            border: '1px solid var(--border-color, #e0e0e0)',
-            borderRadius: 6,
-            padding: 10,
-            marginBottom: 10,
-            background: 'var(--bg-secondary, #f8f9fa)',
-          }}
-        >
-          <div
-            style={{
-              display: 'flex',
-              alignItems: 'center',
-              gap: 8,
-              flexWrap: 'wrap',
-              marginBottom: 8,
-            }}
-          >
-            <label style={{ flex: '0 0 auto' }}>Feld</label>
-            <select
-              value={row.fieldKey}
-              onChange={(e) =>
-                updateRow(row.rowId, {
-                  fieldKey: e.target.value,
-                  customFieldId: createValue(''),
-                  value: createValue(''),
-                })
-              }
-            >
-              {updateTaskFieldOptions.map((o) => (
-                <option key={o.value} value={o.value}>
-                  {o.label}
-                </option>
-              ))}
-            </select>
-            <button type="button" className={styles.retryButton} onClick={() => removeRow(row.rowId)}>
-              Zeile entfernen
-            </button>
-          </div>
-          {renderValueEditor(row)}
-        </div>
-      ))}
-      <button
-        type="button"
-        className={styles.retryButton}
-        onClick={() => onChangeRows([...rows, newClickUpTaskUpdateEntryRow()])}
-      >
-        Feld zum Aktualisieren hinzufügen
-      </button>
-    </div>
-  );
-}
-
-export const ClickUpNodeConfig: React.FC<NodeConfigRendererProps> = ({
-  params,
-  updateParam,
-  instanceId,
-  request,
-  mergeNodeParameters,
-  nodeType = 'clickup.listTasks',
-}) => {
-  const { t } = useLanguage();
-  const dataFlow = useAutomation2DataFlow();
-  const lastFormSyncSigRef = useRef<string>('');
-  const [connections, setConnections] = useState<UserConnection[]>([]);
-  const [browseOpen, setBrowseOpen] = useState(false);
-  const [connectionsLoading, setConnectionsLoading] = useState(false);
-  const [searchTeams, setSearchTeams] = useState<Array<{ id: string; name: string }>>([]);
-  const [searchTeamsLoading, setSearchTeamsLoading] = useState(false);
-  const [searchLists, setSearchLists] = useState<Array<{ id: string; name: string }>>([]);
-  const [searchListsLoading, setSearchListsLoading] = useState(false);
-  const [listFields, setListFields] = useState<ClickUpField[]>([]);
-  const [listFieldsLoading, setListFieldsLoading] = useState(false);
-  const [listStatuses, setListStatuses] = useState<Array<{ status: string; orderindex: number }>>([]);
-  const [listStatusesLoading, setListStatusesLoading] = useState(false);
-  const [teamMembers, setTeamMembers] = useState<Array<{ id: string; username: string }>>([]);
-  const [teamMembersLoading, setTeamMembersLoading] = useState(false);
-
-  const connectionId = (params.connectionId as string) ?? '';
-  const path = (params.path as string) ?? '';
-  const teamIdParam = (params.teamId as string) ?? '';
-  const listIdParam = (params.listId as string) ?? '';
-  /** listId param or list id parsed from path — loads statuses when Task-GET fails (ref / 404). */
-  const effectiveListIdForStatuses = useMemo(() => {
-    const lid = ((params.listId as string) ?? '').trim();
-    if (lid) return lid;
-    return parseListIdFromPath(path) ?? '';
-  }, [params.listId, path]);
-  const customFieldValues = useMemo(
-    () => (params.customFieldValues as Record<string, unknown> | undefined) ?? {},
-    [params.customFieldValues]
-  );
-
-  const taskAssigneeIds = useMemo(() => {
-    const raw = params.taskAssigneeIds;
-    if (Array.isArray(raw)) {
-      return raw.map((x) => String(x)).filter(Boolean);
-    }
-    if (typeof raw === 'string' && raw.trim()) {
-      try {
-        const p = JSON.parse(raw) as unknown;
-        if (Array.isArray(p)) return p.map((x) => String(x)).filter(Boolean);
-      } catch {
-        return [];
-      }
-    }
-    return [];
-  }, [params.taskAssigneeIds]);
-
-  /** Stunden (API); Fallback: alte Speicherung in ms → Anzeige in Stunden */
-  const timeEstimateHoursValue = useMemo(() => {
-    const th = params.taskTimeEstimateHours;
-    if (th != null && th !== '') return th;
-    const tm = params.taskTimeEstimateMs;
-    if (isValue(tm) && typeof tm.value === 'number' && tm.value > 0) {
-      return createValue(tm.value / (3600 * 1000));
-    }
-    if (typeof tm === 'number' && tm > 0) return createValue(tm / (3600 * 1000));
-    return createValue('');
-  }, [params.taskTimeEstimateHours, params.taskTimeEstimateMs]);
-
-  const runFormSyncFromList = useCallback(
-    (force: boolean) => {
-      if (!mergeNodeParameters || !connectionId || !teamIdParam || !listIdParam) return;
-      if (!dataFlow) return;
-      if (listFieldsLoading) return;
-      if (listStatusesLoading) return;
-      const formNode = findClosestUpstreamFormNode(
-        dataFlow.currentNodeId,
-        dataFlow.nodes,
-        dataFlow.connections
-      );
-      if (!formNode) return;
-
-      const sig = `${listIdParam}|${listFields.map((f) => String((f as ClickUpFieldLike).id ?? '')).sort().join(',')}|${listStatuses.map((s) => s.status).join('\x00')}`;
-      if (!force && lastFormSyncSigRef.current === sig) return;
-      lastFormSyncSigRef.current = sig;
-
-      const built = buildSyncFromClickUpList({
-        formNodeId: formNode.id,
-        listFields: listFields as ClickUpFieldLike[],
-        listStatuses,
-        connectionId,
-        teamId: teamIdParam,
-        listId: listIdParam,
-      });
-
-      if (formNode.type === 'input.form') {
-        mergeNodeParameters(formNode.id, { fields: built.inputFormFields });
-      } else if (formNode.type === 'trigger.form') {
-        mergeNodeParameters(formNode.id, { formFields: built.triggerFormFields });
-      }
-
-      for (const [k, v] of Object.entries(built.clickupPatch)) {
-        updateParam(k, v);
-      }
-      updateParam('taskTimeEstimateMs', createValue(''));
-    },
-    [
-      mergeNodeParameters,
-      connectionId,
-      teamIdParam,
-      listIdParam,
-      listFields,
-      listFieldsLoading,
-      listStatuses,
-      listStatusesLoading,
-      dataFlow,
-      updateParam,
-    ]
-  );
-
-  const clickupConnections = useMemo(
-    () => connections.filter((c) => c.authority === 'clickup'),
-    [connections]
-  );
-
-  useEffect(() => {
-    if (instanceId && request) {
-      setConnectionsLoading(true);
-      fetchConnections(request, instanceId)
-        .then(setConnections)
-        .catch(() => setConnections([]))
-        .finally(() => setConnectionsLoading(false));
-    }
-  }, [instanceId, request]);
-
-  useEffect(() => {
-    if (!needsTeamList(nodeType) || !instanceId || !request || !connectionId) {
-      setSearchTeams([]);
-      return;
-    }
-    let cancelled = false;
-    setSearchTeamsLoading(true);
-    fetchBrowse(request, instanceId, connectionId, 'clickup', '/')
-      .then((r) => {
-        if (cancelled) return;
-        const rows: Array<{ id: string; name: string }> = [];
-        for (const e of r.items ?? []) {
-          const tid = teamIdFromBrowseEntry(e);
-          if (tid) rows.push({ id: tid, name: e.name });
-        }
-        setSearchTeams(rows);
-      })
-      .catch(() => {
-        if (!cancelled) setSearchTeams([]);
-      })
-      .finally(() => {
-        if (!cancelled) setSearchTeamsLoading(false);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [nodeType, instanceId, request, connectionId]);
-
-  useEffect(() => {
-    if (!needsTeamList(nodeType) || !instanceId || !request || !connectionId || !teamIdParam) {
-      setSearchLists([]);
-      return;
-    }
-    let cancelled = false;
-    setSearchListsLoading(true);
-    const teamPath = `/team/${teamIdParam}`;
-    collectListsUnderTeam(request, instanceId, connectionId, teamPath)
-      .then((rows) => {
-        if (!cancelled) setSearchLists(rows);
-      })
-      .catch(() => {
-        if (!cancelled) setSearchLists([]);
-      })
-      .finally(() => {
-        if (!cancelled) setSearchListsLoading(false);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [nodeType, instanceId, request, connectionId, teamIdParam]);
-
-  useEffect(() => {
-    if (nodeType !== 'clickup.createTask' || !connectionId || !listIdParam || !request) {
-      setListFields([]);
-      return;
-    }
-    let cancelled = false;
-    setListFieldsLoading(true);
-    fetchClickupListFields(request, connectionId, listIdParam)
-      .then((data) => {
-        if (cancelled) return;
-        const raw = data?.fields;
-        const list = Array.isArray(raw)
-          ? raw
-          : Array.isArray(data)
-            ? (data as ClickUpField[])
-            : [];
-        setListFields(list as ClickUpField[]);
-      })
-      .catch(() => {
-        if (!cancelled) setListFields([]);
-      })
-      .finally(() => {
-        if (!cancelled) setListFieldsLoading(false);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [nodeType, connectionId, listIdParam, request]);
-
-  useEffect(() => {
-    if (
-      (nodeType !== 'clickup.createTask' && nodeType !== 'clickup.updateTask') ||
-      !connectionId ||
-      !effectiveListIdForStatuses ||
-      !request
-    ) {
-      setListStatuses([]);
-      return;
-    }
-    let cancelled = false;
-    setListStatusesLoading(true);
-    fetchClickupList(request, connectionId, effectiveListIdForStatuses)
-      .then((data) => {
-        if (cancelled) return;
-        if (data && typeof data === 'object' && 'error' in data && (data as { error?: unknown }).error) {
-          setListStatuses([]);
-          return;
-        }
-        setListStatuses(parseListStatuses(data as Record<string, unknown>));
-      })
-      .catch(() => {
-        if (!cancelled) setListStatuses([]);
-      })
-      .finally(() => {
-        if (!cancelled) setListStatusesLoading(false);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [nodeType, connectionId, effectiveListIdForStatuses, request]);
-
-  useEffect(() => {
-    if (
-      (nodeType !== 'clickup.createTask' && nodeType !== 'clickup.updateTask') ||
-      !connectionId ||
-      !teamIdParam ||
-      !request
-    ) {
-      setTeamMembers([]);
-      return;
-    }
-    let cancelled = false;
-    setTeamMembersLoading(true);
-    fetchClickupTeam(request, connectionId, teamIdParam)
-      .then((data) => {
-        if (cancelled) return;
-        if (data && typeof data === 'object' && 'error' in data && (data as { error?: unknown }).error) {
-          setTeamMembers([]);
-          return;
-        }
-        setTeamMembers(parseTeamMembers(data as Record<string, unknown>));
-      })
-      .catch(() => {
-        if (!cancelled) setTeamMembers([]);
-      })
-      .finally(() => {
-        if (!cancelled) setTeamMembersLoading(false);
-      });
-    return () => {
-      cancelled = true;
-    };
-  }, [nodeType, connectionId, teamIdParam, request]);
-
-  useEffect(() => {
-    if (nodeType !== 'clickup.createTask') return;
-    if (params.autoSyncFormWithList === false) return;
-    if (!mergeNodeParameters) return;
-    runFormSyncFromList(false);
-  }, [
-    nodeType,
-    params.autoSyncFormWithList,
-    mergeNodeParameters,
-    listIdParam,
-    listFields,
-    listFieldsLoading,
-    connectionId,
-    teamIdParam,
-    runFormSyncFromList,
-  ]);
-
-  const loadChildren = useCallback(
-    async (pathToLoad: string): Promise<BrowseEntry[]> => {
-      if (!instanceId || !request || !connectionId) return [];
-      const r = await fetchBrowse(request, instanceId, connectionId, 'clickup', pathToLoad);
-      return r?.items ?? [];
-    },
-    [instanceId, request, connectionId]
-  );
-
-  const selectPath = useCallback(
-    (p: string) => {
-      updateParam('path', p);
-      setBrowseOpen(false);
-    },
-    [updateParam]
-  );
-
-  const setCustomField = useCallback(
-    (fieldId: string, v: unknown) => {
-      updateParam('customFieldValues', { ...customFieldValues, [fieldId]: v });
-    },
-    [customFieldValues, updateParam]
-  );
-
-  const showBrowse = connectionId && (isListPicker(nodeType) || isTaskPicker(nodeType));
-
-  return (
-    <>
-      <div>
-        <label>{t('clickUpNodeConfig.connectionClickup')}</label>
-        <select
-          value={connectionId}
-          onChange={(e) => updateParam('connectionId', e.target.value)}
-          disabled={connectionsLoading}
-        >
-          <option value="">{connectionsLoading ? t('clickUpNodeConfig.loading') : t('clickUpNodeConfig.selectConnection')}</option>
-          {clickupConnections.map((c) => (
-            <option key={c.id} value={c.id}>
-              {c.externalUsername ?? c.id}
-            </option>
-          ))}
-        </select>
-      </div>
-
-      {nodeType === 'clickup.searchTasks' && (
-        <>
-          <div>
-            <label>Workspace</label>
-            <select
-              value={teamIdParam}
-              onChange={(e) => {
-                const v = e.target.value;
-                updateParam('teamId', v);
-                updateParam('listId', '');
-              }}
-              disabled={searchTeamsLoading || !connectionId}
-            >
-              <option value="">
-                {searchTeamsLoading ? t('clickUpNodeConfig.workspacesWerdenGeladen') : t('clickUpNodeConfig.workspaceWaehlen')}
-              </option>
-              {searchTeams.map((t) => (
-                <option key={t.id} value={t.id}>
-                  {t.name}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div>
-            <label>{t('clickUpNodeConfig.listeTabelle')}</label>
-            <select
-              value={listIdParam}
-              onChange={(e) => updateParam('listId', e.target.value)}
-              disabled={!teamIdParam || searchListsLoading}
-            >
-              <option value="">
-                {searchListsLoading
-                  ? 'Listen werden geladen…'
-                  : teamIdParam
-                    ? t('clickUpNodeConfig.alleListenImWorkspace')
-                    : t('clickUpNodeConfig.zuerstWorkspaceWaehlen')}
-              </option>
-              {searchLists.map((L) => (
-                <option key={L.id} value={L.id}>
-                  {L.name}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div>
-            <label>Suchbegriff</label>
-            <input
-              value={(params.query as string) ?? ''}
-              onChange={(e) => updateParam('query', e.target.value)}
-              placeholder={t('clickUpNodeConfig.stichwortFuerDieAufgabensuche')}
-            />
-          </div>
-          <details style={{ marginTop: 8 }}>
-            <summary style={{ cursor: 'pointer', fontSize: '0.875rem', color: 'var(--text-secondary, #555)' }}>
-              Erweitert
-            </summary>
-            <div style={{ marginTop: 8 }}>
-              <label>{t('clickUpNodeConfig.seitePagination')}</label>
-              <input
-                type="number"
-                min={0}
-                value={(params.page as number) ?? 0}
-                onChange={(e) => updateParam('page', parseInt(e.target.value, 10) || 0)}
-              />
-              <div style={{ marginTop: 10 }}>
-                <label style={{ display: 'flex', alignItems: 'flex-start', gap: 8, cursor: 'pointer' }}>
-                  <input
-                    type="checkbox"
-                    checked={params.matchNameOnly !== false}
-                    onChange={(e) => updateParam('matchNameOnly', e.target.checked)}
-                  />
-                  <span>
-                    Nur Aufgaben, deren Titel den Suchbegriff enthält (Standard: an — aus für
-                    Relevanzsuche inkl. Beschreibung)
-                  </span>
-                </label>
-              </div>
-              {listIdParam ? (
-                <div style={{ marginTop: 10 }}>
-                  <label style={{ display: 'flex', alignItems: 'flex-start', gap: 8, cursor: 'pointer' }}>
-                    <input
-                      type="checkbox"
-                      checked={Boolean(params.includeClosed)}
-                      onChange={(e) => updateParam('includeClosed', e.target.checked)}
-                    />
-                    <span>{t('clickUpNodeConfig.erledigteAufgabenEinbeziehenListensuche')}</span>
-                  </label>
-                </div>
-              ) : null}
-              <div style={{ marginTop: 10 }}>
-                <label style={{ display: 'flex', alignItems: 'flex-start', gap: 8, cursor: 'pointer' }}>
-                  <input
-                    type="checkbox"
-                    checked={Boolean(params.fullTaskData)}
-                    onChange={(e) => updateParam('fullTaskData', e.target.checked)}
-                  />
-                  <span>
-                    Vollständige ClickUp-Rohdaten (alle Felder, sehr groß — nur für Debugging oder Spezialfälle)
-                  </span>
-                </label>
-              </div>
-            </div>
-          </details>
-        </>
-      )}
-
-      {nodeType === 'clickup.createTask' && (
-        <>
-          <div>
-            <label>Workspace</label>
-            <select
-              value={teamIdParam}
-              onChange={(e) => {
-                const v = e.target.value;
-                updateParam('teamId', v);
-                updateParam('listId', '');
-                updateParam('path', '');
-                updateParam('customFieldValues', {});
-                updateParam('taskStatus', '');
-                updateParam('taskAssigneeIds', []);
-              }}
-              disabled={searchTeamsLoading || !connectionId}
-            >
-              <option value="">
-                {searchTeamsLoading ? t('clickUpNodeConfig.workspacesWerdenGeladen') : t('clickUpNodeConfig.workspaceWaehlen')}
-              </option>
-              {searchTeams.map((t) => (
-                <option key={t.id} value={t.id}>
-                  {t.name}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div>
-            <label>Liste</label>
-            <select
-              value={listIdParam}
-              onChange={(e) => {
-                const lid = e.target.value;
-                updateParam('listId', lid);
-                updateParam('customFieldValues', {});
-                updateParam('taskStatus', '');
-                if (teamIdParam && lid) {
-                  updateParam('path', `/team/${teamIdParam}/list/${lid}`);
-                } else {
-                  updateParam('path', '');
-                }
-              }}
-              disabled={!teamIdParam || searchListsLoading}
-            >
-              <option value="">{searchListsLoading ? t('clickUpNodeConfig.listenWerdenGeladen') : t('clickUpNodeConfig.listeWaehlen')}</option>
-              {searchLists.map((L) => (
-                <option key={L.id} value={L.id}>
-                  {L.name}
-                </option>
-              ))}
-            </select>
-          </div>
-
-
-          {mergeNodeParameters && teamIdParam && listIdParam ? (
-            <div
-              style={{
-                marginTop: 12,
-                padding: 10,
-                borderRadius: 6,
-                border: '1px solid var(--border-color, #e0e0e0)',
-                background: 'var(--bg-secondary, #f8f9fa)',
-              }}
-            >
-              <label style={{ fontWeight: 600, display: 'block', marginBottom: 6 }}>
-                Formular mit dieser Liste abgleichen
-              </label>
-              <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #666)', marginBottom: 8 }}>
-                Sucht den nächsten <strong>Formular</strong>-Knoten (<code>input.form</code> oder{' '}
-                <code>trigger.form</code>) stromaufwärts, legt dessen Felder wie die ClickUp-Liste an und
-                setzt hier die Datenquellen (<code>payload.…</code>) auf dieses Formular. Anschließend
-                können Sie Felder im Formular-Knoten anpassen.
-              </p>
-              <label style={{ display: 'flex', alignItems: 'flex-start', gap: 8, cursor: 'pointer', marginBottom: 8 }}>
-                <input
-                  type="checkbox"
-                  checked={params.autoSyncFormWithList !== false}
-                  onChange={(e) => updateParam('autoSyncFormWithList', e.target.checked)}
-                />
-                <span>{t('clickUpNodeConfig.beiListenwahlAutomatischAbgleichen')}</span>
-              </label>
-              <button
-                type="button"
-                className={styles.retryButton}
-                style={{ marginTop: 4 }}
-                onClick={() => runFormSyncFromList(true)}
-                disabled={listFieldsLoading}
-              >
-                Jetzt Formular &amp; Referenzen setzen
-              </button>
-              {!dataFlow ||
-              !findClosestUpstreamFormNode(
-                dataFlow.currentNodeId,
-                dataFlow.nodes,
-                dataFlow.connections
-              ) ? (
-                <p style={{ fontSize: '0.8rem', color: '#a60', marginTop: 8, marginBottom: 0 }}>
-                  Kein Formular-Knoten stromaufwärts verbunden — zuerst ein Formular vor diesen Node ziehen und
-                  verbinden.
-                </p>
-              ) : null}
-            </div>
-          ) : null}
-
-          {teamIdParam && listIdParam ? (
-            <div style={{ marginTop: 14 }}>
-              <label style={{ fontWeight: 600, display: 'block', marginBottom: 8 }}>
-                Standardfelder (wie in ClickUp)
-              </label>
-              <p style={{ fontSize: '0.8rem', color: 'var(--text-secondary, #666)', marginBottom: 10 }}>
-                Status, Priorität, Fälligkeit, Zuweisungen und Zeitschätzung — dieselben Spalten wie in der
-                Listenansicht (nicht die benutzerdefinierten Felder darunter).
-              </p>
-
-              <div className={styles.dynamicValueField}>
-                <label>{t('clickUpNodeConfig.status')}</label>
-                {listStatusesLoading ? (
-                  <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.statusWirdGeladen')}</span>
-                ) : (
-                  <select
-                    value={(params.taskStatus as string) ?? ''}
-                    onChange={(e) => updateParam('taskStatus', e.target.value)}
-                  >
-                    <option value="">{t('clickUpNodeConfig.standardClickup')}</option>
-                    {listStatuses.map((s) => (
-                      <option key={s.status} value={s.status}>
-                        {s.status}
-                      </option>
-                    ))}
-                  </select>
-                )}
-              </div>
-
-              <div className={styles.dynamicValueField} style={{ marginTop: 8 }}>
-                <label>{t('clickUpNodeConfig.prioritaet')}</label>
-                <select
-                  value={(params.taskPriority as string) ?? ''}
-                  onChange={(e) => updateParam('taskPriority', e.target.value)}
-                >
-                  <option value="">{t('clickUpNodeConfig.keine')}</option>
-                  <option value="1">{t('clickUpNodeConfig.1Dringend')}</option>
-                  <option value="2">{t('clickUpNodeConfig.2Hoch')}</option>
-                  <option value="3">{t('clickUpNodeConfig.3Normal')}</option>
-                  <option value="4">{t('clickUpNodeConfig.4Niedrig')}</option>
-                </select>
-              </div>
-
-              <div style={{ marginTop: 8 }}>
-                <ClickUpTaskDueDateRow
-                  value={params.taskDueDateMs}
-                  onChange={(v) => updateParam('taskDueDateMs', v)}
-                />
-              </div>
-
-              <div className={styles.dynamicValueField} style={{ marginTop: 8 }}>
-                <label>Zugewiesene</label>
-                {teamMembersLoading ? (
-                  <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.mitgliederWerdenGeladen')}</span>
-                ) : teamMembers.length === 0 ? (
-                  <span style={{ fontSize: '0.85rem', color: '#666' }}>{t('clickUpNodeConfig.keineMitgliederGeladen')}</span>
-                ) : (
-                  <div
-                    style={{
-                      maxHeight: 160,
-                      overflowY: 'auto',
-                      border: '1px solid var(--border-color, #e0e0e0)',
-                      borderRadius: 4,
-                      padding: 8,
-                    }}
-                  >
-                    {teamMembers.map((m) => (
-                      <label
-                        key={m.id}
-                        style={{ display: 'flex', alignItems: 'center', gap: 8, cursor: 'pointer' }}
-                      >
-                        <input
-                          type="checkbox"
-                          checked={taskAssigneeIds.includes(m.id)}
-                          onChange={() => {
-                            const set = new Set(taskAssigneeIds);
-                            if (set.has(m.id)) set.delete(m.id);
-                            else set.add(m.id);
-                            updateParam('taskAssigneeIds', [...set]);
-                          }}
-                        />
-                        <span>{m.username}</span>
-                      </label>
-                    ))}
-                  </div>
-                )}
-              </div>
-
-              <div style={{ marginTop: 8 }}>
-                <ClickUpTimeEstimateHoursRow
-                  value={timeEstimateHoursValue}
-                  onChange={(v) => {
-                    updateParam('taskTimeEstimateHours', v);
-                    updateParam('taskTimeEstimateMs', createValue(''));
-                  }}
-                />
-              </div>
-            </div>
-          ) : null}
-
-          {listIdParam ? (
-            <div style={{ marginTop: 12 }}>
-              <label style={{ fontWeight: 600 }}>{t('clickUpNodeConfig.felderDerListe')}</label>
-              {listFieldsLoading ? (
-                <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #666)' }}>{t('clickUpNodeConfig.felderWerdenGeladen')}</p>
-              ) : listFields.length === 0 ? (
-                <p style={{ fontSize: '0.85rem', color: 'var(--text-secondary, #666)' }}>
-                  Keine benutzerdefinierten Felder oder keine Berechtigung.
-                </p>
-              ) : (
-                listFields.map((f) => {
-                  const id = String(f.id ?? '');
-                  if (!id) return null;
-                  return (
-                    <ClickUpCustomFieldRow
-                      key={id}
-                      field={f}
-                      value={customFieldValues[id]}
-                      onChange={(v) => setCustomField(id, v)}
-                      connectionId={connectionId}
-                      request={request}
-                      parentListId={listIdParam}
-                    />
-                  );
-                })
-              )}
-            </div>
-          ) : null}
-
-          <details style={{ marginTop: 12 }}>
-            <summary style={{ cursor: 'pointer', fontSize: '0.875rem', color: 'var(--text-secondary, #555)' }}>
-              Erweitert (JSON)
-            </summary>
-            <div style={{ marginTop: 8 }}>
-              <label>{t('clickUpNodeConfig.zusaetzlicheFelderJson')}</label>
-              <textarea
-                value={(params.taskFields as string) ?? ''}
-                onChange={(e) => updateParam('taskFields', e.target.value)}
-                rows={3}
-                placeholder='{"priority": "3"}'
-              />
-            </div>
-          </details>
-        </>
-      )}
-
-      {nodeType === 'clickup.listTasks' && (
-        <>
-          <div>
-            <label>{t('clickUpNodeConfig.listPath')}</label>
-            <input
-              value={path}
-              onChange={(e) => updateParam('path', e.target.value)}
-              placeholder="/team/{teamId}/list/{listId}"
-            />
-          </div>
-          <div>
-            <label>
-              <input
-                type="checkbox"
-                checked={Boolean(params.includeClosed)}
-                onChange={(e) => updateParam('includeClosed', e.target.checked)}
-              />{' '}
-              Include closed tasks
-            </label>
-          </div>
-        </>
-      )}
-
-      {(nodeType === 'clickup.getTask' ||
-        nodeType === 'clickup.updateTask' ||
-        nodeType === 'clickup.uploadAttachment') && (
-        <>
-          {nodeType === 'clickup.updateTask' &&
-          !isRef(params.taskId) &&
-          connectionId &&
-          listIdParam &&
-          request ? (
-            <ClickUpTaskFromListDropdown
-              connectionId={connectionId}
-              listId={listIdParam}
-              request={request}
-              taskId={params.taskId}
-              onSetTaskId={(v) => updateParam('taskId', v)}
-            />
-          ) : null}
-          <HybridStaticRefField
-            label="Task-ID"
-            value={params.taskId}
-            onChange={(v) => updateParam('taskId', v)}
-            placeholder={t('clickUpNodeConfig.referenzVorigerKnotenAufgabeErstellen')}
-            pathPickMode={nodeType === 'clickup.updateTask' ? 'clickup_task_id' : 'default'}
-          />
-          <div>
-            <label>{t('clickUpNodeConfig.pathOptional')}</label>
-            <input
-              value={path}
-              onChange={(e) => updateParam('path', e.target.value)}
-              placeholder=".../task/{taskId}"
-            />
-          </div>
-        </>
-      )}
-
-      {nodeType === 'clickup.updateTask' && (
-        <div
-          id="clickup-update-task-list-anchor"
-          style={{
-            marginTop: 16,
-            padding: 12,
-            borderRadius: 8,
-            border: '1px solid var(--border-color, #e0e0e0)',
-            background: 'var(--bg-secondary, #f8f9fa)',
-          }}
-        >
-          <label style={{ fontWeight: 600, display: 'block', marginBottom: 6 }}>
-            Liste für Status &amp; Felder
-          </label>
-          <p
-            style={{
-              fontSize: '0.8rem',
-              color: 'var(--text-secondary, #666)',
-              marginTop: 0,
-              marginBottom: 10,
-            }}
-          >
-            Ohne diese Auswahl bleiben die Status leer, es sei denn, die Task-ID ist gesetzt und die
-            Vorschau liefert eine gültige ClickUp-Aufgaben-ID — dann wird die Liste aus der Aufgabe
-            ermittelt.
-          </p>
-          <div>
-            <label>Workspace</label>
-            <select
-              value={teamIdParam}
-              onChange={(e) => {
-                const v = e.target.value;
-                updateParam('teamId', v);
-                updateParam('listId', '');
-                updateParam('path', '');
-              }}
-              disabled={searchTeamsLoading || !connectionId}
-            >
-              <option value="">
-                {searchTeamsLoading ? t('clickUpNodeConfig.workspacesWerdenGeladen') : t('clickUpNodeConfig.workspaceWaehlen')}
-              </option>
-              {searchTeams.map((t) => (
-                <option key={t.id} value={t.id}>
-                  {t.name}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div style={{ marginTop: 8 }}>
-            <label>Liste</label>
-            <select
-              value={listIdParam}
-              onChange={(e) => {
-                const lid = e.target.value;
-                updateParam('listId', lid);
-                if (teamIdParam && lid) {
-                  updateParam('path', `/team/${teamIdParam}/list/${lid}`);
-                } else {
-                  updateParam('path', '');
-                }
-              }}
-              disabled={!teamIdParam || searchListsLoading}
-            >
-              <option value="">{searchListsLoading ? t('clickUpNodeConfig.listenWerdenGeladen') : t('clickUpNodeConfig.listeWaehlen')}</option>
-              {searchLists.map((L) => (
-                <option key={L.id} value={L.id}>
-                  {L.name}
-                </option>
-              ))}
-            </select>
-          </div>
-        </div>
-      )}
-
-      {nodeType === 'clickup.updateTask' && request && (
-        <>
-          <ClickUpUpdateTaskEntriesEditor
-            rows={normalizeTaskUpdateEntries(params.taskUpdateEntries)}
-            onChangeRows={(next) => updateParam('taskUpdateEntries', next)}
-            connectionId={connectionId}
-            listId={effectiveListIdForStatuses}
-            pathForListId={path}
-            request={request}
-            taskIdParam={params.taskId}
-            teamMembers={teamMembers}
-            teamMembersLoading={teamMembersLoading}
-            parentListStatuses={listStatuses}
-            parentListStatusesLoading={listStatusesLoading}
-          />
-          <details style={{ marginTop: 12 }}>
-            <summary style={{ cursor: 'pointer', fontSize: '0.875rem', color: 'var(--text-secondary, #555)' }}>
-              Erweitert: JSON (optional, wird mit den Zeilen zusammengeführt)
-            </summary>
-            <div style={{ marginTop: 8 }}>
-              <label>{t('clickUpNodeConfig.taskupdateJson')}</label>
-              <textarea
-                value={(params.taskUpdate as string) ?? ''}
-                onChange={(e) => updateParam('taskUpdate', e.target.value)}
-                rows={5}
-                placeholder='{"name": "…"} — Basis; Zeilen darüber setzen/überschreiben Felder'
-              />
-            </div>
-          </details>
-        </>
-      )}
-
-      {nodeType === 'clickup.uploadAttachment' && (
-        <div>
-          <label>{t('clickUpNodeConfig.fileNameOptional')}</label>
-          <input
-            value={(params.fileName as string) ?? ''}
-            onChange={(e) => updateParam('fileName', e.target.value)}
-            placeholder="report.pdf"
-          />
-        </div>
-      )}
-
-      {showBrowse && (
-        <details
-          open={browseOpen}
-          onToggle={(e) => setBrowseOpen((e.target as HTMLDetailsElement).open)}
-          style={browseDetailsStyle}
-        >
-          <summary style={browseSummaryStyle}>{browseTitle(nodeType)}</summary>
-          <div style={browseBodyStyle}>
-            <SharepointBrowseTree
-              rootPath="/"
-              onLoadChildren={loadChildren}
-              onSelectFile={isTaskPicker(nodeType) ? selectPath : () => {}}
-              onSelectFolder={isListPicker(nodeType) ? selectPath : undefined}
-              foldersOnly={isListPicker(nodeType)}
-              selectedPath={path || null}
-            />
-          </div>
-        </details>
-      )}
-    </>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx
deleted file mode 100644
index 5e77df9..0000000
--- a/src/components/FlowEditor/nodes/configs/CommentNodeConfig.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-/**
- * Comment node config
- */
-
-import React from 'react';
-import type { NodeConfigRendererProps } from './types';
-
-import { useLanguage } from '../../../../providers/language/LanguageContext';
-
-export const CommentNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
-  const { t } = useLanguage();
-  return (
-    <>
-      <div>
-        <label>Platzhalter</label>
-        <input
-          value={(params.placeholder as string) ?? ''}
-          onChange={(e) => updateParam('placeholder', e.target.value)}
-          placeholder={t('commentNodeConfig.kommentarEingeben')}
-        />
-      </div>
-      <div>
-        <label>
-          <input
-            type="checkbox"
-            checked={(params.required as boolean) ?? true}
-            onChange={(e) => updateParam('required', e.target.checked)}
-          />
-          Pflichtfeld
-        </label>
-      </div>
-    </>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx
deleted file mode 100644
index 16d89bc..0000000
--- a/src/components/FlowEditor/nodes/configs/ConfirmationNodeConfig.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * Confirmation node config
- */
-
-import React from 'react';
-import type { NodeConfigRendererProps } from './types';
-
-import { useLanguage } from '../../../../providers/language/LanguageContext';
-
-export const ConfirmationNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
-  const { t } = useLanguage();
-  return (
-    <>
-      <div>
-        <label>Frage</label>
-        <input
-          value={(params.question as string) ?? ''}
-          onChange={(e) => updateParam('question', e.target.value)}
-          placeholder={t('confirmationNodeConfig.moechtenSieBestaetigen')}
-        />
-      </div>
-      <div>
-        <label>{t('confirmationNodeConfig.bestaetigenbutton')}</label>
-        <input
-          value={(params.confirmLabel as string) ?? 'Confirm'}
-          onChange={(e) => updateParam('confirmLabel', e.target.value)}
-        />
-      </div>
-      <div>
-        <label>Ablehnen-Button</label>
-        <input
-          value={(params.rejectLabel as string) ?? 'Reject'}
-          onChange={(e) => updateParam('rejectLabel', e.target.value)}
-        />
-      </div>
-    </>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx
deleted file mode 100644
index 8561468..0000000
--- a/src/components/FlowEditor/nodes/configs/EmailNodeConfig.tsx
+++ /dev/null
@@ -1,242 +0,0 @@
-/**
- * Email node config - connection selector, folder dropdown, query, subject, body.
- */
-
-import React, { useEffect, useState } from 'react';
-import type { NodeConfigRendererProps } from './types';
-import { fetchConnections, fetchBrowse, type UserConnection, type BrowseEntry } from '../../../../api/workflowApi';
-
-import { useLanguage } from '../../../../providers/language/LanguageContext';
-
-export const EmailNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
-  updateParam,
-  instanceId,
-  request,
-  nodeType = 'email.checkEmail',
-}) => {
-  const { t } = useLanguage();
-  const [connections, setConnections] = useState<UserConnection[]>([]);
-  const [folders, setFolders] = useState<BrowseEntry[]>([]);
-  const [loading, setLoading] = useState(false);
-  const [foldersLoading, setFoldersLoading] = useState(false);
-
-  useEffect(() => {
-    if (instanceId && request) {
-      setLoading(true);
-      fetchConnections(request, instanceId)
-        .then(setConnections)
-        .catch(() => setConnections([]))
-        .finally(() => setLoading(false));
-    }
-  }, [instanceId, request]);
-
-  const connectionId = (params.connectionId as string) ?? '';
-  const selectedConn = connections.find((c) => c.id === connectionId);
-  const mailService = selectedConn?.authority === 'google' ? 'gmail' : 'outlook';
-
-  useEffect(() => {
-    if (instanceId && request && connectionId) {
-      setFoldersLoading(true);
-      fetchBrowse(request, instanceId, connectionId, mailService, '/')
-        .then((r) => setFolders(r.items.filter((e) => e.isFolder)))
-        .catch(() => setFolders([]))
-        .finally(() => setFoldersLoading(false));
-    } else {
-      setFolders([]);
-    }
-  }, [instanceId, request, connectionId, mailService]);
-
-  const isDraft = nodeType === 'email.draftEmail';
-  const isSearch = nodeType === 'email.searchEmail';
-  const folderValue = (params.folder as string) ?? (isSearch ? 'All' : 'Inbox');
-
-  return (
-    <>
-      <div>
-        <label>Account</label>
-        <select
-          value={connectionId}
-          onChange={(e) => updateParam('connectionId', e.target.value)}
-          disabled={loading}
-        >
-          <option value="">{loading ? t('emailNodeConfig.loading') : t('emailNodeConfig.selectConnection')}</option>
-          {connections.map((c) => (
-            <option key={c.id} value={c.id}>
-              {c.externalEmail ?? c.externalUsername ?? c.id}
-            </option>
-          ))}
-        </select>
-      </div>
-      {!isDraft && (
-        <div>
-          <label>Folder</label>
-          <select
-            value={folderValue}
-            onChange={(e) => updateParam('folder', e.target.value)}
-            disabled={foldersLoading || !connectionId}
-          >
-            <option value="">
-              {foldersLoading ? 'Loading folders...' : !connectionId ? t('emailNodeConfig.selectAccountFirst') : t('emailNodeConfig.selectFolder')}
-            </option>
-            {isSearch && <option value="All">All</option>}
-            {folders.length > 0
-              ? folders.map((f) => {
-                  const folderId = (f.path ?? '').replace(/^\//, '') || (f.metadata as { id?: string })?.id || '';
-                  const value = folderId || f.name;
-                  if (!value) return null;
-                  return (
-                    <option key={value} value={value}>
-                      {f.name}
-                    </option>
-                  );
-                })
-              : !isSearch && (
-                  <>
-                    <option value="Inbox">Inbox</option>
-                    <option value="Drafts">Drafts</option>
-                    <option value="SentItems">{t('emailNodeConfig.sentItems')}</option>
-                    <option value="DeletedItems">{t('emailNodeConfig.deletedItems')}</option>
-                    <option value="JunkEmail">{t('emailNodeConfig.junkEmail')}</option>
-                  </>
-                )}
-            {folderValue &&
-              !folders.some(
-                (f) =>
-                  ((f.path ?? '').replace(/^\//, '') || (f.metadata as { id?: string })?.id) === folderValue
-              ) &&
-              folderValue !== 'All' && (
-                <option value={folderValue}>{folderValue}</option>
-              )}
-          </select>
-        </div>
-      )}
-      {isSearch && (
-        <>
-          <div>
-            <label>{t('emailNodeConfig.searchQueryOptional')}</label>
-            <input
-              value={(params.query as string) ?? ''}
-              onChange={(e) => updateParam('query', e.target.value)}
-              placeholder={t('emailNodeConfig.generalSearchTermSubjectBody')}
-            />
-          </div>
-          <div>
-            <label>{t('emailNodeConfig.fromAddressOptional')}</label>
-            <input
-              value={(params.fromAddress as string) ?? ''}
-              onChange={(e) => updateParam('fromAddress', e.target.value)}
-              placeholder={t('emailNodeConfig.egSenderexamplecom')}
-            />
-          </div>
-          <div>
-            <label>{t('emailNodeConfig.toAddressOptional')}</label>
-            <input
-              value={(params.toAddress as string) ?? ''}
-              onChange={(e) => updateParam('toAddress', e.target.value)}
-              placeholder={t('emailNodeConfig.egRecipientexamplecom')}
-            />
-          </div>
-          <div>
-            <label>{t('emailNodeConfig.subjectContainsOptional')}</label>
-            <input
-              value={(params.subjectContains as string) ?? ''}
-              onChange={(e) => updateParam('subjectContains', e.target.value)}
-              placeholder={t('emailNodeConfig.wordOrPhraseInSubject')}
-            />
-          </div>
-          <div>
-            <label>{t('emailNodeConfig.bodycontentContainsOptional')}</label>
-            <input
-              value={(params.bodyContains as string) ?? ''}
-              onChange={(e) => updateParam('bodyContains', e.target.value)}
-              placeholder={t('emailNodeConfig.wordOrPhraseInEmail')}
-            />
-          </div>
-          <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-            <input
-              type="checkbox"
-              id="searchHasAttachment"
-              checked={!!(params.hasAttachment as boolean)}
-              onChange={(e) => updateParam('hasAttachment', e.target.checked)}
-            />
-            <label htmlFor="searchHasAttachment">{t('emailNodeConfig.onlyEmailsWithAttachment')}</label>
-          </div>
-          <div>
-            <label>Limit</label>
-            <input
-              type="number"
-              value={(params.limit as number) ?? 100}
-              onChange={(e) => updateParam('limit', parseInt(e.target.value, 10) || 100)}
-            />
-          </div>
-        </>
-      )}
-      {nodeType === 'email.checkEmail' && (
-        <>
-          <div>
-            <label>{t('emailNodeConfig.fromAddressOptional')}</label>
-            <input
-              value={(params.fromAddress as string) ?? ''}
-              onChange={(e) => updateParam('fromAddress', e.target.value)}
-              placeholder={t('emailNodeConfig.egSenderexamplecom')}
-            />
-          </div>
-          <div>
-            <label>{t('emailNodeConfig.subjectContainsOptional')}</label>
-            <input
-              value={(params.subjectContains as string) ?? ''}
-              onChange={(e) => updateParam('subjectContains', e.target.value)}
-              placeholder={t('emailNodeConfig.wordOrPhraseInSubject')}
-            />
-          </div>
-          <div style={{ display: 'flex', alignItems: 'center', gap: '0.5rem' }}>
-            <input
-              type="checkbox"
-              id="hasAttachment"
-              checked={!!(params.hasAttachment as boolean)}
-              onChange={(e) => updateParam('hasAttachment', e.target.checked)}
-            />
-            <label htmlFor="hasAttachment">{t('emailNodeConfig.onlyEmailsWithAttachment')}</label>
-          </div>
-          <div>
-            <label>Limit</label>
-            <input
-              type="number"
-              value={(params.limit as number) ?? 100}
-              onChange={(e) => updateParam('limit', parseInt(e.target.value, 10) || 100)}
-            />
-          </div>
-        </>
-      )}
-      {isDraft && (
-        <>
-          <div>
-            <label>Subject</label>
-            <input
-              value={(params.subject as string) ?? ''}
-              onChange={(e) => updateParam('subject', e.target.value)}
-              placeholder={t('emailNodeConfig.emailSubjectOrLeaveEmpty')}
-            />
-          </div>
-          <div>
-            <label>Body</label>
-            <textarea
-              value={(params.body as string) ?? ''}
-              onChange={(e) => updateParam('body', e.target.value)}
-              placeholder={t('emailNodeConfig.emailBodyOrLeaveEmpty')}
-              rows={4}
-            />
-          </div>
-          <div>
-            <label>{t('emailNodeConfig.toOptional')}</label>
-            <input
-              value={(params.to as string) ?? ''}
-              onChange={(e) => updateParam('to', e.target.value)}
-              placeholder={t('emailNodeConfig.recipientsOrFromAiWhen')}
-            />
-          </div>
-        </>
-      )}
-    </>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx
deleted file mode 100644
index bc8eb83..0000000
--- a/src/components/FlowEditor/nodes/configs/FileCreateNodeConfig.tsx
+++ /dev/null
@@ -1,124 +0,0 @@
-/**
- * File Create node config - multiple content sources, output format, title, template, language.
- * Contents are concatenated in order (nacheinander geschrieben).
- */
-
-import React from 'react';
-import type { NodeConfigRendererProps } from './types';
-import { RefSourceSelect } from '../shared/RefSourceSelect';
-import { isRef, type DataRef } from '../shared/dataRef';
-import styles from '../../editor/Automation2FlowEditor.module.css';
-
-import { useLanguage } from '../../../../providers/language/LanguageContext';
-
-const OUTPUT_FORMATS = ['docx', 'pdf', 'txt', 'md', 'html', 'xlsx', 'csv', 'json'];
-const TEMPLATE_OPTIONS = ['default', 'corporate', 'minimal'];
-const LANGUAGES = ['de', 'en', 'fr', 'it', 'es'];
-
-function normalizeContentSources(v: unknown): (DataRef | null)[] {
-  if (Array.isArray(v)) {
-    return v.map((x) => (isRef(x) ? x : null));
-  }
-  if (isRef(v)) return [v];
-  return [];
-}
-
-export const FileCreateNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
-  const { t } = useLanguage();
-  const contentSources = normalizeContentSources(params.contentSources ?? params.contentSource ?? []);
-
-  const setContentSources = (next: (DataRef | null)[]) => {
-    updateParam('contentSources', next);
-    if (params.contentSource !== undefined) updateParam('contentSource', undefined);
-  };
-
-  const setItem = (index: number, ref: DataRef | null) => {
-    const next = [...contentSources];
-    next[index] = ref;
-    setContentSources(next);
-  };
-
-  const addItem = () => setContentSources([...contentSources, null]);
-  const removeItem = (index: number) => setContentSources(contentSources.filter((_, i) => i !== index));
-
-  return (
-    <>
-      <div className={styles.fileCreateContentSources}>
-        <label>{t('fileCreateNodeConfig.inhalteWelcheKontexteNacheinanderIn')}</label>
-        {contentSources.map((ref, i) => (
-          <div key={i} className={styles.contentSourceRow}>
-            <RefSourceSelect
-              value={ref}
-              onChange={(r) => setItem(i, r)}
-              placeholder={t('fileCreateNodeConfig.quelleWaehlen')}
-            />
-            <button
-              type="button"
-              className={styles.contentSourceRemoveBtn}
-              onClick={() => removeItem(i)}
-              title={t('fileCreateNodeConfig.entfernen')}
-              aria-label={t('fileCreateNodeConfig.inhaltEntfernen')}
-            >
-              ×
-            </button>
-          </div>
-        ))}
-        <button type="button" className={styles.contentSourceAddBtn} onClick={addItem}>
-          + Inhalt hinzufügen
-        </button>
-        {contentSources.length === 0 && (
-          <p className={styles.dynamicValueEmptyHint}>
-            Leer = Kontext vom verbundenen Node. Fügen Sie Inhalte hinzu, um mehrere Quellen zu kombinieren.
-          </p>
-        )}
-      </div>
-      <div>
-        <label>Ausgabeformat</label>
-        <select
-          value={(params.outputFormat as string) ?? 'docx'}
-          onChange={(e) => updateParam('outputFormat', e.target.value)}
-        >
-          {OUTPUT_FORMATS.map((opt) => (
-            <option key={opt} value={opt}>
-              {opt}
-            </option>
-          ))}
-        </select>
-      </div>
-      <div>
-        <label>Titel</label>
-        <input
-          value={(params.title as string) ?? ''}
-          onChange={(e) => updateParam('title', e.target.value)}
-          placeholder="Dokumenttitel"
-        />
-      </div>
-      <div>
-        <label>{t('fileCreateNodeConfig.vorlageStil')}</label>
-        <select
-          value={(params.templateName as string) ?? 'default'}
-          onChange={(e) => updateParam('templateName', e.target.value)}
-        >
-          {TEMPLATE_OPTIONS.map((opt) => (
-            <option key={opt} value={opt}>
-              {opt}
-            </option>
-          ))}
-        </select>
-      </div>
-      <div>
-        <label>{t('fileCreateNodeConfig.sprache')}</label>
-        <select
-          value={(params.language as string) ?? 'de'}
-          onChange={(e) => updateParam('language', e.target.value)}
-        >
-          {LANGUAGES.map((opt) => (
-            <option key={opt} value={opt}>
-              {opt}
-            </option>
-          ))}
-        </select>
-      </div>
-    </>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/ReviewNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/ReviewNodeConfig.tsx
deleted file mode 100644
index 20d0651..0000000
--- a/src/components/FlowEditor/nodes/configs/ReviewNodeConfig.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-/**
- * Review node config - content reference supports static value or node reference.
- */
-
-import React from 'react';
-import type { NodeConfigRendererProps } from './types';
-import { DynamicValueField } from '../shared/DynamicValueField';
-
-export const ReviewNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => (
-  <DynamicValueField
-    paramKey="contentRef"
-    value={params.contentRef}
-    onChange={updateParam}
-    label="Content-Referenz"
-    fieldType="input"
-    placeholder="{{nodeId.field}}"
-  />
-);
diff --git a/src/components/FlowEditor/nodes/configs/SelectionNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/SelectionNodeConfig.tsx
deleted file mode 100644
index adbbabb..0000000
--- a/src/components/FlowEditor/nodes/configs/SelectionNodeConfig.tsx
+++ /dev/null
@@ -1,50 +0,0 @@
-/**
- * Selection node config
- */
-
-import React from 'react';
-import type { NodeConfigRendererProps } from './types';
-
-export const SelectionNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
-  const options = (params.options as Array<{ value?: string; label?: string }>) ?? [];
-  return (
-    <div>
-      <label>Optionen</label>
-      {options.map((o, i) => (
-        <div key={i} style={{ display: 'flex', gap: 4, marginBottom: 4 }}>
-          <input
-            placeholder="value"
-            value={o.value ?? ''}
-            onChange={(e) => {
-              const next = [...options];
-              next[i] = { ...next[i], value: e.target.value };
-              updateParam('options', next);
-            }}
-          />
-          <input
-            placeholder="label"
-            value={o.label ?? ''}
-            onChange={(e) => {
-              const next = [...options];
-              next[i] = { ...next[i], label: e.target.value };
-              updateParam('options', next);
-            }}
-          />
-        </div>
-      ))}
-      <button type="button" onClick={() => updateParam('options', [...options, { value: '', label: '' }])}>
-        + Option
-      </button>
-      <div>
-        <label>
-          <input
-            type="checkbox"
-            checked={(params.multiple as boolean) ?? false}
-            onChange={(e) => updateParam('multiple', e.target.checked)}
-          />
-          Mehrfachauswahl
-        </label>
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx
deleted file mode 100644
index 515484e..0000000
--- a/src/components/FlowEditor/nodes/configs/SharePointNodeConfig.tsx
+++ /dev/null
@@ -1,342 +0,0 @@
-/**
- * SharePoint node config — connection selector, paths, search.
- * All nodes use SharepointBrowseTree with the selected connection (fetchBrowse + onLoadChildren).
- * Folder-style nodes (list, upload target, copy destination): folders only, folder selection.
- * File-style nodes (read, download, find path, copy source): file selection; folders expand only.
- */
-
-import React, { useEffect, useState, useCallback } from 'react';
-import type { NodeConfigRendererProps } from './types';
-import { fetchConnections, fetchBrowse, type UserConnection, type BrowseEntry } from '../../../../api/workflowApi';
-import { SharepointBrowseTree } from '../../../FolderTree/SharepointBrowseTree';
-
-import { useLanguage } from '../../../../providers/language/LanguageContext';
-
-const browseDetailsStyle: React.CSSProperties = {
-  marginTop: 12,
-  border: '1px solid var(--border-color, #e0e0e0)',
-  borderRadius: 6,
-  background: 'var(--bg-secondary, #f8f9fa)',
-  overflow: 'hidden',
-};
-
-const browseSummaryStyle: React.CSSProperties = {
-  padding: '0.5rem 0.75rem',
-  cursor: 'pointer',
-  fontWeight: 500,
-  fontSize: '0.875rem',
-  display: 'flex',
-  alignItems: 'center',
-  gap: '0.5rem',
-  userSelect: 'none',
-};
-
-const browseBodyStyle: React.CSSProperties = {
-  padding: '0.5rem 0.75rem',
-  borderTop: '1px solid var(--border-color, #e0e0e0)',
-  maxHeight: 280,
-  overflowY: 'auto',
-};
-
-function browsePanelTitle(nodeType: string): string {
-  switch (nodeType) {
-    case 'sharepoint.uploadFile':
-      return 'Zielordner durchsuchen';
-    case 'sharepoint.listFiles':
-      return 'Ordner durchsuchen';
-    case 'sharepoint.readFile':
-      return 'Datei auswählen';
-    case 'sharepoint.downloadFile':
-      return 'Datei auswählen';
-    case 'sharepoint.findFile':
-      return 'Pfad aus Bibliothek wählen';
-    default:
-      return 'SharePoint durchsuchen';
-  }
-}
-
-/** Folder / location pickers — tree shows folders only; selecting sets folder path. */
-function isFolderPickerNode(nodeType: string): boolean {
-  return nodeType === 'sharepoint.uploadFile' || nodeType === 'sharepoint.listFiles';
-}
-
-export const SharePointNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
-  updateParam,
-  instanceId,
-  request,
-  nodeType = 'sharepoint.findFile',
-}) => {
-  const { t } = useLanguage();
-  const [connections, setConnections] = useState<UserConnection[]>([]);
-  const [browseExpanded, setBrowseExpanded] = useState(false);
-  const [findFileBrowseExpanded, setFindFileBrowseExpanded] = useState(false);
-  const [copySourceExpanded, setCopySourceExpanded] = useState(false);
-  const [copyDestExpanded, setCopyDestExpanded] = useState(false);
-  const [connectionsLoading, setConnectionsLoading] = useState(false);
-
-  const connectionId = (params.connectionId as string) ?? '';
-  const path =
-    (params.path as string) ?? (params.filePath as string) ?? '';
-
-  useEffect(() => {
-    if (instanceId && request) {
-      setConnectionsLoading(true);
-      fetchConnections(request, instanceId)
-        .then(setConnections)
-        .catch(() => setConnections([]))
-        .finally(() => setConnectionsLoading(false));
-    }
-  }, [instanceId, request]);
-
-  const loadChildren = useCallback(
-    async (pathToLoad: string): Promise<BrowseEntry[]> => {
-      if (!instanceId || !request || !connectionId) return [];
-      const r = await fetchBrowse(request, instanceId, connectionId, 'sharepoint', pathToLoad);
-      return r?.items ?? [];
-    },
-    [instanceId, request, connectionId]
-  );
-
-  const selectPath = useCallback(
-    (p: string) => {
-      updateParam('path', p);
-      setBrowseExpanded(false);
-    },
-    [updateParam]
-  );
-
-  const selectSearchQueryFromFile = useCallback(
-    (p: string) => {
-      updateParam('searchQuery', p);
-      setFindFileBrowseExpanded(false);
-    },
-    [updateParam]
-  );
-
-  const selectSourcePath = useCallback(
-    (p: string) => {
-      updateParam('sourcePath', p);
-      setCopySourceExpanded(false);
-    },
-    [updateParam]
-  );
-
-  const selectDestPath = useCallback(
-    (p: string) => {
-      updateParam('destPath', p);
-      setCopyDestExpanded(false);
-    },
-    [updateParam]
-  );
-
-  const needsSearch = nodeType === 'sharepoint.findFile';
-  const needsSiteId = false;
-
-  const showPathFieldsForList =
-    nodeType === 'sharepoint.listFiles';
-  const showPathFieldsForFileUploadDownload =
-    nodeType === 'sharepoint.readFile' ||
-    nodeType === 'sharepoint.uploadFile' ||
-    nodeType === 'sharepoint.downloadFile';
-
-  /** Path + browse (same tree wiring) for these types — not copyFile (copy uses its own trees). */
-  const showStandardPathBrowse =
-    connectionId &&
-    (showPathFieldsForList || showPathFieldsForFileUploadDownload);
-
-  const showFindFileBrowse = connectionId && needsSearch;
-
-  return (
-    <>
-      <div>
-        <label>Connection</label>
-        <select
-          value={connectionId}
-          onChange={(e) => updateParam('connectionId', e.target.value)}
-          disabled={connectionsLoading}
-        >
-          <option value="">{connectionsLoading ? t('sharePointNodeConfig.loading') : t('sharePointNodeConfig.selectConnection')}</option>
-          {connections.map((c) => (
-            <option key={c.id} value={c.id}>
-              {c.externalUsername ?? c.id}
-            </option>
-          ))}
-        </select>
-      </div>
-
-      {needsSearch && (
-        <div>
-          <label>{t('sharePointNodeConfig.searchQueryPath')}</label>
-          <input
-            value={(params.searchQuery as string) ?? ''}
-            onChange={(e) => updateParam('searchQuery', e.target.value)}
-            placeholder="/sites/SiteName/Shared Documents or search term"
-          />
-        </div>
-      )}
-
-      {showPathFieldsForList && (
-        <div>
-          <label>{t('sharePointNodeConfig.folderPath')}</label>
-          <input
-            value={path}
-            onChange={(e) => updateParam('path', e.target.value)}
-            placeholder="/ or /sites/SiteName/Shared Documents/Folder"
-          />
-        </div>
-      )}
-
-      {showPathFieldsForFileUploadDownload && (
-        <div>
-          <label>
-            {nodeType === 'sharepoint.uploadFile'
-              ? 'Target folder path'
-              : nodeType === 'sharepoint.downloadFile'
-                ? t('sharePointNodeConfig.filePath')
-                : t('sharePointNodeConfig.path')}
-          </label>
-          <input
-            value={(params.path as string) ?? (params.filePath as string) ?? ''}
-            onChange={(e) => updateParam('path', e.target.value)}
-            placeholder={
-              nodeType === 'sharepoint.downloadFile'
-                ? '/sites/SiteName/Shared Documents/file.pdf'
-                : nodeType === 'sharepoint.uploadFile'
-                  ? '/sites/.../Shared Documents/TargetFolder/'
-                  : 'File path'
-            }
-          />
-        </div>
-      )}
-
-      {needsSiteId && (
-        <div>
-          <label>{t('sharePointNodeConfig.siteId')}</label>
-          <input
-            value={(params.siteId as string) ?? ''}
-            onChange={(e) => updateParam('siteId', e.target.value)}
-            placeholder={t('sharePointNodeConfig.sharepointSiteId')}
-          />
-        </div>
-      )}
-
-      {nodeType === 'sharepoint.copyFile' && (
-        <>
-          <div>
-            <label>{t('sharePointNodeConfig.sourceFile')}</label>
-            <input
-              value={(params.sourcePath as string) ?? ''}
-              onChange={(e) => updateParam('sourcePath', e.target.value)}
-              placeholder="/sites/.../folder/file.pdf"
-            />
-          </div>
-          <div>
-            <label>{t('sharePointNodeConfig.destinationFolder')}</label>
-            <input
-              value={(params.destPath as string) ?? ''}
-              onChange={(e) => updateParam('destPath', e.target.value)}
-              placeholder="/sites/.../target-folder/"
-            />
-          </div>
-          {connectionId && (
-            <>
-              <details
-                open={copySourceExpanded}
-                onToggle={(e) => setCopySourceExpanded((e.target as HTMLDetailsElement).open)}
-                style={browseDetailsStyle}
-              >
-                <summary style={{ ...browseSummaryStyle, padding: '0.5rem 0.75rem' }}>
-                  <span style={{ opacity: copySourceExpanded ? 0.7 : 1 }}>📂</span>
-                  Quelldatei durchsuchen
-                </summary>
-                <div style={browseBodyStyle}>
-                  <SharepointBrowseTree
-                    rootPath="/"
-                    onLoadChildren={loadChildren}
-                    foldersOnly={false}
-                    onSelectFile={selectSourcePath}
-                    selectedPath={(params.sourcePath as string) || null}
-                  />
-                </div>
-              </details>
-              <details
-                open={copyDestExpanded}
-                onToggle={(e) => setCopyDestExpanded((e.target as HTMLDetailsElement).open)}
-                style={{ ...browseDetailsStyle, marginTop: 8 }}
-              >
-                <summary style={{ ...browseSummaryStyle, padding: '0.5rem 0.75rem' }}>
-                  <span style={{ opacity: copyDestExpanded ? 0.7 : 1 }}>📂</span>
-                  Zielordner durchsuchen
-                </summary>
-                <div style={browseBodyStyle}>
-                  <SharepointBrowseTree
-                    rootPath="/"
-                    onLoadChildren={loadChildren}
-                    foldersOnly
-                    onSelectFile={() => {}}
-                    onSelectFolder={selectDestPath}
-                    selectedPath={(params.destPath as string) || null}
-                  />
-                </div>
-              </details>
-            </>
-          )}
-        </>
-      )}
-
-      {showStandardPathBrowse && (
-        <details
-          open={browseExpanded}
-          onToggle={(e) => setBrowseExpanded((e.target as HTMLDetailsElement).open)}
-          style={browseDetailsStyle}
-        >
-          <summary style={browseSummaryStyle}>
-            <span style={{ opacity: browseExpanded ? 0.7 : 1 }}>📂</span>
-            {browsePanelTitle(nodeType)}
-          </summary>
-          <div style={browseBodyStyle}>
-            {isFolderPickerNode(nodeType) && (
-              <SharepointBrowseTree
-                rootPath="/"
-                onLoadChildren={loadChildren}
-                foldersOnly
-                onSelectFile={() => {}}
-                onSelectFolder={selectPath}
-                selectedPath={path || null}
-              />
-            )}
-            {(nodeType === 'sharepoint.readFile' || nodeType === 'sharepoint.downloadFile') && (
-              <SharepointBrowseTree
-                rootPath="/"
-                onLoadChildren={loadChildren}
-                onSelectFile={selectPath}
-                selectedPath={path || null}
-              />
-            )}
-          </div>
-        </details>
-      )}
-
-      {showFindFileBrowse && (
-        <details
-          open={findFileBrowseExpanded}
-          onToggle={(e) => setFindFileBrowseExpanded((e.target as HTMLDetailsElement).open)}
-          style={browseDetailsStyle}
-        >
-          <summary style={browseSummaryStyle}>
-            <span style={{ opacity: findFileBrowseExpanded ? 0.7 : 1 }}>📂</span>
-            {browsePanelTitle('sharepoint.findFile')}
-          </summary>
-          <div style={browseBodyStyle}>
-            <SharepointBrowseTree
-              rootPath="/"
-              onLoadChildren={loadChildren}
-              onSelectFile={selectSearchQueryFromFile}
-              selectedPath={(params.searchQuery as string) || null}
-            />
-          </div>
-        </details>
-      )}
-    </>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx
deleted file mode 100644
index b660ce8..0000000
--- a/src/components/FlowEditor/nodes/configs/TrusteeNodeConfig.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-/**
- * Trustee node config — featureInstanceId, optional SharePoint connection + folder, prompt.
- * Covers: trustee.extractFromFiles, trustee.processDocuments, trustee.syncToAccounting.
- */
-
-import React, { useEffect, useState } from 'react';
-import type { NodeConfigRendererProps } from './types';
-import { fetchConnections, type UserConnection } from '../../../../api/workflowApi';
-
-import { useLanguage } from '../../../../providers/language/LanguageContext';
-
-export const TrusteeNodeConfig: React.FC<NodeConfigRendererProps> = ({ params,
-  updateParam,
-  instanceId,
-  request,
-  nodeType = 'trustee.extractFromFiles',
-}) => {
-  const { t } = useLanguage();
-  const [connections, setConnections] = useState<UserConnection[]>([]);
-  const [loading, setLoading] = useState(false);
-
-  const isExtract = nodeType === 'trustee.extractFromFiles';
-
-  useEffect(() => {
-    if (isExtract && instanceId && request) {
-      setLoading(true);
-      fetchConnections(request, instanceId)
-        .then(setConnections)
-        .catch(() => setConnections([]))
-        .finally(() => setLoading(false));
-    }
-  }, [isExtract, instanceId, request]);
-
-  return (
-    <>
-      <div>
-        <label>{t('trusteeNodeConfig.trusteeInstanceId')}</label>
-        <input
-          value={(params.featureInstanceId as string) ?? ''}
-          onChange={(e) => updateParam('featureInstanceId', e.target.value)}
-          placeholder={t('trusteeNodeConfig.trusteeFeatureinstanzid')}
-        />
-      </div>
-
-      {isExtract && (
-        <>
-          <div>
-            <label>{t('trusteeNodeConfig.sharepointConnectionOptional')}</label>
-            <select
-              value={(params.connectionId as string) ?? ''}
-              onChange={(e) => updateParam('connectionId', e.target.value)}
-              disabled={loading}
-            >
-              <option value="">{loading ? t('trusteeNodeConfig.laden') : t('trusteeNodeConfig.keineDateienAusVorherigemSchritt')}</option>
-              {connections.map((c) => (
-                <option key={c.id} value={c.id}>
-                  {c.externalUsername ?? c.id}
-                </option>
-              ))}
-            </select>
-          </div>
-          <div>
-            <label>{t('trusteeNodeConfig.sharepointOrdnerpfadOptional')}</label>
-            <input
-              value={(params.sharepointFolder as string) ?? ''}
-              onChange={(e) => updateParam('sharepointFolder', e.target.value)}
-              placeholder="/sites/MySite/Documents/Expenses"
-            />
-          </div>
-          <div>
-            <label>{t('trusteeNodeConfig.aiPromptOptional')}</label>
-            <textarea
-              value={(params.prompt as string) ?? ''}
-              onChange={(e) => updateParam('prompt', e.target.value)}
-              placeholder={t('trusteeNodeConfig.zusaetzlicheAnweisungenFuerDieAiextraktion')}
-              rows={3}
-            />
-          </div>
-        </>
-      )}
-
-      {!isExtract && (
-        <div>
-          <label>{t('trusteeNodeConfig.documentListReferenz')}</label>
-          <input
-            value={(params.documentList as string) ?? ''}
-            onChange={(e) => updateParam('documentList', e.target.value)}
-            placeholder={t('trusteeNodeConfig.referenzAufVorherigenSchrittAutomatisch')}
-          />
-        </div>
-      )}
-    </>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx b/src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx
deleted file mode 100644
index c5a4a0f..0000000
--- a/src/components/FlowEditor/nodes/configs/UploadNodeConfig.tsx
+++ /dev/null
@@ -1,83 +0,0 @@
-/**
- * Upload node config – allowed file types (multi-select), max size, multiple files.
- * Uses shared fileTypeMimeMapping for option definitions.
- */
-
-import React from 'react';
-import type { NodeConfigRendererProps } from './types';
-import { getAcceptValues, parseAllowedTypes } from '../runtime/fileTypeMimeMapping';
-import styles from '../../editor/Automation2FlowEditor.module.css';
-
-import { useLanguage } from '../../../../providers/language/LanguageContext';
-
-function buildAcceptString(allowedTypes: string[]): string {
-  if (allowedTypes.length === 0) return '';
-  return allowedTypes.join(',');
-}
-
-/** Get HTML accept string from node config (for file input). */
-export function getAcceptStringFromConfig(config: Record<string, unknown>): string {
-  const types = parseAllowedTypes(config);
-  return buildAcceptString(types);
-}
-
-const FILE_TYPE_CHIP_OPTIONS = getAcceptValues();
-
-export const UploadNodeConfig: React.FC<NodeConfigRendererProps> = ({ params, updateParam }) => {
-  const { t } = useLanguage();
-  const allowedTypes = parseAllowedTypes(params);
-  const maxSize = (params.maxSize as number) ?? 10;
-  const multiple = (params.multiple as boolean) ?? false;
-
-  const toggleType = (value: string) => {
-    const next = allowedTypes.includes(value)
-      ? allowedTypes.filter((v) => v !== value)
-      : [...allowedTypes, value];
-    updateParam('allowedTypes', next);
-    updateParam('accept', next.length ? buildAcceptString(next) : ''); // legacy compat for backend
-  };
-
-  return (
-    <div className={styles.uploadNodeConfig}>
-      <div className={styles.configBlock}>
-        <label>{t('uploadNodeConfig.erlaubteDateitypen')}</label>
-        <p className={styles.configHint}>
-          Mehrfachauswahl möglich. Keine Auswahl = alle Typen erlaubt.
-        </p>
-        <div className={styles.fileTypeChips}>
-          {FILE_TYPE_CHIP_OPTIONS.map((opt) => (
-            <label key={opt.value} className={styles.fileTypeChip}>
-              <input
-                type="checkbox"
-                checked={allowedTypes.includes(opt.value)}
-                onChange={() => toggleType(opt.value)}
-              />
-              <span>{opt.label}</span>
-            </label>
-          ))}
-        </div>
-      </div>
-      <div className={styles.configBlock}>
-        <label>{t('uploadNodeConfig.maxGroesseMb')}</label>
-        <input
-          type="number"
-          min={0.1}
-          max={500}
-          step={1}
-          value={maxSize}
-          onChange={(e) => updateParam('maxSize', parseFloat(e.target.value) || 10)}
-        />
-      </div>
-      <div className={styles.configBlock}>
-        <label>
-          <input
-            type="checkbox"
-            checked={multiple}
-            onChange={(e) => updateParam('multiple', e.target.checked)}
-          />
-          Mehrere Dateien erlauben
-        </label>
-      </div>
-    </div>
-  );
-};
diff --git a/src/components/FlowEditor/nodes/configs/index.ts b/src/components/FlowEditor/nodes/configs/index.ts
deleted file mode 100644
index 10fe8a4..0000000
--- a/src/components/FlowEditor/nodes/configs/index.ts
+++ /dev/null
@@ -1,69 +0,0 @@
-/**
- * Node config renderers - one per node type (input, ai, email, sharepoint, clickup).
- */
-
-import type { ComponentType } from 'react';
-import type { NodeConfigRendererProps } from './types';
-import { FormNodeConfig } from '../form/FormNodeConfig';
-import { ApprovalNodeConfig } from './ApprovalNodeConfig';
-import { UploadNodeConfig } from './UploadNodeConfig';
-import { CommentNodeConfig } from './CommentNodeConfig';
-import { ReviewNodeConfig } from './ReviewNodeConfig';
-import { SelectionNodeConfig } from './SelectionNodeConfig';
-import { ConfirmationNodeConfig } from './ConfirmationNodeConfig';
-import { AiNodeConfig } from './AiNodeConfig';
-import { EmailNodeConfig } from './EmailNodeConfig';
-import { SharePointNodeConfig } from './SharePointNodeConfig';
-import { ClickUpNodeConfig } from './ClickUpNodeConfig';
-import { StartNodeConfig } from '../start/StartNodeConfig';
-import { IfElseNodeConfig } from '../ifElse/IfElseNodeConfig';
-import { SwitchNodeConfig } from '../switch/SwitchNodeConfig';
-import { LoopNodeConfig } from '../loop/LoopNodeConfig';
-import { FormStartNodeConfig } from '../start/FormStartNodeConfig';
-import { ScheduleStartNodeConfig } from '../start/ScheduleStartNodeConfig';
-import { FileCreateNodeConfig } from './FileCreateNodeConfig';
-import { TrusteeNodeConfig } from './TrusteeNodeConfig';
-
-export type NodeConfigComponent = ComponentType<NodeConfigRendererProps>;
-
-export const NODE_CONFIG_REGISTRY: Record<string, NodeConfigComponent> = {
-  'trigger.manual': StartNodeConfig,
-  'trigger.form': FormStartNodeConfig,
-  'trigger.schedule': ScheduleStartNodeConfig,
-  'input.form': FormNodeConfig,
-  'input.approval': ApprovalNodeConfig,
-  'input.upload': UploadNodeConfig,
-  'input.comment': CommentNodeConfig,
-  'input.review': ReviewNodeConfig,
-  'input.selection': SelectionNodeConfig,
-  'input.confirmation': ConfirmationNodeConfig,
-  'ai.prompt': AiNodeConfig,
-  'ai.webResearch': AiNodeConfig,
-  'ai.summarizeDocument': AiNodeConfig,
-  'ai.translateDocument': AiNodeConfig,
-  'ai.convertDocument': AiNodeConfig,
-  'ai.generateDocument': AiNodeConfig,
-  'ai.generateCode': AiNodeConfig,
-  'file.create': FileCreateNodeConfig,
-  'email.checkEmail': EmailNodeConfig,
-  'email.searchEmail': EmailNodeConfig,
-  'email.draftEmail': EmailNodeConfig,
-  'sharepoint.findFile': SharePointNodeConfig,
-  'sharepoint.readFile': SharePointNodeConfig,
-  'sharepoint.uploadFile': SharePointNodeConfig,
-  'sharepoint.listFiles': SharePointNodeConfig,
-  'sharepoint.downloadFile': SharePointNodeConfig,
-  'sharepoint.copyFile': SharePointNodeConfig,
-  'clickup.searchTasks': ClickUpNodeConfig,
-  'clickup.listTasks': ClickUpNodeConfig,
-  'clickup.getTask': ClickUpNodeConfig,
-  'clickup.createTask': ClickUpNodeConfig,
-  'clickup.updateTask': ClickUpNodeConfig,
-  'clickup.uploadAttachment': ClickUpNodeConfig,
-  'flow.ifElse': IfElseNodeConfig,
-  'flow.switch': SwitchNodeConfig,
-  'flow.loop': LoopNodeConfig,
-  'trustee.extractFromFiles': TrusteeNodeConfig,
-  'trustee.processDocuments': TrusteeNodeConfig,
-  'trustee.syncToAccounting': TrusteeNodeConfig,
-};
diff --git a/src/components/FlowEditor/nodes/configs/types.ts b/src/components/FlowEditor/nodes/configs/types.ts
deleted file mode 100644
index ca2074c..0000000
--- a/src/components/FlowEditor/nodes/configs/types.ts
+++ /dev/null
@@ -1 +0,0 @@
-export type { NodeConfigRendererProps, FormField } from '../shared/types';
diff --git a/src/components/FlowEditor/nodes/form/FormNodeConfig.tsx b/src/components/FlowEditor/nodes/form/FormNodeConfig.tsx
index ebad145..eb071e9 100644
--- a/src/components/FlowEditor/nodes/form/FormNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/form/FormNodeConfig.tsx
@@ -4,7 +4,7 @@
 
 import React, { useEffect, useState } from 'react';
 import { FaGripVertical, FaTimes } from 'react-icons/fa';
-import type { FormField, NodeConfigRendererProps } from '../configs/types';
+import type { FormField, NodeConfigRendererProps } from '../shared/types';
 import { fetchConnections, type UserConnection } from '../../../../api/workflowApi';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
diff --git a/src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx b/src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx
index a86b53b..46620cc 100644
--- a/src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/ifElse/IfElseNodeConfig.tsx
@@ -4,7 +4,7 @@
  */
 
 import React from 'react';
-import type { NodeConfigRendererProps } from '../configs/types';
+import type { NodeConfigRendererProps } from '../shared/types';
 import { RefSourceSelect, getFieldType } from '../shared/RefSourceSelect';
 import { useAutomation2DataFlow } from '../../context/Automation2DataFlowContext';
 import { isRef } from '../shared/dataRef';
diff --git a/src/components/FlowEditor/nodes/loop/LoopNodeConfig.tsx b/src/components/FlowEditor/nodes/loop/LoopNodeConfig.tsx
index 3b69109..c801075 100644
--- a/src/components/FlowEditor/nodes/loop/LoopNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/loop/LoopNodeConfig.tsx
@@ -4,7 +4,7 @@
  */
 
 import React from 'react';
-import type { NodeConfigRendererProps } from '../configs/types';
+import type { NodeConfigRendererProps } from '../shared/types';
 import { LoopItemsSelect } from '../shared/LoopItemsSelect';
 import { createValue, isRef, isValue } from '../shared/dataRef';
 import styles from '../../editor/Automation2FlowEditor.module.css';
diff --git a/src/components/FlowEditor/nodes/shared/graphUtils.ts b/src/components/FlowEditor/nodes/shared/graphUtils.ts
index 21655e4..4880bdb 100644
--- a/src/components/FlowEditor/nodes/shared/graphUtils.ts
+++ b/src/components/FlowEditor/nodes/shared/graphUtils.ts
@@ -27,6 +27,7 @@ export function fromApiGraph(
       const cases = (n.parameters?.cases as unknown[]) ?? [];
       outputs = Math.max(1, cases.length);
     }
+    const nt = nodeTypes.find((t) => t.id === n.type);
     return {
       id: n.id,
       type: n.type,
@@ -37,6 +38,8 @@ export function fromApiGraph(
       inputs: io.inputs,
       outputs,
       parameters: n.parameters ?? {},
+      inputPorts: nt?.inputPorts,
+      outputPorts: nt?.outputPorts,
     };
   });
 
@@ -71,6 +74,8 @@ export function toApiGraph(
       title: n.title,
       comment: n.comment,
       parameters: n.parameters ?? {},
+      inputPorts: n.inputPorts,
+      outputPorts: n.outputPorts,
     })),
     connections: connections.map((c) => {
       const srcNode = nodeMap.get(c.sourceId);
diff --git a/src/components/FlowEditor/nodes/shared/utils.ts b/src/components/FlowEditor/nodes/shared/utils.ts
index 1f0d55a..f6d51da 100644
--- a/src/components/FlowEditor/nodes/shared/utils.ts
+++ b/src/components/FlowEditor/nodes/shared/utils.ts
@@ -23,3 +23,12 @@ export function getCategoryIcon(categoryId: string): React.ReactNode {
 
 /** Function type for resolving localized labels */
 export type GetLabelFn = (text: string | Record<string, string> | undefined, lang?: string) => string;
+
+/** Build an HTML accept attribute from an upload node config's allowedTypes array. */
+export function getAcceptStringFromConfig(
+  config: Record<string, unknown>
+): string {
+  const types = config.allowedTypes;
+  if (!Array.isArray(types) || types.length === 0) return '*';
+  return types.join(',');
+}
diff --git a/src/components/FlowEditor/nodes/start/FormStartNodeConfig.tsx b/src/components/FlowEditor/nodes/start/FormStartNodeConfig.tsx
index 406c6fc..68884f9 100644
--- a/src/components/FlowEditor/nodes/start/FormStartNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/start/FormStartNodeConfig.tsx
@@ -3,7 +3,7 @@
  */
 
 import React, { useMemo } from 'react';
-import type { NodeConfigRendererProps } from '../configs/types';
+import type { NodeConfigRendererProps } from '../shared/types';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
 import { useLanguage } from '../../../../providers/language/LanguageContext';
diff --git a/src/components/FlowEditor/nodes/start/ScheduleStartNodeConfig.tsx b/src/components/FlowEditor/nodes/start/ScheduleStartNodeConfig.tsx
index 98d7bc9..68b18b0 100644
--- a/src/components/FlowEditor/nodes/start/ScheduleStartNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/start/ScheduleStartNodeConfig.tsx
@@ -4,7 +4,7 @@
 
 import React, { useState, useEffect, useCallback, useRef } from 'react';
 import { AnimatePresence, LayoutGroup, motion, useReducedMotion } from 'framer-motion';
-import type { NodeConfigRendererProps } from '../configs/types';
+import type { NodeConfigRendererProps } from '../shared/types';
 import {
   type ScheduleSpec,
   type ScheduleMode,
diff --git a/src/components/FlowEditor/nodes/start/StartNodeConfig.tsx b/src/components/FlowEditor/nodes/start/StartNodeConfig.tsx
index 1bd9863..d9d2223 100644
--- a/src/components/FlowEditor/nodes/start/StartNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/start/StartNodeConfig.tsx
@@ -4,7 +4,7 @@
  */
 
 import React from 'react';
-import type { NodeConfigRendererProps } from '../configs/types';
+import type { NodeConfigRendererProps } from '../shared/types';
 import styles from '../../editor/Automation2FlowEditor.module.css';
 
 const SCHEMA_EXAMPLE = `{
diff --git a/src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx b/src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx
index cb1a117..2e5c72e 100644
--- a/src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx
+++ b/src/components/FlowEditor/nodes/switch/SwitchNodeConfig.tsx
@@ -4,7 +4,7 @@
  */
 
 import React from 'react';
-import type { NodeConfigRendererProps } from '../configs/types';
+import type { NodeConfigRendererProps } from '../shared/types';
 import { RefSourceSelect, getFieldType } from '../shared/RefSourceSelect';
 import { useAutomation2DataFlow } from '../../context/Automation2DataFlowContext';
 import { isRef, createValue } from '../shared/dataRef';
diff --git a/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.module.css b/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.module.css
index da0bc83..2503343 100644
--- a/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.module.css
+++ b/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.module.css
@@ -341,6 +341,45 @@
   box-shadow: none;
 }
 
+/* Auto-translate button for multilingual fields */
+.translateBtn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 4px 10px;
+  margin-top: 2px;
+  margin-bottom: 4px;
+  border: 1px solid var(--color-border, #E2E8F0);
+  border-radius: 4px;
+  background: var(--color-bg, #fff);
+  color: var(--color-secondary);
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all 0.15s ease;
+}
+
+.translateBtn:hover:not(:disabled) {
+  background: var(--color-secondary);
+  color: #fff;
+  border-color: var(--color-secondary);
+}
+
+.translateBtn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.translateBtnSpinner {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  border: 1.5px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: spin 0.6s linear infinite;
+}
+
 /* Responsive design */
 @media (max-width: 640px) {
   .buttonGroup {
diff --git a/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.tsx b/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.tsx
index 57e2688..cec6e8b 100644
--- a/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.tsx
+++ b/src/components/FormGenerator/FormGeneratorForm/FormGeneratorForm.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useCallback, useRef } from 'react';
+import React, { useState, useEffect, useCallback, useRef, useMemo } from 'react';
 import { useLanguage } from '../../../providers/language/LanguageContext';
 import api from '../../../api';
 import styles from './FormGeneratorForm.module.css';
@@ -16,13 +16,10 @@ import {
 } from '../../../utils/attributeTypeMapper';
 import type { AttributeType } from '../../../utils/attributeTypeMapper';
 
-// Helper function to detect TextMultilingual objects
-// TextMultilingual has structure: { en: string, ge?: string, fr?: string, it?: string }
 const isTextMultilingual = (value: any): boolean => {
   if (!value || typeof value !== 'object' || Array.isArray(value) || value instanceof Date) {
     return false;
   }
-  // Check if it has 'en' property (required) and optionally other language codes
   return 'en' in value && typeof value.en === 'string';
 };
 
@@ -116,7 +113,7 @@ export function FormGeneratorForm<T extends Record<string, any>>({
   customValidator,
   instanceId
 }: FormGeneratorFormProps<T>) {
-  const { t } = useLanguage();
+  const { t, availableLanguages } = useLanguage();
   
   const [formData, setFormData] = useState<T>(data || {} as T);
   const [errors, setErrors] = useState<Record<string, string>>({});
@@ -126,6 +123,7 @@ export function FormGeneratorForm<T extends Record<string, any>>({
   const [optionsCache, setOptionsCache] = useState<Record<string, Array<{ value: string | number; label: string }>>>({});
   const [loadingOptions, setLoadingOptions] = useState<Record<string, boolean>>({});
   const [submitting, setSubmitting] = useState(false);
+  const [translatingField, setTranslatingField] = useState<string | null>(null);
   // Track which option keys have been fetched or are being fetched (using ref to avoid re-renders)
   const fetchedOrFetchingOptions = useRef<Set<string>>(new Set());
   
@@ -657,34 +655,70 @@ export function FormGeneratorForm<T extends Record<string, any>>({
     }
   };
 
+  // Build multilingual language list dynamically from availableLanguages.
+  // 'en' is always first and required; remaining languages follow in DB order.
+  const multilingualLangs = useMemo(() => {
+    const base: { code: string; uiLabel: string; required: boolean }[] = [
+      { code: 'en', uiLabel: 'EN', required: true },
+    ];
+    for (const lang of availableLanguages) {
+      if (lang.code === 'en' || lang.code === 'xx') continue;
+      base.push({ code: lang.code, uiLabel: lang.code.toUpperCase(), required: false });
+    }
+    if (base.length === 1) {
+      base.push({ code: 'de', uiLabel: 'DE', required: false });
+    }
+    return base;
+  }, [availableLanguages]);
+
+  const _handleAutoTranslate = async (attrName: string, multilingualValue: Record<string, string>) => {
+    const sourceLang = multilingualLangs.find(l => (multilingualValue[l.code] || '').trim())?.code;
+    if (!sourceLang) return;
+    const sourceText = (multilingualValue[sourceLang] || '').trim();
+    if (!sourceText) return;
+
+    const targetLangs = multilingualLangs.map(l => l.code).filter(c => c !== sourceLang);
+    if (!targetLangs.length) return;
+
+    setTranslatingField(attrName);
+    try {
+      const res = await api.post('/api/i18n/translate-field', {
+        sourceText,
+        sourceLang,
+        targetLangs,
+      });
+      const translations: Record<string, string> = res.data?.translations || {};
+      const newValue = { ...multilingualValue };
+      for (const [lang, text] of Object.entries(translations)) {
+        newValue[lang] = text;
+      }
+      handleFieldChange(attrName, newValue);
+    } catch (err) {
+      console.error('Auto-translate failed:', err);
+    } finally {
+      setTranslatingField(null);
+    }
+  };
+
   // Render multilingual field
   const renderMultilingualField = (attr: AttributeDefinition) => {
     const value = formData[attr.name] || { en: '' };
     const hasError = errors[attr.name];
     const isReadonly = mode === 'display' || attr.readonly || !isFieldEditableInMode(attr, mode);
-    
-    // Ensure value is a TextMultilingual object
+
     const multilingualValue = isTextMultilingual(value) ? value : { en: typeof value === 'string' ? value : '' };
-    
-    const languages = [
-      { code: 'en', label: 'EN', required: true },
-      { code: 'ge', label: 'DE', required: false },
-      { code: 'fr', label: 'FR', required: false },
-      { code: 'it', label: 'IT', required: false }
-    ];
-    
+
     const handleMultilingualChange = (langCode: string, langValue: string) => {
       const newValue = { ...multilingualValue, [langCode]: langValue };
       handleFieldChange(attr.name, newValue);
     };
-    
+
     if (isReadonly) {
-      // Display mode - show all languages
-      const displayValues = languages
+      const displayValues = multilingualLangs
         .filter(lang => multilingualValue[lang.code] && multilingualValue[lang.code].trim())
-        .map(lang => `${lang.label}: ${multilingualValue[lang.code]}`)
+        .map(lang => `${lang.uiLabel}: ${multilingualValue[lang.code]}`)
         .join(' | ');
-      
+
       return (
         <div className={styles.fieldGroup} key={attr.name}>
           <div className={styles.readonlyField}>
@@ -696,14 +730,14 @@ export function FormGeneratorForm<T extends Record<string, any>>({
         </div>
       );
     }
-    
+
     return (
       <div className={styles.fieldGroup} key={attr.name}>
         <label className={styles.fieldLabel}>
           {attr.label}
           {attr.required && <span className={styles.required}>*</span>}
         </label>
-        {languages.map(lang => (
+        {multilingualLangs.map(lang => (
           <div className={styles.floatingLabelInput} key={lang.code}>
             <input
               type="text"
@@ -714,11 +748,25 @@ export function FormGeneratorForm<T extends Record<string, any>>({
               className={`${styles.fieldInput} ${hasError && lang.code === 'en' ? styles.fieldError : ''}`}
             />
             <label className={getLabelClass(`${attr.name}.${lang.code}`, multilingualValue[lang.code])}>
-              {lang.label}
+              {lang.uiLabel}
               {lang.required && <span className={styles.required}>*</span>}
             </label>
           </div>
         ))}
+        {multilingualLangs.length > 1 && (
+          <button
+            type="button"
+            className={styles.translateBtn}
+            disabled={translatingField === attr.name || !multilingualLangs.some(l => (multilingualValue[l.code] || '').trim())}
+            onClick={() => _handleAutoTranslate(attr.name, multilingualValue)}
+            title={t('KI-Übersetzung: Füllt alle leeren Sprachen aus der ersten ausgefüllten Sprache.')}
+          >
+            {translatingField === attr.name
+              ? <><span className={styles.translateBtnSpinner} /> {t('Übersetze…')}</>
+              : <>&#x1F310; {t('In alle Sprachen übersetzen')}</>
+            }
+          </button>
+        )}
         {hasError && <span className={styles.errorText}>{hasError}</span>}
       </div>
     );
diff --git a/src/components/FormGenerator/FormGeneratorTable/FormGeneratorTable.tsx b/src/components/FormGenerator/FormGeneratorTable/FormGeneratorTable.tsx
index 9623a68..9f39c33 100644
--- a/src/components/FormGenerator/FormGeneratorTable/FormGeneratorTable.tsx
+++ b/src/components/FormGenerator/FormGeneratorTable/FormGeneratorTable.tsx
@@ -78,51 +78,32 @@ import api from '../../../api';
 // FK Cache type: maps fkSource -> { id -> displayLabel }
 type FkCacheType = Record<string, Record<string, string>>;
 
-// Helper function to detect TextMultilingual objects
-// TextMultilingual has structure: { en: string, ge?: string, fr?: string, it?: string }
 const isTextMultilingual = (value: any): boolean => {
   if (!value || typeof value !== 'object' || Array.isArray(value) || value instanceof Date) {
     return false;
   }
-  // Check if it has 'en' property (required) and optionally other language codes
   return 'en' in value && typeof value.en === 'string';
 };
 
-// Helper function to format TextMultilingual for display
 const formatTextMultilingual = (value: any, currentLanguage?: string): string => {
   if (!isTextMultilingual(value)) {
     return String(value);
   }
-  
-  // Map language codes (backend uses 'ge' for German, frontend might use 'de')
-  const languageMap: Record<string, string> = {
-    'de': 'ge',
-    'en': 'en',
-    'fr': 'fr',
-    'it': 'it'
-  };
-  
-  // Try to get value for current language
-  if (currentLanguage) {
-    const backendLang = languageMap[currentLanguage] || currentLanguage;
-    if (value[backendLang] && typeof value[backendLang] === 'string' && value[backendLang].trim()) {
-      return value[backendLang];
-    }
+
+  if (currentLanguage && value[currentLanguage] && typeof value[currentLanguage] === 'string' && value[currentLanguage].trim()) {
+    return value[currentLanguage];
   }
-  
-  // Fallback to English (required field)
+
   if (value.en && typeof value.en === 'string' && value.en.trim()) {
     return value.en;
   }
-  
-  // If no English, try other languages
-  const languages = ['ge', 'fr', 'it'];
-  for (const lang of languages) {
-    if (value[lang] && typeof value[lang] === 'string' && value[lang].trim()) {
-      return value[lang];
+
+  for (const key of Object.keys(value)) {
+    if (key !== 'en' && value[key] && typeof value[key] === 'string' && value[key].trim()) {
+      return value[key];
     }
   }
-  
+
   return '-';
 };
 
@@ -335,11 +316,7 @@ export function FormGeneratorTable<T extends Record<string, any>>({
   const { t, currentLanguage: contextLanguage } = useLanguage();
   // When only onDelete is provided, use it for multi-delete too so Delete stays visible with 2+ selected
   const onDeleteMultiple = onDeleteMultipleProp ?? (onDelete ? (rows: T[]) => rows.forEach((r) => onDelete(r)) : undefined);
-  // Map frontend language codes (de/en/fr) to backend codes (ge/en/fr) for multilingual field resolution
-  const currentLanguage = useMemo(() => {
-    const langMap: Record<string, string> = { 'de': 'ge', 'en': 'en', 'fr': 'fr', 'it': 'it' };
-    return langMap[contextLanguage] || contextLanguage || 'en';
-  }, [contextLanguage]);
+  const currentLanguage = useMemo(() => contextLanguage || 'en', [contextLanguage]);
   // Use provided columns from Pydantic attribute definitions
   // NO AUTO-DETECTION - columns must come from backend attribute definitions
   // Use a ref to cache columns so they persist across data changes (e.g., when filtering)
@@ -617,25 +594,8 @@ export function FormGeneratorTable<T extends Record<string, any>>({
     
     // Object - check for TextMultilingual (has 'en' key)
     if (typeof fieldValue === 'object' && fieldValue !== null) {
-      // TextMultilingual: { en: "...", ge: "...", fr: "...", it: "..." }
       if ('en' in fieldValue) {
-        // Map frontend language codes to backend codes
-        const langMap: Record<string, string> = { 'de': 'ge', 'en': 'en', 'fr': 'fr', 'it': 'it' };
-        const backendLang = langMap[language] || language;
-        
-        // Try current language first, then fallback
-        if (fieldValue[backendLang] && typeof fieldValue[backendLang] === 'string' && fieldValue[backendLang].trim()) {
-          return fieldValue[backendLang];
-        }
-        if (fieldValue.en && typeof fieldValue.en === 'string' && fieldValue.en.trim()) {
-          return fieldValue.en;
-        }
-        // Try other languages
-        for (const lang of ['ge', 'fr', 'it']) {
-          if (fieldValue[lang] && typeof fieldValue[lang] === 'string' && fieldValue[lang].trim()) {
-            return fieldValue[lang];
-          }
-        }
+        return formatTextMultilingual(fieldValue, language);
       }
       
       // Other objects → try to stringify
diff --git a/src/components/Navigation/MandateNavigation.tsx b/src/components/Navigation/MandateNavigation.tsx
index 9eb3cee..bda6857 100644
--- a/src/components/Navigation/MandateNavigation.tsx
+++ b/src/components/Navigation/MandateNavigation.tsx
@@ -46,12 +46,13 @@ type NavTranslateFn = (key: string, params?: Record<string, string | number>) =>
 // =============================================================================
 
 /**
- * Convert a NavigationItem (from static block) to TreeNodeItem
+ * Convert a NavigationItem (from static block) to TreeNodeItem.
+ * Labels from the backend are German i18n keys — translate via t().
  */
-function navigationItemToTreeNode(item: NavigationItem): TreeNodeItem {
+function navigationItemToTreeNode(item: NavigationItem, tr: NavTranslateFn): TreeNodeItem {
   return {
     id: item.objectKey,
-    label: item.uiLabel,
+    label: tr(item.uiLabel),
     icon: getPageIcon(item.uiComponent),
     path: item.uiPath,
   };
@@ -65,23 +66,25 @@ function _staticItemsToTreeNode(
   id: string,
   label: string,
   items: NavigationItem[],
+  tr: NavTranslateFn,
   defaultExpanded: boolean = true,
 ): TreeNodeItem {
   return {
     id,
     label,
-    children: items.map(navigationItemToTreeNode),
+    children: items.map(i => navigationItemToTreeNode(i, tr)),
     defaultExpanded,
   };
 }
 
 /**
- * Convert a FeatureView to TreeNodeItem
+ * Convert a FeatureView to TreeNodeItem.
+ * View labels are German i18n keys — translate via t().
  */
-function featureViewToTreeNode(view: FeatureView): TreeNodeItem {
+function featureViewToTreeNode(view: FeatureView, tr: NavTranslateFn): TreeNodeItem {
   return {
     id: view.objectKey,
-    label: view.uiLabel,
+    label: tr(view.uiLabel),
     path: view.uiPath,
   };
 }
@@ -98,7 +101,7 @@ function featureInstanceToTreeNode(
   onRename: ((instanceId: string, currentLabel: string) => void) | undefined,
   tr: NavTranslateFn,
 ): TreeNodeItem {
-  const children = instance.views.map(featureViewToTreeNode);
+  const children = instance.views.map(v => featureViewToTreeNode(v, tr));
   const renameAction = instance.isAdmin && onRename ? (
     <button
       className={styles.renameButton}
@@ -206,7 +209,7 @@ const EmptyState: React.FC = () => {
 
 export const MandateNavigation: React.FC = () => {
   const { t } = useLanguage();
-  const { blocks, loading, refresh } = useNavigation('de');
+  const { blocks, loading, refresh } = useNavigation();
   const { prompt, PromptDialog } = usePrompt();
   const { showWarning } = useToast();
 
@@ -249,14 +252,14 @@ export const MandateNavigation: React.FC = () => {
     if (systemBlock) {
       const children: TreeNodeItem[] = [];
       for (const item of systemBlock.items) {
-        children.push(navigationItemToTreeNode(item));
+        children.push(navigationItemToTreeNode(item, t));
       }
       if (systemBlock.subgroups && systemBlock.subgroups.length > 0) {
         for (const sg of systemBlock.subgroups) {
           children.push({
             id: sg.id,
-            label: sg.title,
-            children: sg.items.map(navigationItemToTreeNode),
+            label: t(sg.title),
+            children: sg.items.map(i => navigationItemToTreeNode(i, t)),
             defaultExpanded: true,
           });
         }
@@ -285,8 +288,8 @@ export const MandateNavigation: React.FC = () => {
       if (items.length > 0) items.push({ type: 'separator' });
       const subgroupNodes: TreeNodeItem[] = adminSubgroups.map(sg => ({
         id: sg.id,
-        label: sg.title,
-        children: sg.items.map(navigationItemToTreeNode),
+        label: t(sg.title),
+        children: sg.items.map(i => navigationItemToTreeNode(i, t)),
         defaultExpanded: false,
       }));
       items.push({
@@ -297,7 +300,7 @@ export const MandateNavigation: React.FC = () => {
       });
     } else if (adminItems.length > 0) {
       if (items.length > 0) items.push({ type: 'separator' });
-      items.push(_staticItemsToTreeNode('administration', t('Administration'), adminItems, false));
+      items.push(_staticItemsToTreeNode('administration', t('Administration'), adminItems, t, false));
     }
 
     return items;
diff --git a/src/components/QuickActionBoard/QuickActionBoard.module.css b/src/components/QuickActionBoard/QuickActionBoard.module.css
new file mode 100644
index 0000000..83886f4
--- /dev/null
+++ b/src/components/QuickActionBoard/QuickActionBoard.module.css
@@ -0,0 +1,118 @@
+/* QuickActionBoard — Quick Action card grid */
+
+.board {
+  margin-top: 1.5rem;
+}
+
+.boardTitle {
+  font-size: 1.1rem;
+  font-weight: 600;
+  margin: 0 0 0.75rem 0;
+  color: var(--text-primary, #1a1a2e);
+}
+
+.categorySection {
+  margin-bottom: 1.25rem;
+}
+
+.categoryTitle {
+  font-size: 0.85rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--text-secondary, #6c7293);
+  margin: 0 0 0.5rem 0;
+}
+
+.grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+  gap: 0.75rem;
+}
+
+.card {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 0.35rem;
+  padding: 1rem;
+  border: 1px solid var(--border-light, #e4e6ef);
+  border-radius: 10px;
+  background: var(--bg-card, #ffffff);
+  cursor: pointer;
+  transition: box-shadow 0.15s ease, transform 0.1s ease, border-color 0.15s ease;
+  text-align: left;
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+  outline: none;
+}
+
+.card:hover {
+  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
+  transform: translateY(-1px);
+  border-color: var(--border-active, #b5b5c3);
+}
+
+.card:focus-visible {
+  box-shadow: 0 0 0 2px var(--color-primary, #4361ee);
+}
+
+.card:active {
+  transform: translateY(0);
+}
+
+.actionIcon {
+  font-size: 1.5rem;
+  line-height: 1;
+  margin-bottom: 0.15rem;
+}
+
+.actionLabel {
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: var(--text-primary, #1a1a2e);
+}
+
+.actionDescription {
+  font-size: 0.78rem;
+  color: var(--text-secondary, #6c7293);
+  line-height: 1.35;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}
+
+/* Skeleton loading */
+
+.cardSkeleton {
+  pointer-events: none;
+  animation: skeletonPulse 1.4s ease-in-out infinite;
+}
+
+.skeletonIcon {
+  width: 2rem;
+  height: 2rem;
+  border-radius: 6px;
+  background: var(--skeleton-bg, #e4e6ef);
+}
+
+.skeletonText {
+  width: 70%;
+  height: 0.9rem;
+  border-radius: 4px;
+  background: var(--skeleton-bg, #e4e6ef);
+}
+
+.skeletonTextShort {
+  width: 50%;
+  height: 0.75rem;
+  border-radius: 4px;
+  background: var(--skeleton-bg, #e4e6ef);
+}
+
+@keyframes skeletonPulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.45; }
+}
diff --git a/src/components/QuickActionBoard/QuickActionBoard.tsx b/src/components/QuickActionBoard/QuickActionBoard.tsx
new file mode 100644
index 0000000..064565b
--- /dev/null
+++ b/src/components/QuickActionBoard/QuickActionBoard.tsx
@@ -0,0 +1,166 @@
+/**
+ * QuickActionBoard — reusable card grid for feature dashboards.
+ *
+ * Renders a set of Quick Action cards grouped by category.
+ * Each card dispatches via the onDispatch callback; the parent
+ * decides what happens (navigate to workspace, trigger workflow, etc.).
+ */
+
+import React from 'react';
+import styles from './QuickActionBoard.module.css';
+import { useLanguage } from '../../providers/language/LanguageContext';
+
+// ============================================================================
+// TYPES
+// ============================================================================
+
+export interface QuickAction {
+  id: string;
+  label: string;
+  description: string;
+  icon: string;
+  color: string;
+  category: string;
+  actionType: 'agentPrompt' | 'workflow' | 'link';
+  config: Record<string, any>;
+  sortOrder: number;
+}
+
+export interface QuickActionCategory {
+  id: string;
+  label: string;
+  sortOrder: number;
+}
+
+export interface QuickActionBoardProps {
+  actions: QuickAction[];
+  categories?: QuickActionCategory[];
+  onDispatch: (action: QuickAction) => void;
+  loading?: boolean;
+  grouped?: boolean;
+}
+
+// ============================================================================
+// ICON MAP (mdi name → unicode/emoji fallback)
+// ============================================================================
+
+const _ICON_MAP: Record<string, string> = {
+  'mdi-file-document-check-outline': '\uD83D\uDCCB',
+  'mdi-sync': '\uD83D\uDD04',
+  'mdi-chart-bar': '\uD83D\uDCCA',
+  'mdi-view-dashboard-outline': '\uD83D\uDCF0',
+  'mdi-cash-multiple': '\uD83D\uDCB0',
+  'mdi-clipboard-check-outline': '\u2705',
+  'mdi-chart-timeline-variant': '\uD83D\uDCC8',
+  'mdi-camera-document-outline': '\uD83D\uDCF7',
+};
+
+function _renderIcon(icon: string, color: string): React.ReactNode {
+  const fallback = _ICON_MAP[icon] || '\u26A1';
+  return (
+    <span className={styles.actionIcon} style={{ color }}>
+      {fallback}
+    </span>
+  );
+}
+
+// ============================================================================
+// COMPONENT
+// ============================================================================
+
+export const QuickActionBoard: React.FC<QuickActionBoardProps> = ({
+  actions,
+  categories,
+  onDispatch,
+  loading = false,
+  grouped = true,
+}) => {
+  const { t } = useLanguage();
+
+  if (loading) {
+    return (
+      <div className={styles.board}>
+        <h3 className={styles.boardTitle}>{t('quickActions.title')}</h3>
+        <div className={styles.grid}>
+          {[1, 2, 3, 4].map((i) => (
+            <div key={i} className={`${styles.card} ${styles.cardSkeleton}`}>
+              <div className={styles.skeletonIcon} />
+              <div className={styles.skeletonText} />
+              <div className={styles.skeletonTextShort} />
+            </div>
+          ))}
+        </div>
+      </div>
+    );
+  }
+
+  if (!actions || actions.length === 0) {
+    return null;
+  }
+
+  const _handleClick = (action: QuickAction) => (e: React.MouseEvent) => {
+    e.preventDefault();
+    onDispatch(action);
+  };
+
+  if (!grouped || !categories || categories.length === 0) {
+    return (
+      <div className={styles.board}>
+        <h3 className={styles.boardTitle}>{t('quickActions.title')}</h3>
+        <div className={styles.grid}>
+          {actions.map((action) => (
+            <button
+              key={action.id}
+              className={styles.card}
+              onClick={_handleClick(action)}
+              title={action.description}
+            >
+              {_renderIcon(action.icon, action.color)}
+              <span className={styles.actionLabel}>{action.label}</span>
+              <span className={styles.actionDescription}>{action.description}</span>
+            </button>
+          ))}
+        </div>
+      </div>
+    );
+  }
+
+  const sortedCategories = [...categories].sort((a, b) => a.sortOrder - b.sortOrder);
+  const actionsByCategory = new Map<string, QuickAction[]>();
+  for (const action of actions) {
+    const cat = action.category || '_uncategorized';
+    if (!actionsByCategory.has(cat)) actionsByCategory.set(cat, []);
+    actionsByCategory.get(cat)!.push(action);
+  }
+
+  return (
+    <div className={styles.board}>
+      <h3 className={styles.boardTitle}>{t('quickActions.title')}</h3>
+      {sortedCategories.map((cat) => {
+        const catActions = actionsByCategory.get(cat.id);
+        if (!catActions || catActions.length === 0) return null;
+        return (
+          <div key={cat.id} className={styles.categorySection}>
+            <h4 className={styles.categoryTitle}>{cat.label}</h4>
+            <div className={styles.grid}>
+              {catActions.map((action) => (
+                <button
+                  key={action.id}
+                  className={styles.card}
+                  onClick={_handleClick(action)}
+                  title={action.description}
+                >
+                  {_renderIcon(action.icon, action.color)}
+                  <span className={styles.actionLabel}>{action.label}</span>
+                  <span className={styles.actionDescription}>{action.description}</span>
+                </button>
+              ))}
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+};
+
+export default QuickActionBoard;
diff --git a/src/components/QuickActionBoard/index.ts b/src/components/QuickActionBoard/index.ts
new file mode 100644
index 0000000..0878e96
--- /dev/null
+++ b/src/components/QuickActionBoard/index.ts
@@ -0,0 +1,2 @@
+export { QuickActionBoard, default } from './QuickActionBoard';
+export type { QuickAction, QuickActionCategory, QuickActionBoardProps } from './QuickActionBoard';
diff --git a/src/config/pageRegistry.tsx b/src/config/pageRegistry.tsx
index 2d4c614..3690b7c 100644
--- a/src/config/pageRegistry.tsx
+++ b/src/config/pageRegistry.tsx
@@ -22,7 +22,7 @@ import {
   FaListAlt, FaChartLine, FaChartBar, FaFileAlt, FaUserShield, FaDatabase,
   FaProjectDiagram, FaMapMarkedAlt, FaWallet, FaMoneyBillAlt, FaClock,
   FaHeadset, FaVideo, FaHatWizard, FaStore, FaUserTie, FaClipboardList,
-  FaFileContract, FaRobot, FaGlobe,
+  FaFileContract, FaRobot, FaGlobe, FaClipboardCheck,
 } from 'react-icons/fa';
 
 // =============================================================================
@@ -92,6 +92,8 @@ export const PAGE_ICONS: Record<string, React.ReactNode> = {
   'page.feature.trustee.scan-upload': <FaFileAlt />,
   'page.feature.trustee.instance-roles': <FaUserShield />,
   'page.feature.trustee.settings': <FaCog />,
+  'page.feature.trustee.analyse': <FaChartBar />,
+  'page.feature.trustee.abschluss': <FaClipboardCheck />,
 
   // Feature pages - Real Estate
   'page.feature.realestate.projects': <FaProjectDiagram />,
diff --git a/src/hooks/useNavigation.ts b/src/hooks/useNavigation.ts
index 2eaf47b..d8691bb 100644
--- a/src/hooks/useNavigation.ts
+++ b/src/hooks/useNavigation.ts
@@ -1,20 +1,11 @@
 /**
  * useNavigation Hook
  * 
- * Fetches the navigation structure from the new Navigation API.
- * The backend provides a blocks-based structure with static and dynamic blocks.
+ * Fetches the navigation structure from the Navigation API.
+ * Backend provides blocks with German base texts as labels (i18n keys).
+ * The UI translates them via t().
  * 
- * API: GET /api/navigation?language=de
- * 
- * Response structure (gemäss Navigation-API-Konzept):
- * {
- *   "language": "de",
- *   "blocks": [
- *     { "type": "static", "id": "system", "title": "SYSTEM", "order": 10, "items": [...] },
- *     { "type": "dynamic", "id": "features", "title": "MEINE FEATURES", "order": 15, "mandates": [...] },
- *     ...
- *   ]
- * }
+ * API: GET /api/navigation
  */
 
 import { useState, useEffect, useCallback } from 'react';
@@ -99,7 +90,6 @@ export type NavigationBlock = StaticBlock | DynamicBlock;
 
 /** API Response structure */
 export interface NavigationResponse {
-  language: string;
   blocks: NavigationBlock[];
 }
 
@@ -135,7 +125,7 @@ function isDynamicBlock(block: NavigationBlock): block is DynamicBlock {
 // HOOK
 // =============================================================================
 
-export function useNavigation(language: string = 'de'): UseNavigationReturn {
+export function useNavigation(): UseNavigationReturn {
   const [blocks, setBlocks] = useState<NavigationBlock[]>([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
@@ -145,14 +135,8 @@ export function useNavigation(language: string = 'de'): UseNavigationReturn {
     setError(null);
     
     try {
-      // New API endpoint: /api/navigation (without /system prefix)
-      const response = await api.get<NavigationResponse>(
-        `/api/navigation?language=${language}`
-      );
-      
-      // Blocks are already sorted by order from backend
+      const response = await api.get<NavigationResponse>('/api/navigation');
       setBlocks(response.data.blocks || []);
-      
     } catch (err: unknown) {
       const errorMsg = err instanceof Error 
         ? err.message 
@@ -163,7 +147,7 @@ export function useNavigation(language: string = 'de'): UseNavigationReturn {
     } finally {
       setLoading(false);
     }
-  }, [language]);
+  }, []);
 
   useEffect(() => {
     fetchNavigation();
diff --git a/src/layouts/MainLayout.tsx b/src/layouts/MainLayout.tsx
index 2592f31..6e0a4ce 100644
--- a/src/layouts/MainLayout.tsx
+++ b/src/layouts/MainLayout.tsx
@@ -13,6 +13,7 @@ import { UserSection } from '../components/Navigation/UserSection';
 import { WorkspaceKeepAlive } from '../pages/views/workspace/WorkspaceKeepAlive';
 import { CommcoachKeepAlive } from '../pages/views/commcoach/CommcoachKeepAlive';
 import { GraphicalEditorKeepAlive } from '../pages/views/graphicalEditor/GraphicalEditorKeepAlive';
+import { AdminLanguagesKeepAlive } from '../pages/admin/AdminLanguagesKeepAlive';
 import styles from './MainLayout.module.css';
 
 import { useLanguage } from '../providers/language/LanguageContext';
@@ -20,6 +21,7 @@ import { useLanguage } from '../providers/language/LanguageContext';
 const _WORKSPACE_ROUTE_RE = /\/mandates\/[^/]+\/workspace\/[^/]+\/dashboard/;
 const _COMMCOACH_ROUTE_RE = /\/mandates\/[^/]+\/commcoach\/[^/]+\/(?:coaching|dossier)/;
 const _GE_EDITOR_ROUTE_RE = /\/mandates\/[^/]+\/graphicalEditor\/[^/]+\/editor/;
+const _ADMIN_LANGUAGES_RE = /\/admin\/languages(?:$|\/)/;
 
 // =============================================================================
 // INNER LAYOUT (mit Zugriff auf Store)
@@ -34,7 +36,8 @@ const MainLayoutInner: React.FC = () => {
   const isWorkspaceKeepAliveVisible = _WORKSPACE_ROUTE_RE.test(location.pathname);
   const isCommcoachKeepAliveVisible = _COMMCOACH_ROUTE_RE.test(location.pathname);
   const isGEEditorKeepAliveVisible = _GE_EDITOR_ROUTE_RE.test(location.pathname);
-  const hideOutletShell = isWorkspaceKeepAliveVisible || isCommcoachKeepAliveVisible || isGEEditorKeepAliveVisible;
+  const isLanguagesKeepAliveVisible = _ADMIN_LANGUAGES_RE.test(location.pathname);
+  const hideOutletShell = isWorkspaceKeepAliveVisible || isCommcoachKeepAliveVisible || isGEEditorKeepAliveVisible || isLanguagesKeepAliveVisible;
   
   // Features laden beim Mount
   useEffect(() => {
@@ -120,6 +123,7 @@ const MainLayoutInner: React.FC = () => {
         <WorkspaceKeepAlive isVisible={isWorkspaceKeepAliveVisible} />
         <CommcoachKeepAlive isVisible={isCommcoachKeepAliveVisible} />
         <GraphicalEditorKeepAlive isVisible={isGEEditorKeepAliveVisible} />
+        <AdminLanguagesKeepAlive isVisible={isLanguagesKeepAliveVisible} />
 
         <div
           className={styles.outletShell}
diff --git a/src/pages/FeatureView.tsx b/src/pages/FeatureView.tsx
index e02d5f1..ec213c1 100644
--- a/src/pages/FeatureView.tsx
+++ b/src/pages/FeatureView.tsx
@@ -8,9 +8,6 @@
 import React from 'react';
 import { useCurrentInstance } from '../hooks/useCurrentInstance';
 import { useCanViewFeatureView } from '../hooks/useInstancePermissions';
-import { useNavigation } from '../hooks/useNavigation';
-import type { FeatureView as FeatureViewDef } from '../hooks/useNavigation';
-
 // Trustee Views
 // Note: TrusteeOrganisationsView and TrusteeContractsView removed - Feature-Instanz = Organisation
 import { TrusteeDocumentsView } from './views/trustee/TrusteeDocumentsView';
@@ -20,6 +17,8 @@ import { TrusteeInstanceRolesView } from './views/trustee/TrusteeInstanceRolesVi
 import { TrusteeExpenseImportView } from './views/trustee/TrusteeExpenseImportView';
 import { TrusteeScanUploadView } from './views/trustee/TrusteeScanUploadView';
 import { TrusteeAccountingSettingsView } from './views/trustee/TrusteeAccountingSettingsView';
+import { TrusteeAnalyseView } from './views/trustee/TrusteeAnalyseView';
+import { TrusteeAbschlussView } from './views/trustee/TrusteeAbschlussView';
 
 // Chatbot Views
 import { ChatbotConversationsView } from './views/chatbot/ChatbotConversationsView';
@@ -128,6 +127,8 @@ const VIEW_COMPONENTS: Record<string, Record<string, ViewComponent>> = {
     'expense-import': TrusteeExpenseImportView,
     'scan-upload': TrusteeScanUploadView,
     settings: TrusteeAccountingSettingsView,
+    analyse: TrusteeAnalyseView,
+    abschluss: TrusteeAbschlussView,
   },
   chatworkflow: {
     dashboard: ChatworkflowDashboard,
@@ -180,8 +181,7 @@ interface FeatureViewPageProps {
 }
 
 export const FeatureViewPage: React.FC<FeatureViewPageProps> = ({ view }) => {
-  const { instance, featureCode, instanceId, isValid } = useCurrentInstance();
-  const { blocks } = useNavigation();
+  const { instance, featureCode, isValid } = useCurrentInstance();
 
   // Berechtigungs-Check
   const viewCode = `${featureCode}-${view}`;
@@ -232,9 +232,6 @@ export const FeatureViewPage: React.FC<FeatureViewPageProps> = ({ view }) => {
     return null;
   }
 
-  // GraphicalEditor sub-pages have their own headers with actions; skip the wrapper title.
-  const _skipViewHeader = featureCode === 'graphicalEditor';
-
   // View-Komponente finden
   const featureViews = VIEW_COMPONENTS[featureCode];
   if (!featureViews) {
@@ -246,29 +243,8 @@ export const FeatureViewPage: React.FC<FeatureViewPageProps> = ({ view }) => {
     return <NotFound />;
   }
   
-  let viewLabel = view;
-  for (const block of blocks) {
-    if (block.type !== 'dynamic') continue;
-    for (const mandate of (block as any).mandates || []) {
-      for (const feat of mandate.features || []) {
-        for (const inst of feat.instances || []) {
-          if (inst.id !== instanceId) continue;
-          const vDef: FeatureViewDef | undefined = inst.views?.find(
-            (v: FeatureViewDef) => v.uiComponent?.endsWith(`.${view}`)
-          );
-          if (vDef?.uiLabel) viewLabel = vDef.uiLabel;
-        }
-      }
-    }
-  }
-  
   return (
     <div className={styles.featureView}>
-      {!_skipViewHeader && (
-        <header className={styles.viewHeader}>
-          <h1 className={styles.viewTitle}>{viewLabel}</h1>
-        </header>
-      )}
       <main className={styles.viewContent}>
         <ViewComponent />
       </main>
diff --git a/src/pages/admin/AdminLanguagesKeepAlive.tsx b/src/pages/admin/AdminLanguagesKeepAlive.tsx
new file mode 100644
index 0000000..07a02b6
--- /dev/null
+++ b/src/pages/admin/AdminLanguagesKeepAlive.tsx
@@ -0,0 +1,35 @@
+/**
+ * AdminLanguagesKeepAlive
+ *
+ * Keeps the AdminLanguagesPage mounted across route changes so that
+ * long-running AI translation progress, table state, and selections
+ * survive when the user navigates away and returns.
+ */
+
+import React from 'react';
+import { AdminLanguagesPage } from './AdminLanguagesPage';
+
+interface AdminLanguagesKeepAliveProps {
+  isVisible: boolean;
+}
+
+export const AdminLanguagesKeepAlive: React.FC<AdminLanguagesKeepAliveProps> = ({ isVisible }) => {
+  return (
+    <div
+      style={{
+        display: isVisible ? 'flex' : 'none',
+        flexDirection: 'column',
+        position: 'absolute',
+        top: 'var(--mobile-topbar-height, 0px)',
+        left: 0,
+        right: 0,
+        bottom: 0,
+        overflow: 'hidden',
+      }}
+    >
+      <AdminLanguagesPage />
+    </div>
+  );
+};
+
+export default AdminLanguagesKeepAlive;
diff --git a/src/pages/admin/AdminLanguagesPage.tsx b/src/pages/admin/AdminLanguagesPage.tsx
index a6da2b6..a8099e8 100644
--- a/src/pages/admin/AdminLanguagesPage.tsx
+++ b/src/pages/admin/AdminLanguagesPage.tsx
@@ -15,6 +15,8 @@ type LangRow = {
   label: string;
   status: string;
   entriesCount: number;
+  uiCount: number;
+  gatewayCount: number;
 };
 
 type ProgressInfo = {
@@ -40,7 +42,9 @@ function _getColumns(t: (key: string) => string): ColumnConfig[] {
     { key: 'id', label: t('adminLanguages.code'), type: 'text', sortable: true, filterable: true, width: 90 },
     { key: 'label', label: t('adminLanguages.bezeichnung'), type: 'text', sortable: true, filterable: true, width: 200 },
     { key: 'status', label: t('adminLanguages.status'), type: 'text', sortable: true, filterable: true, width: 120 },
-    { key: 'entriesCount', label: t('adminLanguages.eintraege'), type: 'number', sortable: true, width: 100 },
+    { key: 'uiCount', label: t('adminLanguages.ui'), type: 'number', sortable: true, width: 80 },
+    { key: 'gatewayCount', label: t('adminLanguages.api'), type: 'number', sortable: true, width: 80 },
+    { key: 'entriesCount', label: t('adminLanguages.total'), type: 'number', sortable: true, width: 80 },
   ];
 }
 
@@ -259,6 +263,7 @@ export const AdminLanguagesPage: React.FC = () => {
   const [error, setError] = useState<string | null>(null);
   const [addCode, setAddCode] = useState('');
   const [progress, setProgress] = useState<ProgressInfo | null>(null);
+  const [search, setSearch] = useState('');
   const busyRef = useRef(false);
 
   const _load = useCallback(async () => {
@@ -273,6 +278,8 @@ export const AdminLanguagesPage: React.FC = () => {
           label: r.label || r.code,
           status: r.status || '',
           entriesCount: r.entriesCount ?? 0,
+          uiCount: r.uiCount ?? 0,
+          gatewayCount: r.gatewayCount ?? 0,
         })),
       );
     } catch (e: any) {
@@ -286,6 +293,18 @@ export const AdminLanguagesPage: React.FC = () => {
     _load();
   }, [_load]);
 
+  const displayRows = useMemo(() => {
+    const term = search.trim().toLowerCase();
+    const filtered = term
+      ? rows.filter((r) => r.id.toLowerCase().includes(term) || r.label.toLowerCase().includes(term) || r.status.toLowerCase().includes(term))
+      : rows;
+    return [...filtered].sort((a, b) => {
+      if (a.id === 'xx') return -1;
+      if (b.id === 'xx') return 1;
+      return a.id.localeCompare(b.id);
+    });
+  }, [rows, search]);
+
   const existingCodes = useMemo(() => new Set(rows.map((r) => r.id)), [rows]);
 
   const addChoices = useMemo(() => {
@@ -658,6 +677,16 @@ export const AdminLanguagesPage: React.FC = () => {
       </header>
 
       <div style={{ display: 'flex', flexWrap: 'wrap', gap: '0.75rem', alignItems: 'center' }}>
+        <button type="button" className={styles.secondaryButton} onClick={_load} disabled={isBusy || loading} title={t('Daten neu laden')}>
+          <FaSync style={loading ? { animation: 'spin 1s linear infinite' } : undefined} />
+        </button>
+        <input
+          type="text"
+          value={search}
+          onChange={(e) => setSearch(e.target.value)}
+          placeholder={t('Suche…')}
+          style={{ padding: '0.35rem 0.5rem', minWidth: 140, maxWidth: 200 }}
+        />
         <button type="button" className={styles.primaryButton} onClick={_updateAll} disabled={isBusy}>
           {t('Alle aktualisieren')}
         </button>
@@ -688,11 +717,12 @@ export const AdminLanguagesPage: React.FC = () => {
 
       <div style={{ flex: 1, minHeight: 0, position: 'relative' }}>
         <FormGeneratorTable
-          data={rows}
+          data={displayRows}
           columns={_getColumns(t)}
           loading={loading}
           pagination={false}
           selectable={false}
+          searchable={false}
           customActions={[
             {
               id: 'sync-xx',
diff --git a/src/pages/views/chatbot/ChatbotConversationsView.tsx b/src/pages/views/chatbot/ChatbotConversationsView.tsx
index 9e766df..74f48e7 100644
--- a/src/pages/views/chatbot/ChatbotConversationsView.tsx
+++ b/src/pages/views/chatbot/ChatbotConversationsView.tsx
@@ -132,9 +132,8 @@ export const ChatbotConversationsView: React.FC = () => {
   return (
     <div className={styles.chatbotView}>
       {/* Chat History Sidebar */}
-      <aside className={styles.chatHistory}>
-        <div className={styles.chatHistoryHeader}>
-          <h2 className={styles.chatHistoryTitle}>Konversationen</h2>
+      <aside className={styles.chatHistory} aria-label="Konversationen">
+        <div className={styles.chatHistoryHeader} style={{ justifyContent: 'flex-end' }}>
           <button
             className={styles.newChatButton}
             onClick={createNewThread}
diff --git a/src/pages/views/commcoach/CommcoachSettingsView.tsx b/src/pages/views/commcoach/CommcoachSettingsView.tsx
index f2a64e3..f96b06c 100644
--- a/src/pages/views/commcoach/CommcoachSettingsView.tsx
+++ b/src/pages/views/commcoach/CommcoachSettingsView.tsx
@@ -81,8 +81,6 @@ export const CommcoachSettingsView: React.FC = () => {
 
   return (
     <div className={styles.settings}>
-      <h2 className={styles.heading}>Coaching-Einstellungen</h2>
-
       {error && <div className={styles.error}>{error}</div>}
       {success && <div className={styles.success}>{success}</div>}
 
diff --git a/src/pages/views/graphicalEditor/GraphicalEditorPage.tsx b/src/pages/views/graphicalEditor/GraphicalEditorPage.tsx
index 6c1996f..33acdaa 100644
--- a/src/pages/views/graphicalEditor/GraphicalEditorPage.tsx
+++ b/src/pages/views/graphicalEditor/GraphicalEditorPage.tsx
@@ -102,7 +102,6 @@ export const GraphicalEditorPage: React.FC<GraphicalEditorPageProps> = ({
   if (!instanceId) {
     return (
       <div style={{ padding: '2rem', textAlign: 'center' }}>
-        <h2>{t('graphicalEditor.graphicalEditor')}</h2>
         <p>{t('graphicalEditor.keineFeatureinstanzGefunden')}</p>
       </div>
     );
diff --git a/src/pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx b/src/pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx
index b8045e0..e8bc3fb 100644
--- a/src/pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx
+++ b/src/pages/views/graphicalEditor/GraphicalEditorTemplatesPage.tsx
@@ -218,7 +218,6 @@ export const GraphicalEditorTemplatesPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>Workflow-Vorlagen</h1>
           <p className={styles.pageSubtitle}>
             Vorlagen verwalten, kopieren und freigeben
           </p>
diff --git a/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx b/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx
index 269c9e7..cc014f7 100644
--- a/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx
+++ b/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsPage.tsx
@@ -257,7 +257,6 @@ export const GraphicalEditorWorkflowsPage: React.FC = () => {
     <div className={`${styles.adminPage} ${styles.adminPageFill}`}>
       <div className={styles.pageHeader}>
         <div>
-          <h1 className={styles.pageTitle}>{t('graphicalEditorWorkflows.gespeicherteWorkflows')}</h1>
           <p className={styles.pageSubtitle}>
             Workflows verwalten, ausführen und bearbeiten
           </p>
diff --git a/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx b/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx
index 3ba419d..54fad8b 100644
--- a/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx
+++ b/src/pages/views/graphicalEditor/GraphicalEditorWorkflowsTasksPage.tsx
@@ -190,7 +190,6 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
   if (!instanceId) {
     return (
       <div className={styles.placeholder}>
-        <h2>Tasks</h2>
         <p>{t('graphicalEditorWorkflowsTasks.keineFeatureinstanzGefunden')}</p>
       </div>
     );
@@ -209,8 +208,6 @@ export const GraphicalEditorWorkflowsTasksPage: React.FC = () => {
     <div className={styles.pageLayout}>
       <div className={styles.mainColumn}>
         <div className={styles.container}>
-          <h2>Tasks</h2>
-
       {/* Open tasks */}
       <section className={styles.section}>
         <h3 className={styles.sectionTitle}>
diff --git a/src/pages/views/trustee/TrusteeAbschlussView.tsx b/src/pages/views/trustee/TrusteeAbschlussView.tsx
new file mode 100644
index 0000000..ffe62a3
--- /dev/null
+++ b/src/pages/views/trustee/TrusteeAbschlussView.tsx
@@ -0,0 +1,291 @@
+/**
+ * TrusteeAbschlussView
+ *
+ * Tab-based closing/review page. Currently one tab (year-end check),
+ * extensible for future use cases. Follows the same pattern as
+ * TrusteeAnalyseView: loads the bootstrapped workflow, executes it,
+ * and shows pipeline status inline.
+ */
+
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useCurrentInstance } from '../../../hooks/useCurrentInstance';
+import { useToast } from '../../../contexts/ToastContext';
+import api from '../../../api';
+import styles from './TrusteeViews.module.css';
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
+// ---------------------------------------------------------------------------
+// Tab definitions
+// ---------------------------------------------------------------------------
+
+interface TabDef {
+  id: string;
+  templateTag: string;
+  icon: string;
+  color: string;
+}
+
+const _TABS: TabDef[] = [
+  { id: 'year-end', templateTag: 'template:trustee-year-end-check', icon: '\u2705', color: '#795548' },
+];
+
+const _TAB_LABELS: Record<string, Record<string, string>> = {
+  'year-end': { de: 'Jahresabschluss prüfen', en: 'Year-End Review', fr: 'Contrôle de clôture' },
+};
+
+const _TAB_DESCRIPTIONS: Record<string, Record<string, string>> = {
+  'year-end': {
+    de: 'Automatische Prüfungen für den Jahresabschluss: Saldovalidierung, Vorjahresvergleich, gesetzliche Checks.',
+    en: 'Automated year-end review: balance validation, prior-year comparison, legal compliance checks.',
+  },
+};
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+interface WorkflowSummary {
+  id: string;
+  label: string;
+  tags: string[];
+}
+
+type RunState = 'idle' | 'starting' | 'running' | 'completed' | 'error';
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+export const TrusteeAbschlussView: React.FC = () => {
+  const { t, currentLanguage } = useLanguage();
+  const lang = currentLanguage || 'de';
+  const { instanceId } = useCurrentInstance();
+  const { showSuccess, showError } = useToast();
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  const activeTab = searchParams.get('tab') || _TABS[0].id;
+  const _setActiveTab = useCallback((tab: string) => {
+    setSearchParams({ tab }, { replace: true });
+  }, [setSearchParams]);
+
+  const [workflows, setWorkflows] = useState<WorkflowSummary[]>([]);
+  const [workflowsLoading, setWorkflowsLoading] = useState(true);
+
+  const [runState, setRunState] = useState<RunState>('idle');
+  const [runId, setRunId] = useState<string | null>(null);
+  const [runSummary, setRunSummary] = useState('');
+  const [runError, setRunError] = useState<string | null>(null);
+  const pollTimerRef = useRef<number | null>(null);
+  const isPollingRef = useRef(false);
+
+  useEffect(() => {
+    if (!instanceId) return;
+    const _load = async () => {
+      setWorkflowsLoading(true);
+      try {
+        const res = await api.get(`/api/workflows/${instanceId}/workflows`);
+        const items: WorkflowSummary[] = (res.data?.workflows || res.data?.items || []).map((w: any) => ({
+          id: w.id,
+          label: w.label,
+          tags: w.tags || [],
+        }));
+        setWorkflows(items);
+      } catch {
+        setWorkflows([]);
+      } finally {
+        setWorkflowsLoading(false);
+      }
+    };
+    _load();
+  }, [instanceId]);
+
+  const _findWorkflow = useCallback((tab: string): WorkflowSummary | undefined => {
+    const tabDef = _TABS.find((t) => t.id === tab);
+    if (!tabDef) return undefined;
+    return workflows.find((w) => w.tags.includes(tabDef.templateTag));
+  }, [workflows]);
+
+  const _stopPolling = useCallback(() => {
+    if (pollTimerRef.current !== null) {
+      window.clearInterval(pollTimerRef.current);
+      pollTimerRef.current = null;
+    }
+    isPollingRef.current = false;
+  }, []);
+
+  const _pollRun = useCallback(async (rid: string) => {
+    if (!instanceId || !rid || isPollingRef.current) return;
+    isPollingRef.current = true;
+    try {
+      const res = await api.get(`/api/workflows/${instanceId}/runs/${rid}/steps`);
+      const steps: any[] = Array.isArray(res?.data?.steps) ? res.data.steps : [];
+      const completed = steps.filter((s) => s.status === 'completed');
+      const failed = steps.filter((s) => s.status === 'failed');
+      const running = steps.filter((s) => s.status === 'running');
+
+      setRunSummary(`${completed.length}/${steps.length} ${t('trusteeAbschluss.stepsCompleted', 'Schritte abgeschlossen')}`);
+
+      if (failed.length > 0) {
+        const errMsg = failed[failed.length - 1].error || 'Step failed';
+        setRunState('error');
+        setRunError(errMsg);
+        _stopPolling();
+        showError('Pipeline error', errMsg);
+        return;
+      }
+      if (running.length === 0 && completed.length === steps.length && steps.length > 0) {
+        setRunState('completed');
+        _stopPolling();
+        showSuccess(t('trusteeAbschluss.completed', 'Abgeschlossen'), t('trusteeAbschluss.workflowDone', 'Prüfungs-Workflow erfolgreich beendet.'));
+        return;
+      }
+      setRunState('running');
+    } catch (err: any) {
+      if (err?.response?.status === 404) { setRunState('running'); return; }
+      setRunState('error');
+      setRunError(err.message || 'Polling failed');
+      _stopPolling();
+    } finally {
+      isPollingRef.current = false;
+    }
+  }, [instanceId, showError, showSuccess, _stopPolling, t]);
+
+  useEffect(() => {
+    if (!instanceId || !runId || (runState !== 'running' && runState !== 'starting')) return;
+    void _pollRun(runId);
+    pollTimerRef.current = window.setInterval(() => { void _pollRun(runId); }, 3000);
+    return () => { _stopPolling(); };
+  }, [instanceId, runId, runState, _pollRun, _stopPolling]);
+
+  useEffect(() => () => { _stopPolling(); }, [_stopPolling]);
+
+  useEffect(() => {
+    _stopPolling();
+    setRunState('idle');
+    setRunId(null);
+    setRunSummary('');
+    setRunError(null);
+  }, [activeTab, _stopPolling]);
+
+  const _handleExecute = useCallback(async () => {
+    const wf = _findWorkflow(activeTab);
+    if (!wf || !instanceId) {
+      showError('Error', t('trusteeAbschluss.noWorkflow', 'Kein Workflow für diesen Tab gefunden.'));
+      return;
+    }
+    setRunState('starting');
+    setRunError(null);
+    setRunSummary(t('trusteeAbschluss.starting', 'Workflow wird gestartet...'));
+    try {
+      const res = await api.post(`/api/workflows/${instanceId}/execute`, { workflowId: wf.id });
+      const rid = res?.data?.runId;
+      if (rid) {
+        setRunId(rid);
+        setRunState('running');
+        setRunSummary(`Run ${rid.slice(0, 8)} ${t('trusteeAbschluss.started', 'gestartet')}`);
+      } else if (res?.data?.success) {
+        setRunState('completed');
+        setRunSummary(t('trusteeAbschluss.completedSync', 'Workflow synchron abgeschlossen.'));
+        showSuccess(t('trusteeAbschluss.completed', 'Abgeschlossen'), t('trusteeAbschluss.workflowDone', 'Prüfungs-Workflow erfolgreich beendet.'));
+      } else {
+        throw new Error(res?.data?.error || 'Unexpected response');
+      }
+    } catch (err: any) {
+      const msg = err?.response?.data?.detail || err.message || 'Failed to start workflow';
+      setRunState('error');
+      setRunError(typeof msg === 'string' ? msg : JSON.stringify(msg));
+      showError('Error', typeof msg === 'string' ? msg : JSON.stringify(msg));
+    }
+  }, [activeTab, instanceId, _findWorkflow, showError, showSuccess, t]);
+
+  const currentTab = _TABS.find((t) => t.id === activeTab) || _TABS[0];
+  const currentWorkflow = _findWorkflow(activeTab);
+
+  return (
+    <div className={styles.listView}>
+      <div className={styles.expenseImportSection}>
+        <h3 className={styles.sectionTitle}>{t('trusteeAbschluss.title', 'Abschluss & Prüfung')}</h3>
+
+        {/* Tab bar */}
+        {_TABS.length > 1 && (
+          <div style={{ display: 'flex', gap: '0.25rem', marginBottom: '1.5rem', borderBottom: '2px solid var(--border-color, #e0e0e0)', paddingBottom: 0 }}>
+            {_TABS.map((tab) => (
+              <button
+                key={tab.id}
+                onClick={() => _setActiveTab(tab.id)}
+                style={{
+                  padding: '0.625rem 1rem',
+                  border: 'none',
+                  borderBottom: activeTab === tab.id ? `3px solid ${tab.color}` : '3px solid transparent',
+                  background: 'transparent',
+                  color: activeTab === tab.id ? 'var(--text-primary, #1a1a1a)' : 'var(--text-secondary, #666)',
+                  fontWeight: activeTab === tab.id ? 600 : 400,
+                  fontSize: '0.875rem',
+                  cursor: 'pointer',
+                  transition: 'all 0.2s',
+                  marginBottom: '-2px',
+                }}
+              >
+                <span style={{ marginRight: '0.375rem' }}>{tab.icon}</span>
+                {_TAB_LABELS[tab.id]?.[lang] || _TAB_LABELS[tab.id]?.de || tab.id}
+              </button>
+            ))}
+          </div>
+        )}
+
+        {/* Tab content */}
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+          <p className={styles.sectionDescription}>
+            {_TAB_DESCRIPTIONS[activeTab]?.[lang] || _TAB_DESCRIPTIONS[activeTab]?.de || ''}
+          </p>
+
+          {workflowsLoading ? (
+            <p className={styles.loadingText}>{t('trusteeAbschluss.loadingWorkflows', 'Workflows werden geladen...')}</p>
+          ) : !currentWorkflow ? (
+            <div className={styles.infoBox}>
+              <p>{t('trusteeAbschluss.noWorkflowInfo', 'Für diesen Tab wurde kein Workflow in der Instanz gefunden. Der Workflow wird beim Erstellen der Instanz automatisch angelegt.')}</p>
+            </div>
+          ) : (
+            <>
+              <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem' }}>
+                <span style={{ fontSize: '2rem' }}>{currentTab.icon}</span>
+                <div>
+                  <div style={{ fontWeight: 600, color: 'var(--text-primary, #1a1a1a)' }}>{currentWorkflow.label}</div>
+                  <div style={{ fontSize: '0.8125rem', color: 'var(--text-secondary, #666)' }}>
+                    Workflow ID: {currentWorkflow.id.slice(0, 8)}...
+                  </div>
+                </div>
+              </div>
+
+              <button
+                className={styles.primaryButton}
+                onClick={_handleExecute}
+                disabled={runState === 'starting' || runState === 'running'}
+                style={{ alignSelf: 'flex-start' }}
+              >
+                {runState === 'starting' || runState === 'running'
+                  ? t('trusteeAbschluss.running', 'Läuft...')
+                  : t('trusteeAbschluss.execute', 'Prüfung starten')}
+              </button>
+            </>
+          )}
+
+          {runState !== 'idle' && (
+            <div className={runState === 'error' ? styles.errorMessage : styles.successMessage}>
+              <strong>{t('trusteeAbschluss.status', 'Status')}:</strong>{' '}
+              {runState === 'starting' && t('trusteeAbschluss.startingLabel', 'Wird gestartet...')}
+              {runState === 'running' && t('trusteeAbschluss.runningLabel', 'Läuft')}
+              {runState === 'completed' && t('trusteeAbschluss.completedLabel', 'Abgeschlossen')}
+              {runState === 'error' && t('trusteeAbschluss.errorLabel', 'Fehler')}
+              {runSummary && <div style={{ marginTop: '0.25rem' }}>{runSummary}</div>}
+              {runError && <div style={{ marginTop: '0.25rem' }}>{runError}</div>}
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TrusteeAbschlussView;
diff --git a/src/pages/views/trustee/TrusteeAnalyseView.tsx b/src/pages/views/trustee/TrusteeAnalyseView.tsx
new file mode 100644
index 0000000..f2862a9
--- /dev/null
+++ b/src/pages/views/trustee/TrusteeAnalyseView.tsx
@@ -0,0 +1,304 @@
+/**
+ * TrusteeAnalyseView
+ *
+ * Tab-based analysis page. Each tab maps to a bootstrapped template workflow
+ * (created from TEMPLATE_WORKFLOWS when the feature instance was set up).
+ * The workflow is loaded from the instance, executed via the workflow engine,
+ * and results/status are shown inline with polling.
+ */
+
+import React, { useState, useEffect, useCallback, useRef } from 'react';
+import { useSearchParams } from 'react-router-dom';
+import { useCurrentInstance } from '../../../hooks/useCurrentInstance';
+import { useToast } from '../../../contexts/ToastContext';
+import api from '../../../api';
+import styles from './TrusteeViews.module.css';
+import { useLanguage } from '../../../providers/language/LanguageContext';
+
+// ---------------------------------------------------------------------------
+// Tab definitions
+// ---------------------------------------------------------------------------
+
+interface TabDef {
+  id: string;
+  templateTag: string;
+  icon: string;
+  color: string;
+}
+
+const _TABS: TabDef[] = [
+  { id: 'budget', templateTag: 'template:trustee-budget-comparison', icon: '\uD83D\uDCCA', color: '#2196F3' },
+  { id: 'kpi', templateTag: 'template:trustee-kpi-dashboard', icon: '\uD83D\uDCF0', color: '#9C27B0' },
+  { id: 'cashflow', templateTag: 'template:trustee-cashflow', icon: '\uD83D\uDCB0', color: '#009688' },
+  { id: 'forecast', templateTag: 'template:trustee-forecast', icon: '\uD83D\uDCC8', color: '#E91E63' },
+];
+
+const _TAB_LABELS: Record<string, Record<string, string>> = {
+  budget: { de: 'Budget-Vergleich', en: 'Budget Comparison', fr: 'Comparaison budgétaire' },
+  kpi: { de: 'KPI-Dashboard', en: 'KPI Dashboard', fr: 'Tableau de bord KPI' },
+  cashflow: { de: 'Cashflow-Rechnung', en: 'Cash Flow Statement', fr: 'Flux de trésorerie' },
+  forecast: { de: 'Prognose', en: 'Forecast', fr: 'Prévision' },
+};
+
+const _TAB_DESCRIPTIONS: Record<string, Record<string, string>> = {
+  budget: { de: 'Soll/Ist-Vergleich der Buchhaltung mit Budget-Excel', en: 'Compare actuals vs. budget from Excel' },
+  kpi: { de: 'Kennzahlen berechnen und visualisieren', en: 'Calculate and visualize key metrics' },
+  cashflow: { de: 'Cashflow berechnen und analysieren', en: 'Calculate and analyze cash flow' },
+  forecast: { de: 'Trend-Analyse und Prognose der nächsten Monate', en: 'Trend analysis and forecast for coming months' },
+};
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+interface WorkflowSummary {
+  id: string;
+  label: string;
+  tags: string[];
+}
+
+type RunState = 'idle' | 'starting' | 'running' | 'completed' | 'error';
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+export const TrusteeAnalyseView: React.FC = () => {
+  const { t, currentLanguage } = useLanguage();
+  const lang = currentLanguage || 'de';
+  const { instanceId } = useCurrentInstance();
+  const { showSuccess, showError } = useToast();
+  const [searchParams, setSearchParams] = useSearchParams();
+
+  const activeTab = searchParams.get('tab') || _TABS[0].id;
+  const _setActiveTab = useCallback((tab: string) => {
+    setSearchParams({ tab }, { replace: true });
+  }, [setSearchParams]);
+
+  const [workflows, setWorkflows] = useState<WorkflowSummary[]>([]);
+  const [workflowsLoading, setWorkflowsLoading] = useState(true);
+
+  const [runState, setRunState] = useState<RunState>('idle');
+  const [runId, setRunId] = useState<string | null>(null);
+  const [runSummary, setRunSummary] = useState('');
+  const [runError, setRunError] = useState<string | null>(null);
+  const pollTimerRef = useRef<number | null>(null);
+  const isPollingRef = useRef(false);
+
+  // Load workflows for this instance once
+  useEffect(() => {
+    if (!instanceId) return;
+    const _load = async () => {
+      setWorkflowsLoading(true);
+      try {
+        const res = await api.get(`/api/workflows/${instanceId}/workflows`);
+        const items: WorkflowSummary[] = (res.data?.workflows || res.data?.items || []).map((w: any) => ({
+          id: w.id,
+          label: w.label,
+          tags: w.tags || [],
+        }));
+        setWorkflows(items);
+      } catch {
+        setWorkflows([]);
+      } finally {
+        setWorkflowsLoading(false);
+      }
+    };
+    _load();
+  }, [instanceId]);
+
+  // Find the workflow for the active tab
+  const _findWorkflow = useCallback((tab: string): WorkflowSummary | undefined => {
+    const tabDef = _TABS.find((t) => t.id === tab);
+    if (!tabDef) return undefined;
+    return workflows.find((w) => w.tags.includes(tabDef.templateTag));
+  }, [workflows]);
+
+  // Polling
+  const _stopPolling = useCallback(() => {
+    if (pollTimerRef.current !== null) {
+      window.clearInterval(pollTimerRef.current);
+      pollTimerRef.current = null;
+    }
+    isPollingRef.current = false;
+  }, []);
+
+  const _pollRun = useCallback(async (rid: string) => {
+    if (!instanceId || !rid || isPollingRef.current) return;
+    isPollingRef.current = true;
+    try {
+      const res = await api.get(`/api/workflows/${instanceId}/runs/${rid}/steps`);
+      const steps: any[] = Array.isArray(res?.data?.steps) ? res.data.steps : [];
+      const completed = steps.filter((s) => s.status === 'completed');
+      const failed = steps.filter((s) => s.status === 'failed');
+      const running = steps.filter((s) => s.status === 'running');
+
+      setRunSummary(`${completed.length}/${steps.length} ${t('trusteeAnalyse.stepsCompleted', 'Schritte abgeschlossen')}`);
+
+      if (failed.length > 0) {
+        const errMsg = failed[failed.length - 1].error || 'Step failed';
+        setRunState('error');
+        setRunError(errMsg);
+        _stopPolling();
+        showError('Pipeline error', errMsg);
+        return;
+      }
+      if (running.length === 0 && completed.length === steps.length && steps.length > 0) {
+        setRunState('completed');
+        _stopPolling();
+        showSuccess(t('trusteeAnalyse.completed', 'Abgeschlossen'), t('trusteeAnalyse.workflowDone', 'Analyse-Workflow erfolgreich beendet.'));
+        return;
+      }
+      setRunState('running');
+    } catch (err: any) {
+      if (err?.response?.status === 404) {
+        setRunState('running');
+        return;
+      }
+      setRunState('error');
+      setRunError(err.message || 'Polling failed');
+      _stopPolling();
+    } finally {
+      isPollingRef.current = false;
+    }
+  }, [instanceId, showError, showSuccess, _stopPolling, t]);
+
+  useEffect(() => {
+    if (!instanceId || !runId || (runState !== 'running' && runState !== 'starting')) return;
+    void _pollRun(runId);
+    pollTimerRef.current = window.setInterval(() => { void _pollRun(runId); }, 3000);
+    return () => { _stopPolling(); };
+  }, [instanceId, runId, runState, _pollRun, _stopPolling]);
+
+  useEffect(() => () => { _stopPolling(); }, [_stopPolling]);
+
+  // Reset run state when tab changes
+  useEffect(() => {
+    _stopPolling();
+    setRunState('idle');
+    setRunId(null);
+    setRunSummary('');
+    setRunError(null);
+  }, [activeTab, _stopPolling]);
+
+  // Execute workflow
+  const _handleExecute = useCallback(async () => {
+    const wf = _findWorkflow(activeTab);
+    if (!wf || !instanceId) {
+      showError('Error', t('trusteeAnalyse.noWorkflow', 'Kein Workflow für diesen Tab gefunden.'));
+      return;
+    }
+    setRunState('starting');
+    setRunError(null);
+    setRunSummary(t('trusteeAnalyse.starting', 'Workflow wird gestartet...'));
+    try {
+      const res = await api.post(`/api/workflows/${instanceId}/execute`, { workflowId: wf.id });
+      const rid = res?.data?.runId;
+      if (rid) {
+        setRunId(rid);
+        setRunState('running');
+        setRunSummary(`Run ${rid.slice(0, 8)} ${t('trusteeAnalyse.started', 'gestartet')}`);
+      } else if (res?.data?.success) {
+        setRunState('completed');
+        setRunSummary(t('trusteeAnalyse.completedSync', 'Workflow synchron abgeschlossen.'));
+        showSuccess(t('trusteeAnalyse.completed', 'Abgeschlossen'), t('trusteeAnalyse.workflowDone', 'Analyse-Workflow erfolgreich beendet.'));
+      } else {
+        throw new Error(res?.data?.error || 'Unexpected response');
+      }
+    } catch (err: any) {
+      const msg = err?.response?.data?.detail || err.message || 'Failed to start workflow';
+      setRunState('error');
+      setRunError(typeof msg === 'string' ? msg : JSON.stringify(msg));
+      showError('Error', typeof msg === 'string' ? msg : JSON.stringify(msg));
+    }
+  }, [activeTab, instanceId, _findWorkflow, showError, showSuccess, t]);
+
+  const currentTab = _TABS.find((t) => t.id === activeTab) || _TABS[0];
+  const currentWorkflow = _findWorkflow(activeTab);
+
+  return (
+    <div className={styles.listView}>
+      <div className={styles.expenseImportSection}>
+        <h3 className={styles.sectionTitle}>{t('trusteeAnalyse.title', 'Analyse & Reporting')}</h3>
+
+        {/* Tab bar */}
+        <div style={{ display: 'flex', gap: '0.25rem', marginBottom: '1.5rem', borderBottom: '2px solid var(--border-color, #e0e0e0)', paddingBottom: 0 }}>
+          {_TABS.map((tab) => (
+            <button
+              key={tab.id}
+              onClick={() => _setActiveTab(tab.id)}
+              style={{
+                padding: '0.625rem 1rem',
+                border: 'none',
+                borderBottom: activeTab === tab.id ? `3px solid ${tab.color}` : '3px solid transparent',
+                background: 'transparent',
+                color: activeTab === tab.id ? 'var(--text-primary, #1a1a1a)' : 'var(--text-secondary, #666)',
+                fontWeight: activeTab === tab.id ? 600 : 400,
+                fontSize: '0.875rem',
+                cursor: 'pointer',
+                transition: 'all 0.2s',
+                marginBottom: '-2px',
+              }}
+            >
+              <span style={{ marginRight: '0.375rem' }}>{tab.icon}</span>
+              {_TAB_LABELS[tab.id]?.[lang] || _TAB_LABELS[tab.id]?.de || tab.id}
+            </button>
+          ))}
+        </div>
+
+        {/* Tab content */}
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+          <p className={styles.sectionDescription}>
+            {_TAB_DESCRIPTIONS[activeTab]?.[lang] || _TAB_DESCRIPTIONS[activeTab]?.de || ''}
+          </p>
+
+          {workflowsLoading ? (
+            <p className={styles.loadingText}>{t('trusteeAnalyse.loadingWorkflows', 'Workflows werden geladen...')}</p>
+          ) : !currentWorkflow ? (
+            <div className={styles.infoBox}>
+              <p>{t('trusteeAnalyse.noWorkflowInfo', 'Für diesen Tab wurde kein Workflow in der Instanz gefunden. Der Workflow wird beim Erstellen der Instanz automatisch angelegt.')}</p>
+            </div>
+          ) : (
+            <>
+              <div style={{ display: 'flex', alignItems: 'center', gap: '0.75rem' }}>
+                <span style={{ fontSize: '2rem' }}>{currentTab.icon}</span>
+                <div>
+                  <div style={{ fontWeight: 600, color: 'var(--text-primary, #1a1a1a)' }}>{currentWorkflow.label}</div>
+                  <div style={{ fontSize: '0.8125rem', color: 'var(--text-secondary, #666)' }}>
+                    Workflow ID: {currentWorkflow.id.slice(0, 8)}...
+                  </div>
+                </div>
+              </div>
+
+              <button
+                className={styles.primaryButton}
+                onClick={_handleExecute}
+                disabled={runState === 'starting' || runState === 'running'}
+                style={{ alignSelf: 'flex-start' }}
+              >
+                {runState === 'starting' || runState === 'running'
+                  ? t('trusteeAnalyse.running', 'Läuft...')
+                  : t('trusteeAnalyse.execute', 'Ausführen')}
+              </button>
+            </>
+          )}
+
+          {/* Pipeline status */}
+          {runState !== 'idle' && (
+            <div className={runState === 'error' ? styles.errorMessage : styles.successMessage}>
+              <strong>{t('trusteeAnalyse.status', 'Status')}:</strong>{' '}
+              {runState === 'starting' && t('trusteeAnalyse.starting', 'Wird gestartet...')}
+              {runState === 'running' && t('trusteeAnalyse.runningLabel', 'Läuft')}
+              {runState === 'completed' && t('trusteeAnalyse.completedLabel', 'Abgeschlossen')}
+              {runState === 'error' && t('trusteeAnalyse.errorLabel', 'Fehler')}
+              {runSummary && <div style={{ marginTop: '0.25rem' }}>{runSummary}</div>}
+              {runError && <div style={{ marginTop: '0.25rem' }}>{runError}</div>}
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default TrusteeAnalyseView;
diff --git a/src/pages/views/trustee/TrusteeDashboardView.tsx b/src/pages/views/trustee/TrusteeDashboardView.tsx
index d5c8651..d52856b 100644
--- a/src/pages/views/trustee/TrusteeDashboardView.tsx
+++ b/src/pages/views/trustee/TrusteeDashboardView.tsx
@@ -3,19 +3,30 @@
  * 
  * Overview dashboard for a Trustee instance.
  * Shows statistics about positions, documents, and accounting sync status.
+ * Includes a QuickActionBoard for one-click navigation to feature pages.
  */
 
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
+import { useNavigate, useParams } from 'react-router-dom';
 import { useCurrentInstance } from '../../../hooks/useCurrentInstance';
 import { useTrusteePositions, useTrusteeDocuments } from '../../../hooks/useTrustee';
 import { useApiRequest } from '../../../hooks/useApi';
-import { fetchAccountingConfig, fetchSyncStatus, type AccountingConfig, type AccountingSyncStatus } from '../../../api/trusteeApi';
+import {
+  fetchAccountingConfig,
+  fetchSyncStatus,
+  fetchQuickActions,
+  type AccountingConfig,
+  type AccountingSyncStatus,
+} from '../../../api/trusteeApi';
+import { QuickActionBoard, type QuickAction, type QuickActionCategory } from '../../../components/QuickActionBoard';
 import styles from './TrusteeViews.module.css';
 
 import { useLanguage } from '../../../providers/language/LanguageContext';
 
 export const TrusteeDashboardView: React.FC = () => {
-    const { t } = useLanguage();
+  const { t, currentLanguage } = useLanguage();
+  const navigate = useNavigate();
+  const { mandateId } = useParams<{ mandateId: string }>();
 
   const { instance, instanceId } = useCurrentInstance();
   const { items: positions, loading: posLoading } = useTrusteePositions();
@@ -25,10 +36,13 @@ export const TrusteeDashboardView: React.FC = () => {
   const [accountingConfig, setAccountingConfig] = useState<AccountingConfig | null>(null);
   const [syncItems, setSyncItems] = useState<AccountingSyncStatus[]>([]);
   const [accountingLoading, setAccountingLoading] = useState(true);
+  const [quickActions, setQuickActions] = useState<QuickAction[]>([]);
+  const [quickActionCategories, setQuickActionCategories] = useState<QuickActionCategory[]>([]);
+  const [quickActionsLoading, setQuickActionsLoading] = useState(true);
   
   useEffect(() => {
     if (!instanceId) return;
-    const loadAccountingData = async () => {
+    const _loadAccountingData = async () => {
       setAccountingLoading(true);
       try {
         const [config, syncData] = await Promise.all([
@@ -43,8 +57,35 @@ export const TrusteeDashboardView: React.FC = () => {
         setAccountingLoading(false);
       }
     };
-    loadAccountingData();
+    _loadAccountingData();
   }, [instanceId, request]);
+
+  useEffect(() => {
+    if (!instanceId) return;
+    const _loadQuickActions = async () => {
+      setQuickActionsLoading(true);
+      try {
+        const result = await fetchQuickActions(request, instanceId, currentLanguage || 'de');
+        setQuickActions(result.actions || []);
+        setQuickActionCategories(result.categories || []);
+      } catch {
+        setQuickActions([]);
+        setQuickActionCategories([]);
+      } finally {
+        setQuickActionsLoading(false);
+      }
+    };
+    _loadQuickActions();
+  }, [instanceId, request, currentLanguage]);
+
+  const _handleDispatch = useCallback((action: QuickAction) => {
+    const targetView = action.config?.targetView;
+    if (targetView && mandateId && instanceId) {
+      const tab = action.config?.tab;
+      const path = `/mandates/${mandateId}/trustee/${instanceId}/${targetView}`;
+      navigate(tab ? `${path}?tab=${tab}` : path);
+    }
+  }, [navigate, mandateId, instanceId]);
   
   const isLoading = posLoading || docsLoading || accountingLoading;
   const syncedCount = syncItems.filter(s => s.syncStatus === 'synced').length;
@@ -105,6 +146,13 @@ export const TrusteeDashboardView: React.FC = () => {
           </div>
         </div>
       </div>
+
+      <QuickActionBoard
+        actions={quickActions}
+        categories={quickActionCategories}
+        onDispatch={_handleDispatch}
+        loading={quickActionsLoading}
+      />
       
       <div className={styles.infoSection}>
         <h3>Instanz-Details</h3>
diff --git a/src/pages/views/trustee/TrusteeInstanceRolesView.tsx b/src/pages/views/trustee/TrusteeInstanceRolesView.tsx
index 1bf9983..4d324f9 100644
--- a/src/pages/views/trustee/TrusteeInstanceRolesView.tsx
+++ b/src/pages/views/trustee/TrusteeInstanceRolesView.tsx
@@ -107,11 +107,8 @@ export const TrusteeInstanceRolesView: React.FC = () => {
     <div className={styles.viewContainer}>
       <div className={styles.viewHeader}>
         <div className={styles.headerLeft}>
-          <h2 className={styles.viewTitle}>
-            <FaUserShield style={{ marginRight: '0.5rem' }} />
-            Instanz-Rollen & Berechtigungen
-          </h2>
           <p className={styles.viewSubtitle}>
+            <FaUserShield style={{ marginRight: '0.5rem', verticalAlign: 'middle' }} />
             Verwalten Sie die Berechtigungen für die Rollen dieser Trustee-Instanz
           </p>
         </div>
diff --git a/src/pages/views/trustee/index.ts b/src/pages/views/trustee/index.ts
index 85705ff..a3d5ca6 100644
--- a/src/pages/views/trustee/index.ts
+++ b/src/pages/views/trustee/index.ts
@@ -9,3 +9,5 @@ export { TrusteeInstanceRolesView } from './TrusteeInstanceRolesView';
 export { TrusteeExpenseImportView } from './TrusteeExpenseImportView';
 export { TrusteeScanUploadView } from './TrusteeScanUploadView';
 export { TrusteeAccountingSettingsView } from './TrusteeAccountingSettingsView';
+export { TrusteeAnalyseView } from './TrusteeAnalyseView';
+export { TrusteeAbschlussView } from './TrusteeAbschlussView';
diff --git a/src/pages/views/workspace/WorkspaceGeneralSettings.tsx b/src/pages/views/workspace/WorkspaceGeneralSettings.tsx
index 4b91cc8..d48ecb6 100644
--- a/src/pages/views/workspace/WorkspaceGeneralSettings.tsx
+++ b/src/pages/views/workspace/WorkspaceGeneralSettings.tsx
@@ -102,8 +102,6 @@ export const WorkspaceGeneralSettings: React.FC<GeneralSettingsProps> = ({ insta
 
   return (
     <div className={styles.settings}>
-      <h2 className={styles.heading}>{t('workspaceGeneralSettings.generelleEinstellungen')}</h2>
-
       {error && <div className={styles.error}>{error}</div>}
       {success && <div className={styles.success}>{success}</div>}
 
diff --git a/src/pages/views/workspace/WorkspacePage.tsx b/src/pages/views/workspace/WorkspacePage.tsx
index 84abd12..c79d641 100644
--- a/src/pages/views/workspace/WorkspacePage.tsx
+++ b/src/pages/views/workspace/WorkspacePage.tsx
@@ -8,7 +8,7 @@
  */
 
 import React, { useState, useCallback, useRef, useEffect } from 'react';
-import { useNavigate, useParams } from 'react-router-dom';
+import { useNavigate, useParams, useSearchParams } from 'react-router-dom';
 import { useCurrentInstance } from '../../../hooks/useCurrentInstance';
 import { useFileOperations } from '../../../hooks/useFiles';
 import { useWorkspace } from './useWorkspace';
@@ -90,6 +90,8 @@ export const WorkspacePage: React.FC<WorkspacePageProps> = ({ persistentInstance
   const [draftAppend, setDraftAppend] = useState('');
   const dragCounterRef = useRef(0);
   const fileInputRef = useRef<HTMLInputElement>(null);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const autoStartHandled = useRef(false);
   const [isMobile, setIsMobile] = useState<boolean>(() =>
     typeof window !== 'undefined' ? window.innerWidth <= 1024 : false,
   );
@@ -112,6 +114,22 @@ export const WorkspacePage: React.FC<WorkspacePageProps> = ({ persistentInstance
     }
   }, [isMobile]);
 
+  useEffect(() => {
+    if (autoStartHandled.current || !instanceId || workspace.isProcessing) return;
+    const prompt = searchParams.get('prompt');
+    const autoStart = searchParams.get('autoStart') === 'true';
+    if (prompt) {
+      autoStartHandled.current = true;
+      setSearchParams({}, { replace: true });
+      if (autoStart) {
+        const resolvedProviders = _toBackendProviders(providerSelection, allowedProviders);
+        workspace.sendMessage(prompt, [], [], resolvedProviders, []);
+      } else {
+        setDraftAppend(prompt);
+      }
+    }
+  }, [instanceId, searchParams, setSearchParams, workspace, providerSelection, allowedProviders]);
+
   const _uploadAndAttach = useCallback(async (file: File) => {
     const result = await fileOps.handleFileUpload(file, undefined, instanceId);
     if (result.success && result.fileData) {