zerochat 7.3.0__py3-none-any.whl

zerochat_runtime/assets/js/ui-conversation.js

@@ -0,0 +1,655 @@
+/**
+ * Módulo UI de Conversación y Canvas de Mensajes (ZeroChat).
+ * Encargado del renderizado de la lista de mensajes, turnos de usuario, placeholders del asistente,
+ * tarjetas de herramientas recuperadas, acciones de mensaje (copiar, reusar, borrar, ramificar),
+ * listeners de código, e indicadores visuales (typing, scroll-to-bottom).
+ */
+(function (root, factory) {
+  if (typeof exports === 'object' && typeof module !== 'undefined') {
+    module.exports = factory(require('./message-turns.js'));
+  } else {
+    root.ChatUIConversation = factory(root.ChatMessageTurns);
+  }
+}(typeof self !== 'undefined' ? self : this, function (MessageTurns) {
+  'use strict';
+
+  function resolveDep(globalName, relPath) {
+    if (typeof window !== 'undefined' && window[globalName]) return window[globalName];
+    if (typeof globalThis !== 'undefined' && globalThis[globalName]) return globalThis[globalName];
+    if (typeof require !== 'undefined') {
+      try { return require(relPath); } catch (_) {}
+    }
+    return null;
+  }
+
+  function getI18n() { return resolveDep('ChatI18n', './i18n.js'); }
+  function getIcons() { return resolveDep('ChatIcons', './icons.js'); }
+  function getState() { return resolveDep('ChatState', './state.js'); }
+  function getMarkdown() { return resolveDep('ChatMarkdown', './markdown.js'); }
+  function getSandbox() { return resolveDep('ChatSandbox', './sandbox.js'); }
+  function getToolCards() { return resolveDep('ChatToolCards', './tool-cards.js'); }
+
+  function t(key, params) {
+    const I18n = getI18n();
+    return I18n?.t ? I18n.t(key, params) : key;
+  }
+
+  function getMsgIcon(name, size = 14) {
+    const Icons = getIcons();
+    if (Icons && Icons.has && Icons.has(name)) {
+      return Icons.get(name, { size, className: 'ui-icon' });
+    }
+    return '';
+  }
+
+  const extractBaseId = MessageTurns.extractBaseId;
+
+  const isDateTimeInitialTurn = MessageTurns.isDateTimeInitialTurn;
+
+  function bindMessageCopy(button, getText, titleKey = 'btn_copy_title') {
+    if (!button) return () => {};
+    let timer = null;
+    let disposed = false;
+    const restore = () => {
+      button.innerHTML = getMsgIcon('copy', 14);
+      button.title = t(titleKey);
+      button.setAttribute('aria-label', t(titleKey));
+      button.classList.remove('copied');
+    };
+    const copy = async () => {
+      try {
+        if (typeof navigator === 'undefined' || !navigator.clipboard?.writeText) return false;
+        await navigator.clipboard.writeText(getText());
+        if (disposed) return false;
+        clearTimeout(timer);
+        button.innerHTML = getMsgIcon('check', 14);
+        button.title = t('copied_text');
+        button.setAttribute('aria-label', t('copied_text'));
+        button.classList.add('copied');
+        timer = setTimeout(restore, 2000);
+        return true;
+      } catch (error) {
+        console.error('Error copying message:', error);
+        return false;
+      }
+    };
+    button.onclick = copy;
+    return () => {
+      disposed = true;
+      clearTimeout(timer);
+      if (button.onclick === copy) {
+        button.onclick = null;
+        restore();
+      }
+    };
+  }
+
+  function renderConnectionError({ row, content, actions }, message, url) {
+    row?.classList?.add('message-error');
+    if (content) {
+      const escape = getMarkdown().escapeHtml;
+      content.innerHTML = `
+        <div class="network-error-card" style="display:flex; align-items:flex-start; gap:0.5rem;">
+          <span style="flex-shrink: 0; display: inline-flex; align-items: center; color: var(--error, #ef4444);">${getMsgIcon('alert-triangle', 18)}</span>
+          <div>
+            <strong>${t('err_server_connect_title')}</strong>
+            <p style="margin-top: 0.25rem;">${escape(message)}</p>
+            <p style="margin-top: 0.25rem; font-size: 0.75rem; color: var(--text-muted);">
+              ${t('err_server_connect_hint', { url: escape(url) })}
+            </p>
+          </div>
+        </div>`;
+    }
+    if (actions) actions.style.display = 'inline-flex';
+  }
+
+  function injectStreamingCursor(html) {
+    if (!html || html.trim() === '') return '<span class="streaming-cursor"></span>';
+    const trimmed = html.trimEnd();
+    const match = trimmed.match(/(<\/(?:p|li|h[1-6]|span|code|strong|em|td|blockquote)>)$/i);
+    if (match) {
+      const closingTag = match[1];
+      return trimmed.slice(0, -closingTag.length) + '<span class="streaming-cursor"></span>' + closingTag;
+    }
+    return trimmed + '<span class="streaming-cursor"></span>';
+  }
+
+  function createAssistantBlock(container) {
+    if (!container) return null;
+    const doc = container.ownerDocument || (typeof document !== 'undefined' ? document : null);
+    if (!doc) return null;
+    const block = doc.createElement('div');
+    block.className = 'agentic-turn-block';
+    container.appendChild(block);
+    return block;
+  }
+
+  function renderAssistantBlock(block, text, { streaming = false, attachListeners } = {}) {
+    if (!block) return;
+    const html = getMarkdown().parseMarkdown(text);
+    block.innerHTML = streaming ? injectStreamingCursor(html) : html;
+    attachListeners?.(block);
+  }
+
+  function scrollToBottom(container) {
+    if (container) {
+      container.scrollTop = container.scrollHeight;
+    }
+  }
+
+  let typingIndicatorEl = null;
+
+  function showTypingIndicator(container) {
+    if (typingIndicatorEl) return;
+    const doc = (container && container.ownerDocument) || (typeof document !== 'undefined' ? document : null);
+    if (!doc) return;
+
+    const wrapper = doc.createElement('div');
+    wrapper.id = 'typing-indicator-wrapper';
+    wrapper.className = 'message-wrapper assistant';
+    const row = doc.createElement('div');
+    row.className = 'message-row assistant';
+    const indicator = doc.createElement('div');
+    indicator.className = 'typing-indicator';
+    indicator.innerHTML = '<span class="typing-dot"></span><span class="typing-dot"></span><span class="typing-dot"></span>';
+    row.appendChild(indicator);
+    wrapper.appendChild(row);
+    typingIndicatorEl = wrapper;
+
+    if (container) {
+      container.appendChild(wrapper);
+      scrollToBottom(container);
+    }
+  }
+
+  function removeTypingIndicator() {
+    if (typingIndicatorEl && typingIndicatorEl.parentNode) {
+      typingIndicatorEl.parentNode.removeChild(typingIndicatorEl);
+    }
+    typingIndicatorEl = null;
+  }
+
+  function renderStoredToolCard(tc, toolMsg) {
+    const ToolCards = getToolCards();
+    if (ToolCards?.renderHistoricalToolCard) {
+      return ToolCards.renderHistoricalToolCard(tc, toolMsg);
+    }
+    return null;
+  }
+
+  function attachListenersToContainer(container, options = {}) {
+    if (!container) return;
+    const Markdown = getMarkdown();
+    const Sandbox = getSandbox();
+
+    if (Markdown?.attachCopyCodeListeners) {
+      Markdown.attachCopyCodeListeners(container);
+    }
+
+    if (Markdown?.attachRunJsListeners) {
+      Markdown.attachRunJsListeners(container, (code, outputEl) => {
+        if (typeof options.onRunJs === 'function') {
+          options.onRunJs(code, outputEl);
+        } else if (Sandbox?.execute) {
+          Sandbox.execute(code).then(res => {
+            if (outputEl) {
+              outputEl.textContent = res.success
+                ? (res.result || res.logs.join('\n') || 'undefined')
+                : `Error: ${res.error}`;
+            }
+          });
+        }
+      });
+    }
+  }
+
+  function removeMessage(wrapper, options = {}) {
+    if (!wrapper) return;
+    const State = getState();
+    const isBusy = typeof options.isBusy === 'function' ? options.isBusy() : (State?.isConversationBusy?.() === true);
+    if (isBusy) return;
+
+    const msgId = wrapper.getAttribute('data-msg-id') || '';
+    const baseId = wrapper.getAttribute('data-base-id') || extractBaseId(msgId);
+    const rawMsgIds = wrapper.getAttribute('data-msg-ids') || '';
+    const explicitIds = rawMsgIds ? rawMsgIds.split(',').filter(Boolean) : [];
+
+    let removedCount = 0;
+    if (explicitIds.length > 0 || baseId || msgId) {
+      if (typeof options.removeTurn === 'function') {
+        const res = options.removeTurn({ msgId, baseId, explicitIds });
+        if (!res || !res.ok) return;
+        removedCount = res.removedCount || 0;
+      } else if (State?.removeTurn) {
+        const res = State.removeTurn({ msgId, baseId, explicitIds });
+        if (!res || !res.ok) return;
+        removedCount = res.removedCount || 0;
+      }
+    }
+    if (removedCount === 0) return;
+
+    wrapper.remove();
+
+    if (typeof options.addDebugLog === 'function') {
+      options.addDebugLog('system', t('msg_deleted_log', { id: msgId || baseId, count: removedCount }));
+    }
+
+    const messagesList = options.messagesList || wrapper.parentNode;
+    const welcomeBanner = options.welcomeBanner;
+    if (messagesList) {
+      const remainingMessages = messagesList.querySelectorAll('.message-wrapper');
+      if (remainingMessages.length === 0 && welcomeBanner) {
+        messagesList.appendChild(welcomeBanner);
+        welcomeBanner.style.display = '';
+      }
+    }
+
+    if (typeof options.saveSession === 'function') {
+      options.saveSession();
+    }
+  }
+
+  function appendUserMessage(container, welcomeBanner, payload = {}, callbacks = {}) {
+    const text = payload.text || '';
+    const originalPrompt = payload.originalPrompt !== undefined ? payload.originalPrompt : text;
+    const attachedImages = payload.attachedImages || [];
+    const existingMsgId = payload.existingMsgId;
+
+    if (welcomeBanner && welcomeBanner.parentNode) {
+      welcomeBanner.style.display = 'none';
+    }
+
+    const doc = (container && container.ownerDocument) || (typeof document !== 'undefined' ? document : null);
+    if (!doc) return existingMsgId || '';
+
+    const msgId = existingMsgId || ((typeof crypto !== 'undefined' && crypto.randomUUID)
+      ? 'msg_usr_' + crypto.randomUUID()
+      : 'msg_usr_' + Date.now() + '_' + Math.random().toString(36).slice(2, 9));
+
+    const wrapper = doc.createElement('div');
+    wrapper.className = 'message-wrapper user';
+    wrapper.setAttribute('data-msg-id', msgId);
+
+    const row = doc.createElement('div');
+    row.className = 'message-row user';
+
+    const contentWrapper = doc.createElement('div');
+    contentWrapper.className = 'message-content-wrapper';
+
+    const content = doc.createElement('div');
+    content.className = 'message-content';
+    content.textContent = text;
+
+    const Markdown = getMarkdown();
+
+    // Miniaturas visuales de imágenes adjuntas
+    if (attachedImages && attachedImages.length > 0) {
+      const imagesGrid = doc.createElement('div');
+      imagesGrid.className = 'message-images-grid';
+      attachedImages.forEach(img => {
+        const itemDiv = doc.createElement('div');
+        itemDiv.className = 'message-image-item';
+        const imgName = img.name || '';
+        const safeUrl = Markdown?.sanitizeImageUrl ? Markdown.sanitizeImageUrl(img.dataUrl) : '';
+        if (safeUrl) {
+          const imgEl = doc.createElement('img');
+          imgEl.src = safeUrl;
+          if (typeof imgEl.setAttribute === 'function') {
+            imgEl.setAttribute('src', safeUrl);
+            imgEl.setAttribute('alt', imgName);
+            imgEl.setAttribute('title', imgName);
+          }
+          imgEl.alt = imgName;
+          imgEl.className = 'message-image-thumb';
+          imgEl.title = imgName;
+          imgEl.addEventListener('click', () => {
+            if (typeof window !== 'undefined' && /^https?:\/\/|^blob:|^data:image\//i.test(safeUrl)) {
+              window.open(safeUrl, '_blank');
+            }
+          });
+          itemDiv.appendChild(imgEl);
+        }
+        const caption = doc.createElement('div');
+        caption.className = 'message-image-caption';
+        caption.textContent = imgName;
+        itemDiv.appendChild(caption);
+        imagesGrid.appendChild(itemDiv);
+      });
+      content.appendChild(imagesGrid);
+    }
+
+    const footerRow = doc.createElement('div');
+    footerRow.className = 'message-footer-row';
+
+    const actions = doc.createElement('div');
+    actions.className = 'message-actions';
+
+    const btnCopy = doc.createElement('button');
+    btnCopy.type = 'button';
+    btnCopy.className = 'btn-msg-action btn-copy-user';
+    btnCopy.innerHTML = getMsgIcon('copy', 14);
+    btnCopy.title = t('btn_copy_user_title');
+    btnCopy.setAttribute('aria-label', t('btn_copy_user_title'));
+    bindMessageCopy(btnCopy, () => originalPrompt || text, 'btn_copy_user_title');
+
+    const btnReuse = doc.createElement('button');
+    btnReuse.type = 'button';
+    btnReuse.className = 'btn-msg-action';
+    btnReuse.innerHTML = getMsgIcon('edit', 14);
+    btnReuse.title = t('btn_reuse_title');
+    btnReuse.setAttribute('aria-label', t('btn_reuse_title'));
+    btnReuse.addEventListener('click', () => {
+      if (typeof callbacks.onReuse === 'function') {
+        callbacks.onReuse(originalPrompt || text);
+      }
+    });
+
+    const btnDelete = doc.createElement('button');
+    btnDelete.type = 'button';
+    btnDelete.className = 'btn-msg-action btn-delete';
+    btnDelete.innerHTML = getMsgIcon('trash', 14);
+    btnDelete.title = t('btn_delete_usr_title');
+    btnDelete.setAttribute('aria-label', t('btn_delete_usr_title'));
+    btnDelete.addEventListener('click', () => {
+      if (typeof callbacks.onDelete === 'function') {
+        callbacks.onDelete(wrapper);
+      } else {
+        removeMessage(wrapper, { messagesList: container, welcomeBanner, ...callbacks });
+      }
+    });
+
+    actions.appendChild(btnReuse);
+    actions.appendChild(btnCopy);
+    actions.appendChild(btnDelete);
+    footerRow.appendChild(actions);
+
+    contentWrapper.appendChild(content);
+    contentWrapper.appendChild(footerRow);
+
+    row.appendChild(contentWrapper);
+    wrapper.appendChild(row);
+
+    if (container) {
+      container.appendChild(wrapper);
+      if (!existingMsgId && wrapper.classList?.add) {
+        wrapper.classList.add('is-new-message');
+        wrapper.addEventListener?.('animationend', () => wrapper.classList.remove('is-new-message'), { once: true });
+      }
+      scrollToBottom(container);
+    }
+
+    return msgId;
+  }
+
+  function createAssistantMessagePlaceholder(container, existingMsgId, callbacks = {}) {
+    const doc = (container && container.ownerDocument) || (typeof document !== 'undefined' ? document : null);
+    const rawId = existingMsgId || ((typeof crypto !== 'undefined' && crypto.randomUUID)
+      ? 'msg_ast_' + crypto.randomUUID()
+      : 'msg_ast_' + Date.now() + '_' + Math.random().toString(36).slice(2, 9));
+    const baseId = extractBaseId(rawId) || rawId;
+    const msgId = existingMsgId ? rawId : baseId;
+
+    if (!doc) {
+      return { wrapper: null, row: null, content: null, footerRow: null, actions: null, btnCopy: null, statsContainer: null, msgId };
+    }
+
+    const wrapper = doc.createElement('div');
+    wrapper.className = 'message-wrapper assistant';
+    wrapper.setAttribute('data-msg-id', msgId);
+    wrapper.setAttribute('data-base-id', baseId);
+
+    const row = doc.createElement('div');
+    row.className = 'message-row assistant';
+
+    const contentWrapper = doc.createElement('div');
+    contentWrapper.className = 'message-content-wrapper';
+
+    const content = doc.createElement('div');
+    content.className = 'message-content';
+    content.innerHTML = '<span class="streaming-cursor initial-cursor"></span>';
+
+    const footerRow = doc.createElement('div');
+    footerRow.className = 'message-footer-row';
+
+    const statsContainer = doc.createElement('div');
+    statsContainer.className = 'message-stats';
+    statsContainer.style.display = 'none';
+
+    const actions = doc.createElement('div');
+    actions.className = 'message-actions';
+    actions.style.display = 'none';
+
+    const btnCopy = doc.createElement('button');
+    btnCopy.type = 'button';
+    btnCopy.className = 'btn-msg-action btn-copy-full';
+    btnCopy.innerHTML = getMsgIcon('copy', 14);
+    btnCopy.title = t('btn_copy_title');
+    btnCopy.setAttribute('aria-label', t('btn_copy_title'));
+
+    const btnBranch = doc.createElement('button');
+    btnBranch.type = 'button';
+    btnBranch.className = 'btn-msg-action btn-branch-conversation';
+    btnBranch.innerHTML = getMsgIcon('git-branch', 14);
+    btnBranch.title = t('btn_branch_title');
+    btnBranch.setAttribute('aria-label', t('btn_branch_title'));
+    btnBranch.addEventListener('click', () => {
+      if (typeof callbacks.onBranch === 'function') {
+        callbacks.onBranch(wrapper);
+      }
+    });
+
+    const btnDelete = doc.createElement('button');
+    btnDelete.type = 'button';
+    btnDelete.className = 'btn-msg-action btn-delete';
+    btnDelete.innerHTML = getMsgIcon('trash', 14);
+    btnDelete.title = t('btn_delete_ast_title');
+    btnDelete.setAttribute('aria-label', t('btn_delete_ast_title'));
+    btnDelete.addEventListener('click', () => {
+      if (typeof callbacks.onDelete === 'function') {
+        callbacks.onDelete(wrapper);
+      } else {
+        removeMessage(wrapper, { messagesList: container, welcomeBanner: callbacks.welcomeBanner, ...callbacks });
+      }
+    });
+
+    actions.appendChild(btnBranch);
+    actions.appendChild(btnCopy);
+    actions.appendChild(btnDelete);
+
+    footerRow.appendChild(statsContainer);
+    footerRow.appendChild(actions);
+
+    contentWrapper.appendChild(content);
+    contentWrapper.appendChild(footerRow);
+
+    row.appendChild(contentWrapper);
+    wrapper.appendChild(row);
+
+    if (container) {
+      container.appendChild(wrapper);
+      if (!existingMsgId && wrapper.classList?.add) {
+        wrapper.classList.add('is-new-message');
+        wrapper.addEventListener?.('animationend', () => wrapper.classList.remove('is-new-message'), { once: true });
+      }
+      scrollToBottom(container);
+    }
+
+    return { wrapper, row, content, footerRow, actions, btnCopy, statsContainer, msgId };
+  }
+
+  function renderSessionMessages(elements, history, options = {}) {
+    const messagesList = elements?.messagesList;
+    if (!messagesList) return;
+    messagesList.innerHTML = '';
+
+    const nonSystem = (history || []).filter(m => m && m.role !== 'system');
+    let validMessages = nonSystem;
+    if (nonSystem.length >= 2 &&
+        isDateTimeInitialTurn(nonSystem[0]) &&
+        nonSystem[1].role === 'assistant' &&
+        (nonSystem[1].content === 'OK' || nonSystem[1].content === 'OK.')) {
+      validMessages = nonSystem.slice(2);
+    }
+
+    if (validMessages.length === 0) {
+      if (elements.welcomeBanner) {
+        messagesList.appendChild(elements.welcomeBanner);
+        elements.welcomeBanner.style.display = '';
+      }
+      if (typeof options.resetTelemetry === 'function') {
+        options.resetTelemetry();
+      }
+      return;
+    }
+
+    if (elements.welcomeBanner) {
+      elements.welcomeBanner.style.display = 'none';
+    }
+
+    const Markdown = getMarkdown();
+    let i = 0;
+
+    while (i < validMessages.length) {
+      const msg = validMessages[i];
+
+      if (msg.role === 'user') {
+        let text = '';
+        const images = msg.images ? [...msg.images] : [];
+        if (typeof msg.content === 'string') {
+          text = msg.content;
+        } else if (Array.isArray(msg.content)) {
+          const textPart = msg.content.find(c => c.type === 'text');
+          text = textPart ? textPart.text : '';
+          msg.content.forEach(c => {
+            if (c.type === 'image_url' && c.image_url?.url) {
+              if (!images.some(img => img.dataUrl === c.image_url.url)) {
+                images.push({ name: 'Imagen adjunta', dataUrl: c.image_url.url });
+              }
+            }
+          });
+        }
+
+        appendUserMessage(messagesList, elements.welcomeBanner, {
+          text,
+          originalPrompt: text,
+          attachedImages: images,
+          existingMsgId: msg.id
+        }, options);
+
+        i++;
+      } else {
+        const assistantGroup = [];
+        const firstAssistantId = msg.id || ('msg_ast_' + Date.now());
+
+        while (i < validMessages.length && validMessages[i].role !== 'user') {
+          const item = validMessages[i];
+          if (item && !item.id) {
+            item.id = (typeof crypto !== 'undefined' && crypto.randomUUID)
+              ? 'msg_ast_' + crypto.randomUUID()
+              : 'msg_ast_' + Date.now() + '_' + Math.random().toString(36).slice(2, 9);
+          }
+          assistantGroup.push(item);
+          i++;
+        }
+
+        const groupMsgIds = assistantGroup.map(m => m.id).filter(Boolean);
+        let groupBaseId = '';
+        for (const item of assistantGroup) {
+          if (item.id) {
+            const base = extractBaseId(item.id);
+            if (base && base !== item.id) {
+              groupBaseId = base;
+              break;
+            }
+          }
+        }
+        if (!groupBaseId && assistantGroup.length > 0 && assistantGroup[0].id) {
+          groupBaseId = extractBaseId(assistantGroup[0].id) || assistantGroup[0].id;
+        }
+
+        const placeholderCallbacks = {
+          welcomeBanner: elements.welcomeBanner,
+          onBranch: options.onBranch,
+          onDelete: options.onDelete,
+          ...options
+        };
+
+        const { wrapper, content, actions, btnCopy } = createAssistantMessagePlaceholder(
+          messagesList,
+          groupBaseId || firstAssistantId,
+          placeholderCallbacks
+        );
+
+        if (groupBaseId && wrapper) {
+          wrapper.setAttribute('data-base-id', groupBaseId);
+        }
+        if (groupMsgIds.length > 0 && wrapper) {
+          wrapper.setAttribute('data-msg-ids', groupMsgIds.join(','));
+        }
+        if (content) content.innerHTML = '';
+
+        let fullAssistantMarkdown = '';
+
+        for (let g = 0; g < assistantGroup.length; g++) {
+          const item = assistantGroup[g];
+
+          if (item.role === 'assistant') {
+            if (item.content) {
+              const turnBlock = createAssistantBlock(content);
+              renderAssistantBlock(turnBlock, item.content);
+              fullAssistantMarkdown += (fullAssistantMarkdown ? '\n\n' : '') + item.content;
+            }
+
+            if (Array.isArray(item.tool_calls) && item.tool_calls.length > 0) {
+              item.tool_calls.forEach(tc => {
+                const toolMsg = assistantGroup.find(m => m.role === 'tool' && (m.tool_call_id === tc.id || m.name === tc.function?.name));
+                const cardEl = renderStoredToolCard(tc, toolMsg);
+                if (cardEl && content) {
+                  content.appendChild(cardEl);
+                }
+              });
+            }
+          }
+        }
+
+        if (content && content.children.length === 0) {
+          const emptyText = t('no_text_response');
+          const safeEmpty = Markdown?.escapeHtml ? Markdown.escapeHtml(emptyText) : emptyText;
+          content.innerHTML = `<p><em>${safeEmpty}</em></p>`;
+        }
+
+        bindMessageCopy(btnCopy, () => fullAssistantMarkdown || (content ? content.innerText : ''));
+
+        if (actions) actions.style.display = 'inline-flex';
+
+        if (content) {
+          attachListenersToContainer(content, options);
+        }
+      }
+    }
+
+    scrollToBottom(messagesList);
+    if (typeof options.updateTelemetry === 'function') {
+      options.updateTelemetry();
+    }
+  }
+
+  return {
+    bindMessageCopy,
+    renderConnectionError,
+    injectStreamingCursor,
+    createAssistantBlock,
+    renderAssistantBlock,
+    extractBaseId,
+    isDateTimeInitialTurn,
+    scrollToBottom,
+    showTypingIndicator,
+    removeTypingIndicator,
+    renderStoredToolCard,
+    attachListenersToContainer,
+    removeMessage,
+    appendUserMessage,
+    createAssistantMessagePlaceholder,
+    renderSessionMessages
+  };
+}));