pygpt-net 2.6.55__py3-none-any.whl → 2.6.57__py3-none-any.whl

pygpt_net/data/js/app/template.js

@@ -0,0 +1,287 @@
+// ==========================================================================
+// Template engine for JSON nodes
+// ==========================================================================
+
+class NodeTemplateEngine {
+
+	// JS-side templates for nodes rendered from JSON payload (RenderBlock).
+	constructor(cfg, logger) {
+		this.cfg = cfg || {};
+		this.logger = logger || {
+			debug: () => {}
+		};
+	}
+
+	// Escapes a string for safe HTML rendering.
+	_esc(s) {
+		return (s == null) ? '' : String(s);
+	}
+
+	// Escapes a string for safe HTML rendering.
+	_escapeHtml(s) {
+		return (typeof Utils !== 'undefined') ? Utils.escapeHtml(s) : String(s).replace(/[&<>"']/g, m => ({
+			'&': '&amp;',
+			'<': '&lt;',
+			'>': '&gt;',
+			'"': '&quot;',
+			"'": '&#039;'
+		} [m]));
+	}
+
+	// Render name header given role
+	_nameHeader(role, name, avatarUrl) {
+		if (!name && !avatarUrl) return '';
+		const cls = (role === 'user') ? 'name-user' : 'name-bot';
+		const img = avatarUrl ? `<img src="${this._esc(avatarUrl)}" class="avatar"> ` : '';
+		return `<div class="name-header ${cls}">${img}${this._esc(name || '')}</div>`;
+	}
+
+	// Render user message block
+	_renderUser(block) {
+		const id = block.id;
+		const inp = block.input || {};
+		const msgId = `msg-user-${id}`;
+
+		// NOTE: timestamps intentionally disabled on frontend
+		// let ts = '';
+		// if (inp.timestamp) { ... }
+
+		const personalize = !!(block && block.extra && block.extra.personalize === true);
+		const nameHeader = personalize ? this._nameHeader('user', inp.name || '', inp.avatar_img || null) : '';
+
+		const content = this._escapeHtml(inp.text || '').replace(/\r?\n/g, '<br>');
+
+		// Use existing copy icon and locale strings to keep public API stable.
+		const I = (this.cfg && this.cfg.ICONS) || {};
+		const L = (this.cfg && this.cfg.LOCALE) || {};
+		const copyIcon = I.CODE_COPY || '';
+		const copyTitle = L.COPY || 'Copy';
+
+		// Single icon, no label; positioned via CSS; visible on hover.
+		const copyBtn = `<a href="empty:${this._esc(id)}" class="msg-copy-btn" data-id="${this._esc(id)}" data-tip="${this._escapeHtml(copyTitle)}" title="${this._escapeHtml(copyTitle)}" aria-label="${this._escapeHtml(copyTitle)}" role="button"><img src="${this._esc(copyIcon)}" class="copy-img" alt="${this._escapeHtml(copyTitle)}" data-id="${this._esc(id)}"></a>`;
+
+		return `<div class="msg-box msg-user" id="${msgId}">${nameHeader}<div class="msg">${copyBtn}<p style="margin:0">${content}</p></div></div>`;
+	}
+
+	// Render extra blocks (images/files/urls/docs/tool-extra)
+	_renderExtras(block) {
+		const parts = [];
+
+		// images
+		const images = block.images || {};
+		const keysI = Object.keys(images);
+		if (keysI.length) {
+			keysI.forEach((k) => {
+				const it = images[k];
+				if (!it) return;
+				const url = this._esc(it.url);
+				const path = this._esc(it.path);
+				const bn = this._esc(it.basename || '');
+				if (it.is_video) {
+					const src = (it.ext === '.webm' || !it.webm_path) ? path : this._esc(it.webm_path);
+					const ext = (src.endsWith('.webm') ? 'webm' : (path.split('.').pop() || 'mp4'));
+					parts.push(
+						`<div class="extra-src-video-box" title="${url}">` +
+						`<video class="video-player" controls>` +
+						`<source src="${src}" type="video/${ext}">` +
+						`</video>` +
+						`<p><a href="bridge://play_video/${url}" class="title">${this._escapeHtml(bn)}</a></p>` +
+						`</div>`
+					);
+				} else {
+					parts.push(
+						`<div class="extra-src-img-box" title="${url}">` +
+						`<div class="img-outer"><div class="img-wrapper"><a href="${url}"><img src="${path}" class="image"></a></div>` +
+						`<a href="${url}" class="title">${this._escapeHtml(bn)}</a></div>` +
+						`</div><br/>`
+					);
+				}
+			});
+		}
+
+		// files
+		const files = block.files || {};
+		const kF = Object.keys(files);
+		if (kF.length) {
+			const rows = [];
+			kF.forEach((k) => {
+				const it = files[k];
+				if (!it) return;
+				const url = this._esc(it.url);
+				const path = this._esc(it.path);
+				const icon = (typeof window !== 'undefined' && window.ICON_ATTACHMENTS) ? `<img src="${window.ICON_ATTACHMENTS}" class="extra-src-icon">` : '';
+				rows.push(`${icon} <b> [${k}] </b> <a href="${url}">${path}</a>`);
+			});
+			if (rows.length) parts.push(`<div>${rows.join("<br/><br/>")}</div>`);
+		}
+
+		// urls
+		const urls = block.urls || {};
+		const kU = Object.keys(urls);
+		if (kU.length) {
+			const rows = [];
+			kU.forEach((k) => {
+				const it = urls[k];
+				if (!it) return;
+				const url = this._esc(it.url);
+				const icon = (typeof window !== 'undefined' && window.ICON_URL) ? `<img src="${window.ICON_URL}" class="extra-src-icon">` : '';
+				rows.push(`${icon}<a href="${url}" title="${url}">${url}</a> <small> [${k}] </small>`);
+			});
+			if (rows.length) parts.push(`<div>${rows.join("<br/><br/>")}</div>`);
+		}
+
+		// docs (render on JS) or fallback to docs_html
+		const extra = block.extra || {};
+		const docsRaw = Array.isArray(extra.docs) ? extra.docs : null;
+
+		if (docsRaw && docsRaw.length) {
+			const icon = (typeof window !== 'undefined' && window.ICON_DB) ? `<img src="${window.ICON_DB}" class="extra-src-icon">` : '';
+			const prefix = (typeof window !== 'undefined' && window.LOCALE_DOC_PREFIX) ? String(window.LOCALE_DOC_PREFIX) : 'Doc:';
+			const limit = 3;
+
+			// normalize: [{uuid, meta}] OR [{ uuid: {...} }]
+			const normalized = [];
+			docsRaw.forEach((it) => {
+				if (!it || typeof it !== 'object') return;
+				if ('uuid' in it && 'meta' in it && typeof it.meta === 'object') {
+					normalized.push({
+						uuid: String(it.uuid),
+						meta: it.meta || {}
+					});
+				} else {
+					const keys = Object.keys(it);
+					if (keys.length === 1) {
+						const uuid = keys[0];
+						const meta = it[uuid];
+						if (meta && typeof meta === 'object') {
+							normalized.push({
+								uuid: String(uuid),
+								meta
+							});
+						}
+					}
+				}
+			});
+
+			const rows = [];
+			for (let i = 0; i < Math.min(limit, normalized.length); i++) {
+				const d = normalized[i];
+				const meta = d.meta || {};
+				const entries = Object.keys(meta).map(k => `<b>${this._escapeHtml(k)}:</b> ${this._escapeHtml(String(meta[k]))}`).join(', ');
+				rows.push(`<p><small>[${i + 1}] ${this._escapeHtml(d.uuid)}: ${entries}</small></p>`);
+			}
+			if (rows.length) {
+				parts.push(`<p>${icon}<small><b>${this._escapeHtml(prefix)}:</b></small></p>`);
+				parts.push(`<div class="cmd"><p>${rows.join('')}</p></div>`);
+			}
+		} else {
+			// backward compat
+			const docs_html = extra && extra.docs_html ? String(extra.docs_html) : '';
+			if (docs_html) parts.push(docs_html);
+		}
+
+		// plugin-driven tool extra HTML
+		const tool_extra_html = extra && extra.tool_extra_html ? String(extra.tool_extra_html) : '';
+		if (tool_extra_html) parts.push(`<div class="msg-extra">${tool_extra_html}</div>`);
+
+		return parts.join('');
+	}
+
+	// Render message-level actions
+	_renderActions(block) {
+		const extra = block.extra || {};
+		const actions = extra.actions || [];
+		if (!actions || !actions.length) return '';
+		const parts = actions.map((a) => {
+			const href = this._esc(a.href || '#');
+			const title = this._esc(a.title || '');
+			const icon = this._esc(a.icon || '');
+			const id = this._esc(a.id || block.id);
+			return `<a href="${href}" class="action-icon" data-id="${id}" role="button"><span class="cmd"><img src="${icon}" class="action-img" title="${title}" alt="${title}" data-id="${id}"></span></a>`;
+		});
+		return `<div class="action-icons" data-id="${this._esc(block.id)}">${parts.join('')}</div>`;
+	}
+
+	// Render tool output wrapper (always collapsed by default; wrapper visibility depends on flag)
+	// Inside class NodeTemplateEngine
+	_renderToolOutputWrapper(block) {
+		const extra = block.extra || {};
+
+		// IMPORTANT: keep initial tool output verbatim (HTML-ready).
+		// Do NOT HTML-escape here – the host already provides a safe/HTML-ready string.
+		// Escaping again would double-encode entities (e.g. " -> "), which
+		// caused visible """ in the UI instead of quotes.
+		const tool_output_html = (extra.tool_output != null) ? String(extra.tool_output) : '';
+
+		// Wrapper visibility: show/hide based on tool_output_visible...
+		const wrapperDisplay = (extra.tool_output_visible === true) ? '' : 'display:none';
+
+		const toggleTitle = (typeof trans !== 'undefined' && trans) ? trans('action.cmd.expand') : 'Expand';
+		const expIcon = (typeof window !== 'undefined' && window.ICON_EXPAND) ? window.ICON_EXPAND : '';
+
+		return (
+			`<div class='tool-output' style='${wrapperDisplay}'>` +
+			`<span class='toggle-cmd-output' onclick='toggleToolOutput(${this._esc(block.id)});' ` +
+			`title='${this._escapeHtml(toggleTitle)}' role='button'>` +
+			`<img src='${this._esc(expIcon)}' width='25' height='25' valign='middle'>` +
+			`</span>` +
+			// Content is initially collapsed. We intentionally do NOT escape here,
+			// to keep behavior consistent with ToolOutput.append/update (HTML-in).
+			`<div class='content' style='display:none' data-trusted='1'>${tool_output_html}</div>` +
+			`</div>`
+		);
+	}
+
+	// Render bot message block (md-block-markdown)
+	_renderBot(block) {
+		const id = block.id;
+		const out = block.output || {};
+		const msgId = `msg-bot-${id}`;
+
+		// timestamps intentionally disabled on frontend
+		// let ts = '';
+		// if (out.timestamp) { ... }
+
+		const personalize = !!(block && block.extra && block.extra.personalize === true);
+		const nameHeader = personalize ? this._nameHeader('bot', out.name || '', out.avatar_img || null) : '';
+
+		const mdText = this._escapeHtml(out.text || '');
+		const toolWrap = this._renderToolOutputWrapper(block);
+		const extras = this._renderExtras(block);
+		const actions = (block.extra && block.extra.footer_icons) ? this._renderActions(block) : '';
+		const debug = (block.extra && block.extra.debug_html) ? String(block.extra.debug_html) : '';
+
+		return (
+			`<div class='msg-box msg-bot' id='${msgId}'>` +
+			`${nameHeader}` +
+			`<div class='msg'>` +
+			`<div class='md-block' md-block-markdown='1'>${mdText}</div>` +
+			`<div class='msg-tool-extra'></div>` +
+			`${toolWrap}` +
+			`<div class='msg-extra'>${extras}</div>` +
+			`${actions}${debug}` +
+			`</div>` +
+			`</div>`
+		);
+	}
+
+	// Render one RenderBlock into HTML (may produce 1 or 2 messages – input and/or output)
+	renderNode(block) {
+		const parts = [];
+		if (block && block.input && block.input.text) parts.push(this._renderUser(block));
+		if (block && block.output && block.output.text) parts.push(this._renderBot(block));
+		return parts.join('');
+	}
+
+	// Render array of blocks
+	renderNodes(blocks) {
+		if (!Array.isArray(blocks)) return '';
+		const out = [];
+		for (let i = 0; i < blocks.length; i++) {
+			const b = blocks[i] || null;
+			if (!b) continue;
+			out.push(this.renderNode(b));
+		}
+		return out.join('');
+	}
+}

