From d09f1532a43b110919924836b4dcb39958bac977 Mon Sep 17 00:00:00 2001 From: Abhimanyu Yadav <122007096+Abhi1992002@users.noreply.github.com> Date: Thu, 12 Feb 2026 16:46:01 +0530 Subject: [PATCH 1/4] feat(frontend): replace legacy builder with new flow editor (#12081) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit ### Changes 🏗️ This PR completes the migration from the legacy builder to the new Flow editor by removing all legacy code and feature flags. **Removed:** - Old builder view toggle functionality (`BuilderViewTabs.tsx`) - Legacy debug panel (`RightSidebar.tsx`) - Feature flags: `NEW_FLOW_EDITOR` and `BUILDER_VIEW_SWITCH` - `useBuilderView` hook and related view-switching logic **Updated:** - Simplified `build/page.tsx` to always render the new Flow editor - Added CSS styling (`flow.css`) to properly render Phosphor icons in React Flow handles **Tests:** - Skipped e2e test suite in `build.spec.ts` (legacy builder tests) - Follow-up PR (#12082) will add new e2e tests for the Flow editor ### Checklist 📋 #### For code changes: - [x] I have clearly listed my changes in the PR description - [x] I have made a test plan - [x] I have tested my changes according to the test plan: - [x] Create a new flow and verify it loads correctly - [x] Add nodes and connections to verify basic functionality works - [x] Verify that node handles render correctly with the new CSS - [x] Check that the UI is clean without the old debug panel or view toggles #### For configuration changes: - [x] `.env.default` is updated or already compatible with my changes - [x] `docker-compose.yml` is updated or already compatible with my changes --- .../BuilderViewTabs/BuilderViewTabs.tsx | 31 ------- .../build/components/FlowEditor/Flow/Flow.tsx | 3 + .../build/components/FlowEditor/Flow/flow.css | 9 ++ .../build/components/RIghtSidebar.tsx | 83 ------------------- .../src/app/(platform)/build/page.tsx | 63 ++------------ .../app/(platform)/build/useBuilderView.ts | 44 ---------- .../services/feature-flags/use-get-flag.ts | 4 - .../frontend/src/tests/agent-activity.spec.ts | 8 +- .../frontend/src/tests/build.spec.ts | 5 +- .../frontend/src/tests/pages/build.page.ts | 73 ++++++++-------- 10 files changed, 61 insertions(+), 262 deletions(-) delete mode 100644 autogpt_platform/frontend/src/app/(platform)/build/components/BuilderViewTabs/BuilderViewTabs.tsx create mode 100644 autogpt_platform/frontend/src/app/(platform)/build/components/FlowEditor/Flow/flow.css delete mode 100644 autogpt_platform/frontend/src/app/(platform)/build/components/RIghtSidebar.tsx delete mode 100644 autogpt_platform/frontend/src/app/(platform)/build/useBuilderView.ts diff --git a/autogpt_platform/frontend/src/app/(platform)/build/components/BuilderViewTabs/BuilderViewTabs.tsx b/autogpt_platform/frontend/src/app/(platform)/build/components/BuilderViewTabs/BuilderViewTabs.tsx deleted file mode 100644 index 4f4237445b..0000000000 --- a/autogpt_platform/frontend/src/app/(platform)/build/components/BuilderViewTabs/BuilderViewTabs.tsx +++ /dev/null @@ -1,31 +0,0 @@ -"use client"; - -import { Tabs, TabsList, TabsTrigger } from "@/components/__legacy__/ui/tabs"; - -export type BuilderView = "old" | "new"; - -export function BuilderViewTabs({ - value, - onChange, -}: { - value: BuilderView; - onChange: (value: BuilderView) => void; -}) { - return ( -
- {JSON.stringify(n.data?.hardcodedValues ?? {}, null, 2)}
-
-
- {JSON.stringify(backendLinks, null, 2)}
-
- BlockWebhookConfig definition