From ae7b78e12b52c36a5317a060dccb03afa2be8cf2 Mon Sep 17 00:00:00 2001
From: Victor Giers <mail@victorgiers.com>
Date: Mon, 15 Jun 2026 16:54:10 +0200
Subject: [PATCH] Feature: Implement WorkflowList component and update
 WorkflowsArea props in App.jsx

---
 src/App.jsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 38d9bb9..3e0792c 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1637,7 +1637,14 @@ async function createNewChat() {
             />
           )}
           {activeSidebarMode === 'workflows' && (
-            <div className="empty-list-message">Create, validate, and test native workflows in the editor.</div>
+            <WorkflowList
+              activeId={activeWorkflowId}
+              onCreate={handleCreateWorkflow}
+              onDelete={handleDeleteWorkflow}
+              onDuplicate={handleDuplicateWorkflow}
+              onSelect={handleSelectWorkflow}
+              workflows={workflows}
+            />
           )}
         </div>
         {(activeSidebarMode === 'chats' || activeSidebarMode === 'dbs') && (
@@ -2126,8 +2133,11 @@ async function createNewChat() {
         {activeSidebarMode === 'workflows' && (
           <WorkflowsArea
             apiBase={backendApiUrl}
+            error={workflowError}
             model={model}
-            onWorkflowsChanged={setWorkflows}
+            onChanged={refreshWorkflows}
+            tools={workflowTools}
+            workflow={activeWorkflow}
           />
         )}
         {knowledgeSaveTarget && (