Release 1.2.0

Author: synergycodes-devops

.gitignore

@@ -40,3 +40,14 @@ Thumbs.db
 .nx/
 
 **/.env.local
+
+# pnpm local store (created in container environments)
+.pnpm-store/
+
+# Local Claude task files
+CLAUDE.local.md
+
+# Claude Code worktrees
+.worktrees/
+
+.playwright-mcp/

CHANGELOG.md

@@ -0,0 +1,36 @@
+# Changelog
+
+## Version 1.2.0
+
+### New:
+
+- A new, robust documentation site has been created using Astro - https://www.workflowbuilder.io/docs/overview/ [WB-27]
+- New element RichText added, allowing passing HTML to forms in the sidebar (e.g., when we need to add context to a field with an additional link) [WB-15]
+- A new variable picker for text has been added [WB-96]
+
+### Improvements:
+
+- Fit to view actions now take into account opened panels and don't hide content behind them [WB-17]
+- The selected node/edge sidebar can now be closed to show more of the canvas if needed [WB-16]
+- The loaded diagram is revalidated, and new errors are shown if the diagram configuration has changed (for example, if a node now has new fields) [WB-14]
+- Workflow builder styles now use box-sizing: border-box by default [WB-32]
+- Dependecies were updated (e.g, @xyflow/react to 12.10.0)
+- Added misisng decision and tool ids to simplyfie parsing of flows by flow engines [WB-25]
+- Nodes in panels expect all properties to be filled with default values [WB-13]
+
+### Fixes:
+
+- Removing a tool or a branch removes attached edges (they can be restored by clicking "Undo") [WB-12]
+- Templates cannot be changed in read-only mode [WB-34]
+- The "Add tool" and "Add branch" buttons on nodes are now working correctly [WB-30]
+- Only a new element is now selected after copying [ZW-398]
+- Fixed a bug that blocked rendering of the form when loading nodes with the sidebar open [WB-97]
+- Fixed an issue with saving on close [WB-58]
+
+### Plugins:
+
+- **New** - Analytics – new tracking mechanism based on Microsoft Clarity. [WB-84]
+- **New** - Diagram validation - Additional logic for working with JSON forms, adding diagram-based validation (e.g., detecting when a node that uses variables from previous nodes is not connected to them, or when required edges are missing). [WB-139]
+- Undo/redo — improvements to history logic to prevent duplicate history items [WB-26]
+- Flow runner - Improved documentation and more tests for the workflow runner [WB-19][WB-25]
+- Improvement development mode for plugins [WB-40]

CODEOWNERS

@@ -1,2 +1,2 @@
 # Every change in the repository must be reviewed by:
-*   @piotrblaszczyk @librowski-synergy @lukasz-jazwa
+*   @piotrblaszczyk @librowski-synergy @lukasz-jazwa @szymon-t-sc

DECISION-LOGS.md

@@ -5,4 +5,4 @@
 - _04.03.2025_: [Lazy-loaded Icons](./apps/icons/lazy-loaded-icons-04-03-2025.decision-log.md)
 - _08.04.2025_: [Lazy-loaded Icons](./apps/icons/lazy-loaded-icons-08-04-2025.decision-log.md)
 - _15.04.2025_: [Internationalization implementation with i18next](./apps/frontend/src/app/features/i18n/i18next.decision-log.md)
-- _26.05.2025_: [JSON Form Validation Strategy](./apps/frontend/src/app/features/json-form/form-validation.decision-log.md)
+- _26.05.2025_: [JSON Form Validation Strategy](./apps/frontend/src/app/features/json-form/form-validation.decision-log.md)

README.md

@@ -12,6 +12,7 @@ Execution, orchestration, and business logic remain fully under your control.
 ## What Workflow Builder is NOT
 
 Workflow Builder does **not**:
+
 - execute workflows
 - provide scheduling or orchestration
 - include backend logic or integrations
@@ -34,6 +35,7 @@ The SDK outputs workflow definitions (JSON) that are meant to be executed by **y
 ## Typical use cases
 
 Workflow Builder is commonly used to:
