Add copy button to assistant messages
This commit is contained in:
@@ -60,11 +60,39 @@ export default function MessageList() {
|
|||||||
<span style={{ whiteSpace: 'pre-wrap' }}>{m.content}</span>
|
<span style={{ whiteSpace: 'pre-wrap' }}>{m.content}</span>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
{m.sources && m.sources.length > 0 && (
|
<div className="flex items-center gap-2 mt-1.5">
|
||||||
<div className="text-xs mt-1.5 italic" style={{ color: 'var(--text3)' }}>
|
{m.role === 'assistant' && (
|
||||||
Sources: {[...new Set(m.sources)].join(', ')}
|
<button
|
||||||
</div>
|
onPointerUp={() => {
|
||||||
)}
|
navigator.clipboard.writeText(m.content);
|
||||||
|
}}
|
||||||
|
style={{
|
||||||
|
background: 'none',
|
||||||
|
border: 'none',
|
||||||
|
cursor: 'pointer',
|
||||||
|
padding: '2px 6px',
|
||||||
|
borderRadius: '4px',
|
||||||
|
color: 'var(--text3)',
|
||||||
|
fontSize: '11px',
|
||||||
|
display: 'flex',
|
||||||
|
alignItems: 'center',
|
||||||
|
gap: '4px',
|
||||||
|
}}
|
||||||
|
title="Copy response"
|
||||||
|
>
|
||||||
|
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
|
||||||
|
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"/>
|
||||||
|
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/>
|
||||||
|
</svg>
|
||||||
|
Copy
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
{m.sources && m.sources.length > 0 && (
|
||||||
|
<div className="text-xs italic" style={{ color: 'var(--text3)' }}>
|
||||||
|
Sources: {[...new Set(m.sources)].join(', ')}
|
||||||
|
</div>
|
||||||
|
)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user