tinai

import {
	formatContentBlock,
	formatAnnotationsBlock,
	formatSuggestions,
	formatCostSummary
} from './util/conversation-format-utils.js';
import { escapeHtml, formatThinkingBlockHtml } from './util/format-utils.js';

/**
 * Class ScratchpadConversation
 * Handles formatting and rendering specifically for scratchpad conversation items.
 */
class ScratchpadConversation {

	/**
	 * Initializes a new instance of ScratchpadConversation.
	 */
	constructor() {
	}

	/**
	 * Formats a single scratchpad item as HTML.
	 * @param {Object} data - The data object for the scratchpad item.
	 * @param {number} index - The index of the item in history.
	 * @param {Object} [conversation_settings={}] - Settings for the conversation.
	 * @returns {string} The formatted HTML string.
	 */
	format_scratchpad_item(data, index, conversation_settings = {}) {
		if (!data) return '';

		let html = '';

		if (!data.pending) {
			html += `
				<div class="div-chat-response-buttons div-chat-scrathpad-buttons">
					<div class="div-chat-response-buttons-left">
						<button class="btn-copy-scratchpad" data-index="${index}">Copy</button>
					</div>
					<div class="div-chat-response-buttons-right">
						<button class="btn-redo-scratchpad" data-index="${index}">Redo</button>
						<button class="btn-undo-scratchpad" data-index="${index}">Undo</button>
						<button class="btn-delete-scratchpad" data-index="${index}">Delete</button>
					</div>
				</div>
			`;
		}

		html += formatThinkingBlockHtml(data.thinking, !!data.pending, index);

		if (data.pending) {
			return html;
		}

		let response_html = formatContentBlock(data.content);
		response_html += formatAnnotationsBlock(data.annotations);

		html += `<div class="div-response-content" data-index="${index}">${response_html}</div>`;
		html += formatSuggestions(data, conversation_settings);
		html += formatCostSummary(data);

		return html;
	}

	/**
	 * Renders an entire scratchpad conversation, displaying only the most recent revision.
	 * @param {Object} conversation - The conversation object containing HISTORY array.
	 * @param {Object} [options={}] - Render options (e.g. show_suggested, show_related).
	 * @returns {string} The complete HTML string for the scratchpad conversation.
	 */
	render(conversation, options = {}) {
		if (!conversation) return '<p>Enter a query to get started.</p>';
		const history = conversation.HISTORY || conversation.history || (Array.isArray(conversation) ? conversation : []);
		if (!Array.isArray(history) || history.length === 0) return '<p>Enter a query to get started.</p>';

		const lastIndex = history.length - 1;
		const lastItem = history[lastIndex];
		return this.format_scratchpad_item(lastItem, lastIndex, options);
	}
}

export default ScratchpadConversation;