pygpt_net/data/js/app/tool.js

@@ -0,0 +1,87 @@
+// ==========================================================================
+// Tool output
+// ==========================================================================
+
+class ToolOutput {
+
+	// Placeholder for loader show (can be extended by host).
+	showLoader() {
+		return;
+	}
+
+	// Hide spinner elements in bot messages.
+	hideLoader() {
+		const elements = document.querySelectorAll('.msg-bot');
+		if (elements.length > 0) elements.forEach(el => {
+			const s = el.querySelector('.spinner');
+			if (s) s.style.display = 'none';
+		});
+	}
+
+	// Begins a new tool session.
+	begin() {
+		this.showLoader();
+	}
+
+	// Ends the current tool session.
+	end() {
+		this.hideLoader();
+	}
+
+	// Enables the tool output area.
+	enable() {
+		const els = document.querySelectorAll('.tool-output');
+		if (els.length) els[els.length - 1].style.display = 'block';
+	}
+
+	// Disables the tool output area.
+	disable() {
+		const els = document.querySelectorAll('.tool-output');
+		if (els.length) els[els.length - 1].style.display = 'none';
+	}
+
+	// Append HTML into the latest tool-output content area.
+	append(content) {
+		this.hideLoader();
+		this.enable();
+		const els = document.querySelectorAll('.tool-output');
+		if (els.length) {
+			const contentEl = els[els.length - 1].querySelector('.content');
+			if (contentEl) contentEl.insertAdjacentHTML('beforeend', content);
+		}
+	}
+
+	// Replace inner HTML for the latest tool-output content area.
+	update(content) {
+		this.hideLoader();
+		this.enable();
+		const els = document.querySelectorAll('.tool-output');
+		if (els.length) {
+			const contentEl = els[els.length - 1].querySelector('.content');
+			if (contentEl) contentEl.innerHTML = content;
+		}
+	}
+
+	// Remove children from the latest tool-output content area.
+	clear() {
+		this.hideLoader();
+		this.enable();
+		const els = document.querySelectorAll('.tool-output');
+		if (els.length) {
+			const contentEl = els[els.length - 1].querySelector('.content');
+			if (contentEl) contentEl.replaceChildren();
+		}
+	}
+	
+	// Toggle visibility of a specific tool output block by message id.
+	toggle(id) {
+		const el = document.getElementById('msg-bot-' + id);
+		if (!el) return;
+		const outputEl = el.querySelector('.tool-output');
+		if (!outputEl) return;
+		const contentEl = outputEl.querySelector('.content');
+		if (contentEl) contentEl.style.display = (contentEl.style.display === 'none') ? 'block' : 'none';
+		const toggleEl = outputEl.querySelector('.toggle-cmd-output img');
+		if (toggleEl) toggleEl.classList.toggle('toggle-expanded');
+	}
+}

