@pheem49/mint 1.5.1 → 1.5.2

package/src/UI/renderer.js

@@ -604,6 +604,95 @@ function formatProviderInfo(providerInfo) {
     return model ? `${provider || 'AI'} • ${model}` : provider;
 }
 
+function splitListOutro(text) {
+    const value = String(text || '').trim();
+    const markers = [
+        ' คุณภีมอยาก',
+        ' อยากให้',
+        ' อยากดู',
+        ' บอกมิ้นท์',
+        ' Would you',
+        ' Do you want',
+        ' Tell me'
+    ];
+
+    for (const marker of markers) {
+        const index = value.indexOf(marker);
+        if (index > 60) {
+            return {
+                main: value.slice(0, index).trim(),
+                outro: value.slice(index).trim()
+            };
+        }
+    }
+
+    return { main: value, outro: '' };
+}
+
+function buildAiTextBlocks(text) {
+    const normalized = normalizeAiText(text).replace(/\r\n/g, '\n').trim();
+    if (!normalized) return [];
+
+    const readable = normalized
+        .replace(/\s+(\d+)[.)]\s+/g, '\n$1. ')
+        .replace(/\n{3,}/g, '\n\n');
+
+    const blocks = [];
+    const lines = readable.split(/\n+/).map(line => line.trim()).filter(Boolean);
+
+    for (const line of lines) {
+        const numbered = line.match(/^\d+[.)]\s+(.+)$/);
+        const bullet = line.match(/^[-*•]\s+(.+)$/);
+
+        if (numbered || bullet) {
+            const content = numbered ? numbered[1] : bullet[1];
+            const { main, outro } = splitListOutro(content);
+            blocks.push({ type: 'bullet', text: main });
+            if (outro) blocks.push({ type: 'paragraph', text: outro });
+        } else {
+            blocks.push({ type: 'paragraph', text: line });
+        }
+    }
+
+    return blocks;
+}
+
+function appendFormattedMessageText(bubble, text, sender) {
+    if (sender !== 'ai') {
+        const textSpan = document.createElement('span');
+        textSpan.textContent = text;
+        bubble.appendChild(textSpan);
+        return;
+    }
+
+    const blocks = buildAiTextBlocks(text);
+    if (blocks.length === 0) return;
+
+    const wrapper = document.createElement('div');
+    wrapper.classList.add('formatted-ai-text');
+
+    for (const block of blocks) {
+        const item = document.createElement(block.type === 'bullet' ? 'div' : 'p');
+        item.classList.add(block.type === 'bullet' ? 'ai-list-item' : 'ai-paragraph');
+
+        if (block.type === 'bullet') {
+            const bullet = document.createElement('span');
+            bullet.classList.add('ai-list-bullet');
+            bullet.textContent = '•';
+            const content = document.createElement('span');
+            content.textContent = block.text;
+            item.appendChild(bullet);
+            item.appendChild(content);
+        } else {
+            item.textContent = block.text;
+        }
+
+        wrapper.appendChild(item);
+    }
+
+    bubble.appendChild(wrapper);
+}
+
 function appendMessage(text, sender, base64Image = null, timestamp = null, options = {}) {
     const messageDiv = document.createElement('div');
     messageDiv.classList.add('message', `${sender}-message`);
@@ -625,9 +714,7 @@ function appendMessage(text, sender, base64Image = null, timestamp = null, optio
     }
 
     if (text) {
-        const textSpan = document.createElement('span');
-        textSpan.textContent = text;
-        bubble.appendChild(textSpan);
+        appendFormattedMessageText(bubble, text, sender);
     }
 
     bubbleWrapper.appendChild(bubble);
@@ -673,6 +760,9 @@ function normalizeAiText(input) {
 function splitAiMessages(text) {
     const normalized = normalizeAiText(text).trim();
     if (!normalized) return [];
+    if (/(^|\s)\d+[.)]\s+/.test(normalized) || /(^|\n)\s*[-*•]\s+/.test(normalized)) {
+        return [normalized];
+    }
     const byBlankLine = normalized
         .split(/\n\s*\n/)
         .map((part) => part.trim())
@@ -1172,6 +1262,76 @@ if (changeExpressionBtn) {
     });
 }
 
