From ed4ed6849767700d71846c67250d87399882be5b Mon Sep 17 00:00:00 2001
From: Marc Tse <marctse@gmail.com>
Date: Sat, 23 Aug 2025 01:46:59 +0800
Subject: [PATCH 1/2] fix: react 19 compat issues

* migrate antd static methods to hooks

* antd v5 patch for react 19 for wave

* removing transition lib
---
 packages/jdm-editor/package.json              |   17 +-
 .../graph/graph-side-toolbar.tsx              |    4 +-
 .../components/decision-graph/graph/graph.tsx |    4 +-
 .../graph/json-to-json-schema-dialog.tsx      |    4 +-
 .../hooks/use-graph-clipboard.ts              |    4 +-
 .../decision-graph/nodes/decision-node.tsx    |   48 +-
 .../simulator/simulator-editor.tsx            |    3 +-
 .../simulator/simulator-request-panel.tsx     |    4 +-
 .../decision-table/dt-command-bar.tsx         |    4 +-
 .../src/components/decision-table/excel.ts    |    4 +-
 .../function/function-debugger-log.tsx        |    3 +-
 packages/jdm-editor/src/index.ts              |    1 +
 packages/jdm-editor/src/theme.tsx             |    8 +-
 pnpm-lock.yaml                                | 1033 ++++++++---------
 14 files changed, 574 insertions(+), 567 deletions(-)

diff --git a/packages/jdm-editor/package.json b/packages/jdm-editor/package.json
index a9f0dd13..f2edc984 100644
--- a/packages/jdm-editor/package.json
+++ b/packages/jdm-editor/package.json
@@ -39,6 +39,7 @@
   },
   "dependencies": {
     "@ant-design/icons": "6.0.0",
+    "@ant-design/v5-patch-for-react-19": "1.0.3",
     "@codemirror/autocomplete": "^6.18.6",
     "@codemirror/commands": "^6.8.1",
     "@codemirror/language": "^6.11.0",
@@ -54,7 +55,7 @@
     "@monaco-editor/react": "^4.7.0",
     "@tanstack/react-table": "8.21.3",
     "@tanstack/react-virtual": "3.13.6",
-    "antd": "5.21.2",
+    "antd": "5.27.1",
     "clsx": "2.1.1",
     "dnd-core": "^16.0.1",
     "exceljs": "^4.4.0",
@@ -73,7 +74,6 @@
     "react-resizable-panels": "^2.1.7",
     "reactflow": "11.11.4",
     "to-json-schema": "^0.2.5",
-    "transition-hook": "^1.5.2",
     "ts-pattern": "^5.7.0",
     "use-debounce": "^10.0.4",
     "zod": "^3.24.2",
@@ -96,13 +96,13 @@
     "@trivago/prettier-plugin-sort-imports": "5.2.2",
     "@types/big.js": "^6.2.2",
     "@types/lodash": "^4.17.16",
-    "@types/react": "18.3.11",
-    "@types/react-dom": "19.1.2",
+    "@types/react": "19.1.11",
+    "@types/react-dom": "19.1.7",
     "@types/to-json-schema": "^0.2.4",
     "@vitejs/plugin-react-swc": "^3.8.1",
     "dayjs": "^1.11.13",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
     "sass": "^1.86.3",
     "storybook": "8.6.12",
     "storybook-dark-mode": "^4.0.2",
@@ -123,7 +123,8 @@
     ]
   },
   "peerDependencies": {
-    "react": ">= 18",
-    "react-dom": ">= 18"
+    "antd": ">= 5.22.6",
+    "react": ">= 19",
+    "react-dom": ">= 19"
   }
 }
diff --git a/packages/jdm-editor/src/components/decision-graph/graph/graph-side-toolbar.tsx b/packages/jdm-editor/src/components/decision-graph/graph/graph-side-toolbar.tsx
index 2ecf66e0..15ab4150 100644
--- a/packages/jdm-editor/src/components/decision-graph/graph/graph-side-toolbar.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/graph/graph-side-toolbar.tsx
@@ -1,6 +1,6 @@
 import { CloudDownloadOutlined, CloudUploadOutlined } from '@ant-design/icons';
 import type { MenuProps } from 'antd';
-import { Button, Dropdown, Tooltip, message } from 'antd';
+import { App, Button, Dropdown, Tooltip } from 'antd';
 import React, { useRef } from 'react';
 
 import { decisionModelSchema } from '../../../helpers/schema';