pygpt_net/data/js/app/ui.js

@@ -0,0 +1,86 @@
+// ==========================================================================
+// UI manager
+// ==========================================================================
+
+class UIManager {
+
+	// Replace or insert app-level CSS in a <style> tag.
+	updateCSS(styles) {
+		let style = document.getElementById('app-style');
+		if (!style) {
+			style = document.createElement('style');
+			style.id = 'app-style';
+			document.head.appendChild(style);
+		}
+		style.textContent = styles;
+	}
+
+	// Ensure base styles for code header sticky behavior exist.
+	ensureStickyHeaderStyle() {
+		let style = document.getElementById('code-sticky-style');
+		if (style) return;
+		style = document.createElement('style');
+		style.id = 'code-sticky-style';
+		style.textContent = [
+			'.code-wrapper { position: relative; }',
+			'.code-wrapper .code-header-wrapper { position: sticky; top: var(--code-header-sticky-top, -2px); z-index: 2; box-shadow: 0 1px 0 rgba(0,0,0,.06); }',
+			'.code-wrapper pre { overflow: visible; margin-top: 0; }',
+			'.code-wrapper pre code { display: block; white-space: pre; max-height: 100dvh; overflow: auto;',
+			'  overscroll-behavior: contain; -webkit-overflow-scrolling: touch; overflow-anchor: none; scrollbar-gutter: stable both-edges; scroll-behavior: auto; }',
+			'#_loader_.hidden { display: none !important; visibility: hidden !important; }',
+			'#_loader_.visible { display: block; visibility: visible; }',
+
+			/* User message collapse (uc-*) */
+			'.msg-box.msg-user .msg { position: relative; }',
+			'.msg-box.msg-user .msg > .uc-content { display: block; overflow: visible; }',
+			'.msg-box.msg-user .msg > .uc-content.uc-collapsed { max-height: 1000px; overflow: hidden; }',
+			'.msg-box.msg-user .msg > .uc-toggle { display: none; margin-top: 8px; text-align: center; cursor: pointer; user-select: none; }',
+			'.msg-box.msg-user .msg > .uc-toggle.visible { display: block; }',
+
+			/* Increased toggle icon size to a comfortable/default size.
+			   Overridable via CSS var --uc-toggle-icon-size to keep host-level control. */
+			'.msg-box.msg-user .msg > .uc-toggle img { width: var(--uc-toggle-icon-size, 26px); height: var(--uc-toggle-icon-size, 26px); opacity: .8; }',
+			'.msg-box.msg-user .msg > .uc-toggle:hover img { opacity: 1; }',
+
+			/* User copy icon – single icon, top-right, visible on hover/focus */
+			'.msg-box.msg-user .msg .msg-copy-btn { position: absolute; top: 2px; right: 0px; z-index: 3;',
+			'  opacity: 0; pointer-events: none; transition: opacity .15s ease, transform .15s ease, background-color .15s ease, border-color .15s ease;',
+			'  border-radius: 6px; padding: 4px; line-height: 0; border: 1px solid transparent; background: transparent; }',
+			'.msg-box.msg-user:hover .msg .msg-copy-btn, .msg-box.msg-user .msg:focus-within .msg-copy-btn { opacity: 1; pointer-events: auto; }',
+			'.msg-box.msg-user .msg .msg-copy-btn:hover { transform: scale(1.06); background: var(--copy-btn-bg-hover, rgba(0,0,0,.86)); border-color: var(--copy-btn-border, rgba(0,0,0,.08)); }',
+			'.msg-box.msg-user .msg .msg-copy-btn.copied { background: var(--copy-btn-bg-copied, rgba(150,150,150,.12)); border-color: var(--copy-btn-border-copied, rgba(150,150,150,.35)); animation: msg-copy-pop .25s ease; }',
+			'.msg-box.msg-user .msg .msg-copy-btn img { display: block; width: 18px; height: 18px; }',
+
+			/* Code header action hover and click feedback (icon-only, bot messages/code blocks) */
+			'.code-wrapper .code-header-action.code-header-copy,',
+			'.code-wrapper .code-header-action.code-header-collapse { display: inline-flex; align-items: center; border-radius: 6px; padding: 2px; line-height: 0; border: 1px solid transparent; transition: transform .15s ease, background-color .15s ease, border-color .15s ease; }',
+			'.code-wrapper .code-header-action.code-header-copy:hover,',
+			'.code-wrapper .code-header-action.code-header-collapse:hover { transform: scale(1.06); background: var(--copy-btn-bg-hover, rgba(0,0,0,.76)); border-color: var(--copy-btn-border, rgba(0,0,0,.08)); }',
+			'.code-wrapper .code-header-action.copied { background: var(--copy-btn-bg-copied, rgba(150,150,150,.12)); border-color: var(--copy-btn-border-copied, rgba(150,150,150,.35)); animation: msg-copy-pop .25s ease; }',
+
+			/* Small scale pop when copied */
+			'@keyframes msg-copy-pop { 0%{ transform: scale(1); } 60%{ transform: scale(1.1); } 100%{ transform: scale(1); } }'
+		].join('\n');
+		document.head.appendChild(style);
+	}
+	
+	// Toggle classes controlling optional UI features.
+	enableEditIcons() {
+		document.body && document.body.classList.add('display-edit-icons');
+	}
+	disableEditIcons() {
+		document.body && document.body.classList.remove('display-edit-icons');
+	}
+	enableTimestamp() {
+		document.body && document.body.classList.add('display-timestamp');
+	}
+	disableTimestamp() {
+		document.body && document.body.classList.remove('display-timestamp');
+	}
+	enableBlocks() {
+		document.body && document.body.classList.add('display-blocks');
+	}
+	disableBlocks() {
+		document.body && document.body.classList.remove('display-blocks');
+	}
+}