(feature)(chat-sdk) modify sql tip (#642)

webapp/packages/chat-sdk/src/common/type.ts

@@ -92,7 +92,7 @@ export type ChatContextType = {
   elementMatches: any[];
   nativeQuery: boolean;
   queryMode: string;
-  queryType: 'METRIC' | 'TAG' | 'OTHER';
+  queryType: 'METRIC' | 'METRIC_TAG' | 'TAG' | 'OTHER';
   dimensionFilters: FilterItemType[];
   properties: any;
   sqlInfo: SqlInfoType;

webapp/packages/chat-sdk/src/components/ChatItem/ParseTip.tsx

@@ -156,11 +156,11 @@ const ParseTip: React.FC<Props> = ({
                 </div>
               </div>
             )}
-            {(queryType === 'METRIC' || queryType === 'TAG') && (
+            {(queryType === 'METRIC' || queryType === 'METRIC_TAG' || queryType === 'TAG') && (
               <div className={`${prefixCls}-tip-item`}>
                 <div className={`${prefixCls}-tip-item-name`}>查询模式：</div>
                 <div className={itemValueClass}>
-                  {queryType === 'METRIC' ? '指标模式' : '标签模式'}
+                  {queryType === 'METRIC' || queryType === 'METRIC_TAG' ? '指标模式' : '标签模式'}
                 </div>
               </div>
             )}
@@ -171,7 +171,7 @@ const ParseTip: React.FC<Props> = ({
                 <div className={`${prefixCls}-tip-item`}>
                   <div className={`${prefixCls}-tip-item-name`}>指标：</div>
                   <div className={itemValueClass}>
-                    {queryType === 'METRIC'
+                    {queryType === 'METRIC' || queryType === 'METRIC_TAG'
                       ? metrics[0].name
                       : metrics.map(metric => metric.name).join('、')}
                   </div>

webapp/packages/chat-sdk/src/components/ChatItem/SqlItem.tsx

@@ -12,11 +12,19 @@ type Props = {
   llmReq?: any;
   llmResp?: any;
   integrateSystem?: string;
+  queryMode?: string;
   sqlInfo: SqlInfoType;
   sqlTimeCost?: number;
 };
 
-const SqlItem: React.FC<Props> = ({ llmReq, llmResp, integrateSystem, sqlInfo, sqlTimeCost }) => {
+const SqlItem: React.FC<Props> = ({
+  llmReq,
+  llmResp,
+  integrateSystem,
+  queryMode,
+  sqlInfo,
+  sqlTimeCost,
+}) => {
   const [sqlType, setSqlType] = useState('');
 
   const tipPrefixCls = `${PREFIX_CLS}-item`;
@@ -88,7 +96,7 @@ const SqlItem: React.FC<Props> = ({ llmReq, llmResp, integrateSystem, sqlInfo, s
                 setSqlType(sqlType === 's2SQL' ? '' : 's2SQL');
               }}
             >
-              解析器S2SQL
+              {queryMode === 'LLM_S2SQL' ? 'LLM' : 'Rule'}解析S2SQL
             </div>
           )}
           {sqlInfo.correctS2SQL && (
@@ -100,7 +108,7 @@ const SqlItem: React.FC<Props> = ({ llmReq, llmResp, integrateSystem, sqlInfo, s
                 setSqlType(sqlType === 'correctS2SQL' ? '' : 'correctS2SQL');
               }}
             >
-              修正器S2SQL
+              修正S2SQL
             </div>
           )}
           {sqlInfo.querySQL && (

webapp/packages/chat-sdk/src/components/ChatItem/index.tsx

@@ -342,6 +342,7 @@ const ChatItem: React.FC<Props> = ({
                   llmReq={llmReq}
                   llmResp={llmResp}
                   integrateSystem={integrateSystem}
+                  queryMode={parseInfo.queryMode}
                   sqlInfo={parseInfo.sqlInfo}
                   sqlTimeCost={parseTimeCost?.sqlTime}
                 />