+// Cycle Live2D accessories
+const accessoryStorageKey = 'mint-live2d-accessories';
+const accessoryCycleBtn = document.getElementById('accessory-cycle-btn');
+const accessoryCycleLabel = document.getElementById('accessory-cycle-label');
+const accessoryCycleOrder = [null, 'glasses', 'pen', 'cat'];
+const accessoryLabels = {
+    glasses: 'Glasses',
+    pen: 'Pen',
+    cat: 'Cat'
+};
+let savedAccessories = {};
+try {
+    savedAccessories = JSON.parse(localStorage.getItem(accessoryStorageKey) || '{}') || {};
+} catch (_) {
+    savedAccessories = {};
+}
+
+const getSavedAccessoryId = () => accessoryCycleOrder.find(id => id && savedAccessories[id] === true) || null;
+
+function updateAccessoryCycleButton(accessoryId) {
+    if (!accessoryCycleBtn) return;
+    const isActive = Boolean(accessoryId);
+    const label = accessoryId ? accessoryLabels[accessoryId] : 'Accessory';
+    accessoryCycleBtn.classList.toggle('active', isActive);
+    accessoryCycleBtn.setAttribute('aria-pressed', String(isActive));
+    accessoryCycleBtn.title = `Accessory: ${label}`;
+    if (accessoryCycleLabel) accessoryCycleLabel.textContent = label;
+}
+
+let currentAccessoryId = getSavedAccessoryId();
+updateAccessoryCycleButton(currentAccessoryId);
+
+if (accessoryCycleBtn) {
+    accessoryCycleBtn.addEventListener('click', () => {
+        const currentIndex = accessoryCycleOrder.indexOf(currentAccessoryId);
+        currentAccessoryId = accessoryCycleOrder[(currentIndex + 1) % accessoryCycleOrder.length];
+        updateAccessoryCycleButton(currentAccessoryId);
+
+        if (window.Live2DManager) {
+            Live2DManager.setExclusiveAccessory(currentAccessoryId, true);
+        } else {
+            savedAccessories = {};
+            if (currentAccessoryId) savedAccessories[currentAccessoryId] = true;
+            localStorage.setItem(accessoryStorageKey, JSON.stringify(savedAccessories));
+        }
+    });
+}
+
+// Toggle Live2D model interaction
+const toggleInteractionBtn = document.getElementById('toggle-interaction-btn');
+if (toggleInteractionBtn) {
+    const savedInteractionEnabled = localStorage.getItem('mint-model-interaction-enabled') !== 'false';
+    toggleInteractionBtn.classList.toggle('active', savedInteractionEnabled);
+    toggleInteractionBtn.setAttribute('aria-pressed', String(savedInteractionEnabled));
+    if (window.Live2DManager) {
+        Live2DManager.setInteractionEnabled(savedInteractionEnabled);
+    }
+
+    toggleInteractionBtn.addEventListener('click', () => {
+        const isEnabled = !toggleInteractionBtn.classList.contains('active');
+        toggleInteractionBtn.classList.toggle('active', isEnabled);
+        toggleInteractionBtn.setAttribute('aria-pressed', String(isEnabled));
+        if (window.Live2DManager) {
+            Live2DManager.setInteractionEnabled(isEnabled, true);
+        } else {
+            localStorage.setItem('mint-model-interaction-enabled', String(isEnabled));
+        }
+    });
+}
+
 // Toggle Live2D interaction area guide
 const interactionGuideBtn = document.getElementById('interaction-guide-btn');
 if (interactionGuideBtn && modelShell) {