(camel-karavan) branch main updated: Fix MainPropertiesPanel for 4.18.0

[marat]

This is an automated email from the ASF dual-hosted git repository.

marat pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-karavan.git


The following commit(s) were added to refs/heads/main by this push:
     new a1cb0c45 Fix MainPropertiesPanel for 4.18.0
a1cb0c45 is described below

commit a1cb0c45dae8d78a3f98a1c1c90b50b142d5fb49
Author: Marat Gubaidullin <ma...@talismancloud.io>
AuthorDate: Sat Feb 28 08:35:02 2026 -0500

    Fix MainPropertiesPanel for 4.18.0
---
 .../features/project/designer/property/MainPropertiesPanel.tsx    | 8 +++++++-
 .../features/project/designer/property/MainPropertiesPanel.tsx    | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git 
a/karavan-app/src/main/webui/src/karavan/features/project/designer/property/MainPropertiesPanel.tsx
 
b/karavan-app/src/main/webui/src/karavan/features/project/designer/property/MainPropertiesPanel.tsx
index 41fdeec5..5ddaf43e 100644
--- 
a/karavan-app/src/main/webui/src/karavan/features/project/designer/property/MainPropertiesPanel.tsx
+++ 
b/karavan-app/src/main/webui/src/karavan/features/project/designer/property/MainPropertiesPanel.tsx
@@ -17,10 +17,13 @@
 import React from 'react';
 import {Tab, Tabs, TabTitleText,} from '@patternfly/react-core';
 import '@features/project/designer/property/DslProperties.css';
+import {ErrorBoundaryWrapper} from "@shared/ui/ErrorBoundaryWrapper";
+import {DslProperties} from 
"@features/project/designer/property/DslProperties";
+import {ExpressionEditor} from 
"@features/project/designer/property/expression/ExpressionEditor";
 
 export function MainPropertiesPanel() {
 
-    const [activeTabKey, setActiveTabKey] = React.useState<string | number>();
+    const [activeTabKey, setActiveTabKey] = React.useState<string | 
number>("properties");
     const handleTabClick = (event: React.MouseEvent<any> | React.KeyboardEvent 
| MouseEvent, tabIndex: string | number) => {
         setActiveTabKey(tabIndex);
     };
@@ -54,6 +57,9 @@ export function MainPropertiesPanel() {
     return (
         <div className='main-properties'>
             {getPropertiesPanelTabs()}
+            <ErrorBoundaryWrapper onError={error => console.error(error)}>
+                {activeTabKey === 'properties' && <DslProperties 
expressionEditor={ExpressionEditor}/> }
+            </ErrorBoundaryWrapper>
         </div>
     )
 
diff --git 
a/karavan-vscode/webview/karavan/features/project/designer/property/MainPropertiesPanel.tsx
 
b/karavan-vscode/webview/karavan/features/project/designer/property/MainPropertiesPanel.tsx
index 41fdeec5..5ddaf43e 100644
--- 
a/karavan-vscode/webview/karavan/features/project/designer/property/MainPropertiesPanel.tsx
+++ 
b/karavan-vscode/webview/karavan/features/project/designer/property/MainPropertiesPanel.tsx
@@ -17,10 +17,13 @@
 import React from 'react';
 import {Tab, Tabs, TabTitleText,} from '@patternfly/react-core';
 import '@features/project/designer/property/DslProperties.css';
+import {ErrorBoundaryWrapper} from "@shared/ui/ErrorBoundaryWrapper";
+import {DslProperties} from 
"@features/project/designer/property/DslProperties";
+import {ExpressionEditor} from 
"@features/project/designer/property/expression/ExpressionEditor";
 
 export function MainPropertiesPanel() {
 
-    const [activeTabKey, setActiveTabKey] = React.useState<string | number>();
+    const [activeTabKey, setActiveTabKey] = React.useState<string | 
number>("properties");
     const handleTabClick = (event: React.MouseEvent<any> | React.KeyboardEvent 
| MouseEvent, tabIndex: string | number) => {
         setActiveTabKey(tabIndex);
     };
@@ -54,6 +57,9 @@ export function MainPropertiesPanel() {
     return (
         <div className='main-properties'>
             {getPropertiesPanelTabs()}
+            <ErrorBoundaryWrapper onError={error => console.error(error)}>
+                {activeTabKey === 'properties' && <DslProperties 
expressionEditor={ExpressionEditor}/> }
+            </ErrorBoundaryWrapper>
         </div>
     )