@@ -16,6 +16,8 @@ export type GraphSideToolbarProps = {
 };
 
 export const GraphSideToolbar: React.FC<GraphSideToolbarProps> = () => {
+  const { message } = App.useApp();
+
   const decisionGraphRaw = useDecisionGraphRaw();
   const fileInput = useRef<HTMLInputElement>(null);
   const excelFileInput = useRef<HTMLInputElement>(null);
diff --git a/packages/jdm-editor/src/components/decision-graph/graph/graph.tsx b/packages/jdm-editor/src/components/decision-graph/graph/graph.tsx
index 2ad6028b..f73fee6c 100644
--- a/packages/jdm-editor/src/components/decision-graph/graph/graph.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/graph/graph.tsx
@@ -1,5 +1,5 @@
 import { CloseOutlined, CompressOutlined, LeftOutlined, WarningOutlined } from '@ant-design/icons';
-import { Button, Modal, Tooltip, Typography, message, notification } from 'antd';
+import { App, Button, Modal, Tooltip, Typography } from 'antd';
 import clsx from 'clsx';
 import equal from 'fast-deep-equal';
 import React, { type MutableRefObject, forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
@@ -70,6 +70,8 @@ const edgeTypes = {
 };
 
 export const Graph = forwardRef<GraphRef, GraphProps>(function GraphInner({ reactFlowProOptions, className }, ref) {
+  const { message, notification } = App.useApp();
+
   const reactFlowWrapper = useRef<HTMLDivElement>(null);
   const reactFlowInstance = useRef<ReactFlowInstance>(null);
 
diff --git a/packages/jdm-editor/src/components/decision-graph/graph/json-to-json-schema-dialog.tsx b/packages/jdm-editor/src/components/decision-graph/graph/json-to-json-schema-dialog.tsx
index 386d6eb8..e2ee54b4 100644
--- a/packages/jdm-editor/src/components/decision-graph/graph/json-to-json-schema-dialog.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/graph/json-to-json-schema-dialog.tsx
@@ -1,5 +1,5 @@
 import { Editor } from '@monaco-editor/react';
-import { Modal, Spin, Typography, message, theme } from 'antd';
+import { App, Modal, Spin, Typography, theme } from 'antd';
 import json5 from 'json5';
 import React, { useEffect, useState } from 'react';
 import toJsonSchema from 'to-json-schema';
@@ -15,6 +15,8 @@ export type JsonToJsonSchemaDialogProps = {
 };
 
 export const JsonToJsonSchemaDialog: React.FC<JsonToJsonSchemaDialogProps> = (props) => {
+  const { message } = App.useApp();
+
   const { isOpen, onDismiss, onSuccess, model } = props;
 
   const { token } = theme.useToken();
diff --git a/packages/jdm-editor/src/components/decision-graph/hooks/use-graph-clipboard.ts b/packages/jdm-editor/src/components/decision-graph/hooks/use-graph-clipboard.ts
index 287d4644..d622e351 100644
--- a/packages/jdm-editor/src/components/decision-graph/hooks/use-graph-clipboard.ts
+++ b/packages/jdm-editor/src/components/decision-graph/hooks/use-graph-clipboard.ts
@@ -1,4 +1,4 @@
-import { message } from 'antd';
+import { App } from 'antd';
 import { type RefObject, useCallback, useMemo } from 'react';
 import type { Node, ReactFlowInstance, XYPosition } from 'reactflow';
 
@@ -20,6 +20,8 @@ export const useGraphClipboard = (
   reactFlow: RefObject<ReactFlowInstance | null>,
   wrapper: RefObject<HTMLDivElement | null>,
 ) => {
+  const { message } = App.useApp();
+
   const raw = useDecisionGraphRaw();
   const graphActions = useDecisionGraphActions();
 
diff --git a/packages/jdm-editor/src/components/decision-graph/nodes/decision-node.tsx b/packages/jdm-editor/src/components/decision-graph/nodes/decision-node.tsx
index cf466255..6c36f197 100644
--- a/packages/jdm-editor/src/components/decision-graph/nodes/decision-node.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/nodes/decision-node.tsx
@@ -2,7 +2,6 @@ import { CloseOutlined, MoreOutlined } from '@ant-design/icons';
 import { Button, Dropdown, type MenuProps, Typography } from 'antd';
 import clsx from 'clsx';
 import React from 'react';
-import { Transition } from 'transition-hook';
 import { match } from 'ts-pattern';
 
 import { DiffIcon } from '../../diff-icon';
@@ -121,34 +120,25 @@ export const DecisionNode: React.FC<DecisionNodeProps> = ({
           </div>
         )}
       </GraphCard>
-      <Transition state={detailsOpen} timeout={100}>
-        {(stage, shouldMount) =>
-          shouldMount && (
-            <GraphCard
-              className='nodrag'
-              style={{
-                transition: '0.1s ease-in-out',
-                transform: stage === 'enter' ? 'translateY(0)' : 'translateY(-10px)',
-                opacity: stage === 'enter' ? 1 : 0,
-              }}
-            >
-              <div className='grl-dn__details'>
-                <div className='grl-dn__details__header'>
-                  <Typography.Text className='grl-dn__details__header__text'>{detailsTitle}</Typography.Text>
-                  <Button
-                    type={'text'}
-                    size={'small'}
-                    className='grl-dn__details__header__close'
-                    icon={<CloseOutlined style={{ fontSize: 8 }} />}
-                    onClick={onDetailsClose}
-                  />
-                </div>
-                <div className='grl-dn__details__body'>{details}</div>
-              </div>
-            </GraphCard>
-          )
-        }
-      </Transition>
+      {detailsOpen && (
+        <GraphCard
+          className='nodrag'
+        >
+          <div className='grl-dn__details'>
+            <div className='grl-dn__details__header'>
+              <Typography.Text className='grl-dn__details__header__text'>{detailsTitle}</Typography.Text>
+              <Button
+                type={'text'}
+                size={'small'}
+                className='grl-dn__details__header__close'
+                icon={<CloseOutlined style={{ fontSize: 8 }} />}
+                onClick={onDetailsClose}
+              />
+            </div>
+            <div className='grl-dn__details__body'>{details}</div>
+          </div>
+        </GraphCard>
+      )}
     </div>
   );
 };
diff --git a/packages/jdm-editor/src/components/decision-graph/simulator/simulator-editor.tsx b/packages/jdm-editor/src/components/decision-graph/simulator/simulator-editor.tsx
index 5ab210f2..7f65d4b1 100644
--- a/packages/jdm-editor/src/components/decision-graph/simulator/simulator-editor.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/simulator/simulator-editor.tsx
@@ -1,5 +1,5 @@
 import { Editor } from '@monaco-editor/react';
-import { Spin, message, theme } from 'antd';
+import { App, Spin, theme } from 'antd';
 import json5 from 'json5';
 import React from 'react';
 
@@ -12,6 +12,7 @@ type SimulatorEditorProps = {
 };
 
 export const SimulatorEditor: React.FC<SimulatorEditorProps> = ({ value, onChange, readOnly }) => {
+  const { message } = App.useApp();
   const { token } = theme.useToken();
 
   return (
diff --git a/packages/jdm-editor/src/components/decision-graph/simulator/simulator-request-panel.tsx b/packages/jdm-editor/src/components/decision-graph/simulator/simulator-request-panel.tsx
index b8053243..44d749e2 100644
--- a/packages/jdm-editor/src/components/decision-graph/simulator/simulator-request-panel.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/simulator/simulator-request-panel.tsx
@@ -1,6 +1,6 @@
 import { InfoCircleOutlined, PlayCircleOutlined } from '@ant-design/icons';
 import { VariableType } from '@gorules/zen-engine-wasm';
-import { Button, Tooltip, Typography, notification } from 'antd';
+import { App, Button, Tooltip, Typography } from 'antd';
 import json5 from 'json5';
 import React, { useEffect, useState } from 'react';
 
@@ -27,6 +27,8 @@ export const SimulatorRequestPanel: React.FC<SimulatorRequestPanelProps> = ({
   onRun,
   defaultRequest,
 }) => {
+  const { notification } = App.useApp();
+
   const [requestValue, setRequestValue] = useState(defaultRequest);
   const { stateStore, actions } = useDecisionGraphRaw();
 
diff --git a/packages/jdm-editor/src/components/decision-table/dt-command-bar.tsx b/packages/jdm-editor/src/components/decision-table/dt-command-bar.tsx
index a7fa00ee..1a8daaab 100644
--- a/packages/jdm-editor/src/components/decision-table/dt-command-bar.tsx
+++ b/packages/jdm-editor/src/components/decision-table/dt-command-bar.tsx
@@ -6,7 +6,7 @@ import {
   ExportOutlined,
   ImportOutlined,
 } from '@ant-design/icons';
-import { Button, Divider, Popconfirm, Select, Tooltip, Typography, message } from 'antd';
+import { App, Button, Divider, Popconfirm, Select, Tooltip, Typography } from 'antd';
 import React, { useMemo, useRef } from 'react';
 import { P, match } from 'ts-pattern';
 
@@ -16,6 +16,8 @@ import { useDecisionTableActions, useDecisionTableRaw, useDecisionTableState } f
 import { exportDecisionTable, readDecisionTableFile } from './excel';
 
 export const DecisionTableCommandBar: React.FC = () => {
+  const { message } = App.useApp();
+
   const tableActions = useDecisionTableActions();
   const { disabled, debugIndex, traceCount, cursor } = useDecisionTableState(
     ({ disableHitPolicy, disabled, permission, decisionTable, cursor, debugIndex, debug }) => ({
diff --git a/packages/jdm-editor/src/components/decision-table/excel.ts b/packages/jdm-editor/src/components/decision-table/excel.ts
index 5a48176f..04ec2a29 100644
--- a/packages/jdm-editor/src/components/decision-table/excel.ts
+++ b/packages/jdm-editor/src/components/decision-table/excel.ts
@@ -1,4 +1,4 @@
-import { message } from 'antd';
+import { App } from 'antd';
 import exceljs from 'exceljs';
 import { P, match } from 'ts-pattern';
 
@@ -147,6 +147,8 @@ export const exportDecisionTable = async (fileName: string, decisionTableNodes:
 };
 
 const parseSpreadsheetData = (spreadSheetData: any, defaultTable?: DecisionTableType) => {
+  const { message } = App.useApp();
+
   const headers: any[] = spreadSheetData.splice(0, 3)[2];
   const columnHeaders = headers.map((header) => {
     if (header.value.toLowerCase() === 'description') {
diff --git a/packages/jdm-editor/src/components/function/function-debugger-log.tsx b/packages/jdm-editor/src/components/function/function-debugger-log.tsx
index 07408911..dfdaf1ca 100644
--- a/packages/jdm-editor/src/components/function/function-debugger-log.tsx
+++ b/packages/jdm-editor/src/components/function/function-debugger-log.tsx
@@ -1,4 +1,4 @@
-import { Dropdown, Tooltip, message, theme } from 'antd';
+import { App, Dropdown, Tooltip, theme } from 'antd';
 import React from 'react';
 import { JSONTree } from 'react-json-tree';
 
@@ -38,6 +38,7 @@ const themes: Record<'dark' | 'light', JsonTheme> = {
 };
 
 export const FunctionDebuggerLog: React.FC<FunctionDebuggerLogProps> = ({ lines, msSinceRun }) => {
+  const { message } = App.useApp();
   const { token } = theme.useToken();
   const jsonTheme = themes[token.mode ?? 'light'];
 
diff --git a/packages/jdm-editor/src/index.ts b/packages/jdm-editor/src/index.ts
index 0631ef1d..a493cb45 100644
--- a/packages/jdm-editor/src/index.ts
+++ b/packages/jdm-editor/src/index.ts
@@ -1,3 +1,4 @@
+import '@ant-design/v5-patch-for-react-19';
 import './styles.scss';
 
 export * from './components';
diff --git a/packages/jdm-editor/src/theme.tsx b/packages/jdm-editor/src/theme.tsx
index 9e55f034..3060f15d 100644
--- a/packages/jdm-editor/src/theme.tsx
+++ b/packages/jdm-editor/src/theme.tsx
@@ -1,5 +1,5 @@
 import type { ThemeConfig as AntThemeConfig } from 'antd';
-import { ConfigProvider, theme as antTheme, theme } from 'antd';
+import { App, ConfigProvider, theme as antTheme, theme } from 'antd';
 import React, { useMemo } from 'react';
 
 declare module 'antd/es/theme/interface/alias' {
@@ -35,8 +35,10 @@ export const JdmConfigProvider: React.FC<JdmConfigProviderProps> = ({
 
   return (
     <ConfigProvider prefixCls={prefixCls} theme={{ ...restTheme, algorithm, token: { ...token, mode, motion: false } }}>
-      <GlobalCssVariables mode={mode} />
-      {children}
+      <App>
+        <GlobalCssVariables mode={mode} />
+        {children}
+      </App>
     </ConfigProvider>
   );
 };
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 70dbd700..64554c35 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -70,7 +70,10 @@ importers:
     dependencies:
       '@ant-design/icons':
         specifier: 6.0.0
-        version: 6.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 6.0.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@ant-design/v5-patch-for-react-19':
+        specifier: 1.0.3
+        version: 1.0.3(antd@5.27.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       '@codemirror/autocomplete':
         specifier: ^6.18.6
         version: 6.18.6
@@ -109,16 +112,16 @@ importers:
         version: 1.4.2
       '@monaco-editor/react':
         specifier: ^4.7.0
-        version: 4.7.0(monaco-editor@0.52.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 4.7.0(monaco-editor@0.52.2)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       '@tanstack/react-table':
         specifier: 8.21.3
-        version: 8.21.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 8.21.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       '@tanstack/react-virtual':
         specifier: 3.13.6
-        version: 3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 3.13.6(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       antd:
-        specifier: 5.21.2
-        version: 5.21.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: 5.27.1
+        version: 5.27.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       clsx:
         specifier: 2.1.1
         version: 2.1.1
@@ -145,65 +148,62 @@ importers:
         version: 4.17.21
       lucide-react:
         specifier: ^0.488.0
-        version: 0.488.0(react@18.3.1)
+        version: 0.488.0(react@19.1.1)
       monaco-editor:
         specifier: ^0.52.2
         version: 0.52.2
       re-resizable:
         specifier: ^6.11.2
-        version: 6.11.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 6.11.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       react-dnd:
         specifier: ^16.0.1
-        version: 16.0.1(@types/node@22.14.1)(@types/react@18.3.11)(react@18.3.1)
+        version: 16.0.1(@types/node@22.14.1)(@types/react@19.1.11)(react@19.1.1)
       react-dnd-html5-backend:
         specifier: 16.0.1
         version: 16.0.1
       react-intersection-observer:
         specifier: ^9.16.0
-        version: 9.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 9.16.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       react-json-tree:
         specifier: ^0.20.0
-        version: 0.20.0(@types/react@18.3.11)(react@18.3.1)
+        version: 0.20.0(@types/react@19.1.11)(react@19.1.1)
       react-resizable-panels:
         specifier: ^2.1.7
-        version: 2.1.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 2.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       reactflow:
         specifier: 11.11.4
-        version: 11.11.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 11.11.4(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       to-json-schema:
         specifier: ^0.2.5
         version: 0.2.5
-      transition-hook:
-        specifier: ^1.5.2
-        version: 1.5.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       ts-pattern:
         specifier: ^5.7.0
         version: 5.7.0
       use-debounce:
         specifier: ^10.0.4
-        version: 10.0.4(react@18.3.1)
+        version: 10.0.4(react@19.1.1)
       zod:
         specifier: ^3.24.2
         version: 3.24.2
       zustand:
         specifier: ^4.5.5
-        version: 4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)
+        version: 4.5.5(@types/react@19.1.11)(immer@10.1.1)(react@19.1.1)
     devDependencies:
       '@storybook/addon-actions':
         specifier: 8.6.12
         version: 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-docs':
         specifier: 8.6.12
-        version: 8.6.12(@types/react@18.3.11)(storybook@8.6.12(prettier@3.5.3))
+        version: 8.6.12(@types/react@19.1.11)(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-essentials':
         specifier: 8.6.12
-        version: 8.6.12(@types/react@18.3.11)(storybook@8.6.12(prettier@3.5.3))
+        version: 8.6.12(@types/react@19.1.11)(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-interactions':
         specifier: 8.6.12
         version: 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-links':
         specifier: 8.6.12
-        version: 8.6.12(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))
+        version: 8.6.12(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-storysource':
         specifier: ^8.6.12
         version: 8.6.12(storybook@8.6.12(prettier@3.5.3))
@@ -212,10 +212,10 @@ importers:
         version: 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/react':
         specifier: ^8.6.12
-        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)
+        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)
       '@storybook/react-vite':
         specifier: ^8.6.12
-        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.40.0)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)(vite@6.2.6(@types/node@22.14.1)(sass@1.86.3)(yaml@2.7.1))
+        version: 8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(rollup@4.40.0)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)(vite@6.2.6(@types/node@22.14.1)(sass@1.86.3)(yaml@2.7.1))
       '@storybook/test':
         specifier: ^8.6.12
         version: 8.6.12(storybook@8.6.12(prettier@3.5.3))
@@ -224,7 +224,7 @@ importers:
         version: 6.6.3
       '@testing-library/react':
         specifier: 16.3.0
-        version: 16.3.0(@testing-library/dom@10.4.0)(@types/react-dom@19.1.2(@types/react@18.3.11))(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 16.3.0(@testing-library/dom@10.4.0)(@types/react-dom@19.1.7(@types/react@19.1.11))(@types/react@19.1.11)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       '@testing-library/user-event':
         specifier: 14.6.1
         version: 14.6.1(@testing-library/dom@10.4.0)
@@ -238,11 +238,11 @@ importers:
         specifier: ^4.17.16
         version: 4.17.16
       '@types/react':
-        specifier: 18.3.11
-        version: 18.3.11
+        specifier: 19.1.11
+        version: 19.1.11
       '@types/react-dom':
-        specifier: 19.1.2
-        version: 19.1.2(@types/react@18.3.11)
+        specifier: 19.1.7
+        version: 19.1.7(@types/react@19.1.11)
       '@types/to-json-schema':
         specifier: ^0.2.4
         version: 0.2.4
@@ -253,11 +253,11 @@ importers:
         specifier: ^1.11.13
         version: 1.11.13
       react:
-        specifier: 18.3.1
-        version: 18.3.1
+        specifier: 19.1.1
+        version: 19.1.1
       react-dom:
-        specifier: 18.3.1
-        version: 18.3.1(react@18.3.1)
+        specifier: 19.1.1
+        version: 19.1.1(react@19.1.1)
       sass:
         specifier: ^1.86.3
         version: 1.86.3
@@ -266,7 +266,7 @@ importers:
         version: 8.6.12(prettier@3.5.3)
       storybook-dark-mode:
         specifier: ^4.0.2
-        version: 4.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))
+        version: 4.0.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))
       vite:
         specifier: 6.2.6
         version: 6.2.6(@types/node@22.14.1)(sass@1.86.3)(yaml@2.7.1)
@@ -342,8 +342,8 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@ant-design/colors@7.2.0':
-    resolution: {integrity: sha512-bjTObSnZ9C/O8MB/B4OUtd/q9COomuJAR2SYfhxLyHvCKn4EKwCN3e+fWGMo7H5InAyV0wL17jdE9ALrdOW/6A==}
+  '@ant-design/colors@7.2.1':
+    resolution: {integrity: sha512-lCHDcEzieu4GA3n8ELeZ5VQ8pKQAWcGGLRTQ50aQM2iqPpq2evTxER84jfdPvsPAtEcZ7m44NI45edFMo8oOYQ==}
 
   '@ant-design/colors@8.0.0':
     resolution: {integrity: sha512-6YzkKCw30EI/E9kHOIXsQDHmMvTllT8STzjMb4K2qzit33RW2pqCJP0sk+hidBntXxE+Vz4n1+RvCTfBw6OErw==}
@@ -390,6 +390,14 @@ packages:
     peerDependencies:
       react: '>=16.9.0'
 
+  '@ant-design/v5-patch-for-react-19@1.0.3':
+    resolution: {integrity: sha512-iWfZuSUl5kuhqLUw7jJXUQFMMkM7XpW7apmKzQBQHU0cpifYW4A79xIBt9YVO5IBajKpPG5UKP87Ft7Yrw1p/w==}
+    engines: {node: '>=12.x'}
+    peerDependencies:
+      antd: '>=5.22.6'
+      react: '>=19.0.0'
+      react-dom: '>=19.0.0'
+
   '@babel/code-frame@7.26.2':
     resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
@@ -475,10 +483,6 @@ packages:
   '@codemirror/view@6.36.5':
     resolution: {integrity: sha512-cd+FZEUlu3GQCYnguYm3EkhJ8KJVisqqUsCOKedBoAt/d9c76JUUap6U0UrpElln5k6VyrEOYliMuDAKIeDQLg==}
 
-  '@ctrl/tinycolor@3.6.1':
-    resolution: {integrity: sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==}
-    engines: {node: '>=10'}
-
   '@emnapi/core@1.4.1':
     resolution: {integrity: sha512-4JFstCTaToCFrPqrGzgkF8N2NHjtsaY4uRh6brZQ5L9e4wbMieX8oDT8N7qfVFTQecHFEtkj4ve49VIZ3mKVqw==}
 
@@ -1139,8 +1143,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  '@rc-component/trigger@2.2.6':
-    resolution: {integrity: sha512-/9zuTnWwhQ3S3WT1T8BubuFTT46kvnXgaERR9f4BTKyn61/wpf/BvbImzYBubzJibU707FxwbKszLlHjcLiv1Q==}
+  '@rc-component/trigger@2.3.0':
+    resolution: {integrity: sha512-iwaxZyzOuK0D7lS+0AQEtW52zUWxoGqTGkke3dRyb8pYiShmRpCjB/8TzPI4R6YySCH7Vm9BZj/31VPiiQTLBg==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
@@ -1860,14 +1864,17 @@ packages:
   '@types/prop-types@15.7.14':
     resolution: {integrity: sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ==}
 
-  '@types/react-dom@19.1.2':
-    resolution: {integrity: sha512-XGJkWF41Qq305SKWEILa1O8vzhb3aOo3ogBlSmiqNko/WmRb6QIaweuZCXjKygVDXpzXb5wyxKTSOsmkuqj+Qw==}
+  '@types/react-dom@19.1.7':
+    resolution: {integrity: sha512-i5ZzwYpqjmrKenzkoLM2Ibzt6mAsM7pxB6BCIouEVVmgiqaMj1TjaK7hnA36hbW5aZv20kx7Lw6hWzPWg0Rurw==}
     peerDependencies:
       '@types/react': ^19.0.0
 
   '@types/react@18.3.11':
     resolution: {integrity: sha512-r6QZ069rFTjrEYgFdOck1gK7FLVsgJE7tTz0pQBczlBNUhBNk0MQH4UbnFSwjpQLMkLzgqvBBa+qGpLje16eTQ==}
 
+  '@types/react@19.1.11':
+    resolution: {integrity: sha512-lr3jdBw/BGj49Eps7EvqlUaoeA0xpj3pc0RoJkHpYaCHkVK7i28dKyImLQb3JVlqs3aYSXf7qYuWOW/fgZnTXQ==}
+
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
 
@@ -2079,8 +2086,11 @@ packages:
     resolution: {integrity: sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==}
     engines: {node: '>=12'}
 
-  antd@5.21.2:
-    resolution: {integrity: sha512-ZcyykH58xRkNp5oxFqn255VxrjLj6qG6czHJQPoDHqRdR9roSfWQGTiqYVb4Omg77WZHNgu17QrWzvL4Hp6/FA==}
+  antd@5.27.1:
+    resolution: {integrity: sha512-jGMSdBN7hAMvPV27B4RhzZfL6n6yu8yDbo7oXrlJasaOqB7bSDPcjdEy1kXy3JPsny/Qazb1ykzRI4EfcByAPQ==}
+    peerDependencies:
+      react: '>=16.9.0'
+      react-dom: '>=16.9.0'
 
   anymatch@3.1.3:
     resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
@@ -2129,9 +2139,6 @@ packages:
     resolution: {integrity: sha512-itaWrbYbqpGXkGhZPGUulwnhVf5Hpy1xiCFsGqyIGglbBxmG5vSjxQen3/WGOjPpNEv1RtBLKxbmVXm8HpJStQ==}
     engines: {node: '>= 0.4'}
 
-  array-tree-filter@2.1.0:
-    resolution: {integrity: sha512-4ROwICNlNw/Hqa9v+rk5h22KjmzB1JGTMVKP2AKJBOCgb0yL0ASf0+YvCcLNNwquOHNX48jkeZIJ3a+oOQqKcw==}
-
   array-union@2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
@@ -4410,20 +4417,20 @@ packages:
   randombytes@2.1.0:
     resolution: {integrity: sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==}
 
-  rc-cascader@3.28.2:
-    resolution: {integrity: sha512-8f+JgM83iLTvjgdkgU7GfI4qY8icXOBP0cGZjOdx2iJAkEe8ucobxDQAVE69UD/c3ehCxZlcgEHeD5hFmypbUw==}
+  rc-cascader@3.34.0:
+    resolution: {integrity: sha512-KpXypcvju9ptjW9FaN2NFcA2QH9E9LHKq169Y0eWtH4e/wHQ5Wh5qZakAgvb8EKZ736WZ3B0zLLOBsrsja5Dag==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-checkbox@3.3.0:
-    resolution: {integrity: sha512-Ih3ZaAcoAiFKJjifzwsGiT/f/quIkxJoklW4yKGho14Olulwn8gN7hOBve0/WGDg5o/l/5mL0w7ff7/YGvefVw==}
+  rc-checkbox@3.5.0:
+    resolution: {integrity: sha512-aOAQc3E98HteIIsSqm6Xk2FPKIER6+5vyEFMZfo73TqM+VVAIqOkHoPjgKLqSNtVLWScoaM7vY2ZrGEheI79yg==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-collapse@3.8.0:
-    resolution: {integrity: sha512-YVBkssrKPBG09TGfcWWGj8zJBYD9G3XuTy89t5iUmSXrIXEAnO1M+qjUxRW6b4Qi0+wNWG6MHJF/+US+nmIlzA==}
+  rc-collapse@3.9.0:
+    resolution: {integrity: sha512-swDdz4QZ4dFTo4RAUMLL50qP0EY62N2kvmk2We5xYdRwcRn8WcYtuetCJpwpaCbUfUt5+huLpVxhvmnK+PHrkA==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
@@ -4434,8 +4441,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-drawer@7.2.0:
-    resolution: {integrity: sha512-9lOQ7kBekEJRdEpScHvtmEtXnAsy+NGDXiRWc2ZVC7QXAazNVbeT4EraQKYwCME8BJLa8Bxqxvs5swwyOepRwg==}
+  rc-drawer@7.3.0:
+    resolution: {integrity: sha512-DX6CIgiBWNpJIMGFO8BAISFkxiuKitoizooj4BDyee8/SnBn0zwO2FHrNDpqqepj0E/TFTDpmEBCyFuTgC7MOg==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
@@ -4446,39 +4453,39 @@ packages:
       react: '>=16.11.0'
       react-dom: '>=16.11.0'
 
-  rc-field-form@2.4.0:
-    resolution: {integrity: sha512-XZ/lF9iqf9HXApIHQHqzJK5v2w4mkUMsVqAzOyWVzoiwwXEavY6Tpuw7HavgzIoD+huVff4JghSGcgEfX6eycg==}
+  rc-field-form@2.7.0:
+    resolution: {integrity: sha512-hgKsCay2taxzVnBPZl+1n4ZondsV78G++XVsMIJCAoioMjlMQR9YwAp7JZDIECzIu2Z66R+f4SFIRrO2DjDNAA==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-image@7.11.1:
-    resolution: {integrity: sha512-XuoWx4KUXg7hNy5mRTy1i8c8p3K8boWg6UajbHpDXS5AlRVucNfTi5YxTtPBTBzegxAZpvuLfh3emXFt6ybUdA==}
+  rc-image@7.12.0:
+    resolution: {integrity: sha512-cZ3HTyyckPnNnUb9/DRqduqzLfrQRyi+CdHjdqgsyDpI3Ln5UX1kXnAhPBSJj9pVRzwRFgqkN7p9b6HBDjmu/Q==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-input-number@9.2.0:
-    resolution: {integrity: sha512-5XZFhBCV5f9UQ62AZ2hFbEY8iZT/dm23Q1kAg0H8EvOgD3UDbYYJAayoVIkM3lQaCqYAW5gV0yV3vjw1XtzWHg==}
+  rc-input-number@9.5.0:
+    resolution: {integrity: sha512-bKaEvB5tHebUURAEXw35LDcnRZLq3x1k7GxfAqBMzmpHkDGzjAtnUL8y4y5N15rIFIg5IJgwr211jInl3cipag==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-input@1.6.4:
-    resolution: {integrity: sha512-lBZhfRD4NSAUW0zOKLUeI6GJuXkxeZYi0hr8VcJgJpyTNOvHw1ysrKWAHcEOAAHj7guxgmWYSi6xWrEdfrSAsA==}
+  rc-input@1.8.0:
+    resolution: {integrity: sha512-KXvaTbX+7ha8a/k+eg6SYRVERK0NddX8QX7a7AnRvUa/rEH0CNMlpcBzBkhI0wp2C8C4HlMoYl8TImSN+fuHKA==}
     peerDependencies:
       react: '>=16.0.0'
       react-dom: '>=16.0.0'
 
-  rc-mentions@2.16.1:
-    resolution: {integrity: sha512-GnhSTGP9Mtv6pqFFGQze44LlrtWOjHNrUUAcsdo9DnNAhN4pwVPEWy4z+2jpjkiGlJ3VoXdvMHcNDQdfI9fEaw==}
+  rc-mentions@2.20.0:
+    resolution: {integrity: sha512-w8HCMZEh3f0nR8ZEd466ATqmXFCMGMN5UFCzEUL0bM/nGw/wOS2GgRzKBcm19K++jDyuWCOJOdgcKGXU3fXfbQ==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-menu@9.15.1:
-    resolution: {integrity: sha512-UKporqU6LPfHnpPmtP6hdEK4iO5Q+b7BRv/uRpxdIyDGplZy9jwUjsnpev5bs3PQKB0H0n34WAPDfjAfn3kAPA==}
+  rc-menu@9.16.1:
+    resolution: {integrity: sha512-ghHx6/6Dvp+fw8CJhDUHFHDJ84hJE3BXNCzSgLdmNiFErWSOaZNsihDAsKq9ByTALo/xkNIwtDFGIl6r+RPXBg==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
@@ -4489,8 +4496,8 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-notification@5.6.3:
-    resolution: {integrity: sha512-42szwnn8VYQoT6GnjO00i1iwqV9D1TTMvxObWsuLwgl0TsOokzhkYiufdtQBsJMFjJravS1hfDKVMHLKLcPE4g==}
+  rc-notification@5.6.4:
+    resolution: {integrity: sha512-KcS4O6B4qzM3KH7lkwOB7ooLPZ4b6J+VMmQgT51VZCeEcmghdeR4IrMcFq0LG+RPdnbe/ArT086tGM8Snimgiw==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
@@ -4502,14 +4509,14 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-pagination@4.3.0:
-    resolution: {integrity: sha512-UubEWA0ShnroQ1tDa291Fzw6kj0iOeF26IsUObxYTpimgj4/qPCWVFl18RLZE+0Up1IZg0IK4pMn6nB3mjvB7g==}
+  rc-pagination@5.1.0:
+    resolution: {integrity: sha512-8416Yip/+eclTFdHXLKTxZvn70duYVGTvUUWbckCCZoIl3jagqke3GLsFrMs0bsQBikiYpZLD9206Ej4SOdOXQ==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-picker@4.6.15:
-    resolution: {integrity: sha512-OWZ1yrMie+KN2uEUfYCfS4b2Vu6RC1FWwNI0s+qypsc3wRt7g+peuZKVIzXCTaJwyyZruo80+akPg2+GmyiJjw==}
+  rc-picker@4.11.3:
+    resolution: {integrity: sha512-MJ5teb7FlNE0NFHTncxXQ62Y5lytq6sh5nUw0iH8OkHL/TjARSEvSHpr940pWgjGANpjCwyMdvsEV55l5tYNSg==}
     engines: {node: '>=8.x'}
     peerDependencies:
       date-fns: '>= 2.x'
@@ -4547,14 +4554,14 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-segmented@2.5.0:
-    resolution: {integrity: sha512-B28Fe3J9iUFOhFJET3RoXAPFJ2u47QvLSYcZWC4tFYNGPEjug5LAxEasZlA/PpAxhdOPqGWsGbSj7ftneukJnw==}
+  rc-segmented@2.7.0:
+    resolution: {integrity: sha512-liijAjXz+KnTRVnxxXG2sYDGd6iLL7VpGGdR8gwoxAXy2KglviKCxLWZdjKYJzYzGSUwKDSTdYk8brj54Bn5BA==}
     peerDependencies:
       react: '>=16.0.0'
       react-dom: '>=16.0.0'
 
-  rc-select@14.15.2:
-    resolution: {integrity: sha512-oNoXlaFmpqXYcQDzcPVLrEqS2J9c+/+oJuGrlXeVVX/gVgrbHa5YcyiRUXRydFjyuA7GP3elRuLF7Y3Tfwltlw==}
+  rc-select@14.16.8:
+    resolution: {integrity: sha512-NOV5BZa1wZrsdkKaiK7LHRuo5ZjZYMDxPP6/1+09+FB4KoNi8jcG1ZqLE3AVCxEsYMBe65OBx71wFoHRTP3LRg==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '*'
@@ -4580,47 +4587,47 @@ packages:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-table@7.47.5:
-    resolution: {integrity: sha512-fzq+V9j/atbPIcvs3emuclaEoXulwQpIiJA6/7ey52j8+9cJ4P8DGmp4YzfUVDrb3qhgedcVeD6eRgUrokwVEQ==}
+  rc-table@7.51.1:
+    resolution: {integrity: sha512-5iq15mTHhvC42TlBLRCoCBLoCmGlbRZAlyF21FonFnS/DIC8DeRqnmdyVREwt2CFbPceM0zSNdEeVfiGaqYsKw==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-tabs@15.3.0:
-    resolution: {integrity: sha512-lzE18r+zppT/jZWOAWS6ntdkDUKHOLJzqMi5UAij1LeKwOaQaupupAoI9Srn73GRzVpmGznkECMRrzkRusC40A==}
+  rc-tabs@15.7.0:
+    resolution: {integrity: sha512-ZepiE+6fmozYdWf/9gVp7k56PKHB1YYoDsKeQA1CBlJ/POIhjkcYiv0AGP0w2Jhzftd3AVvZP/K+V+Lpi2ankA==}
     engines: {node: '>=8.x'}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-textarea@1.8.2:
-    resolution: {integrity: sha512-UFAezAqltyR00a8Lf0IPAyTd29Jj9ee8wt8DqXyDMal7r/Cg/nDt3e1OOv3Th4W6mKaZijjgwuPXhAfVNTN8sw==}
+  rc-textarea@1.10.2:
+    resolution: {integrity: sha512-HfaeXiaSlpiSp0I/pvWpecFEHpVysZ9tpDLNkxQbMvMz6gsr7aVZ7FpWP9kt4t7DB+jJXesYS0us1uPZnlRnwQ==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-tooltip@6.2.1:
-    resolution: {integrity: sha512-rws0duD/3sHHsD905Nex7FvoUGy2UBQRhTkKxeEvr2FB+r21HsOxcDJI0TzyO8NHhnAA8ILr8pfbSBg5Jj5KBg==}
+  rc-tooltip@6.4.0:
+    resolution: {integrity: sha512-kqyivim5cp8I5RkHmpsp1Nn/Wk+1oeloMv9c7LXNgDxUpGm+RbXJGL+OPvDlcRnx9DBeOe4wyOIl4OKUERyH1g==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
 
-  rc-tree-select@5.23.0:
-    resolution: {integrity: sha512-aQGi2tFSRw1WbXv0UVXPzHm09E0cSvUVZMLxQtMv3rnZZpNmdRXWrnd9QkLNlVH31F+X5rgghmdSFF3yZW0N9A==}
+  rc-tree-select@5.27.0:
+    resolution: {integrity: sha512-2qTBTzwIT7LRI1o7zLyrCzmo5tQanmyGbSaGTIf7sYimCklAToVVfpMC6OAldSKolcnjorBYPNSKQqJmN3TCww==}
     peerDependencies:
       react: '*'
       react-dom: '*'
 
-  rc-tree@5.9.0:
-    resolution: {integrity: sha512-CPrgOvm9d/9E+izTONKSngNzQdIEjMox2PBufWjS1wf7vxtvmCWzK1SlpHbRY6IaBfJIeZ+88RkcIevf729cRg==}
+  rc-tree@5.13.1:
+    resolution: {integrity: sha512-FNhIefhftobCdUJshO7M8uZTA9F4OPGVXqGfZkkD/5soDeOhwO06T/aKTrg0WD8gRg/pyfq+ql3aMymLHCTC4A==}
     engines: {node: '>=10.x'}
     peerDependencies:
       react: '*'
       react-dom: '*'
 
-  rc-upload@4.8.1:
-    resolution: {integrity: sha512-toEAhwl4hjLAI1u8/CgKWt30BR06ulPa4iGQSMvSXoHzO88gPCslxqV/mnn4gJU7PDoltGIC9Eh+wkeudqgHyw==}
+  rc-upload@4.9.2:
+    resolution: {integrity: sha512-nHx+9rbd1FKMiMRYsqQ3NkXUv7COHPBo3X1Obwq9SWS6/diF/A0aJ5OHubvwUAIDs+4RMleljV0pcrNUc823GQ==}
     peerDependencies:
       react: '>=16.9.0'
       react-dom: '>=16.9.0'
@@ -4674,10 +4681,10 @@ packages:
     resolution: {integrity: sha512-hlSJDQ2synMPKFZOsKo9Hi8WWZTC7POR8EmWvTSjow+VDgKzkmjQvFm2fk0tmRw+f0vTOIYKlarR0iL4996pdg==}
     engines: {node: '>=16.14.0'}
 
-  react-dom@18.3.1:
-    resolution: {integrity: sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==}
+  react-dom@19.1.1:
+    resolution: {integrity: sha512-Dlq/5LAZgF0Gaz6yiqZCf6VCcZs1ghAJyrsu84Q/GT0gV+mCxbfmKNoGRKBYMJ8IEdGPqu49YWXD02GCknEDkw==}
     peerDependencies:
-      react: ^18.3.1
+      react: ^19.1.1
 
   react-intersection-observer@9.16.0:
     resolution: {integrity: sha512-w9nJSEp+DrW9KmQmeWHQyfaP6b03v+TdXynaoA964Wxt7mdR3An11z4NNCQgL4gKSK7y1ver2Fq+JKH6CWEzUA==}
@@ -4709,8 +4716,8 @@ packages:
       react: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
       react-dom: ^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc
 
-  react@18.3.1:
-    resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
+  react@19.1.1:
+    resolution: {integrity: sha512-w8nqGImo45dmMIfljjMwOGtbmC/mk4CMYhWIicdSflH91J9TyCyczcPFXJzrZ/ZXcgGRFeP6BU0BEJTw6tZdfQ==}
     engines: {node: '>=0.10.0'}
 
   reactflow@11.11.4:
@@ -4895,8 +4902,8 @@ packages:
     resolution: {integrity: sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==}
     engines: {node: '>=10'}
 
-  scheduler@0.23.2:
-    resolution: {integrity: sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==}
+  scheduler@0.26.0:
+    resolution: {integrity: sha512-NlHwttCI/l5gCPR3D1nNXtWABUmBwvZpEQiD4IXSbIDq8BzLIK/7Ir5gTFSGZDUu37K5cMNp0hFtzO38sC7gWA==}
 
   scroll-into-view-if-needed@3.1.0:
     resolution: {integrity: sha512-49oNpRjWRvnU8NyGVmUaYG4jtTkNonFZI86MmGRDqBphEK2EXT9gdEUoQPZhuBM8yWHxCWbobltqYO5M4XrUvQ==}
@@ -5226,12 +5233,6 @@ packages:
   tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
 
-  transition-hook@1.5.2:
-    resolution: {integrity: sha512-zVW5wP+hzOCk56jU5V5GAIsuaf+gZv43pzxyimXQ74JnD1yoprxTfzoPjr0yjC/Mrc9JyCh3Wb6UhXD+8dlO4w==}
-    peerDependencies:
-      react: ^16.8.0  || ^17.0.0
-      react-dom: ^16.8.0  || ^17.0.0
-
   traverse@0.3.9:
     resolution: {integrity: sha512-iawgk0hLP3SxGKDfnDJf8wTz4p2qImnyihM5Hh/sGvQ3K37dPi/w8sRhdNIxYA1TwFwc5mDhIJq+O0RsvXBKdQ==}
 
@@ -5647,7 +5648,7 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.8
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@ant-design/colors@7.2.0':
+  '@ant-design/colors@7.2.1':
     dependencies:
       '@ant-design/fast-color': 2.0.6
 
@@ -5655,24 +5656,24 @@ snapshots:
     dependencies:
       '@ant-design/fast-color': 3.0.0
 
-  '@ant-design/cssinjs-utils@1.1.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@ant-design/cssinjs-utils@1.1.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
-      '@ant-design/cssinjs': 1.23.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@ant-design/cssinjs': 1.23.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       '@babel/runtime': 7.27.0
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@ant-design/cssinjs@1.23.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@ant-design/cssinjs@1.23.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@babel/runtime': 7.27.0
       '@emotion/hash': 0.8.0
       '@emotion/unitless': 0.7.5
       classnames: 2.5.1
       csstype: 3.1.3
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
       stylis: 4.3.6
 
   '@ant-design/fast-color@2.0.6':
@@ -5683,34 +5684,40 @@ snapshots:
 
   '@ant-design/icons-svg@4.4.2': {}
 
-  '@ant-design/icons@5.6.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@ant-design/icons@5.6.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
-      '@ant-design/colors': 7.2.0
+      '@ant-design/colors': 7.2.1
       '@ant-design/icons-svg': 4.4.2
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@ant-design/icons@6.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@ant-design/icons@6.0.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@ant-design/colors': 8.0.0
       '@ant-design/icons-svg': 4.4.2
-      '@rc-component/util': 1.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/util': 1.2.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@ant-design/react-slick@1.1.2(react@18.3.1)':
+  '@ant-design/react-slick@1.1.2(react@19.1.1)':
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
       json2mq: 0.2.0
-      react: 18.3.1
+      react: 19.1.1
       resize-observer-polyfill: 1.5.1
       throttle-debounce: 5.0.2
 
+  '@ant-design/v5-patch-for-react-19@1.0.3(antd@5.27.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
+    dependencies:
+      antd: 5.27.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+
   '@babel/code-frame@7.26.2':
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
@@ -5852,8 +5859,6 @@ snapshots:
       style-mod: 4.1.2
       w3c-keyname: 2.2.8
 
-  '@ctrl/tinycolor@3.6.1': {}
-
   '@emnapi/core@1.4.1':
     dependencies:
       '@emnapi/wasi-threads': 1.0.1
@@ -6172,11 +6177,11 @@ snapshots:
 
   '@marijn/find-cluster-break@1.0.2': {}
 
-  '@mdx-js/react@3.1.0(@types/react@18.3.11)(react@18.3.1)':
+  '@mdx-js/react@3.1.0(@types/react@19.1.11)(react@19.1.1)':
     dependencies:
       '@types/mdx': 2.0.13
-      '@types/react': 18.3.11
-      react: 18.3.1
+      '@types/react': 19.1.11
+      react: 19.1.1
 
   '@microsoft/api-extractor-model@7.30.5(@types/node@22.14.1)':
     dependencies:
@@ -6217,12 +6222,12 @@ snapshots:
     dependencies:
       state-local: 1.0.7
 
-  '@monaco-editor/react@4.7.0(monaco-editor@0.52.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@monaco-editor/react@4.7.0(monaco-editor@0.52.2)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@monaco-editor/loader': 1.5.0
       monaco-editor: 0.52.2
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
   '@napi-rs/wasm-runtime@0.2.4':
     dependencies:
@@ -6547,75 +6552,75 @@ snapshots:
     dependencies:
       '@babel/runtime': 7.27.0
 
-  '@rc-component/color-picker@2.0.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@rc-component/color-picker@2.0.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@ant-design/fast-color': 2.0.6
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@rc-component/context@1.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@rc-component/context@1.4.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@babel/runtime': 7.27.0
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
   '@rc-component/mini-decimal@1.1.0':
     dependencies:
       '@babel/runtime': 7.27.0
 
-  '@rc-component/mutate-observer@1.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@rc-component/mutate-observer@1.1.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@rc-component/portal@1.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@rc-component/portal@1.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@rc-component/qrcode@1.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@rc-component/qrcode@1.0.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@rc-component/tour@1.15.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@rc-component/tour@1.15.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/portal': 1.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rc-component/trigger': 2.2.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/portal': 1.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@rc-component/trigger': 2.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@rc-component/trigger@2.2.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@rc-component/trigger@2.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/portal': 1.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/portal': 1.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-resize-observer: 1.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-resize-observer: 1.4.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@rc-component/util@1.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@rc-component/util@1.2.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
       react-is: 18.3.1
 
   '@react-dnd/asap@5.0.2': {}
@@ -6624,29 +6629,29 @@ snapshots:
 
   '@react-dnd/shallowequal@4.0.2': {}
 
-  '@reactflow/background@11.3.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@reactflow/background@11.3.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
-      '@reactflow/core': 11.11.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@reactflow/core': 11.11.4(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classcat: 5.0.5
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      zustand: 4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      zustand: 4.5.5(@types/react@19.1.11)(immer@10.1.1)(react@19.1.1)
     transitivePeerDependencies:
       - '@types/react'
       - immer
 
-  '@reactflow/controls@11.2.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@reactflow/controls@11.2.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
-      '@reactflow/core': 11.11.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@reactflow/core': 11.11.4(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classcat: 5.0.5
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      zustand: 4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      zustand: 4.5.5(@types/react@19.1.11)(immer@10.1.1)(react@19.1.1)
     transitivePeerDependencies:
       - '@types/react'
       - immer
 
-  '@reactflow/core@11.11.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@reactflow/core@11.11.4(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@types/d3': 7.4.3
       '@types/d3-drag': 3.0.7
@@ -6656,48 +6661,48 @@ snapshots:
       d3-drag: 3.0.0
       d3-selection: 3.0.0
       d3-zoom: 3.0.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      zustand: 4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      zustand: 4.5.5(@types/react@19.1.11)(immer@10.1.1)(react@19.1.1)
     transitivePeerDependencies:
       - '@types/react'
       - immer
 
-  '@reactflow/minimap@11.7.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@reactflow/minimap@11.7.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
-      '@reactflow/core': 11.11.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@reactflow/core': 11.11.4(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       '@types/d3-selection': 3.0.11
       '@types/d3-zoom': 3.0.8
       classcat: 5.0.5
       d3-selection: 3.0.0
       d3-zoom: 3.0.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      zustand: 4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      zustand: 4.5.5(@types/react@19.1.11)(immer@10.1.1)(react@19.1.1)
     transitivePeerDependencies:
       - '@types/react'
       - immer
 
-  '@reactflow/node-resizer@2.2.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@reactflow/node-resizer@2.2.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
-      '@reactflow/core': 11.11.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@reactflow/core': 11.11.4(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classcat: 5.0.5
       d3-drag: 3.0.0
       d3-selection: 3.0.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      zustand: 4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      zustand: 4.5.5(@types/react@19.1.11)(immer@10.1.1)(react@19.1.1)
     transitivePeerDependencies:
       - '@types/react'
       - immer
 
-  '@reactflow/node-toolbar@1.3.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@reactflow/node-toolbar@1.3.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
-      '@reactflow/core': 11.11.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@reactflow/core': 11.11.4(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classcat: 5.0.5
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      zustand: 4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
+      zustand: 4.5.5(@types/react@19.1.11)(immer@10.1.1)(react@19.1.1)
     transitivePeerDependencies:
       - '@types/react'
       - immer
@@ -6871,25 +6876,25 @@ snapshots:
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-docs@8.6.12(@types/react@18.3.11)(storybook@8.6.12(prettier@3.5.3))':
+  '@storybook/addon-docs@8.6.12(@types/react@19.1.11)(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
-      '@mdx-js/react': 3.1.0(@types/react@18.3.11)(react@18.3.1)
-      '@storybook/blocks': 8.6.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))
+      '@mdx-js/react': 3.1.0(@types/react@19.1.11)(react@19.1.1)
+      '@storybook/blocks': 8.6.12(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))
       '@storybook/csf-plugin': 8.6.12(storybook@8.6.12(prettier@3.5.3))
-      '@storybook/react-dom-shim': 8.6.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@storybook/react-dom-shim': 8.6.12(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - '@types/react'
 
-  '@storybook/addon-essentials@8.6.12(@types/react@18.3.11)(storybook@8.6.12(prettier@3.5.3))':
+  '@storybook/addon-essentials@8.6.12(@types/react@19.1.11)(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
       '@storybook/addon-actions': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-backgrounds': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-controls': 8.6.12(storybook@8.6.12(prettier@3.5.3))
-      '@storybook/addon-docs': 8.6.12(@types/react@18.3.11)(storybook@8.6.12(prettier@3.5.3))
+      '@storybook/addon-docs': 8.6.12(@types/react@19.1.11)(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-highlight': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-measure': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/addon-outline': 8.6.12(storybook@8.6.12(prettier@3.5.3))
@@ -6914,13 +6919,13 @@ snapshots:
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
 
-  '@storybook/addon-links@8.6.12(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))':
+  '@storybook/addon-links@8.6.12(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
       '@storybook/global': 5.0.0
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
     optionalDependencies:
-      react: 18.3.1
+      react: 19.1.1
 
   '@storybook/addon-measure@8.6.12(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
@@ -6950,14 +6955,14 @@ snapshots:
       memoizerific: 1.11.3
       storybook: 8.6.12(prettier@3.5.3)
 
-  '@storybook/blocks@8.6.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))':
+  '@storybook/blocks@8.6.12(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
-      '@storybook/icons': 1.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/icons': 1.4.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       storybook: 8.6.12(prettier@3.5.3)
       ts-dedent: 2.2.0
     optionalDependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
   '@storybook/builder-vite@8.6.12(storybook@8.6.12(prettier@3.5.3))(vite@6.2.6(@types/node@22.14.1)(sass@1.86.3)(yaml@2.7.1))':
     dependencies:
@@ -7003,10 +7008,10 @@ snapshots:
 
   '@storybook/global@5.0.0': {}
 
-  '@storybook/icons@1.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@storybook/icons@1.4.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
   '@storybook/instrumenter@8.6.12(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
@@ -7022,23 +7027,23 @@ snapshots:
     dependencies:
       storybook: 8.6.12(prettier@3.5.3)
 
-  '@storybook/react-dom-shim@8.6.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))':
+  '@storybook/react-dom-shim@8.6.12(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))':
     dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
       storybook: 8.6.12(prettier@3.5.3)
 
-  '@storybook/react-vite@8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.40.0)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)(vite@6.2.6(@types/node@22.14.1)(sass@1.86.3)(yaml@2.7.1))':
+  '@storybook/react-vite@8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(rollup@4.40.0)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)(vite@6.2.6(@types/node@22.14.1)(sass@1.86.3)(yaml@2.7.1))':
     dependencies:
       '@joshwooding/vite-plugin-react-docgen-typescript': 0.5.0(typescript@5.8.3)(vite@6.2.6(@types/node@22.14.1)(sass@1.86.3)(yaml@2.7.1))
       '@rollup/pluginutils': 5.1.4(rollup@4.40.0)
       '@storybook/builder-vite': 8.6.12(storybook@8.6.12(prettier@3.5.3))(vite@6.2.6(@types/node@22.14.1)(sass@1.86.3)(yaml@2.7.1))
-      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)
+      '@storybook/react': 8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)
       find-up: 5.0.0
       magic-string: 0.30.17
-      react: 18.3.1
+      react: 19.1.1
       react-docgen: 7.1.1
-      react-dom: 18.3.1(react@18.3.1)
+      react-dom: 19.1.1(react@19.1.1)
       resolve: 1.22.10
       storybook: 8.6.12(prettier@3.5.3)
       tsconfig-paths: 4.2.0
@@ -7050,16 +7055,16 @@ snapshots:
       - supports-color
       - typescript
 
-  '@storybook/react@8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)':
+  '@storybook/react@8.6.12(@storybook/test@8.6.12(storybook@8.6.12(prettier@3.5.3)))(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))(typescript@5.8.3)':
     dependencies:
       '@storybook/components': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/global': 5.0.0
       '@storybook/manager-api': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/preview-api': 8.6.12(storybook@8.6.12(prettier@3.5.3))
-      '@storybook/react-dom-shim': 8.6.12(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3))
+      '@storybook/react-dom-shim': 8.6.12(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3))
       '@storybook/theming': 8.6.12(storybook@8.6.12(prettier@3.5.3))
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
       storybook: 8.6.12(prettier@3.5.3)
     optionalDependencies:
       '@storybook/test': 8.6.12(storybook@8.6.12(prettier@3.5.3))
@@ -7139,17 +7144,17 @@ snapshots:
     dependencies:
       '@swc/counter': 0.1.3
 
-  '@tanstack/react-table@8.21.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@tanstack/react-table@8.21.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@tanstack/table-core': 8.21.3
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  '@tanstack/react-virtual@3.13.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@tanstack/react-virtual@3.13.6(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@tanstack/virtual-core': 3.13.6
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
   '@tanstack/table-core@8.21.3': {}
 
@@ -7186,15 +7191,15 @@ snapshots:
       lodash: 4.17.21
       redent: 3.0.0
 
-  '@testing-library/react@16.3.0(@testing-library/dom@10.4.0)(@types/react-dom@19.1.2(@types/react@18.3.11))(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@testing-library/react@16.3.0(@testing-library/dom@10.4.0)(@types/react-dom@19.1.7(@types/react@19.1.11))(@types/react@19.1.11)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)':
     dependencies:
       '@babel/runtime': 7.27.0
       '@testing-library/dom': 10.4.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
     optionalDependencies:
-      '@types/react': 18.3.11
-      '@types/react-dom': 19.1.2(@types/react@18.3.11)
+      '@types/react': 19.1.11
+      '@types/react-dom': 19.1.7(@types/react@19.1.11)
 
   '@testing-library/user-event@14.5.2(@testing-library/dom@10.4.0)':
     dependencies:
@@ -7397,15 +7402,19 @@ snapshots:
 
   '@types/prop-types@15.7.14': {}
 
-  '@types/react-dom@19.1.2(@types/react@18.3.11)':
+  '@types/react-dom@19.1.7(@types/react@19.1.11)':
     dependencies:
-      '@types/react': 18.3.11
+      '@types/react': 19.1.11
 
   '@types/react@18.3.11':
     dependencies:
       '@types/prop-types': 15.7.14
       csstype: 3.1.3
 
+  '@types/react@19.1.11':
+    dependencies:
+      csstype: 3.1.3
+
   '@types/resolve@1.20.2': {}
 
   '@types/resolve@1.20.6': {}
@@ -7663,63 +7672,63 @@ snapshots:
 
   ansi-styles@6.2.1: {}
 
-  antd@5.21.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  antd@5.27.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
-      '@ant-design/colors': 7.2.0
-      '@ant-design/cssinjs': 1.23.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@ant-design/cssinjs-utils': 1.1.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@ant-design/icons': 5.6.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@ant-design/react-slick': 1.1.2(react@18.3.1)
+      '@ant-design/colors': 7.2.1
+      '@ant-design/cssinjs': 1.23.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@ant-design/cssinjs-utils': 1.1.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@ant-design/fast-color': 2.0.6
+      '@ant-design/icons': 5.6.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@ant-design/react-slick': 1.1.2(react@19.1.1)
       '@babel/runtime': 7.27.0
-      '@ctrl/tinycolor': 3.6.1
-      '@rc-component/color-picker': 2.0.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rc-component/mutate-observer': 1.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rc-component/qrcode': 1.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rc-component/tour': 1.15.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@rc-component/trigger': 2.2.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/color-picker': 2.0.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@rc-component/mutate-observer': 1.1.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@rc-component/qrcode': 1.0.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@rc-component/tour': 1.15.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@rc-component/trigger': 2.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
       copy-to-clipboard: 3.3.3
       dayjs: 1.11.13
-      rc-cascader: 3.28.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-checkbox: 3.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-collapse: 3.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-dialog: 9.6.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-drawer: 7.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-dropdown: 4.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-field-form: 2.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-image: 7.11.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-input: 1.6.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-input-number: 9.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-mentions: 2.16.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-menu: 9.15.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-notification: 5.6.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-pagination: 4.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-picker: 4.6.15(dayjs@1.11.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-progress: 4.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-rate: 2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-resize-observer: 1.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-segmented: 2.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-select: 14.15.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-slider: 11.1.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-steps: 6.0.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-switch: 4.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-table: 7.47.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-tabs: 15.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-textarea: 1.8.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-tooltip: 6.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-tree: 5.9.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-tree-select: 5.23.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-upload: 4.8.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      rc-cascader: 3.34.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-checkbox: 3.5.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-collapse: 3.9.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-dialog: 9.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-drawer: 7.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-dropdown: 4.2.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-field-form: 2.7.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-image: 7.12.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-input: 1.8.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-input-number: 9.5.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-mentions: 2.20.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-menu: 9.16.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-notification: 5.6.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-pagination: 5.1.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-picker: 4.11.3(dayjs@1.11.13)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-progress: 4.0.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-rate: 2.13.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-resize-observer: 1.4.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-segmented: 2.7.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-select: 14.16.8(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-slider: 11.1.8(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-steps: 6.0.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-switch: 4.1.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-table: 7.51.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-tabs: 15.7.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-textarea: 1.10.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-tooltip: 6.4.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-tree: 5.13.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-tree-select: 5.27.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-upload: 4.9.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
       scroll-into-view-if-needed: 3.1.0
       throttle-debounce: 5.0.2
     transitivePeerDependencies:
       - date-fns
       - luxon
       - moment
-      - react
-      - react-dom
 
   anymatch@3.1.3:
     dependencies:
@@ -7794,8 +7803,6 @@ snapshots:
       get-intrinsic: 1.3.0
       is-string: 1.1.1
 
-  array-tree-filter@2.1.0: {}
-
   array-union@2.1.0: {}
 
   array.prototype.findlast@1.2.5:
@@ -9664,9 +9671,9 @@ snapshots:
     dependencies:
       yallist: 4.0.0
 
-  lucide-react@0.488.0(react@18.3.1):
+  lucide-react@0.488.0(react@19.1.1):
     dependencies:
-      react: 18.3.1
+      react: 19.1.1
 
   lz-string@1.5.0: {}
 
@@ -10397,329 +10404,329 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
-  rc-cascader@3.28.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-cascader@3.34.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      array-tree-filter: 2.1.0
       classnames: 2.5.1
-      rc-select: 14.15.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-tree: 5.9.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-select: 14.16.8(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-tree: 5.13.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-checkbox@3.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-checkbox@3.5.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-collapse@3.8.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-collapse@3.9.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-dialog@9.6.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-dialog@9.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/portal': 1.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/portal': 1.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-drawer@7.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-drawer@7.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/portal': 1.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/portal': 1.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-dropdown@4.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-dropdown@4.2.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/trigger': 2.2.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/trigger': 2.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-field-form@2.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-field-form@2.7.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       '@rc-component/async-validator': 5.0.4
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-image@7.11.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-image@7.12.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/portal': 1.1.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/portal': 1.1.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-dialog: 9.6.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-dialog: 9.6.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-input-number@9.2.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-input-number@9.5.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       '@rc-component/mini-decimal': 1.1.0
       classnames: 2.5.1
-      rc-input: 1.6.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-input: 1.8.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-input@1.6.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-input@1.8.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-mentions@2.16.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-mentions@2.20.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/trigger': 2.2.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/trigger': 2.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-input: 1.6.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-menu: 9.15.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-textarea: 1.8.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-input: 1.8.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-menu: 9.16.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-textarea: 1.10.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-menu@9.15.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-menu@9.16.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/trigger': 2.2.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/trigger': 2.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-overflow: 1.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-overflow: 1.4.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-motion@2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-motion@2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-notification@5.6.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-notification@5.6.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-overflow@1.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-overflow@1.4.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-resize-observer: 1.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-resize-observer: 1.4.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-pagination@4.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-pagination@5.1.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-picker@4.6.15(dayjs@1.11.13)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-picker@4.11.3(dayjs@1.11.13)(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/trigger': 2.2.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/trigger': 2.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-overflow: 1.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-resize-observer: 1.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-overflow: 1.4.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-resize-observer: 1.4.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
     optionalDependencies:
       dayjs: 1.11.13
 
-  rc-progress@4.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-progress@4.0.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-rate@2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-rate@2.13.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-resize-observer@1.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-resize-observer@1.4.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
       resize-observer-polyfill: 1.5.1
 
-  rc-segmented@2.5.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-segmented@2.7.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-select@14.15.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-select@14.16.8(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/trigger': 2.2.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/trigger': 2.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-overflow: 1.4.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-virtual-list: 3.18.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-overflow: 1.4.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-virtual-list: 3.18.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-slider@11.1.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-slider@11.1.8(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-steps@6.0.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-steps@6.0.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-switch@4.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-switch@4.1.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-table@7.47.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-table@7.51.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/context': 1.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/context': 1.4.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      rc-resize-observer: 1.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-virtual-list: 3.18.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-resize-observer: 1.4.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-virtual-list: 3.18.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-tabs@15.3.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-tabs@15.7.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-dropdown: 4.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-menu: 9.15.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-resize-observer: 1.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-dropdown: 4.2.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-menu: 9.16.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-resize-observer: 1.4.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-textarea@1.8.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-textarea@1.10.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-input: 1.6.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-resize-observer: 1.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-input: 1.8.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-resize-observer: 1.4.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-tooltip@6.2.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-tooltip@6.4.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      '@rc-component/trigger': 2.2.6(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@rc-component/trigger': 2.3.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       classnames: 2.5.1
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-tree-select@5.23.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-tree-select@5.27.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-select: 14.15.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-tree: 5.9.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-select: 14.16.8(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-tree: 5.13.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-tree@5.9.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-tree@5.13.1(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-motion: 2.9.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-virtual-list: 3.18.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-motion: 2.9.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-virtual-list: 3.18.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-upload@4.8.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-upload@4.9.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  rc-util@5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-util@5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
       react-is: 18.3.1
 
-  rc-virtual-list@3.18.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  rc-virtual-list@3.18.5(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
       '@babel/runtime': 7.27.0
       classnames: 2.5.1
-      rc-resize-observer: 1.4.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      rc-util: 5.44.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      rc-resize-observer: 1.4.3(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      rc-util: 5.44.4(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  re-resizable@6.11.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  re-resizable@6.11.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
   react-base16-styling@0.10.0:
     dependencies:
@@ -10732,17 +10739,17 @@ snapshots:
     dependencies:
       dnd-core: 16.0.1
 
-  react-dnd@16.0.1(@types/node@22.14.1)(@types/react@18.3.11)(react@18.3.1):
+  react-dnd@16.0.1(@types/node@22.14.1)(@types/react@19.1.11)(react@19.1.1):
     dependencies:
       '@react-dnd/invariant': 4.0.2
       '@react-dnd/shallowequal': 4.0.2
       dnd-core: 16.0.1
       fast-deep-equal: 3.1.3
       hoist-non-react-statics: 3.3.2
-      react: 18.3.1
+      react: 19.1.1
     optionalDependencies:
       '@types/node': 22.14.1
-      '@types/react': 18.3.11
+      '@types/react': 19.1.11
 
   react-docgen-typescript@2.2.2(typescript@5.8.3):
     dependencies:
@@ -10763,17 +10770,16 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  react-dom@18.3.1(react@18.3.1):
+  react-dom@19.1.1(react@19.1.1):
     dependencies:
-      loose-envify: 1.4.0
-      react: 18.3.1
-      scheduler: 0.23.2
+      react: 19.1.1
+      scheduler: 0.26.0
 
-  react-intersection-observer@9.16.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  react-intersection-observer@9.16.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
-      react: 18.3.1
+      react: 19.1.1
     optionalDependencies:
-      react-dom: 18.3.1(react@18.3.1)
+      react-dom: 19.1.1(react@19.1.1)
 
   react-is@16.13.1: {}
 
@@ -10781,32 +10787,30 @@ snapshots:
 
   react-is@18.3.1: {}
 
-  react-json-tree@0.20.0(@types/react@18.3.11)(react@18.3.1):
+  react-json-tree@0.20.0(@types/react@19.1.11)(react@19.1.1):
     dependencies:
       '@types/lodash': 4.17.16
-      '@types/react': 18.3.11
-      react: 18.3.1
+      '@types/react': 19.1.11
+      react: 19.1.1
       react-base16-styling: 0.10.0
 
-  react-resizable-panels@2.1.7(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  react-resizable-panels@2.1.7(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
 
-  react@18.3.1:
-    dependencies:
-      loose-envify: 1.4.0
+  react@19.1.1: {}
 
-  reactflow@11.11.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  reactflow@11.11.4(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1):
     dependencies:
-      '@reactflow/background': 11.3.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@reactflow/controls': 11.2.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@reactflow/core': 11.11.4(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@reactflow/minimap': 11.7.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@reactflow/node-resizer': 2.2.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@reactflow/node-toolbar': 1.3.14(@types/react@18.3.11)(immer@10.1.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
+      '@reactflow/background': 11.3.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@reactflow/controls': 11.2.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@reactflow/core': 11.11.4(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@reactflow/minimap': 11.7.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@reactflow/node-resizer': 2.2.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      '@reactflow/node-toolbar': 1.3.14(@types/react@19.1.11)(immer@10.1.1)(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
+      react: 19.1.1
+      react-dom: 19.1.1(react@19.1.1)
     transitivePeerDependencies:
       - '@types/react'
       - immer
@@ -11033,9 +11037,7 @@ snapshots:
     dependencies:
       xmlchars: 2.2.0
 
-  scheduler@0.23.2:
-    dependencies:
-      loose-envify: 1.4.0
+  scheduler@0.26.0: {}
 
   scroll-into-view-if-needed@3.1.0:
     dependencies:
@@ -11203,12 +11205,12 @@ snapshots:
 
   state-local@1.0.7: {}
 
-  storybook-dark-mode@4.0.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.6.12(prettier@3.5.3)):
+  storybook-dark-mode@4.0.2(react-dom@19.1.1(react@19.1.1))(react@19.1.1)(storybook@8.6.12(prettier@3.5.3)):
     dependencies:
       '@storybook/components': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/core-events': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/global': 5.0.0
-      '@storybook/icons': 1.4.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@storybook/icons': 1.4.0(react-dom@19.1.1(react@19.1.1))(react@19.1.1)
       '@storybook/manager-api': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       '@storybook/theming': 8.6.12(storybook@8.6.12(prettier@3.5.3))
       fast-deep-equal: 3.1.3
@@ -11410,11 +11412,6 @@ snapshots:
 
   tr46@0.0.3: {}
 
-  transition-hook@1.5.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-
   traverse@0.3.9: {}
 
   treeverse@3.0.0: {}
@@ -11554,13 +11551,13 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  use-debounce@10.0.4(react@18.3.1):
+  use-debounce@10.0.4(react@19.1.1):
     dependencies:
-      react: 18.3.1
+      react: 19.1.1
 
-  use-sync-external-store@1.2.2(react@18.3.1):
+  use-sync-external-store@1.2.2(react@19.1.1):
     dependencies:
-      react: 18.3.1
+      react: 19.1.1
 
   util-deprecate@1.0.2: {}
 
@@ -11808,10 +11805,10 @@ snapshots:
 
   zod@3.24.2: {}
 
-  zustand@4.5.5(@types/react@18.3.11)(immer@10.1.1)(react@18.3.1):
+  zustand@4.5.5(@types/react@19.1.11)(immer@10.1.1)(react@19.1.1):
     dependencies:
-      use-sync-external-store: 1.2.2(react@18.3.1)
+      use-sync-external-store: 1.2.2(react@19.1.1)
     optionalDependencies:
-      '@types/react': 18.3.11
+      '@types/react': 19.1.11
       immer: 10.1.1
-      react: 18.3.1
+      react: 19.1.1

From 12f8ace68f37fdadeed77def570fbdb0dba0caf5 Mon Sep 17 00:00:00 2001
From: Marc Tse <marctse@gmail.com>
Date: Sat, 23 Aug 2025 03:05:10 +0800
Subject: [PATCH 2/2] fix: remove deprecated usage of forwardRef

---
 .../src/components/autosize-text-area.tsx     |  81 ++---
 .../src/components/code-editor/ce.tsx         |  52 ++-
 .../src/components/code-editor/local-ce.tsx   |   6 +-
 .../context/dg-store.context.tsx              |  18 +-
 .../components/decision-graph/dg-wrapper.tsx  |  11 +-
 .../src/components/decision-graph/dg.tsx      |  14 +-
 .../components/decision-graph/graph/graph.tsx |   9 +-
 .../decision-graph/nodes/graph-node.tsx       | 307 +++++++++---------
 .../components/decision-table/table/table.tsx | 125 ++++---
 .../src/components/shared/diff-ce.tsx         |  61 ++--
 .../src/components/shared/diff-text-area.tsx  |  47 +--
 .../jdm-editor/src/helpers/compose-refs.ts    |   4 +-
 12 files changed, 369 insertions(+), 366 deletions(-)

diff --git a/packages/jdm-editor/src/components/autosize-text-area.tsx b/packages/jdm-editor/src/components/autosize-text-area.tsx
index bb2af754..3dcffae7 100644
--- a/packages/jdm-editor/src/components/autosize-text-area.tsx
+++ b/packages/jdm-editor/src/components/autosize-text-area.tsx
@@ -5,6 +5,7 @@ import { composeRefs } from '../helpers/compose-refs';
 
 export type AutosizeTextAreaProps = {
   maxRows: number;
+  ref?: React.Ref<HTMLTextAreaElement>;
 } & React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>;
 
 const recalculateRows = (node: HTMLTextAreaElement, maxRows: number) => {
@@ -21,48 +22,54 @@ const recalculateRows = (node: HTMLTextAreaElement, maxRows: number) => {
   node.rows = Math.min(Math.max(calculatedRows, 1), maxRows);
 };
 
-export const AutosizeTextArea = React.forwardRef<HTMLTextAreaElement, AutosizeTextAreaProps>(
-  ({ maxRows, className, value, ...props }, ref) => {
-    const textareaRef = useRef<HTMLTextAreaElement>(null);
+export const AutosizeTextArea = (
+  {
+    maxRows,
+    className,
+    value,
+    ref,
+    ...props
+  }: AutosizeTextAreaProps
+) => {
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
 
-    useEffect(() => {
-      if (!textareaRef.current) {
-        return;
-      }
+  useEffect(() => {
+    if (!textareaRef.current) {
+      return;
+    }
 
-      recalculateRows(textareaRef.current, maxRows);
-    }, [value, maxRows]);
+    recalculateRows(textareaRef.current, maxRows);
+  }, [value, maxRows]);
 
-    useEffect(() => {
-      if (!textareaRef.current) {
-        return;
-      }
+  useEffect(() => {
+    if (!textareaRef.current) {
+      return;
+    }
 
-      const observerCallback: ResizeObserverCallback = (entries: ResizeObserverEntry[]) => {
-        window.requestAnimationFrame((): void | undefined => {
-          if (!Array.isArray(entries) || entries.length === 0) {
-            return;
-          }
+    const observerCallback: ResizeObserverCallback = (entries: ResizeObserverEntry[]) => {
+      window.requestAnimationFrame((): void | undefined => {
+        if (!Array.isArray(entries) || entries.length === 0) {
+          return;
+        }
 
-          recalculateRows(entries[0].target as HTMLTextAreaElement, maxRows);
-        });
-      };
+        recalculateRows(entries[0].target as HTMLTextAreaElement, maxRows);
+      });
+    };
 
-      const resizeObserver = new ResizeObserver(observerCallback);
-      resizeObserver.observe(textareaRef.current);
+    const resizeObserver = new ResizeObserver(observerCallback);
+    resizeObserver.observe(textareaRef.current);
 
-      return () => {
-        resizeObserver.disconnect();
-      };
-    }, [maxRows]);
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [maxRows]);
 
-    return (
-      <textarea
-        className={clsx('grl-textarea-input', className)}
-        ref={composeRefs(textareaRef, ref)}
-        value={value}
-        {...props}
-      />
-    );
-  },
-);
+  return (
+    <textarea
+      className={clsx('grl-textarea-input', className)}
+      ref={composeRefs(textareaRef, ref)}
+      value={value}
+      {...props}
+    />
+  );
+};
diff --git a/packages/jdm-editor/src/components/code-editor/ce.tsx b/packages/jdm-editor/src/components/code-editor/ce.tsx
index ba6615f8..d35a7979 100644
--- a/packages/jdm-editor/src/components/code-editor/ce.tsx
+++ b/packages/jdm-editor/src/components/code-editor/ce.tsx
@@ -34,6 +34,10 @@ type ExtensionParams = {
   type?: 'standard' | 'unary' | 'template';
 };
 
+export type CodeEditorRef = HTMLDivElement & {
+  codeMirror: EditorView | null;
+};
+
 export type CodeEditorProps = {
   maxRows?: number;
   value?: string;
@@ -50,34 +54,29 @@ export type CodeEditorProps = {
   livePreview?: { input: unknown; fromSimulation: boolean; result?: unknown };
   variableType?: any;
   expectedVariableType?: any;
+  ref?: React.Ref<CodeEditorRef>;
 } & Omit<React.HTMLAttributes<HTMLDivElement>, 'disabled' | 'onChange'>;
 
-export type CodeEditorRef = HTMLDivElement & {
-  codeMirror: EditorView | null;
-};
-
-export const CodeEditor = React.forwardRef<CodeEditorRef, CodeEditorProps>(
-  (
-    {
-      noStyle = false,
-      fullHeight = false,
-      strict = false,
-      maxRows,
-      disabled,
-      value,
-      onChange,
-      placeholder,
-      className,
-      onStateChange,
-      type = 'standard',
-      extension,
-      variableType,
-      expectedVariableType,
-      lint = true,
-      ...props
-    },
+export const CodeEditor = (
+  {
+    noStyle = false,
+    fullHeight = false,
+    strict = false,
+    maxRows,
+    disabled,
+    value,
+    onChange,
+    placeholder,
+    className,
+    onStateChange,
+    type = 'standard',
+    extension,
+    variableType,
+    expectedVariableType,
+    lint = true,
     ref,
-  ) => {
+    ...props
+  }: CodeEditorProps) => {
     const container = useRef<HTMLDivElement>(null);
     const codeMirror = useRef<EditorView>(null);
     const { token } = theme.useToken();
@@ -272,5 +271,4 @@ export const CodeEditor = React.forwardRef<CodeEditorRef, CodeEditorProps>(
         {...props}
       />
     );
-  },
-);
+  };
diff --git a/packages/jdm-editor/src/components/code-editor/local-ce.tsx b/packages/jdm-editor/src/components/code-editor/local-ce.tsx
index 34ec065b..cb1d1d84 100644
--- a/packages/jdm-editor/src/components/code-editor/local-ce.tsx
+++ b/packages/jdm-editor/src/components/code-editor/local-ce.tsx
@@ -4,9 +4,9 @@ import { useDecisionGraphRaw } from '../decision-graph';
 import type { CodeEditorRef } from './ce';
 import { CodeEditor, type CodeEditorProps } from './ce';
 
-type LocalCodeEditorProps = Omit<CodeEditorProps, 'extension'>;
+type LocalCodeEditorProps = Omit<CodeEditorProps, 'extension'> & { ref?: React.Ref<CodeEditorRef> };
 
-export const LocalCodeEditor = React.forwardRef<CodeEditorRef, LocalCodeEditorProps>((props, ref) => {
+export const LocalCodeEditor = ({ ref, ...props }: LocalCodeEditorProps) => {
   const raw = useDecisionGraphRaw();
   const [extension, setExtension] = useState<CodeEditorProps['extension']>(() => {
     if (raw?.listenerStore) {
@@ -25,4 +25,4 @@ export const LocalCodeEditor = React.forwardRef<CodeEditorRef, LocalCodeEditorPr
   }, [raw]);
 
   return <CodeEditor ref={ref} {...props} extension={extension} />;
-});
+};
diff --git a/packages/jdm-editor/src/components/decision-graph/context/dg-store.context.tsx b/packages/jdm-editor/src/components/decision-graph/context/dg-store.context.tsx
index 1e464f55..20b736a8 100644
--- a/packages/jdm-editor/src/components/decision-graph/context/dg-store.context.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/context/dg-store.context.tsx
@@ -3,7 +3,7 @@ import type { Monaco } from '@monaco-editor/react';
 import equal from 'fast-deep-equal/es6/react';
 import type { WritableDraft } from 'immer';
 import { produce } from 'immer';
-import React, { type MutableRefObject, createRef, useMemo } from 'react';
+import React, { type RefObject, createRef, useMemo } from 'react';
 import type { EdgeChange, NodeChange, ReactFlowInstance, useEdgesState, useNodesState } from 'reactflow';
 import { match } from 'ts-pattern';
 import type { StoreApi, UseBoundStore } from 'zustand';
@@ -78,10 +78,10 @@ export type DecisionGraphStoreType = {
   };
 
   references: {
-    nodesState: MutableRefObject<ReturnType<typeof useNodesState>>;
-    edgesState: MutableRefObject<ReturnType<typeof useEdgesState>>;
-    reactFlowInstance: MutableRefObject<ReactFlowInstance | null>;
-    graphClipboard: MutableRefObject<ReturnType<typeof useGraphClipboard>>;
+    nodesState: RefObject<ReturnType<typeof useNodesState>>;
+    edgesState: RefObject<ReturnType<typeof useEdgesState>>;
+    reactFlowInstance: RefObject<ReactFlowInstance | null>;
+    graphClipboard: RefObject<ReturnType<typeof useGraphClipboard>>;
   };
 
   actions: {
@@ -182,10 +182,10 @@ export const DecisionGraphProvider: React.FC<React.PropsWithChildren<DecisionGra
   const referenceStore = useMemo(
     () =>
       create<DecisionGraphStoreType['references']>(() => ({
-        nodesState: createRef() as MutableRefObject<ReturnType<typeof useNodesState>>,
-        edgesState: createRef() as MutableRefObject<ReturnType<typeof useEdgesState>>,
-        graphClipboard: createRef() as MutableRefObject<ReturnType<typeof useGraphClipboard>>,
-        reactFlowInstance: createRef() as MutableRefObject<ReactFlowInstance | null>,
+        nodesState: createRef() as RefObject<ReturnType<typeof useNodesState>>,
+        edgesState: createRef() as RefObject<ReturnType<typeof useEdgesState>>,
+        graphClipboard: createRef() as RefObject<ReturnType<typeof useGraphClipboard>>,
+        reactFlowInstance: createRef() as RefObject<ReactFlowInstance | null>,
       })),
     [],
   );
diff --git a/packages/jdm-editor/src/components/decision-graph/dg-wrapper.tsx b/packages/jdm-editor/src/components/decision-graph/dg-wrapper.tsx
index 6a3aa7e5..539390a4 100644
--- a/packages/jdm-editor/src/components/decision-graph/dg-wrapper.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/dg-wrapper.tsx
@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 import { createDragDropManager } from 'dnd-core';
-import React, { forwardRef, useMemo, useRef, useState } from 'react';
+import React, { useMemo, useRef, useState } from 'react';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import type { ProOptions } from 'reactflow';
 import 'reactflow/dist/style.css';
@@ -25,12 +25,12 @@ import { NodeKind } from './nodes/specifications/specification-types';
 export type DecisionGraphWrapperProps = {
   reactFlowProOptions?: ProOptions;
   tabBarExtraContent?: GraphTabsProps['tabBarExtraContent'];
+  ref?: React.Ref<GraphRef>;
 };
 
 export const DecisionGraphWrapper = React.memo(
-  forwardRef<GraphRef, DecisionGraphWrapperProps>(function DecisionGraphWrapperInner(
-    { reactFlowProOptions, tabBarExtraContent },
-    ref,
+  function DecisionGraphWrapperInner(
+    { reactFlowProOptions, tabBarExtraContent, ref }: DecisionGraphWrapperProps
   ) {
     const [disableTabs, setDisableTabs] = useState(false);
     const { hasActiveNode, viewConfig } = useDecisionGraphState(({ decisionGraph, activeTab, viewConfig }) => {
@@ -55,8 +55,7 @@ export const DecisionGraphWrapper = React.memo(
         <GraphPanel />
       </>
     );
-  }),
-);
+  });
 
 const TabContents: React.FC = React.memo(() => {
   const { openNodes, activeNodeId, components } = useDecisionGraphState(
diff --git a/packages/jdm-editor/src/components/decision-graph/dg.tsx b/packages/jdm-editor/src/components/decision-graph/dg.tsx
index e25945d6..46724efc 100644
--- a/packages/jdm-editor/src/components/decision-graph/dg.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/dg.tsx
@@ -1,5 +1,5 @@
 import type { DragDropManager } from 'dnd-core';
-import React, { forwardRef } from 'react';
+import React from 'react';
 import { ReactFlowProvider } from 'reactflow';
 
 import type { DecisionGraphContextProps } from './context/dg-store.context';
@@ -12,16 +12,17 @@ import { DecisionGraphWrapper } from './dg-wrapper';
 import './dg.scss';
 import type { GraphRef } from './graph/graph';
 
+export type DecisionGraphRef = GraphRef;
+
 export type DecisionGraphProps = {
   manager?: DragDropManager;
+  ref?: React.Ref<DecisionGraphRef>;
 } & DecisionGraphWrapperProps &
   DecisionGraphContextProps &
   DecisionGraphEmptyType;
 
-export type DecisionGraphRef = GraphRef;
-
-export const DecisionGraph = forwardRef<DecisionGraphRef, DecisionGraphProps>(
-  ({ manager: _, reactFlowProOptions, tabBarExtraContent, ...props }, ref) => {
+export const DecisionGraph = 
+  ({ manager: _, reactFlowProOptions, tabBarExtraContent, ref, ...props }: DecisionGraphProps) => {
     return (
       <div className={'grl-dg'}>
         <ReactFlowProvider>
@@ -37,5 +38,4 @@ export const DecisionGraph = forwardRef<DecisionGraphRef, DecisionGraphProps>(
         </ReactFlowProvider>
       </div>
     );
-  },
-);
+  };
diff --git a/packages/jdm-editor/src/components/decision-graph/graph/graph.tsx b/packages/jdm-editor/src/components/decision-graph/graph/graph.tsx
index f73fee6c..858ff9da 100644
--- a/packages/jdm-editor/src/components/decision-graph/graph/graph.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/graph/graph.tsx
@@ -2,7 +2,7 @@ import { CloseOutlined, CompressOutlined, LeftOutlined, WarningOutlined } from '
 import { App, Button, Modal, Tooltip, Typography } from 'antd';
 import clsx from 'clsx';
 import equal from 'fast-deep-equal';
-import React, { type MutableRefObject, forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
+import React, { type RefObject, useImperativeHandle, useMemo, useRef, useState } from 'react';
 import type { Connection, Node, ProOptions, ReactFlowInstance, XYPosition } from 'reactflow';
 import ReactFlow, {
   Background,
@@ -42,6 +42,7 @@ export type GraphProps = {
   className?: string;
   onDisableTabs?: (val: boolean) => void;
   reactFlowProOptions?: ProOptions;
+  ref?: React.Ref<GraphRef>;
 };
 
 export type GraphRef = DecisionGraphStoreType['actions'] & {
@@ -69,7 +70,7 @@ const edgeTypes = {
   edge: React.memo(edgeFunction(null)),
 };
 
-export const Graph = forwardRef<GraphRef, GraphProps>(function GraphInner({ reactFlowProOptions, className }, ref) {
+export const Graph = function GraphInner({ reactFlowProOptions, className, ref }: GraphProps) {
   const { message, notification } = App.useApp();
 
   const reactFlowWrapper = useRef<HTMLDivElement>(null);
@@ -445,7 +446,7 @@ export const Graph = forwardRef<GraphRef, GraphProps>(function GraphInner({ reac
               nodes={nodesState[0]}
               edges={edgesState[0]}
               onInit={(instance) => {
-                (reactFlowInstance as MutableRefObject<ReactFlowInstance>).current = instance;
+                (reactFlowInstance as RefObject<ReactFlowInstance>).current = instance;
                 onReactFlowInit?.(instance);
               }}
               snapToGrid={true}
@@ -507,4 +508,4 @@ export const Graph = forwardRef<GraphRef, GraphProps>(function GraphInner({ reac
       </div>
     </div>
   );
-});
+};
diff --git a/packages/jdm-editor/src/components/decision-graph/nodes/graph-node.tsx b/packages/jdm-editor/src/components/decision-graph/nodes/graph-node.tsx
index 46b3bf74..20a47a15 100644
--- a/packages/jdm-editor/src/components/decision-graph/nodes/graph-node.tsx
+++ b/packages/jdm-editor/src/components/decision-graph/nodes/graph-node.tsx
@@ -26,167 +26,166 @@ export type GraphNodeProps = {
   className?: string;
   specification: MinimalNodeSpecification;
   displayError?: boolean;
+  ref?: React.Ref<HTMLDivElement>;
 } & Partial<DecisionNodeProps>;
 
-export const GraphNode = React.forwardRef<HTMLDivElement, GraphNodeProps>(
-  (
-    {
-      id,
-      handleLeft = true,
-      handleRight = true,
-      className,
-      specification,
-      name,
-      displayError,
-      helper,
-      actions,
-      ...decisionNodeProps
-    },
+export const GraphNode = (
+  {
+    id,
+    handleLeft = true,
+    handleRight = true,
+    className,
+    specification,
+    name,
+    displayError,
+    helper,
+    actions,
     ref,
-  ) => {
-    const [currentDetails, setCurrentDetails] = usePersistentState<Details>(`node:details:${id}`, Details.Settings);
-    const [detailsOpen, setDetailsOpen] = usePersistentState<boolean>(`node:detailsOpen:${id}`, false);
-    const graphActions = useDecisionGraphActions();
-    const { nodeError, nodeTrace, disabled, compactMode } = useDecisionGraphState(
-      ({ simulate, disabled, compactMode }) => ({
-        disabled,
-        nodeTrace: match(simulate)
-          .with({ result: P._ }, ({ result }) => result?.trace?.[id])
-          .otherwise(() => null),
-        nodeError: match(simulate)
-          .with({ error: { data: { nodeId: id } } }, ({ error }) => error)
-          .otherwise(() => null),
-        compactMode,
-      }),
-    );
+    ...decisionNodeProps
+  }: GraphNodeProps
+) => {
+  const [currentDetails, setCurrentDetails] = usePersistentState<Details>(`node:details:${id}`, Details.Settings);
+  const [detailsOpen, setDetailsOpen] = usePersistentState<boolean>(`node:detailsOpen:${id}`, false);
+  const graphActions = useDecisionGraphActions();
+  const { nodeError, nodeTrace, disabled, compactMode } = useDecisionGraphState(
+    ({ simulate, disabled, compactMode }) => ({
+      disabled,
+      nodeTrace: match(simulate)
+        .with({ result: P._ }, ({ result }) => result?.trace?.[id])
+        .otherwise(() => null),
+      nodeError: match(simulate)
+        .with({ error: { data: { nodeId: id } } }, ({ error }) => error)
+        .otherwise(() => null),
+      compactMode,
+    }),
+  );
 
-    const { diff } = useNodeDiff(id);
+  const { diff } = useNodeDiff(id);
 
-    const Settings = specification.renderSettings;
+  const Settings = specification.renderSettings;
 
-    const menuItems = [
-      specification.documentationUrl
-        ? {
-            key: 'documentation',
-            label: <SpacedText left='Documentation' right={<BookOutlined />} />,
-            onClick: () => window.open(specification.documentationUrl, '_href'),
-          }
-        : null,
-      specification.documentationUrl ? { key: 'divider-1', type: 'divider' } : null,
-      !displayError && {
-        key: 'copy-clipboard',
-        label: <SpacedText left='Copy to clipboard' right={platform.shortcut('Ctrl + C')} />,
-        onClick: () => {},
-      },
-      !displayError && {
-        key: 'duplicate',
-        disabled,
-        label: <SpacedText left='Duplicate' right={platform.shortcut('Ctrl + D')} />,
-        onClick: () => graphActions.duplicateNodes([id]),
-      },
-      !displayError && { key: 'divider-2', type: 'divider' },
-      {
-        key: 'delete',
-        danger: true,
-        label: <SpacedText left='Delete' right={platform.shortcut('Backspace')} />,
-        disabled,
-        onClick: () =>
-          Modal.confirm({
-            icon: null,
-            title: 'Delete node',
-            content: (
-              <Typography.Text>
-                Are you sure you want to delete <Typography.Text strong>{name}</Typography.Text> node.
-              </Typography.Text>
-            ),
-            okButtonProps: { danger: true },
-            onOk: () => graphActions.removeNodes([id]),
-          }),
-      },
-    ].filter((i) => i !== false);
+  const menuItems = [
+    specification.documentationUrl
+      ? {
+          key: 'documentation',
+          label: <SpacedText left='Documentation' right={<BookOutlined />} />,
+          onClick: () => window.open(specification.documentationUrl, '_href'),
+        }
+      : null,
+    specification.documentationUrl ? { key: 'divider-1', type: 'divider' } : null,
+    !displayError && {
+      key: 'copy-clipboard',
+      label: <SpacedText left='Copy to clipboard' right={platform.shortcut('Ctrl + C')} />,
+      onClick: () => {},
+    },
+    !displayError && {
+      key: 'duplicate',
+      disabled,
+      label: <SpacedText left='Duplicate' right={platform.shortcut('Ctrl + D')} />,
+      onClick: () => graphActions.duplicateNodes([id]),
+    },
+    !displayError && { key: 'divider-2', type: 'divider' },
+    {
+      key: 'delete',
+      danger: true,
+      label: <SpacedText left='Delete' right={platform.shortcut('Backspace')} />,
+      disabled,
+      onClick: () =>
+        Modal.confirm({
+          icon: null,
+          title: 'Delete node',
+          content: (
+            <Typography.Text>
+              Are you sure you want to delete <Typography.Text strong>{name}</Typography.Text> node.
+            </Typography.Text>
+          ),
+          okButtonProps: { danger: true },
+          onOk: () => graphActions.removeNodes([id]),
+        }),
+    },
+  ].filter((i) => i !== false);
 
-    return (
-      <div
-        className={clsx('grl-graph-node', className)}
-        style={{ minWidth: 220, maxWidth: 220 }}
-        ref={ref}
-        onClick={(event) => {
-          const isToggle = match(navigator.platform.includes('Mac'))
-            .with(true, () => event.metaKey)
-            .otherwise(() => event.ctrlKey);
+  return (
+    <div
+      className={clsx('grl-graph-node', className)}
+      style={{ minWidth: 220, maxWidth: 220 }}
+      ref={ref}
+      onClick={(event) => {
+        const isToggle = match(navigator.platform.includes('Mac'))
+          .with(true, () => event.metaKey)
+          .otherwise(() => event.ctrlKey);
 
-          graphActions.triggerNodeSelect(id, isToggle ? 'toggle' : 'only');
+        graphActions.triggerNodeSelect(id, isToggle ? 'toggle' : 'only');
+      }}
+    >
+      {handleLeft && (
+        <Handle
+          className={clsx('grl-graph-node__handle-left', compactMode && 'compact')}
+          type='target'
+          position={Position.Left}
+          {...(typeof handleLeft !== 'boolean' ? handleLeft : {})}
+        />
+      )}
+      <DecisionNode
+        menuItems={menuItems as MenuProps['items']}
+        {...decisionNodeProps}
+        disabled={disabled}
+        icon={specification.icon}
+        color={specification.color}
+        type={specification.displayName}
+        helper={helper}
+        name={name}
+        details={Settings ? <Settings id={id} /> : undefined}
+        detailsOpen={detailsOpen}
+        detailsTitle={match(currentDetails)
+          .with(Details.Settings, () => 'Settings')
+          .otherwise(() => undefined)}
+        onDetailsClose={() => setDetailsOpen(false)}
+        actions={
+          !Settings
+            ? actions
+            : [
+                ...(actions ?? []),
+                <Button
+                  key='settings'
+                  type='text'
+                  style={{ marginLeft: 'auto' }}
+                  onClick={() => {
+                    setDetailsOpen(currentDetails === Details.Settings ? !detailsOpen : true);
+                    setCurrentDetails(Details.Settings);
+                  }}
+                >
+                  Settings
+                </Button>,
+              ]
+        }
+        status={match([nodeTrace, nodeError, displayError])
+          .with([P._, P._, true], () => 'error' as const)
+          .with([P._, P.not(P.nullish), P._], () => 'error' as const)
+          .with([P.not(P.nullish), P._, P._], () => 'success' as const)
+          .otherwise(() => undefined)}
+        diffStatus={match([diff])
+          .with([{ status: 'added' }], () => 'added' as const)
+          .with([{ status: 'modified' }], () => 'modified' as const)
+          .with([{ status: 'removed' }], () => 'removed' as const)
+          .with([{ status: 'moved' }], () => 'moved' as const)
+          .otherwise(() => undefined)}
+        onNameChange={(name) => {
+          graphActions.updateNode(id, (draft) => {
+            draft.name = name;
+            return draft;
+          });
         }}
-      >
-        {handleLeft && (
-          <Handle
-            className={clsx('grl-graph-node__handle-left', compactMode && 'compact')}
-            type='target'
-            position={Position.Left}
-            {...(typeof handleLeft !== 'boolean' ? handleLeft : {})}
-          />
-        )}
-        <DecisionNode
-          menuItems={menuItems as MenuProps['items']}
-          {...decisionNodeProps}
-          disabled={disabled}
-          icon={specification.icon}
-          color={specification.color}
-          type={specification.displayName}
-          helper={helper}
-          name={name}
-          details={Settings ? <Settings id={id} /> : undefined}
-          detailsOpen={detailsOpen}
-          detailsTitle={match(currentDetails)
-            .with(Details.Settings, () => 'Settings')
-            .otherwise(() => undefined)}
-          onDetailsClose={() => setDetailsOpen(false)}
-          actions={
-            !Settings
-              ? actions
-              : [
-                  ...(actions ?? []),
-                  <Button
-                    key='settings'
-                    type='text'
-                    style={{ marginLeft: 'auto' }}
-                    onClick={() => {
-                      setDetailsOpen(currentDetails === Details.Settings ? !detailsOpen : true);
-                      setCurrentDetails(Details.Settings);
-                    }}
-                  >
-                    Settings
-                  </Button>,
-                ]
-          }
-          status={match([nodeTrace, nodeError, displayError])
-            .with([P._, P._, true], () => 'error' as const)
-            .with([P._, P.not(P.nullish), P._], () => 'error' as const)
-            .with([P.not(P.nullish), P._, P._], () => 'success' as const)
-            .otherwise(() => undefined)}
-          diffStatus={match([diff])
-            .with([{ status: 'added' }], () => 'added' as const)
-            .with([{ status: 'modified' }], () => 'modified' as const)
-            .with([{ status: 'removed' }], () => 'removed' as const)
-            .with([{ status: 'moved' }], () => 'moved' as const)
-            .otherwise(() => undefined)}
-          onNameChange={(name) => {
-            graphActions.updateNode(id, (draft) => {
-              draft.name = name;
-              return draft;
-            });
-          }}
-          compactMode={compactMode}
+        compactMode={compactMode}
+      />
+      {handleRight && (
+        <Handle
+          className={clsx('grl-graph-node__handle-right', compactMode && 'compact')}
+          type='source'
+          position={Position.Right}
+          {...(typeof handleRight !== 'boolean' ? handleRight : {})}
         />
-        {handleRight && (
-          <Handle
-            className={clsx('grl-graph-node__handle-right', compactMode && 'compact')}
-            type='source'
-            position={Position.Right}
-            {...(typeof handleRight !== 'boolean' ? handleRight : {})}
-          />
-        )}
-      </div>
-    );
-  },
-);
+      )}
+    </div>
+  );
+};
diff --git a/packages/jdm-editor/src/components/decision-table/table/table.tsx b/packages/jdm-editor/src/components/decision-table/table/table.tsx
index a3d4c0e5..1d95f4bc 100644
--- a/packages/jdm-editor/src/components/decision-table/table/table.tsx
+++ b/packages/jdm-editor/src/components/decision-table/table/table.tsx
@@ -235,76 +235,75 @@ export const Table: React.FC<TableProps> = ({ id, maxHeight }) => {
 type TableBodyProps = {
   tableContainerRef: React.RefObject<HTMLDivElement>;
   table: ReactTable<any>;
+  ref?: React.Ref<HTMLTableSectionElement>;
 } & Omit<React.HTMLAttributes<HTMLTableSectionElement>, 'children'>;
 
-const TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(
-  ({ table, tableContainerRef, ...props }, ref) => {
-    const tableActions = useDecisionTableActions();
-    const { disabled, cursor } = useDecisionTableState(({ disabled, cursor }) => ({
-      disabled,
-      cursor,
-    }));
-
-    const { rows } = table.getRowModel();
-    const virtualizer = useVirtualizer({
-      getScrollElement: () => tableContainerRef.current,
-      estimateSize: () => 38,
-      indexAttribute: 'data-virtual-index',
-      count: rows.length,
-      overscan: 5,
-    });
+const TableBody = ({ table, tableContainerRef, ref, ...props }: TableBodyProps) => {
+  const tableActions = useDecisionTableActions();
+  const { disabled, cursor } = useDecisionTableState(({ disabled, cursor }) => ({
+    disabled,
+    cursor,
+  }));
+
+  const { rows } = table.getRowModel();
+  const virtualizer = useVirtualizer({
+    getScrollElement: () => tableContainerRef.current,
+    estimateSize: () => 38,
+    indexAttribute: 'data-virtual-index',
+    count: rows.length,
+    overscan: 5,
+  });
 
-    const virtualItems = virtualizer.getVirtualItems();
-    const totalSize = virtualizer.getTotalSize();
+  const virtualItems = virtualizer.getVirtualItems();
+  const totalSize = virtualizer.getTotalSize();
 
-    const paddingTop = virtualItems.length > 0 ? virtualItems?.[0]?.start || 0 : 0;
-    const paddingBottom = virtualItems.length > 0 ? totalSize - (virtualItems?.[virtualItems.length - 1]?.end || 0) : 0;
+  const paddingTop = virtualItems.length > 0 ? virtualItems?.[0]?.start || 0 : 0;
+  const paddingBottom = virtualItems.length > 0 ? totalSize - (virtualItems?.[virtualItems.length - 1]?.end || 0) : 0;
 
-    const onKeyDown = useCallback((e: React.KeyboardEvent) => {
-      if (disabled) {
-        return;
-      }
+  const onKeyDown = useCallback((e: React.KeyboardEvent) => {
+    if (disabled) {
+      return;
+    }
 
-      if (e.code === 'ArrowUp' && (e.metaKey || e.altKey)) {
-        if (cursor) tableActions.addRowAbove(cursor.y);
-      }
-      if (e.code === 'ArrowDown' && (e.metaKey || e.altKey)) {
-        if (cursor) tableActions.addRowBelow(cursor.y);
-      }
-      if (e.code === 'Backspace' && (e.metaKey || e.altKey)) {
-        if (cursor) tableActions.removeRow(cursor.y);
-      }
-    }, []);
+    if (e.code === 'ArrowUp' && (e.metaKey || e.altKey)) {
+      if (cursor) tableActions.addRowAbove(cursor.y);
+    }
+    if (e.code === 'ArrowDown' && (e.metaKey || e.altKey)) {
+      if (cursor) tableActions.addRowBelow(cursor.y);
+    }
+    if (e.code === 'Backspace' && (e.metaKey || e.altKey)) {
+      if (cursor) tableActions.removeRow(cursor.y);
+    }
+  }, []);
 
-    return (
-      <tbody ref={ref} {...props} onKeyDown={onKeyDown}>
-        {paddingTop > 0 && (
-          <tr>
-            <td style={{ height: `${paddingTop}px` }} />
-          </tr>
-        )}
-        {virtualItems.map((item) => {
-          const row = rows[item.index];
-
-          return (
-            <TableRow
-              key={item.key}
-              virtualItem={item}
-              row={row}
-              disabled={disabled}
-              onResize={virtualizer.measureElement}
-            />
-          );
-        })}
-        {paddingBottom > 0 && (
-          <tr>
-            <td style={{ height: `${paddingBottom}px` }} />
-          </tr>
-        )}
-      </tbody>
-    );
-  },
-);
+  return (
+    <tbody ref={ref} {...props} onKeyDown={onKeyDown}>
+      {paddingTop > 0 && (
+        <tr>
+          <td style={{ height: `${paddingTop}px` }} />
+        </tr>
+      )}
+      {virtualItems.map((item) => {
+        const row = rows[item.index];
+
+        return (
+          <TableRow
+            key={item.key}
+            virtualItem={item}
+            row={row}
+            disabled={disabled}
+            onResize={virtualizer.measureElement}
+          />
+        );
+      })}
+      {paddingBottom > 0 && (
+        <tr>
+          <td style={{ height: `${paddingBottom}px` }} />
+        </tr>
+      )}
+    </tbody>
+  );
+};
 
 const StyledTable: React.FC<React.HTMLAttributes<HTMLTableElement> & { width: number }> = ({
   style,
diff --git a/packages/jdm-editor/src/components/shared/diff-ce.tsx b/packages/jdm-editor/src/components/shared/diff-ce.tsx
index ad15021c..96f00d6e 100644
--- a/packages/jdm-editor/src/components/shared/diff-ce.tsx
+++ b/packages/jdm-editor/src/components/shared/diff-ce.tsx
@@ -8,37 +8,36 @@ export type DiffCodeEditorProps = CodeEditorProps & {
   displayDiff?: boolean;
   previousValue?: string;
   noStyle?: boolean;
+  ref?: React.Ref<CodeEditorRef>;
 };
 
-export const DiffCodeEditor = React.forwardRef<CodeEditorRef, DiffCodeEditorProps>(
-  ({ displayDiff, previousValue, noStyle, ...rest }, ref) => {
-    if (displayDiff) {
-      return (
-        <div className={clsx('diff-code-editor', noStyle && 'no-style')}>
-          {(previousValue || '')?.length > 0 && (
-            <CodeEditor
-              {...rest}
-              className={clsx(rest.className, 'previous-input')}
-              value={previousValue}
-              onChange={undefined}
-              disabled={true}
-              noStyle
-              lint={false}
-            />
-          )}
-          {(rest?.value || '')?.length > 0 && (
-            <CodeEditor
-              {...rest}
-              className={clsx(rest.className, 'current-input')}
-              disabled={true}
-              noStyle
-              lint={false}
-            />
-          )}
-        </div>
-      );
-    }
+export const DiffCodeEditor = ({ displayDiff, previousValue, noStyle, ref, ...rest }: DiffCodeEditorProps) => {
+  if (displayDiff) {
+    return (
+      <div className={clsx('diff-code-editor', noStyle && 'no-style')}>
+        {(previousValue || '')?.length > 0 && (
+          <CodeEditor
+            {...rest}
+            className={clsx(rest.className, 'previous-input')}
+            value={previousValue}
+            onChange={undefined}
+            disabled={true}
+            noStyle
+            lint={false}
+          />
+        )}
+        {(rest?.value || '')?.length > 0 && (
+          <CodeEditor
+            {...rest}
+            className={clsx(rest.className, 'current-input')}
+            disabled={true}
+            noStyle
+            lint={false}
+          />
+        )}
+      </div>
+    );
+  }
 
-    return <CodeEditor ref={ref} noStyle={noStyle} {...rest} />;
-  },
-);
+  return <CodeEditor ref={ref} noStyle={noStyle} {...rest} />;
+};
diff --git a/packages/jdm-editor/src/components/shared/diff-text-area.tsx b/packages/jdm-editor/src/components/shared/diff-text-area.tsx
index 2398a3d5..6e0183fa 100644
--- a/packages/jdm-editor/src/components/shared/diff-text-area.tsx
+++ b/packages/jdm-editor/src/components/shared/diff-text-area.tsx
@@ -1,5 +1,5 @@
 import clsx from 'clsx';
-import React, { forwardRef } from 'react';
+import React from 'react';
 
 import { AutosizeTextArea, type AutosizeTextAreaProps } from '../autosize-text-area';
 
@@ -7,27 +7,28 @@ export type DiffAutosizeTextAreaProps = AutosizeTextAreaProps & {
   previousValue?: string;
   displayDiff?: boolean;
   noStyle?: boolean;
+  ref?: React.Ref<HTMLTextAreaElement>;
 };
 
-export const DiffAutosizeTextArea: React.FC<DiffAutosizeTextAreaProps> = forwardRef(
-  ({ previousValue, displayDiff, noStyle, ...rest }, ref) => {
-    if (displayDiff) {
-      return (
-        <div className={clsx('diff-text-area-group', noStyle && 'no-style')}>
-          {(previousValue || '')?.length > 0 && (
-            <AutosizeTextArea
-              {...rest}
-              value={previousValue}
-              onChange={undefined}
-              className={clsx(rest.className, 'previous-input')}
-            />
-          )}
-          {((rest.value || '') as string)?.length > 0 && (
-            <AutosizeTextArea {...rest} className={clsx(rest.className, 'current-input')} />
-          )}
-        </div>
-      );
-    }
-    return <AutosizeTextArea ref={ref} {...rest} />;
-  },
-);
+export const DiffAutosizeTextArea: React.FC<DiffAutosizeTextAreaProps> = (
+  { previousValue, displayDiff, noStyle, ref, ...rest }: DiffAutosizeTextAreaProps
+) => {
+  if (displayDiff) {
+    return (
+      <div className={clsx('diff-text-area-group', noStyle && 'no-style')}>
+        {(previousValue || '')?.length > 0 && (
+          <AutosizeTextArea
+            {...rest}
+            value={previousValue}
+            onChange={undefined}
+            className={clsx(rest.className, 'previous-input')}
+          />
+        )}
+        {((rest.value || '') as string)?.length > 0 && (
+          <AutosizeTextArea {...rest} className={clsx(rest.className, 'current-input')} />
+        )}
+      </div>
+    );
+  }
+  return <AutosizeTextArea ref={ref} {...rest} />;
+};
diff --git a/packages/jdm-editor/src/helpers/compose-refs.ts b/packages/jdm-editor/src/helpers/compose-refs.ts
index 1ec789cd..1f2e77c7 100644
--- a/packages/jdm-editor/src/helpers/compose-refs.ts
+++ b/packages/jdm-editor/src/helpers/compose-refs.ts
@@ -1,4 +1,4 @@
-import type { MutableRefObject, Ref } from 'react';
+import type { RefObject, Ref } from 'react';
 
 type OptionalRef<T> = Ref<T> | undefined;
 
@@ -47,6 +47,6 @@ function updateRef<T>(ref: NonNullRef<T>, instance: null | T): void {
   if (typeof ref === 'function') {
     ref(instance);
   } else {
-    (ref as MutableRefObject<T | null>).current = instance;
+    (ref as RefObject<T | null>).current = instance;
   }
 }