[improvement][headless-fe] Revamped the dimension value settings in the assistant module. (#1842)

* [improvement][semantic-fe] Fixing the logic error in the dimension value setting.

* [improvement][semantic-fe] Fixing the synchronization issue with the question and answer settings information.

* [improvement][semantic-fe] Optimizing the canvas functionality for better performance and user experience.

* [improvement][semantic-fe] Optimizing the update process for drawing model relationship edges in the canvas.

* [improvement][semantic-fe] Changing the line type for canvas connections.

* [improvement][semantic-fe] Replacing the initialization variable from "semantic" to "headless".

* [improvement][semantic-fe] Fixing the missing migration issue for default drill-down dimension configuration in model editing. Additionally, optimizing the data retrieval method for initializing fields in the model.

* [improvement][semantic-fe] Updating the logic for the fieldName.

* [improvement][semantic-fe] Adjusting the position of the metrics tab.

* [improvement][semantic-fe] Changing the 字段名称 to 英文名称.

* [improvement][semantic-fe] Fix metric measurement deletion.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI adjustment for metric details page.

* [improvement][semantic-fe] The granularity field in the time type of model editing now supports setting it as empty.

* [improvement][semantic-fe] Added field type and metric type to the metric creation options.

* [improvement][semantic-fe] The organization structure selection feature has been added to the permission management.

* [improvement][semantic-fe] Improved user experience for the metric list.

* [improvement][semantic-fe] fix update the metric list.

* [improvement][headless-fe] Added view management functionality.

* [improvement][headless-fe] The view management functionality has been added. This feature allows users to create, edit, and manage different views within the system.

* [improvement][headless-fe] Added model editing side effect detection.

* [improvement][headless-fe] Fixed the logic error in view editing.

* [improvement][headless-fe] Fixed the issue with initializing dimension associations in metric settings.

* [improvement][headless-fe] Added the ability to hide the Q&A settings entry point.

* [improvement][headless-fe] Fixed the issue with selecting search results in metric field creation.

* [improvement][headless-fe] Added search functionality to the field list in model editing.

* [improvement][headless-fe] fix the field list in model editing

* [improvement][headless-fe] Restructured the data for the dimension value settings interface.

* [improvement][headless-fe] Added dynamic variable functionality to model creation based on SQL scripts.

* [improvement][headless-fe] Added support for passing dynamic variables as parameters in the executeSql function.

* [improvement][headless-fe] Resolved the issue where users were unable to select all options for dimensions, metrics, and fields in the metric generation process.

* [improvement][headless-fe] Replaced the term "view" with "dataset"

* [improvement][headless-fe] Added the ability to export metrics and dimensions to a specific target.

* [improvement][headless-fe] Enhanced dataset creation to support the tag mode.

* [improvement][headless-fe] Added tag value setting.

* [improvement][headless-fe] Optimized the tag setting system.

* [improvement][headless-fe] Optimized the tag setting system.

* [improvement][headless-fe] Updated the data initialization for model editing to use API requests instead.

* [improvement][headless-fe] Added search functionality to model management.

* [improvement][headless-fe] Removed field null validation during model editing.

* [improvement][headless-fe] Updated the batch operation button component.

* [improvement][headless-fe] Optimized the logic for initializing indicators in dimension value settings.

* [improvement][headless-fe] Adjusted the length of the input field for model editing names.

* [improvement][headless-fe]  Lock the version of the @ant-design/pro-table component and replace it with @ant-design/pro-components.

* [improvement][headless-fe] Optimized the style of the metrics market and tags market.

* [improvement][headless-fe] The quick creation of model fields now defaults to using the "comment" field for filling.

* [improvement][headless-fe] The quick creation of model fields now defaults to using the "comment" field for filling

* [improvement][headless-fe] The quick creation of model fields now defaults to using the "comment" field for filling.

* [improvement][headless-fe] Fixed the issue where the conditions for metric measurement creation were not being saved correctly.

* [improvement][headless-fe] Default value setting for hiding dimensions.

* [improvement][headless-fe] Updated the file imports in the project.

* [improvement][headless-fe] Adjusted the logic for displaying the tab in the theme domain.

* [improvement][headless-fe] Added term management functionality.

* [improvement][headless-fe] When creating a model, the current metric operator now allows for clearance.

* [improvement][headless-fe] Term management interface transformation

* [improvement][headless-fe] Migrating scaffold version to @umi/max

* [improvement][headless-fe] remove modle column

* [improvement][headless-fe] 1.Added configuration for the large language model in the agent; 2.upgraded React version from 17 to 18; 3.modified some UI effects.

* [improvement][headless-fe] Added a simplified mode to the question-answering system.

* [improvement][headless-fe] remove pnpm-lock

* [improvement][headless-fe] add pnpm-lock

* [improvement][headless-fe] Fixed the issue with passing the modelId during initialization.

* [improvement][headless-fe] Fixed the issue with abnormal comments during model creation.

* [improvement][headless-fe] fix  build bugs

* [improvement][headless-fe]  change build config

* [improvement][headless-fe] route config change

* [improvement][headless-fe] Optimized data updating when switching domains.

* [improvement][headless-fe] css change

* [improvement][semantic-fe] logo css change

* [improvement][semantic-fe] system config add defaultValue support

* [improvement][semantic-fe] tag mode wording change

* [improvement][semantic-fe] fix metric edit page init error

* [improvement][supersonic-fe] Updated the way chat projects are imported in supersonic-fe.

* [improvement][chat-engine] Added a background silent mode for watching chat projects.

* [improvement][supersonic-fe] fix proxy url

* [improvement][headless-fe] agent setting update

* [improvement][headless-fe] Agent configuration: Added connectivity testing for large models.

* [improvement][headless-fe] Chat: Enabled integration with agent configuration.

* [improvement][headless-fe] SQL formatter: Updated the import method.

* [improvement][headless-fe] login fixed

* [improvement][headless-fe] Agent: Optimized the logic for saving.

* [improvement][headless-fe] Model management: Integrated into the main theme domain.

* [improvement][headless-fe] Sensitivity: Added bulk modification functionality.

* [improvement][headless-fe] wording change

* [improvement][headless-fe] Prompt configuration: Added the ability to configure prompts.

* [improvement][headless-fe] Added the ability to configure embedding models.

* [improvement][headless-fe] hidden configure embedding models.

* [improvement][headless-fe] Connection test prompt update for large language model settings.

* [improvement][headless-fe]  add memory review config

* [improvement][headless-fe] Rollback of data structure for large language model configuration.

* [improvement][headless-fe] Added dependency relationships between various items in system configuration.

* [improvement][headless-fe] Added password parsing to the generation rules of system settings.

* [improvement][headless-fe] Added slider parsing to the generation rules of system settings.

* [improvement][headless-fe] Optimized the logic for initializing values in system settings.

* [improvement][headless-fe] Optimized the time format

* [improvement][headless-fe] Unified the SQL generation method for data sets to ensure consistency and improve efficiency.

* [improvement][headless-fe] Added support for data sets with non-partitioned time fields

* [improvement][headless-fe] Added support for editing time formats in dimension settings

* [improvement][headless-fe] Rolled back the time parameter in the metric details page to its previous state

* [improvement][headless-fe] Fixed the issue with hidden field validation when editing dimensions

* [improvement][headless-fe] Added a connectivity test for large models in the system settings

* [improvement][headless-fe] Changed the METRIC type in ChatContextType queryType to AGGREGATE

* [improvement][headless-fe] Added query and batch delete operations to the terminology management feature

* [improvement][headless-fe] Enhanced the memory management feature by adding sorting functionality and other optimization features.

* [improvement][headless-fe] Resolved the compatibility issue with the backend service where the updatedAt and other time fields were not being properly converted to the updated_at format for sorting purposes.

* [improvement][headless-fe] Added a configuration interface for large language models

* [improvement][headless-fe] Introduced a new configuration option in the assistant module specifically for large model applications.

* [improvement][headless-fe] Replaced the agentConfig with toolConfig

* [improvement][headless-fe] Resolved the issue with the test connection parameters for the large model configuration.

* [improvement][headless-fe] Implemented a new feature where the tool configuration types can be fetched from the backend API

* [improvement][headless-fe] Updated the dimension value settings to retrieve and display values from a dictionary.

* [improvement][headless-fe] Adjusted the pageSize of the dimension value settings list to 20.

* [improvement][headless-fe] Introduced a revamped configuration for the large model in the assistant module.

* [improvement][headless-fe] Added new functionality to the assistant's memory management system

* [improvement][headless-fe] Optimized the management of CSS styles in the assistant module.

* [improvement][headless] fixed build config

* [improvement][headless-fe] Revamped the dimension value settings in the assistant module.

---------

Co-authored-by: tristanliu <tristanliu@tencent.com>

webapp/packages/supersonic-fe/src/pages/SemanticModel/View/components/DataSetTable.tsx

@@ -28,6 +28,7 @@ const DataSetTable: React.FC<Props> = ({ dataSetList, disabledEdit = false }) =>
   const [searchModalOpen, setSearchModalOpen] = useState(false);
   const [modelList, setModelList] = useState<ISemantic.IModelItem[]>([]);
   const actionRef = useRef<ActionType>();
+  const [editFormStep, setEditFormStep] = useState<number>(0);
 
   const updateViewStatus = async (modelData: ISemantic.IDatasetItem) => {
     setSaveLoading(true);
@@ -86,6 +87,19 @@ const DataSetTable: React.FC<Props> = ({ dataSetList, disabledEdit = false }) =>
       dataIndex: 'name',
       title: '数据集名称',
       search: false,
+      render: (name, record) => {
+        return (
+          <a
+            onClick={() => {
+              setEditFormStep(1);
+              setViewItem(record);
+              setCreateDataSourceModalOpen(true);
+            }}
+          >
+            {name}
+          </a>
+        );
+      },
     },
     {
       dataIndex: 'bizName',
@@ -130,6 +144,7 @@ const DataSetTable: React.FC<Props> = ({ dataSetList, disabledEdit = false }) =>
             <a
               key="metricEditBtn"
               onClick={() => {
+                setEditFormStep(0);
                 setViewItem(record);
                 setCreateDataSourceModalOpen(true);
               }}
@@ -227,6 +242,7 @@ const DataSetTable: React.FC<Props> = ({ dataSetList, disabledEdit = false }) =>
       />
       {createDataSourceModalOpen && (
         <ViewCreateFormModal
+          step={editFormStep}
           domainId={selectDomainId}
           viewItem={viewItem}
           modelList={modelList}

webapp/packages/supersonic-fe/src/pages/SemanticModel/View/components/ViewCreateFormModal.tsx

@@ -1,9 +1,9 @@
 import React, { useState, useEffect, useRef } from 'react';
-import { Form, Button, Modal, Input, Select, Steps, Radio, Space } from 'antd';
+import { Form, Button, Modal, Input, Select, Steps, Spin, Space } from 'antd';
 import styles from '../../components/style.less';
 import { message } from 'antd';
 import { formLayout } from '@/components/FormHelper/utils';
-import { createView, updateView, getDimensionList, queryMetric, getTagList } from '../../service';
+import { createView, updateView, getDimensionList, queryMetric } from '../../service';
 import { ISemantic } from '../../data';
 import FormItemTitle from '@/components/FormHelper/FormItemTitle';
 import SelectTMEPerson from '@/components/SelectTMEPerson';
@@ -12,6 +12,7 @@ import ViewModelConfigTransfer from './ViewModelConfigTransfer';
 const FormItem = Form.Item;
 
 export type ModelCreateFormModalProps = {
+  step: number;
   domainId: number;
   viewItem: any;
   modelList: ISemantic.IModelItem[];
@@ -20,13 +21,19 @@ export type ModelCreateFormModalProps = {
 };
 const { Step } = Steps;
 const ViewCreateFormModal: React.FC<ModelCreateFormModalProps> = ({
+  step = 0,
   viewItem,
   domainId,
   onCancel,
   onSubmit,
   modelList,
 }) => {
-  const [currentStep, setCurrentStep] = useState(0);
+  const stepWidth: Record<string, number> = {
+    '0': 800,
+    '1': 1200,
+    '2': 800,
+  };
+  const [currentStep, setCurrentStep] = useState(step);
 
   const [formVals, setFormVals] = useState<ISemantic.IModelItem>({
     ...viewItem,
@@ -36,7 +43,8 @@ const ViewCreateFormModal: React.FC<ModelCreateFormModalProps> = ({
   const [queryType, setQueryType] = useState<string>('METRIC');
 
   const [saveLoading, setSaveLoading] = useState<boolean>(false);
-  const [modalWidth, setModalWidth] = useState<number>(800);
+  const [dimensionLoading, setDimensionLoading] = useState<boolean>(false);
+  const [modalWidth, setModalWidth] = useState<number>(stepWidth[`${currentStep}`]);
   const [selectedModelItem, setSelectedModelItem] = useState<ISemantic.IModelItem | undefined>(
     modelList[0],
   );
@@ -63,7 +71,9 @@ const ViewCreateFormModal: React.FC<ModelCreateFormModalProps> = ({
   }, [selectedModelItem]);
 
   const queryDimensionList = async (modelId: number) => {
+    setDimensionLoading(true);
     const { code, data, msg } = await getDimensionList({ modelId });
+    setDimensionLoading(false);
     if (code === 200 && Array.isArray(data?.list)) {
       setDimensionList(data.list);
     } else {
@@ -104,12 +114,6 @@ const ViewCreateFormModal: React.FC<ModelCreateFormModalProps> = ({
     }
   };
 
-  const stepWidth: any = {
-    '0': 800,
-    '1': 1200,
-    '2': 800,
-  };
-
   const forward = () => {
     setModalWidth(stepWidth[`${currentStep + 1}`]);
     setCurrentStep(currentStep + 1);
@@ -131,11 +135,9 @@ const ViewCreateFormModal: React.FC<ModelCreateFormModalProps> = ({
           <Button style={{ float: 'left' }} onClick={backward}>
             上一步
           </Button>
-          {/* <Button type="primary" onClick={handleNext}>
-            下一步
-          </Button> */}
           <Button
             type="primary"
+            loading={saveLoading}
             onClick={() => {
               handleConfirm();
             }}
@@ -153,6 +155,7 @@ const ViewCreateFormModal: React.FC<ModelCreateFormModalProps> = ({
         </Button>
         <Button
           type="primary"
+          loading={saveLoading}
           onClick={() => {
             handleConfirm();
           }}
@@ -167,40 +170,40 @@ const ViewCreateFormModal: React.FC<ModelCreateFormModalProps> = ({
     return (
       <>
         <div style={{ display: currentStep === 1 ? 'block' : 'none' }}>
-          <ViewModelConfigTransfer
-            key={queryType}
-            queryType={queryType}
-            toolbarSolt={
-              <Space>
-                <span>切换模型: </span>
-                <Select
-                  style={{
-                    minWidth: 150,
-                    textAlign: 'left',
-                  }}
-                  value={selectedModelItem?.id}
-                  placeholder="请选择模型，获取当前模型下指标维度信息"
-                  onChange={(val) => {
-                    setDimensionList(undefined);
-                    setMetricList(undefined);
-                    const modelItem = modelList.find((item) => item.id === val);
-                    setSelectedModelItem(modelItem);
-                  }}
-                  options={modelList.map((item) => {
-                    return { label: item.name, value: item.id };
-                  })}
-                />
-              </Space>
-            }
-            dimensionList={dimensionList}
-            metricList={metricList}
-            // tagList={tagList}
-            modelItem={selectedModelItem}
-            viewItem={viewItem}
-            ref={configTableRef}
-          />
+          <Spin spinning={dimensionLoading}>
+            <ViewModelConfigTransfer
+              key={queryType}
+              queryType={queryType}
+              toolbarSolt={
+                <Space>
+                  <span>切换模型: </span>
+                  <Select
+                    style={{
+                      minWidth: 150,
+                      textAlign: 'left',
+                    }}
+                    value={selectedModelItem?.id}
+                    placeholder="请选择模型，获取当前模型下指标维度信息"
+                    onChange={(val) => {
+                      setDimensionList(undefined);
+                      setMetricList(undefined);
+                      const modelItem = modelList.find((item) => item.id === val);
+                      setSelectedModelItem(modelItem);
+                    }}
+                    options={modelList.map((item) => {
+                      return { label: item.name, value: item.id };
+                    })}
+                  />
+                </Space>
+              }
+              dimensionList={dimensionList}
+              metricList={metricList}
+              modelItem={selectedModelItem}
+              viewItem={viewItem}
+              ref={configTableRef}
+            />
+          </Spin>
         </div>
-
         <div style={{ display: currentStep === 0 ? 'block' : 'none' }}>
           <FormItem
             name="name"