topdog/supersonic
1
0
Fork 0
mirror of https://github.com/tencentmusic/supersonic.git synced 2025-12-11 12:07:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
williamhliu
2024-01-17 20:14:40 +08:00
committed by GitHub
parent c181ce6945
commit 93c3ce1631
4 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/packages/chat-sdk/src/common/type.ts
View File

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

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

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

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

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

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

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