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

* [improvement][semantic-fe] Updating the datePicker component to use dayjs instead.

* [improvement][semantic-fe] Fixing the issue with passing the model ID for dimensions in the indicator market.

* [improvement][semantic-fe] Fixing the abnormal state of the popup when creating a model.

* [improvement][semantic-fe] Adding permission logic for bulk operations in the indicator market.

* [improvement][semantic-fe] Adding the ability to download and transpose data.

* [improvement][semantic-fe] Fixing the initialization issue with the date selection component in the indicator details page when switching time granularity.

* [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.

---------

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

webapp/packages/supersonic-fe/config/proxy.ts

@@ -1,8 +1,7 @@
 export default {
   dev: {
     '/api/': {
-      target: 'http://10.91.217.39:9080',
+      target: 'http://localhost:9080',
-      // target: 'http://s2.tmeoa.com',
       changeOrigin: true,
     },
   },

webapp/packages/supersonic-fe/src/components/TableHeaderFilter/index.less

@@ -1,5 +1,5 @@
 .tableHeaderTitle {
-  margin-left: 20px;
+  margin-left: 10px;
   .headerTitleLabel {
     color: #667085;
     font-size: 14px;

webapp/packages/supersonic-fe/src/pages/Agent/ToolModal.tsx

@@ -112,18 +112,22 @@ const ToolModal: React.FC<Props> = ({ editTool, onSaveTool, onCancel }) => {
         <FormItem name="name" label="名称">
           <Input placeholder="请输入工具名称" />
         </FormItem>
-        {(toolType === AgentToolTypeEnum.NL2SQL_RULE ||
+        {toolType &&
-          toolType === AgentToolTypeEnum.NL2SQL_LLM) && (
+          [
-          <FormItem name="dataSetIds" label="数据集">
+            AgentToolTypeEnum.NL2SQL_RULE,
-            <TreeSelect
+            AgentToolTypeEnum.NL2SQL_LLM,
-              treeData={modelList}
+            AgentToolTypeEnum.DATASET,
-              placeholder="请选择数据集"
+          ].includes(toolType) && (
-              multiple
+            <FormItem name="dataSetIds" label="数据集">
-              treeCheckable
+              <TreeSelect
-              allowClear
+                treeData={modelList}
-            />
+                placeholder="请选择数据集"
-          </FormItem>
+                multiple
-        )}
+                treeCheckable
+                allowClear
+              />
+            </FormItem>
+          )}
         {toolType === AgentToolTypeEnum.NL2SQL_LLM && (
           <FormItem name="exampleQuestions" label="示例问题">
             <div className={styles.paramsSection}>

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

@@ -10,6 +10,7 @@ type Props = {
   tableDataSource: any[];
   columnList: any[];
   rowKey?: string;
+  hideCtrlBtn?: string[];
   editableProTableProps?: any;
   onDataSourceChange?: (dataSource: any) => void;
   extenderCtrlColumn?: (text, record, _, action) => ReactNode[];
@@ -29,6 +30,7 @@ const CommonEditTable: React.FC<Props> = forwardRef(
       rowKey,
       tableDataSource,
       editableProTableProps = {},
+      hideCtrlBtn,
       onDataSourceChange,
       extenderCtrlColumn,
       editableActionRender,
@@ -72,26 +74,31 @@ const CommonEditTable: React.FC<Props> = forwardRef(
         render: (text, record, _, action) => {
           return (
             <Space>
-              <a
+              {!hideCtrlBtn?.includes('editable') && (
-                key="editable"
+                <a
-                onClick={() => {
+                  key="editable"
-                  action?.startEditable?.(record.editRowId);
+                  onClick={() => {
-                }}
+                    action?.startEditable?.(record.editRowId);
-              >
+                  }}
-                编辑
+                >
-              </a>
+                  编辑
-              <a
+                </a>
-                key="deleteBtn"
+              )}
-                onClick={() => {
+              {!hideCtrlBtn?.includes('deleteBtn') && (
-                  const data = [...dataSource].filter(
+                <a
-                    (item) => item[defaultRowKey] !== record[defaultRowKey],
+                  key="deleteBtn"
-                  );
+                  onClick={() => {
-                  setDataSource(data);
+                    const data = [...dataSource].filter(
-                  handleDataSourceChange(data);
+                      (item) => item[defaultRowKey] !== record[defaultRowKey],
-                }}
+                    );
-              >
+                    setDataSource(data);
-                删除
+                    handleDataSourceChange(data);
-              </a>
+                  }}
+                >
+                  删除
+                </a>
+              )}
+
               {extenderCtrlColumn?.(text, record, _, action)}
             </Space>
           );

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

@@ -1,9 +1,9 @@
 import React, { useEffect, useState } from 'react';
-import { Button, Modal, message, Space, Tooltip, Tabs, Drawer } from 'antd';
+import { Button, Modal, message, Space, Tooltip, Tabs, Input } from 'antd';
-import { InfoCircleOutlined } from '@ant-design/icons';
+import TableHeaderFilter from '@/components/TableHeaderFilter';
 import { ISemantic } from '../data';
 import CommonEditTable from './CommonEditTable';
-import { updateDimension, mockDimensionValuesAlias } from '../service';
+import { updateDimension, getDictData } from '../service';
 import DimensionValueSettingForm from './Entity/DimensionValueSettingForm';
 
 export type CreateFormProps = {
@@ -26,10 +26,16 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
   const [tableDataSource, setTableDataSource] = useState<TableDataSource[]>([]);
   const [dimValueMaps, setDimValueMaps] = useState<ISemantic.IDimensionValueSettingItem[]>([]);
   const [llmLoading, setLlmLoading] = useState<boolean>(false);
+  const [filterParams, setFilterParams] = useState<Record<string, any>>({});
   const [menuKey, setMenuKey] = useState<string>('default');
-
+  const defaultPagination = {
+    current: 1,
+    pageSize: 2,
+    total: 0,
+  };
+  const [pagination, setPagination] = useState(defaultPagination);
   useEffect(() => {
-    setTableDataSource(dimensionValueSettingList);
+    queryDictData();
     setDimValueMaps(dimensionValueSettingList);
   }, [dimensionValueSettingList]);
 
@@ -53,14 +59,26 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
     message.error(msg);
   };
 
-  const generatorDimensionValue = async () => {
+  const queryDictData = async (params = {}) => {
     setLlmLoading(true);
-    const { code, data } = await mockDimensionValuesAlias({ ...dimensionItem });
+    const { code, data } = await getDictData({
+      modelId: dimensionItem.modelId,
+      itemId: dimensionItem.id,
+      ...filterParams,
+      ...defaultPagination,
+      ...params,
+    });
+
     setLlmLoading(false);
     if (code === 200) {
-      if (Array.isArray(data)) {
+      const { list, total, pageSize, current } = data;
-        setDimValueMaps([...dimValueMaps, ...data]);
+      setPagination({
-        setTableDataSource([...tableDataSource, ...data]);
+        current,
+        pageSize,
+        total,
+      });
+      if (Array.isArray(list)) {
+        setTableDataSource(list);
       }
     } else {
       message.error('大语言模型解析异常');
@@ -73,7 +91,7 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
         <Button onClick={onCancel}>取消</Button>
         {menuKey === 'default' && (
           <>
-            <Button
+            {/* <Button
               type="primary"
               loading={llmLoading}
               onClick={() => {
@@ -86,7 +104,7 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
                   <InfoCircleOutlined />
                 </Tooltip>
               </Space>
-            </Button>
+            </Button> */}
             <Button
               type="primary"
               onClick={() => {
@@ -103,13 +121,13 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
 
   const columns = [
     {
-      title: '技术名称',
+      title: '维度值',
-      dataIndex: 'techName',
+      dataIndex: 'value',
       width: 200,
       tooltip: '数据库中存储的维度值数据。 比如数据库中维度平台的维度值有kw、qy等',
       formItemProps: {
         fieldProps: {
-          placeholder: '请填写技术名称',
+          placeholder: '请填写维度值',
         },
         rules: [
           {
@@ -120,25 +138,25 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
         ],
       },
     },
-    {
+    // {
-      title: '业务名称',
+    //   title: '业务名称',
-      dataIndex: 'bizName',
+    //   dataIndex: 'bizName',
-      width: 200,
+    //   width: 200,
-      tooltip:
+    //   tooltip:
-        '查询完成后,最终返回给用户的维度值信息。比如将技术名称kw转换成酷我平台,最终返回给用户是酷我平台',
+    //     '查询完成后,最终返回给用户的维度值信息。比如将技术名称kw转换成酷我平台,最终返回给用户是酷我平台',
-      fieldProps: {
+    //   fieldProps: {
-        placeholder: '请填写业务名称',
+    //     placeholder: '请填写业务名称',
-      },
+    //   },
-      formItemProps: {
+    //   formItemProps: {
-        rules: [
+    //     rules: [
-          {
+    //       {
-            required: true,
+    //         required: true,
-            whitespace: true,
+    //         whitespace: true,
-            message: '此项是必填项',
+    //         message: '此项是必填项',
-          },
+    //       },
-        ],
+    //     ],
-      },
+    //   },
-    },
+    // },
     {
       title: '别名',
       dataIndex: 'alias',
@@ -157,7 +175,7 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
 
   const tabItem = [
     {
-      label: '维度值填充',
+      label: '维度值管理',
       key: 'default',
       children: (
         <CommonEditTable
@@ -169,9 +187,46 @@ const DimensionValueSettingModal: React.FC<CreateFormProps> = ({
                 ...item,
               };
             });
-
             setDimValueMaps(dimValueMaps);
           }}
+          hideCtrlBtn={['deleteBtn']}
+          editableProTableProps={{
+            recordCreatorProps: false,
+            pagination: pagination,
+            headerTitle: (
+              <TableHeaderFilter
+                components={[
+                  {
+                    label: '维度值搜索',
+                    component: (
+                      <Input.Search
+                        style={{ width: 280 }}
+                        placeholder="请输入维度值名称"
+                        onSearch={(value) => {
+                          setFilterParams((preState) => {
+                            return {
+                              ...preState,
+                              keyValue: value,
+                            };
+                          });
+                          queryDictData({ keyValue: value });
+                        }}
+                      />
+                    ),
+                  },
+                ]}
+              />
+            ),
+            onTableChange: (data: any) => {
+              const { current, pageSize, total } = data;
+              setPagination({
+                current,
+                pageSize,
+                total,
+              });
+              queryDictData({ current, pageSize });
+            },
+          }}
         />
       ),
     },

webapp/packages/supersonic-fe/src/pages/SemanticModel/components/style.less

@@ -385,7 +385,7 @@
 }
 
 .tableHeaderTitle {
-  margin-left: 20px;
+  margin-left: 10px;
   .headerTitleLabel {
     color: #667085;
     font-size: 14px;

webapp/packages/supersonic-fe/src/pages/SemanticModel/service.ts

@@ -102,6 +102,12 @@ export function mockDimensionValuesAlias(data: any): Promise<any> {
   });
 }
 
+export function getDictData(data: any): Promise<any> {
+  return request.post(`${process.env.API_BASE_URL}knowledge/dict/data`, {
+    data,
+  });
+}
+
 export function queryMetric(data: any): Promise<any> {
   const { domainId, modelId } = data;
   const queryParams = {