diff --git a/app/client/src/components/editorComponents/CodeEditor/index.tsx b/app/client/src/components/editorComponents/CodeEditor/index.tsx
index 93c6053b3a..09291f81cf 100644
--- a/app/client/src/components/editorComponents/CodeEditor/index.tsx
+++ b/app/client/src/components/editorComponents/CodeEditor/index.tsx
@@ -274,15 +274,10 @@ const getEditorIdentifier = (props: EditorProps): string => {
 };
 
 class CodeEditor extends Component<Props, State> {
-  hintHelper: HintHelper[] = [
-    bindingHintHelper,
-    slashCommandHintHelper,
-    sqlHint.hinter,
-  ];
   static defaultProps = {
     marking: [entityMarker],
     lineCommentString: "//",
-    hinting: [],
+    hinting: [bindingHintHelper, slashCommandHintHelper, sqlHint.hinter],
   };
   // this is the higlighted element for any highlighted text in the codemirror
   highlightedUrlElement: HTMLElement | undefined;
@@ -471,7 +466,7 @@ class CodeEditor extends Component<Props, State> {
         this.hinters = CodeEditor.startAutocomplete(
           editor,
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          [...this.hintHelper, ...this.props.hinting!], // ! since defaultProps are set
+          this.props.hinting!, // ! since defaultProps are set
           this.props.dynamicData,
           this.props.entitiesForNavigation, // send navigation here
         );
diff --git a/app/client/src/components/propertyControls/ChartDataControl.tsx b/app/client/src/components/propertyControls/ChartDataControl.tsx
index 771a4a211c..d189b92f40 100644
--- a/app/client/src/components/propertyControls/ChartDataControl.tsx
+++ b/app/client/src/components/propertyControls/ChartDataControl.tsx
@@ -18,6 +18,8 @@ import { AutocompleteDataType } from "utils/autocomplete/AutocompleteDataType";
 import LazyCodeEditor from "components/editorComponents/LazyCodeEditor";
 import ColorPickerComponent from "./ColorPickerComponentV2";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 const Wrapper = styled.div`
   background-color: var(--ads-v2-color-bg-subtle);
@@ -145,7 +147,11 @@ function DataControlComponent(props: RenderComponentProps) {
           dataTreePath={`${dataTreePath}.seriesName`}
           evaluatedValue={evaluated?.seriesName}
           expected={expectedSeriesName}
-          hinting={[assistiveBindingHinter]}
+          hinting={[
+            bindingHintHelper,
+            assistiveBindingHinter,
+            slashCommandHintHelper,
+          ]}
           input={{
             value: item.seriesName,
             onChange: (
@@ -196,7 +202,11 @@ function DataControlComponent(props: RenderComponentProps) {
           dataTreePath={`${dataTreePath}.data`}
           evaluatedValue={evaluated?.data}
           expected={expectedSeriesData}
-          hinting={[assistiveBindingHinter]}
+          hinting={[
+            bindingHintHelper,
+            assistiveBindingHinter,
+            slashCommandHintHelper,
+          ]}
           input={{
             value: item.data,
             onChange: (
diff --git a/app/client/src/components/propertyControls/CodeEditorControl.tsx b/app/client/src/components/propertyControls/CodeEditorControl.tsx
index 9d57db24ba..23c805039f 100644
--- a/app/client/src/components/propertyControls/CodeEditorControl.tsx
+++ b/app/client/src/components/propertyControls/CodeEditorControl.tsx
@@ -10,6 +10,8 @@ import {
 } from "components/editorComponents/CodeEditor/EditorConfig";
 import LazyCodeEditor from "components/editorComponents/LazyCodeEditor";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 class CodeEditorControl extends BaseControl<ControlProps> {
   render() {
@@ -30,7 +32,11 @@ class CodeEditorControl extends BaseControl<ControlProps> {
     return (
       <LazyCodeEditor
         additionalDynamicData={this.props.additionalAutoComplete}
-        hinting={[assistiveBindingHinter]}
+        hinting={[
+          bindingHintHelper,
+          assistiveBindingHinter,
+          slashCommandHintHelper,
+        ]}
         input={{ value: propertyValue, onChange: this.onChange }}
         mode={EditorModes.TEXT_WITH_BINDING}
         positionCursorInsideBinding
diff --git a/app/client/src/components/propertyControls/ComputeTablePropertyControl.tsx b/app/client/src/components/propertyControls/ComputeTablePropertyControl.tsx
index 1a0020a46e..9f6b11be84 100644
--- a/app/client/src/components/propertyControls/ComputeTablePropertyControl.tsx
+++ b/app/client/src/components/propertyControls/ComputeTablePropertyControl.tsx
@@ -16,6 +16,8 @@ import { isString } from "utils/helpers";
 import { JSToString, stringToJS } from "./utils";
 import LazyCodeEditor from "components/editorComponents/LazyCodeEditor";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 const PromptMessage = styled.span`
   line-height: 17px;
@@ -65,7 +67,11 @@ export function InputText(props: {
         dataTreePath={dataTreePath}
         evaluatedValue={evaluatedValue}
         expected={expected}
-        hinting={[assistiveBindingHinter]}
+        hinting={[
+          bindingHintHelper,
+          assistiveBindingHinter,
+          slashCommandHintHelper,
+        ]}
         input={{
           value: value,
           onChange: onChange,
diff --git a/app/client/src/components/propertyControls/InputTextControl.tsx b/app/client/src/components/propertyControls/InputTextControl.tsx
index 04e69f539c..73689d994b 100644
--- a/app/client/src/components/propertyControls/InputTextControl.tsx
+++ b/app/client/src/components/propertyControls/InputTextControl.tsx
@@ -15,6 +15,8 @@ import { CollapseContext } from "pages/Editor/PropertyPane/PropertySection";
 import LazyCodeEditor from "../editorComponents/LazyCodeEditor";
 import type { AdditionalDynamicDataTree } from "utils/autocomplete/customTreeTypeDefCreator";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 export function InputText(props: {
   label: string;
@@ -57,7 +59,11 @@ export function InputText(props: {
         evaluatedValue={evaluatedValue}
         expected={expected}
         hideEvaluatedValue={hideEvaluatedValue}
-        hinting={[assistiveBindingHinter]}
+        hinting={[
+          bindingHintHelper,
+          assistiveBindingHinter,
+          slashCommandHintHelper,
+        ]}
         hoverInteraction
         input={{
           value: value,
diff --git a/app/client/src/components/propertyControls/JSONFormComputeControl.tsx b/app/client/src/components/propertyControls/JSONFormComputeControl.tsx
index 7c42ccaf90..ed08cbde70 100644
--- a/app/client/src/components/propertyControls/JSONFormComputeControl.tsx
+++ b/app/client/src/components/propertyControls/JSONFormComputeControl.tsx
@@ -24,6 +24,8 @@ import {
 } from "widgets/JSONFormWidget/constants";
 import LazyCodeEditor from "components/editorComponents/LazyCodeEditor";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 const PromptMessage = styled.span`
   line-height: 17px;
@@ -139,7 +141,11 @@ export function InputText(props: {
         dataTreePath={dataTreePath}
         evaluatedValue={evaluatedValue}
         expected={expected}
-        hinting={[assistiveBindingHinter]}
+        hinting={[
+          bindingHintHelper,
+          assistiveBindingHinter,
+          slashCommandHintHelper,
+        ]}
         input={{
           value: value,
           onChange: onChange,
diff --git a/app/client/src/components/propertyControls/MenuButtonDynamicItemsControl.tsx b/app/client/src/components/propertyControls/MenuButtonDynamicItemsControl.tsx
index 4cebfb8176..c7870916f4 100644
--- a/app/client/src/components/propertyControls/MenuButtonDynamicItemsControl.tsx
+++ b/app/client/src/components/propertyControls/MenuButtonDynamicItemsControl.tsx
@@ -21,6 +21,8 @@ import type { ColumnProperties } from "widgets/TableWidgetV2/component/Constants
 import { getUniqueKeysFromSourceData } from "widgets/MenuButtonWidget/widget/helper";
 import LazyCodeEditor from "components/editorComponents/LazyCodeEditor";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 const PromptMessage = styled.span`
   line-height: 17px;
@@ -72,7 +74,11 @@ function InputText(props: InputTextProp) {
         dataTreePath={dataTreePath}
         evaluatedValue={evaluatedValue}
         expected={expected}
-        hinting={[assistiveBindingHinter]}
+        hinting={[
+          bindingHintHelper,
+          assistiveBindingHinter,
+          slashCommandHintHelper,
+        ]}
         input={{
           value: value,
           onChange: onChange,
diff --git a/app/client/src/components/propertyControls/SelectDefaultValueControl.tsx b/app/client/src/components/propertyControls/SelectDefaultValueControl.tsx
index c1d137a5b4..cbf5eee371 100644
--- a/app/client/src/components/propertyControls/SelectDefaultValueControl.tsx
+++ b/app/client/src/components/propertyControls/SelectDefaultValueControl.tsx
@@ -13,6 +13,8 @@ import { getDynamicBindings, isDynamicValue } from "utils/DynamicBindingUtils";
 import { isString } from "utils/helpers";
 import LazyCodeEditor from "components/editorComponents/LazyCodeEditor";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 export const getBindingTemplate = (widgetName: string) => {
   const prefixTemplate = `{{ ((options, serverSideFiltering) => ( `;
@@ -74,7 +76,11 @@ function InputText(props: InputTextProp) {
         dataTreePath={dataTreePath}
         evaluatedValue={evaluatedValue}
         expected={expected}
-        hinting={[assistiveBindingHinter]}
+        hinting={[
+          bindingHintHelper,
+          assistiveBindingHinter,
+          slashCommandHintHelper,
+        ]}
         input={{
           value: value,
           onChange: onChange,
diff --git a/app/client/src/components/propertyControls/TableComputeValue.tsx b/app/client/src/components/propertyControls/TableComputeValue.tsx
index 21494007f4..620f6658e5 100644
--- a/app/client/src/components/propertyControls/TableComputeValue.tsx
+++ b/app/client/src/components/propertyControls/TableComputeValue.tsx
@@ -17,6 +17,8 @@ import { JSToString, stringToJS } from "./utils";
 import type { AdditionalDynamicDataTree } from "utils/autocomplete/customTreeTypeDefCreator";
 import LazyCodeEditor from "components/editorComponents/LazyCodeEditor";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 const PromptMessage = styled.span`
   line-height: 17px;
@@ -68,7 +70,11 @@ function InputText(props: InputTextProp) {
         dataTreePath={dataTreePath}
         evaluatedValue={evaluatedValue}
         expected={expected}
-        hinting={[assistiveBindingHinter]}
+        hinting={[
+          bindingHintHelper,
+          assistiveBindingHinter,
+          slashCommandHintHelper,
+        ]}
         input={{
           value: value,
           onChange: onChange,
diff --git a/app/client/src/components/propertyControls/TableInlineEditValidationControl.tsx b/app/client/src/components/propertyControls/TableInlineEditValidationControl.tsx
index 5fc7d12ce3..4cae9ff9ca 100644
--- a/app/client/src/components/propertyControls/TableInlineEditValidationControl.tsx
+++ b/app/client/src/components/propertyControls/TableInlineEditValidationControl.tsx
@@ -25,6 +25,8 @@ import {
   TABLE_WIDGET_VALIDATION_ASSIST_PROMPT,
 } from "@appsmith/constants/messages";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 export const PromptMessage = styled.span`
   line-height: 17px;
@@ -82,7 +84,11 @@ export function InputText(props: InputTextProp) {
         dataTreePath={dataTreePath}
         evaluatedValue={evaluatedValue}
         expected={expected}
-        hinting={[assistiveBindingHinter]}
+        hinting={[
+          bindingHintHelper,
+          assistiveBindingHinter,
+          slashCommandHintHelper,
+        ]}
         input={{
           value: value,
           onChange: onChange,
diff --git a/app/client/src/components/propertyControls/WrappedCodeEditorControl.tsx b/app/client/src/components/propertyControls/WrappedCodeEditorControl.tsx
index da2733df07..7969a8d742 100644
--- a/app/client/src/components/propertyControls/WrappedCodeEditorControl.tsx
+++ b/app/client/src/components/propertyControls/WrappedCodeEditorControl.tsx
@@ -16,6 +16,8 @@ import type { AdditionalDynamicDataTree } from "utils/autocomplete/customTreeTyp
 import LazyCodeEditor from "components/editorComponents/LazyCodeEditor";
 import type { WidgetProps } from "widgets/BaseWidget";
 import { assistiveBindingHinter } from "components/editorComponents/CodeEditor/assistiveBindingHinter";
+import { bindingHintHelper } from "components/editorComponents/CodeEditor/hintHelpers";
+import { slashCommandHintHelper } from "components/editorComponents/CodeEditor/commandsHelper";
 
 type InputTextProp = {
   label: string;
@@ -48,7 +50,11 @@ function InputText(props: InputTextProp) {
         dataTreePath={dataTreePath}
         evaluatedValue={evaluatedValue}
         expected={expected}
-        hinting={[assistiveBindingHinter]}
+        hinting={[
+          bindingHintHelper,
+          assistiveBindingHinter,
+          slashCommandHintHelper,
+        ]}
         input={{
           value: value,
           onChange: onChange,