[In Progress] [Feat]: Automator

client/packages/lowcoder-comps/src/comps/barChartComp/barChartPropertyView.tsx

@@ -131,6 +131,14 @@ export function barChartPropertyView(
       <Section name={sectionNames.advanced}>
         {children.data.propertyView({
           label: trans("chart.data"),
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "json",
+            label: "Bar Chart data",
+            fieldName: "data",
+            fieldDescription:
+              "JSON array of objects representing bar chart data. Each object should have keys for the x-axis category and numeric values for each series.",
+          },
         })}
       </Section>
     </>

client/packages/lowcoder-comps/src/comps/basicChartComp/chartPropertyView.tsx

@@ -152,6 +152,14 @@ export function chartPropertyView(
       <Section name={sectionNames.advanced}>
         {children.data.propertyView({
           label: trans("chart.data"),
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "json",
+            label: "Chart data",
+            fieldName: "data",
+            fieldDescription:
+              "JSON array of objects representing chart data. Each object should include keys for categories and numeric values for each series.",
+          },
         })}
       </Section>
     </>

client/packages/lowcoder-comps/src/comps/boxplotChartComp/boxplotChartPropertyView.tsx

@@ -11,7 +11,6 @@ import {
   controlItem,
 } from "lowcoder-sdk";
 import { trans } from "i18n/comps";
