From a3d12c2251634733747f26264877a336331dbf92 Mon Sep 17 00:00:00 2001
From: Shad Barley <shad@MacBook-Pro.local>
Date: Sun, 1 Mar 2026 14:36:08 -0600
Subject: [PATCH] fix: update codehinter header to show property label (#6655)

---
 .../src/AppBuilder/CodeEditor/MultiLineCodeEditor.jsx     | 1 +
 .../src/AppBuilder/CodeEditor/SingleLineCodeEditor.jsx    | 1 +
 frontend/src/AppBuilder/CodeEditor/TJDBHinter.jsx         | 1 +
 frontend/src/Editor/CodeEditor/MultiLineCodeEditor.jsx    | 1 +
 frontend/src/Editor/CodeEditor/SingleLineCodeEditor.jsx   | 1 +
 frontend/src/_components/Portal/Portal.jsx                | 8 ++++----
 frontend/src/_hooks/use-portal.jsx                        | 4 +++-
 7 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/frontend/src/AppBuilder/CodeEditor/MultiLineCodeEditor.jsx b/frontend/src/AppBuilder/CodeEditor/MultiLineCodeEditor.jsx
index e8afbbdd1e8..6daae6ad946 100644
--- a/frontend/src/AppBuilder/CodeEditor/MultiLineCodeEditor.jsx
+++ b/frontend/src/AppBuilder/CodeEditor/MultiLineCodeEditor.jsx
@@ -263,6 +263,7 @@ const MultiLineCodeEditor = (props) => {
           isOpen={isOpen}
           callback={setIsOpen}
           componentName={componentName}
+          title={paramLabel}
           key={componentName}
           forceUpdate={forceUpdate}
           optionalProps={{ styles: { height: 300 }, cls: '' }}
diff --git a/frontend/src/AppBuilder/CodeEditor/SingleLineCodeEditor.jsx b/frontend/src/AppBuilder/CodeEditor/SingleLineCodeEditor.jsx
index 156186ec2ed..0d788a01659 100644
--- a/frontend/src/AppBuilder/CodeEditor/SingleLineCodeEditor.jsx
+++ b/frontend/src/AppBuilder/CodeEditor/SingleLineCodeEditor.jsx
@@ -442,6 +442,7 @@ const EditorInput = ({
         isOpen={isOpen}
         callback={setIsOpen}
         componentName={componentName}
+        title={paramLabel}
         key={componentName}
         customComponent={renderPreview}
         forceUpdate={forceUpdate}
diff --git a/frontend/src/AppBuilder/CodeEditor/TJDBHinter.jsx b/frontend/src/AppBuilder/CodeEditor/TJDBHinter.jsx
index dab57d0f20b..c75fb15f690 100644
--- a/frontend/src/AppBuilder/CodeEditor/TJDBHinter.jsx
+++ b/frontend/src/AppBuilder/CodeEditor/TJDBHinter.jsx
@@ -165,6 +165,7 @@ const TJDBCodeEditor = (props) => {
           isOpen={isOpen}
           callback={setIsOpen}
           componentName={componentName}
+          title={paramLabel}
           key={componentName}
           forceUpdate={forceUpdate}
           optionalProps={{ styles: { height: 300 }, cls: 'tjdb-hinter-portal' }}
diff --git a/frontend/src/Editor/CodeEditor/MultiLineCodeEditor.jsx b/frontend/src/Editor/CodeEditor/MultiLineCodeEditor.jsx
index b4c96cfe362..b2bffb2fba9 100644
--- a/frontend/src/Editor/CodeEditor/MultiLineCodeEditor.jsx
+++ b/frontend/src/Editor/CodeEditor/MultiLineCodeEditor.jsx
@@ -209,6 +209,7 @@ const MultiLineCodeEditor = (props) => {
           isOpen={isOpen}
           callback={setIsOpen}
           componentName={componentName}
+          title={paramLabel}
           key={componentName}
           forceUpdate={forceUpdate}
           optionalProps={{ styles: { height: 300 }, cls: '' }}
diff --git a/frontend/src/Editor/CodeEditor/SingleLineCodeEditor.jsx b/frontend/src/Editor/CodeEditor/SingleLineCodeEditor.jsx
index c0ee4f17f73..3294dd9232d 100644
--- a/frontend/src/Editor/CodeEditor/SingleLineCodeEditor.jsx
+++ b/frontend/src/Editor/CodeEditor/SingleLineCodeEditor.jsx
@@ -269,6 +269,7 @@ const EditorInput = ({
         isOpen={isOpen}
         callback={setIsOpen}
         componentName={componentName}
+        title={paramLabel}
         key={componentName}
         customComponent={renderPreview}
         forceUpdate={forceUpdate}
diff --git a/frontend/src/_components/Portal/Portal.jsx b/frontend/src/_components/Portal/Portal.jsx
index 0e332e2e9cc..bf77e36fd67 100644
--- a/frontend/src/_components/Portal/Portal.jsx
+++ b/frontend/src/_components/Portal/Portal.jsx
@@ -4,17 +4,17 @@ import { Rnd } from 'react-rnd';
 import { Button } from '@/_ui/LeftSidebar';
 
 const Portal = ({ children, ...restProps }) => {
-  const { isOpen, trigger, styles, className, componentName, dragResizePortal, callgpt, isCopilotEnabled } = restProps;
+  const { isOpen, trigger, styles, className, componentName, dragResizePortal, callgpt, isCopilotEnabled, title } = restProps;
 
-  const [name, setName] = React.useState(componentName);
+  const [name, setName] = React.useState(title || componentName);
   const handleClose = (e) => {
     e.stopPropagation();
     trigger(false);
   };
 
   React.useEffect(() => {
-    setName(componentName);
-  }, [componentName]);
+    setName(title || componentName);
+  }, [componentName, title]);
 
   React.useEffect(() => {
     if (isOpen) {
diff --git a/frontend/src/_hooks/use-portal.jsx b/frontend/src/_hooks/use-portal.jsx
index 6341f1c7805..0b8769b4167 100644
--- a/frontend/src/_hooks/use-portal.jsx
+++ b/frontend/src/_hooks/use-portal.jsx
@@ -14,6 +14,7 @@ const usePortal = ({ children, ...restProps }) => {
     dragResizePortal = false,
     callgpt,
     isCopilotEnabled = false,
+    title,
   } = restProps;
 
   const renderCustomComponent = ({ component, ...restProps }) => {
@@ -27,7 +28,7 @@ const usePortal = ({ children, ...restProps }) => {
       forceUpdate();
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [componentName, isOpen]);
+  }, [componentName, isOpen, title]);
 
   const styleProps = optionalProps?.styles;
   return (
@@ -41,6 +42,7 @@ const usePortal = ({ children, ...restProps }) => {
           dragResizePortal={dragResizePortal}
           callgpt={callgpt}
           isCopilotEnabled={isCopilotEnabled}
+          title={title}
         >
           <div
             className={`editor-container codehinter-popup ${optionalProps.cls ?? ''}`}