snapshot of https://github.com/tldraw/tldraw.git (main, 2026-09-23; blobs > 131072B omitted)

templates/agent/client/components/chat-history/ChatHistoryPrompt.tsx

@@ -0,0 +1,38 @@
+import { Editor } from 'tldraw'
+import { ChatHistoryPromptItem } from '../../../shared/types/ChatHistoryItem'
+import { ContextItemTag } from '../ContextItemTag'
+import { SelectionTag } from '../SelectionTag'
+
+export function ChatHistoryPrompt({
+	item,
+	editor,
+}: {
+	item: ChatHistoryPromptItem
+	editor: Editor
+}) {
+	const { contextItems, agentFacingMessage, userFacingMessage, selectedShapes, promptSource } = item
+
+	const showTags = selectedShapes.length > 0 || contextItems.length > 0
+
+	// Display the user-facing message if available, otherwise fall back to the agent-facing message
+	const displayMessage = userFacingMessage ?? agentFacingMessage
+
+	// Get the CSS class modifier based on the prompt source
+	const sourceClass = `chat-history-prompt-${promptSource}`
+
+	return (
+		<div className="chat-history-prompt-container">
+			<div className={`chat-history-prompt ${sourceClass}`}>
+				{showTags && (
+					<div className="prompt-tags">
+						{selectedShapes.length > 0 && <SelectionTag />}
+						{contextItems.map((contextItem, i) => (
+							<ContextItemTag editor={editor} key={'context-item-' + i} item={contextItem} />
+						))}
+					</div>
+				)}
+				<span className="chat-history-prompt-content">{displayMessage}</span>
+			</div>
+		</div>
+	)
+}