+
 - embed workflow editors into B2B SaaS products
 - build visual rule engines and configuration tools
 - design AI agent and automation workflow platforms
@@ -75,27 +77,32 @@ To document technical choices and provide an overview of reasoning behind them,
 ## License
 
 Community Edition:
+
 - Open source
 - Apache 2.0 license
 - Frontend-only workflow editor SDK
 
 Enterprise Edition:
+
 - Commercial license
 - Long-term support
 - Advanced features and professional services
-  
+
 ## Contributing
+
 Workflow Builder is open-source and we welcome contributions. Whether you're fixing bugs, proposing features, improving docs, or spreading the word - we'd love to have you as part of the community.
 
 ## Professional consulting & enterprise support
+
 Workflow Builder is a frontend-only SDK. For enterprise companies that need end-to-end implementations, we also offer professional consulting services.
 Our team can help with:
+
 - backend execution engines
 - custom integrations
 - enterprise-grade customization and scaling
 - accelerating time-to-market with proven architecture patterns
-The team behind Workflow Builder has 15+ years of experience building enterprise-class diagramming and automation tools.
-Learn more about Enterprise Edition and consulting: 👉 https://workflowbuilder.io
+  The team behind Workflow Builder has 15+ years of experience building enterprise-class diagramming and automation tools.
+  Learn more about Enterprise Edition and consulting: 👉 https://workflowbuilder.io
 
 ## <a name="links">Links</a>
 

apps/.env.default

@@ -0,0 +1,2 @@
+VITE_CLARITY_PROJECT_ID=
+VITE_DEALFRONT_TRACKER_ID=

apps/frontend/.env.default

@@ -16,14 +16,15 @@
     "test:watch": "vitest"
   },
   "dependencies": {
+    "@microsoft/clarity": "^1.0.0",
     "@jsonforms/core": "^3.4.1",
     "@jsonforms/react": "^3.4.1",
     "@phosphor-icons/react": "^2.1.7",
-    "@synergycodes/overflow-ui": "^1.0.0-beta.22",
+    "@synergycodes/overflow-ui": "1.0.0-beta.26",
     "@workflow-builder/icons": "workspace:*",
     "@xyflow/react": "catalog:",
     "ace-builds": "^1.43.4",
-    "ajv": "^8.0.0",
+    "ajv": "catalog:",
     "clsx": "^2.1.1",
     "elkjs": "^0.9.3",
     "html-to-image": "1.11.11",
@@ -36,8 +37,8 @@
     "react": "^19.1.0",
     "react-ace": "^14.0.1",
     "react-dom": "catalog:",
-    "react-gtm-module": "^2.0.11",
     "react-i18next": "^15.4.1",
+    "react-mentions-ts": "^5.4.7",
     "remeda": "^2.19.2",
     "web-worker": "^1.5.0",
     "zustand": "^5.0.1"

apps/frontend/package.json

@@ -45,4 +45,9 @@
   .diagram-container {
     position: absolute;
   }
+
+  .viewport-bounds {
+    flex: 1;
+    visibility: hidden;
+  }
 }

apps/frontend/src/app/app.module.css

@@ -1,4 +1,5 @@
 import { ReactFlowProvider } from '@xyflow/react';
+import clsx from 'clsx';
 import { setAutoFreeze } from 'immer';
 import { PropsWithChildren } from 'react';
 
@@ -30,14 +31,15 @@ function AppComponent(_props: PropsWithChildren) {
 
   return (
     <ReactFlowProvider>
-      <div className={styles['container']}>
+      <div className={clsx(styles['container'], 'workflow-builder-root')}>
         <div className={styles['header']}>
           <AppBarContainerLazy />
         </div>
         <div className={styles['content']}>
           <div className={styles['panel']}>
             <PaletteContainerLazy />
           </div>
+          <div id="viewport-bounds" className={styles['viewport-bounds']} />
           <div className={styles['panel']}>
             <div className={styles['right-panel']}>
               <PropertiesBarContainerLazy />