github/DB-GPT
1
0
Fork 0
mirror of https://github.com/csunny/DB-GPT.git synced 2026-07-17 01:58:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat:dbgpt skill

Browse Source
This commit is contained in:
aries_ckt
2026-02-13 16:33:49 +08:00
parent c3bf820015
commit bcea616c70
2 changed files with 81 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/new-components/chat/content/ManusLeftPanel.tsx
View File

@@ -77,6 +77,7 @@ export interface ManusLeftPanelProps {
stepThoughts?: Record<string, string>;
artifacts?: ArtifactItem[];
onArtifactClick?: (artifact: ArtifactItem) => void;
onArtifactDownload?: (artifact: ArtifactItem) => void;
onViewAllFiles?: () => void;
isCollapsed?: boolean;
onExpand?: () => void;
@@ -250,7 +251,8 @@ const getArtifactIconBg = (type: string): string => {
const ArtifactCard: React.FC<{
artifact: ArtifactItem;
onClick?: () => void;
}> = memo(({ artifact, onClick }) => {
onDownload?: () => void;
}> = memo(({ artifact, onClick, onDownload }) => {
return (
<div
onClick={onClick}
@@ -280,7 +282,7 @@ const ArtifactCard: React.FC<{
className='text-gray-400 hover:text-blue-500 opacity-0 group-hover:opacity-100 transition-opacity flex-shrink-0'
onClick={e => {
e.stopPropagation();
onClick?.();
onDownload?.();
}}
/>
</Tooltip>
@@ -543,6 +545,7 @@ const ManusLeftPanel: React.FC<ManusLeftPanelProps> = ({
stepThoughts,
artifacts,
onArtifactClick,
onArtifactDownload,
onViewAllFiles,
isCollapsed,
onExpand,
@@ -681,6 +684,7 @@ const ManusLeftPanel: React.FC<ManusLeftPanelProps> = ({
key={artifact.id}
artifact={artifact}
onClick={() => onArtifactClick?.(artifact)}
onDownload={() => onArtifactDownload?.(artifact)}
/>
))}

105
web/pages/index.tsx
View File

@@ -950,12 +950,55 @@ const Playground: NextPage = () => {
return refs;
};
const _downloadArtifact = (artifact: Artifact) => {
let content: string;
let filename: string;
let mimeType: string;
const downloadArtifact = async (artifact: Artifact) => {
const triggerBlobDownload = (blob: Blob, filename: string) => {
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
};
switch (artifact.type) {
case 'image': {
const imgUrl =
typeof artifact.content === 'string'
? artifact.content
: artifact.content?.url || artifact.content?.src || String(artifact.content);
const resolvedUrl = imgUrl.startsWith('/images/') ? `${process.env.API_BASE_URL || ''}${imgUrl}` : imgUrl;
try {
const resp = await fetch(resolvedUrl);
const blob = await resp.blob();
const filename = artifact.name || imgUrl.split('/').pop() || 'image.png';
triggerBlobDownload(blob, filename);
} catch {
const a = document.createElement('a');
a.href = resolvedUrl;
a.download = artifact.name || 'image.png';
a.target = '_blank';
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
break;
}
case 'html': {
const htmlContent =
typeof artifact.content === 'string'
? artifact.content
: artifact.content?.content || artifact.content?.html || String(artifact.content);
const blob = new Blob([htmlContent], { type: 'text/html' });
triggerBlobDownload(blob, artifact.name || 'report.html');
break;
}
case 'code': {
const blob = new Blob([String(artifact.content)], { type: 'text/plain' });
triggerBlobDownload(blob, artifact.name || 'code.py');
break;
}
case 'table': {
const rows = artifact.content?.rows || [];
const columns = artifact.content?.columns?.map((c: any) => c.dataIndex || c.key || c) || [];
@@ -963,37 +1006,38 @@ const Playground: NextPage = () => {
columns.join(','),
...rows.map((row: any) => columns.map((col: string) => JSON.stringify(row[col] ?? '')).join(',')),
].join('\n');
content = csvContent;
filename = `table-${Date.now()}.csv`;
mimeType = 'text/csv';
const blob = new Blob([csvContent], { type: 'text/csv' });
triggerBlobDownload(blob, artifact.name?.replace(/\.\w+$/, '.csv') || 'table.csv');
break;
}
case 'code':
content = String(artifact.content);
filename = `code-${Date.now()}.py`;
mimeType = 'text/plain';
break;
case 'markdown':
case 'summary':
content = String(artifact.content);
filename = `${artifact.type}-${Date.now()}.md`;
mimeType = 'text/markdown';
case 'summary': {
const blob = new Blob([String(artifact.content)], { type: 'text/markdown' });
triggerBlobDownload(blob, artifact.name || `${artifact.type}.md`);
break;
default:
content = JSON.stringify(artifact.content, null, 2);
filename = `artifact-${Date.now()}.json`;
mimeType = 'application/json';
}
case 'file': {
const filePath = artifact.content?.file_path || artifact.content?.path;
if (filePath && filePath.includes('/images/')) {
const imgName = filePath.split('/').pop();
const resolvedUrl = `${process.env.API_BASE_URL || ''}/images/${imgName}`;
try {
const resp = await fetch(resolvedUrl);
const blob = await resp.blob();
triggerBlobDownload(blob, artifact.name || imgName || 'file');
} catch {
message.warning('文件暂不可下载');
}
} else {
message.warning('文件暂不可下载');
}
break;
}
default: {
const blob = new Blob([JSON.stringify(artifact.content, null, 2)], { type: 'application/json' });
triggerBlobDownload(blob, artifact.name || 'artifact.json');
}
}
const blob = new Blob([content], { type: mimeType });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
URL.revokeObjectURL(url);
};
const _copyToClipboard = (text: string) => {
@@ -1871,6 +1915,7 @@ const Playground: NextPage = () => {
}
}
}}
onArtifactDownload={artifact => downloadArtifact(artifact as Artifact)}
onViewAllFiles={() => {
if (round.viewMsg?.id) setActiveViewMsgId(round.viewMsg.id);
setRightPanelCollapsed(false);