-
 export function boxplotChartPropertyView(
   children: ChartCompChildrenType,
   dispatch: (action: CompAction) => void
@@ -76,6 +75,14 @@ export function boxplotChartPropertyView(
       <Section name={sectionNames.advanced}>
         {children.data.propertyView({
           label: trans("chart.data"),
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "json",
+            label: "Box plot chart data",
+            fieldName: "data",
+            fieldDescription:
+              "JSON array of objects for the box plot. Include keys for category (x) and numeric columns used for box plot statistics.",
+          },
         })}
       </Section>
     </>

client/packages/lowcoder-comps/src/comps/candleStickChartComp/candleStickChartPropertyView.tsx

@@ -7,7 +7,6 @@ import {
 } from "lowcoder-sdk";
 import { trans } from "i18n/comps";
 import { examplesUrl,optionUrl } from "../chartComp/chartConfigs/chartUrls";
-
 export function candleStickChartPropertyView(
   children: ChartCompChildrenType,
   dispatch: (action: CompAction) => void
@@ -16,9 +15,30 @@ export function candleStickChartPropertyView(
   const jsonModePropertyView = (
     <>
       <Section name={trans("chart.config")}>
-        {children.echartsData.propertyView({ label: trans("chart.data") })}
+        {children.echartsData.propertyView({
+          label: trans("chart.data"),
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "json",
+            label: "CandleStick chart data",
+            fieldName: "echartsData",
+            fieldDescription:
+              "JSON array of OHLC values. Each item is [open, close, low, high] for one period, in the same order as x-axis labels.",
+          },
+        })}
         {children.echartsTitleConfig.getPropertyView()}
-        {children.echartsTitleData.propertyView({ label: trans("chart.xAxisLabels"), tooltip: trans("chart.xAxisLabelsTooltip") })}
+        {children.echartsTitleData.propertyView({
+          label: trans("chart.xAxisLabels"),
+          tooltip: trans("chart.xAxisLabelsTooltip"),
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "json",
+            label: "CandleStick x-axis labels",
+            fieldName: "echartsTitleData",
+            fieldDescription:
+              "JSON array of x-axis labels (e.g. dates). Length must match the number of OHLC rows in Data.",
+          },
+        })}
         {children.echartsTitleVerticalConfig.getPropertyView()}
         {children.echartsTitle.propertyView({ label: trans("candleStickChart.title"), tooltip: trans("echarts.titleTooltip") })}
         {children.left.propertyView({ label: trans("candleStickChart.left"), tooltip: trans("echarts.leftTooltip") })}
@@ -52,6 +72,14 @@ export function candleStickChartPropertyView(
         {children.echartsOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          language: "json",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "CandleStick option",
+            fieldName: "echartsOption",
+            fieldDescription: "Apache ECharts option JSON for this chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">

client/packages/lowcoder-comps/src/comps/chartComp/chartPropertyView.tsx

@@ -163,6 +163,15 @@ export function chartPropertyView(
         {children.echartsOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          language: "json",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "ECharts option JSON",
+            fieldName: "echartsOption",
+            fieldDescription:
+              "Apache ECharts option JSON for the selected chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">
@@ -211,6 +220,15 @@ export function chartPropertyView(
         {children.mapOptions.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          language: "json",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "ECharts map option JSON",
+            fieldName: "mapOptions",
+            fieldDescription:
+              "Apache ECharts map option JSON for the selected chart component.",
+          },
           tooltip: (
             <div>
               <a href={mapOptionUrl} target="_blank" rel="noopener noreferrer">
@@ -257,4 +275,4 @@ export function chartPropertyView(
       {getChatConfigByMode(children.mode.getView())}
     </>
   );
-}
+}

client/packages/lowcoder-comps/src/comps/funnelChartComp/funnelChartPropertyView.tsx

@@ -7,7 +7,6 @@ import {
 } from "lowcoder-sdk";
 import { trans } from "i18n/comps";
 import { examplesUrl,optionUrl } from "../chartComp/chartConfigs/chartUrls";
-
 export function funnelChartPropertyView(
   children: ChartCompChildrenType,
   dispatch: (action: CompAction) => void
@@ -16,7 +15,17 @@ export function funnelChartPropertyView(
   const jsonModePropertyView = (
     <>
       <Section name={trans("chart.config")}>
-        {children.echartsData.propertyView({ label: trans("chart.data") })}
+        {children.echartsData.propertyView({
+          label: trans("chart.data"),
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "json",
+            label: "Funnel chart data",
+            fieldName: "echartsData",
+            fieldDescription:
+              "JSON array of funnel stages. Each item should have name and value (and optional color).",
+          },
+        })}
 
         {children.echartsTitleConfig.getPropertyView()}
         {children.echartsTitleVerticalConfig.getPropertyView()}
@@ -65,6 +74,14 @@ export function funnelChartPropertyView(
         {children.echartsOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          language: "json",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "Funnel option",
+            fieldName: "echartsOption",
+            fieldDescription: "Apache ECharts option JSON for this chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">

client/packages/lowcoder-comps/src/comps/gaugeChartComp/gaugeChartPropertyView.tsx

@@ -64,6 +64,13 @@ export function gaugeChartPropertyView(
         {children.echartsOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "Gauge option",
+            fieldName: "echartsOption",
+            fieldDescription: "Apache ECharts option JSON for this gauge chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">
@@ -131,6 +138,13 @@ export function gaugeChartPropertyView(
         {children.stageGaugeOption.propertyView({
         label: trans("chart.echartsOptionLabel"),
         styleName: "higher",
+        enableAIHelp: true,
+        aiHelp: {
+          targetKind: "echarts-option",
+          label: "Stage gauge option",
+          fieldName: "stageGaugeOption",
+          fieldDescription: "Apache ECharts option JSON for this stage gauge chart component.",
+        },
         tooltip: (
           <div>
             <a href={optionUrl} target="_blank" rel="noopener noreferrer">
@@ -198,6 +212,13 @@ export function gaugeChartPropertyView(
         {children.gradeGaugeOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "Grade gauge option",
+            fieldName: "gradeGaugeOption",
+            fieldDescription: "Apache ECharts option JSON for this grade gauge chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">
@@ -265,6 +286,13 @@ export function gaugeChartPropertyView(
         {children.temperatureGaugeOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "Temperature gauge option",
+            fieldName: "temperatureGaugeOption",
+            fieldDescription: "Apache ECharts option JSON for this temperature gauge chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">
@@ -331,6 +359,13 @@ export function gaugeChartPropertyView(
         {children.multiTitleGaugeOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "Multi-title gauge option",
+            fieldName: "multiTitleGaugeOption",
+            fieldDescription: "Apache ECharts option JSON for this multi-title gauge chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">
@@ -386,6 +421,13 @@ export function gaugeChartPropertyView(
         {children.ringGaugeOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "Ring gauge option",
+            fieldName: "ringGaugeOption",
+            fieldDescription: "Apache ECharts option JSON for this ring gauge chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">
@@ -445,6 +487,13 @@ export function gaugeChartPropertyView(
         {children.barometerGaugeOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "Barometer gauge option",
+            fieldName: "barometerGaugeOption",
+            fieldDescription: "Apache ECharts option JSON for this barometer gauge chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">
@@ -499,6 +548,13 @@ export function gaugeChartPropertyView(
         {children.clockGaugeOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "Clock gauge option",
+            fieldName: "clockGaugeOption",
+            fieldDescription: "Apache ECharts option JSON for this clock gauge chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">

client/packages/lowcoder-comps/src/comps/graphChartComp/graphChartPropertyView.tsx

@@ -7,7 +7,6 @@ import {
 } from "lowcoder-sdk";
 import { trans } from "i18n/comps";
 import { examplesUrl,optionUrl } from "../chartComp/chartConfigs/chartUrls";
-
 export function graphChartPropertyView(
   children: ChartCompChildrenType,
   dispatch: (action: CompAction) => void
@@ -16,9 +15,36 @@ export function graphChartPropertyView(
   const jsonModePropertyView = (
     <>
       <Section name={trans("chart.config")}>
-        {children.echartsCategories.propertyView({ label: trans("graphChart.categories") })}
-        {children.echartsLinks.propertyView({ label: trans("graphChart.links") })}
-        {children.echartsNodes.propertyView({ label: trans("graphChart.nodes") })}
+        {children.echartsCategories.propertyView({
+          label: trans("graphChart.categories"),
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "json",
+            label: "Graph categories",
+            fieldName: "echartsCategories",
+            fieldDescription: "JSON array of category names for grouping graph nodes.",
+          },
+        })}
+        {children.echartsLinks.propertyView({
+          label: trans("graphChart.links"),
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "json",
+            label: "Graph links",
+            fieldName: "echartsLinks",
+            fieldDescription: "JSON array of edges: source, target, and optional value.",
+          },
+        })}
+        {children.echartsNodes.propertyView({
+          label: trans("graphChart.nodes"),
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "json",
+            label: "Graph nodes",
+            fieldName: "echartsNodes",
+            fieldDescription: "JSON array of nodes with name, value, and optional category index.",
+          },
+        })}
         {children.echartsTitle.propertyView({ label: trans("graphChart.title"), tooltip: trans("echarts.titleTooltip") })}
         {children.echartsTitleConfig.getPropertyView()}
         {children.echartsTitleVerticalConfig.getPropertyView()}
@@ -48,6 +74,14 @@ export function graphChartPropertyView(
         {children.echartsOption.propertyView({
           label: trans("chart.echartsOptionLabel"),
           styleName: "higher",
+          language: "json",
+          enableAIHelp: true,
+          aiHelp: {
+            targetKind: "echarts-option",
+            label: "Graph option",
+            fieldName: "echartsOption",
+            fieldDescription: "Apache ECharts option JSON for this chart component.",
+          },
           tooltip: (
             <div>
               <a href={optionUrl} target="_blank" rel="noopener noreferrer">