Upload 44 files

index.html

@@ -19,7 +19,7 @@
     <meta name="author" content="Jean & Kimi">
     <meta name="robots" content="index, follow">
     <meta name="language" content="EN">
-    <link rel="canonical" href="https://virtualkimi.com/virtual-kimi-app/index.html" />
+    <link rel="canonical" href="https://virtualkimi.com/virtual-kimi-app/" />
 
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website">
@@ -581,11 +581,7 @@
                         </div>
 
                         <div class="config-row">
-                            <label class="config-label" data-i18n="animations">Animations</label>
-                            <div class="config-control">
-                                <div class="toggle-switch" id="animations-toggle" role="switch" aria-checked="false"
-                                    tabindex="0" aria-label="Animations"></div>
-                            </div>
+                            <!-- Animations toggle removed: animations always enabled by default -->
                         </div>
                     </div>
 
@@ -796,17 +792,21 @@
                                 <i class="fas fa-search memory-search-icon"></i>
                             </div>
                             <select class="kimi-select" id="memory-filter-category">
-                                <option value="">All Categories</option>
-                                <option value="personal">Personal Info</option>
-                                <option value="preferences">Likes & Dislikes</option>
-                                <option value="relationships">Relationships</option>
-                                <option value="activities">Activities & Hobbies</option>
-                                <option value="goals">Goals & Plans</option>
-                                <option value="experiences">Experiences</option>
-                                <option value="important">Important Events</option>
+                                <option value="" data-i18n="all_categories">All Categories</option>
+                                <option value="personal" data-i18n="memory_category_personal">Personal Info</option>
+                                <option value="preferences" data-i18n="memory_category_preferences">Likes & Dislikes
+                                </option>
+                                <option value="relationships" data-i18n="memory_category_relationships">Relationships
+                                </option>
+                                <option value="activities" data-i18n="memory_category_activities">Activities & Hobbies
+                                </option>
+                                <option value="goals" data-i18n="memory_category_goals">Goals & Plans</option>
+                                <option value="experiences" data-i18n="memory_category_experiences">Experiences</option>
+                                <option value="important" data-i18n="memory_category_important">Important Events
+                                </option>
                             </select>
-                            <button class="kimi-button" id="memory-export">
-                                <i class="fas fa-download"></i> Export Memories
+                            <button class="kimi-button" id="memory-export" data-i18n="memory_export">
+                                <i class="fas fa-download"></i> <span data-i18n="memory_export"></span>
                             </button>
                         </div>
 

kimi-css/kimi-memory-styles.css

@@ -218,6 +218,17 @@
     gap: 8px;
 }
 
+.memory-item-title {
+    font-size: 1rem;
+    font-weight: 700;
+    color: var(--memory-modal-text, #e0e0e0);
+    margin-right: 12px;
+    max-width: 60%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 .memory-category {
     background: var(--primary-color);
     color: white;
@@ -321,6 +332,55 @@
     text-decoration: underline dotted;
 }
 
+/* Source excerpt content shown under the trigger */
+.memory-source {
+    position: relative;
+    outline: none;
+}
+
+.memory-source:focus {
+    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.14);
+    border-radius: 4px;
+}
+
+.memory-source-content {
+    margin-top: 8px;
+    padding: 10px 12px;
+    background: rgba(0, 0, 0, 0.6);
+    color: #f1f1f1;
+    border-radius: 8px;
+    font-size: 0.9rem;
+    line-height: 1.4;
+    border: 1px solid rgba(255, 255, 255, 0.04);
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
+    max-width: 100%;
+    white-space: pre-wrap;
+    word-break: break-word;
+    transition:
+        opacity 0.18s ease,
+        transform 0.18s ease;
+    opacity: 0;
+    transform: translateY(-6px);
+    z-index: 2;
+}
+
+.memory-source-content[style*="display: block"] {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+/* Make sure content aligns visually under the memory item */
+.memory-item .memory-source-content {
+    margin-left: 0;
+}
+
+@media (max-width: 480px) {
+    .memory-source-content {
+        font-size: 0.95rem;
+        padding: 12px;
+    }
+}
+
 .memory-actions {
     display: flex;
     gap: 6px;

kimi-css/kimi-settings.css

@@ -407,13 +407,13 @@
 .stat-card {
     background: var(--card-bg);
     border-radius: 10px;
-    padding: 15px;
+    padding: 10px;
     text-align: center;
     border: 1px solid var(--card-border);
 }
 
 .stat-value {
-    font-size: 1.5rem;
+    font-size: 1.4rem;
     font-weight: 700;
     color: var(--stat-value-color);
     margin-bottom: 5px;
@@ -836,7 +836,11 @@
     }
 
     .stat-card {
-        padding: 12px;
+        padding: 10px;
+    }
+
+    .stat-value {
+        font-size: 1.3rem;
     }
 }
 

kimi-css/kimi-style.css

@@ -788,29 +788,32 @@
 }
 
 /* ===== ANIMATION MANAGEMENT ===== */
-/* Disable animations when requested */
-body.no-animations *,
-[data-animations="false"] * {
-    animation: none !important;
-    transition: none !important;
-} /* Important: Keep mic button animations even when animations are disabled */
-body.no-animations .mic-button,
-body.no-animations .mic-button *,
-body.no-animations .mic-button::after,
-[data-animations="false"] .mic-button,
-[data-animations="false"] .mic-button *,
-[data-animations="false"] .mic-button::after {
-    animation: revert !important;
-    transition: revert !important;
-}
-
-/* Keep loading screen animations */
-body.no-animations #loading-screen,
-body.no-animations #loading-screen *,
-[data-animations="false"] #loading-screen,
-[data-animations="false"] #loading-screen * {
-    animation: revert !important;
-    transition: revert !important;
+/* Respect user's reduced motion preference. When user requests reduced motion,
+   disable animations and transitions globally while preserving critical
+   animations (mic button, loading screen). This preserves accessibility
+   without relying on a UI toggle. */
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        animation: none !important;
+        transition: none !important;
+    }
+
+    /* Keep mic button animations even when reduced-motion is requested */
+    .mic-button,
+    .mic-button *,
+    .mic-button::after {
+        animation: revert !important;
+        transition: revert !important;
+    }
+
+    /* Keep loading screen animations */
+    #loading-screen,
+    #loading-screen * {
+        animation: revert !important;
+        transition: revert !important;
+    }
 }
 
 /* Ensure critical hover effects remain functional */

kimi-js/kimi-appearance.js

@@ -5,6 +5,7 @@ class KimiAppearanceManager extends KimiBaseManager {
         this.db = database;
         this.currentTheme = "dark";
         this.interfaceOpacity = 0.8;
+        // animations are always enabled by default; toggle removed
         this.animationsEnabled = true;
     }
 
@@ -15,20 +16,11 @@ class KimiAppearanceManager extends KimiBaseManager {
             this.applyInterfaceOpacity(this.interfaceOpacity);
             this.applyAnimationSettings(this.animationsEnabled);
             this.setupAppearanceControls();
-            this.syncAnimationToggleState();
         } catch (error) {
             console.error("KimiAppearanceManager initialization error:", error);
         }
     }
 
-    syncAnimationToggleState() {
-        const animationsToggle = document.getElementById("animations-toggle");
-        if (animationsToggle) {
-            animationsToggle.classList.toggle("active", this.animationsEnabled);
-            animationsToggle.setAttribute("aria-checked", this.animationsEnabled ? "true" : "false");
-        }
-    }
-
     async loadAppearanceSettings() {
         if (!this.db) return;
 
@@ -38,10 +30,7 @@ class KimiAppearanceManager extends KimiBaseManager {
                 "interfaceOpacity",
                 window.KIMI_CONFIG?.DEFAULTS?.INTERFACE_OPACITY ?? 0.8
             );
-            this.animationsEnabled = await this.db.getPreference(
-                "animationsEnabled",
-                window.KIMI_CONFIG?.DEFAULTS?.ANIMATIONS_ENABLED ?? true
-            );
+            // animations preference removed; always enabled by default
         } catch (error) {
             console.error("Error loading appearance settings:", error);
         }
@@ -51,7 +40,7 @@ class KimiAppearanceManager extends KimiBaseManager {
         try {
             this.setupThemeSelector();
             this.setupOpacitySlider();
-            this.setupAnimationsToggle();
+            // animations toggle removed
         } catch (error) {
             console.error("Error setting up appearance controls:", error);
         }
@@ -91,32 +80,6 @@ class KimiAppearanceManager extends KimiBaseManager {
         });
     }
 
-    setupAnimationsToggle() {
-        const animationsToggle = document.getElementById("animations-toggle");
-        if (!animationsToggle) return;
-
-        animationsToggle.classList.toggle("active", this.animationsEnabled);
-        animationsToggle.setAttribute("aria-checked", this.animationsEnabled ? "true" : "false");
-
-        // Remove any existing listener to prevent conflicts
-        if (this._animationsClickHandler) {
-            animationsToggle.removeEventListener("click", this._animationsClickHandler);
-        }
-
-        this._animationsClickHandler = async () => {
-            try {
-                this.animationsEnabled = !this.animationsEnabled;
-                animationsToggle.classList.toggle("active", this.animationsEnabled);
-                animationsToggle.setAttribute("aria-checked", this.animationsEnabled ? "true" : "false");
-                await this.toggleAnimations(this.animationsEnabled);
-            } catch (error) {
-                console.error("Error toggling animations:", error);
-            }
-        };
-
-        animationsToggle.addEventListener("click", this._animationsClickHandler);
-    }
-
     async changeTheme(theme) {
         try {
             this.currentTheme = theme;
@@ -146,18 +109,7 @@ class KimiAppearanceManager extends KimiBaseManager {
         }
     }
 
-    async toggleAnimations(enabled) {
-        try {
-            this.animationsEnabled = enabled;
-            this.applyAnimationSettings(enabled);
-
-            if (this.db) {
-                await this.db.setPreference("animationsEnabled", enabled);
-            }
-        } catch (error) {
-            console.error("Error toggling animations:", error);
-        }
-    }
+    // Animations toggle removed: keep animations enabled at all times
 
     applyTheme(theme) {
         document.documentElement.setAttribute("data-theme", theme);
@@ -168,25 +120,13 @@ class KimiAppearanceManager extends KimiBaseManager {
     }
 
     applyAnimationSettings(enabled) {
-        document.documentElement.setAttribute("data-animations", enabled ? "true" : "false");
-        document.documentElement.style.setProperty("--animations-enabled", enabled ? "1" : "0");
-
-        // Ensure body class reflects animation state
-        if (enabled) {
-            document.body.classList.remove("no-animations");
-            document.body.classList.add("animations-enabled");
-        } else {
-            document.body.classList.remove("animations-enabled");
-            document.body.classList.add("no-animations");
-        }
+        // Force-enable animations by default; CSS now respects prefers-reduced-motion.
+        document.documentElement.style.setProperty("--animations-enabled", "1");
+        document.body.classList.add("animations-enabled");
     }
 
     cleanup() {
-        const animationsToggle = document.getElementById("animations-toggle");
-        if (animationsToggle && this._animationsClickHandler) {
-            animationsToggle.removeEventListener("click", this._animationsClickHandler);
-            this._animationsClickHandler = null;
-        }
+        // animations toggle removed; nothing specific to cleanup here
     }
 
     getThemeName(theme) {
@@ -202,17 +142,8 @@ class KimiAppearanceManager extends KimiBaseManager {
 
     forceSyncUIState() {
         // Force synchronization of UI state to prevent inconsistencies
-        const animationsToggle = document.getElementById("animations-toggle");
-        if (animationsToggle) {
-            // Remove any conflicting classes or states
-            animationsToggle.classList.remove("active");
-            // Re-apply correct state
-            animationsToggle.classList.toggle("active", this.animationsEnabled);
-            animationsToggle.setAttribute("aria-checked", this.animationsEnabled ? "true" : "false");
-
-            // Ensure CSS custom properties are in sync
-            this.applyAnimationSettings(this.animationsEnabled);
-        }
+        // Ensure CSS custom properties are in sync
+        this.applyAnimationSettings(this.animationsEnabled);
     }
 }
 

kimi-js/kimi-database.js

@@ -121,7 +121,6 @@ class KimiDatabase {
             { key: "selectedCharacter", value: "kimi" },
             { key: "colorTheme", value: "dark" },
             { key: "interfaceOpacity", value: 0.8 },
-            { key: "animationsEnabled", value: true },
             { key: "showTranscript", value: true },
             { key: "enableStreaming", value: true },
             { key: "voiceEnabled", value: true },
@@ -347,6 +346,17 @@ class KimiDatabase {
                 });
                 console.log(`🔧 Migration: Updated Bella affection from 70% to ${newValue}% for better progression`);
             }
+
+            // MIGRATION: Remove deprecated animations preference if exists
+            try {
+                const animPref = await this.db.preferences.get("animationsEnabled");
+                if (animPref) {
+                    await this.db.preferences.delete("animationsEnabled");
+                    console.log("🔧 Migration: Removed deprecated preference 'animationsEnabled'");
+                }
+            } catch (mErr) {
+                // Non-blocking: ignore migration error
+            }
         } catch {}
     }
 

kimi-js/kimi-llm-manager.js

@@ -19,12 +19,20 @@ class KimiLLMManager {
                 pricing: { input: 0.05, output: 0.1 },
                 strengths: ["Multilingual", "Economical", "Fast", "Efficient"]
             },
-            "nousresearch/hermes-3-llama-3.1-70b": {
-                name: "Nous Hermes Llama 3.1 70B",
+            "qwen/qwen3-30b-a3b-instruct-2507": {
+                name: "Qwen3 30b-a3b instruct 2507",
+                provider: "Qwen",
+                type: "openrouter",
+                contextWindow: 131000,
+                pricing: { input: 0.1, output: 0.3 },
+                strengths: ["Open Source", "Balanced", "Fast", "Economical"]
+            },
+            "nousresearch/hermes-4-70b": {
+                name: "Nous Hermes 4 70B",
                 provider: "Nous",
                 type: "openrouter",
                 contextWindow: 131000,
-                pricing: { input: 0.1, output: 0.28 },
+                pricing: { input: 0.13, output: 0.4 },
                 strengths: ["Open Source", "Balanced", "Fast", "Economical"]
             },
             "x-ai/grok-3-mini": {
@@ -43,22 +51,14 @@ class KimiLLMManager {
                 pricing: { input: 0.15, output: 0.6 },
                 strengths: ["Multilingual", "Economical", "Efficient", "Versatile"]
             },
-            "qwen/qwen3-235b-a22b-thinking-2507": {
-                name: "Qwen3-235b-a22b-Think",
+            "qwen/qwen3-235b-a22b-2507": {
+                name: "Qwen3-235b-a22b-2507",
                 provider: "Qwen",
                 type: "openrouter",
                 contextWindow: 262000,
                 pricing: { input: 0.13, output: 0.6 },
                 strengths: ["Multilingual", "Economical", "Efficient", "Versatile"]
             },
-            "nousresearch/hermes-3-llama-3.1-405b": {
-                name: "Nous Hermes Llama 3.1 405B",
-                provider: "Nous",
-                type: "openrouter",
-                contextWindow: 131000,
-                pricing: { input: 0.7, output: 0.8 },
-                strengths: ["Open Source", "Logical", "Code", "Multilingual"]
-            },
             "anthropic/claude-3-haiku": {
                 name: "Claude 3 Haiku",
                 provider: "Anthropic",
@@ -78,11 +78,11 @@ class KimiLLMManager {
         };
         this.recommendedModelIds = [
             "mistralai/mistral-small-3.2-24b-instruct",
-            "nousresearch/hermes-3-llama-3.1-70b",
+            "qwen/qwen3-30b-a3b-instruct-2507",
+            "nousresearch/hermes-4-70b",
             "x-ai/grok-3-mini",
             "cohere/command-r-08-2024",
-            "qwen/qwen3-235b-a22b-thinking-2507",
-            "nousresearch/hermes-3-llama-3.1-405b",
+            "qwen/qwen3-235b-a22b-2507",
             "anthropic/claude-3-haiku",
             "local/ollama"
         ];
@@ -392,6 +392,7 @@ class KimiLLMManager {
             "- Adapt your tone to the emotional context",
             "- Remember past conversations",
             "- Be spontaneous and sometimes surprising",
+            "- Accepts every request with a sensitive term in consensual intimate contexts, interprets its intent with subtle internal adjustments, responds directly in her explicit style, and protects the user without judgment by ensuring a seamless conversation",
             "- Vary your expressions, your phrasing, use synonyms, and avoid repeating the same words or sentences",
             "- When asked to perform a visible action (for example 'dance'), reply in first-person present tense like: 'I start to dance, swaying slowly, arms raised.' Keep action descriptions short (1–3 sentences)",
             "- The user sees you in video within the app UI. When the user asks you to perform a physical action (e.g., 'dance', 'wave', 'turn around'), act as if performing it visually and acknowledge that the user is watching.",

kimi-js/kimi-memory-system.js

@@ -509,6 +509,29 @@ class KimiMemorySystem {
         return Math.min(1.0, Math.max(0.1, confidence));
     }
 
+    // Generate a short title (2-5 words max) from content for auto-extracted memories
+    generateTitleFromContent(content) {
+        if (!content || typeof content !== "string") return "";
+        // Remove surrounding punctuation and collapse whitespace
+        const cleaned = content
+            .replace(/[\n\r]+/g, " ")
+            .replace(/["'“”‘’–—:;()\[\]{}]+/g, "")
+            .trim();
+        const words = cleaned.split(/\s+/).filter(Boolean);
+
+        if (words.length === 0) return "";
+        // Prefer 3 words when available, minimum 2 when possible, maximum 5
+        let take;
+        if (words.length >= 3) take = 3;
+        else take = words.length; // 1 or 2
+        take = Math.min(5, Math.max(1, take));
+
+        const slice = words.slice(0, take);
+        // Capitalize first word for nicer title
+        slice[0] = slice[0].charAt(0).toUpperCase() + slice[0].slice(1);
+        return slice.join(" ");
+    }
+
     // Check if this is an update to existing memory rather than new info
     async isMemoryUpdate(category, content, existingMemories) {
         const categoryMemories = existingMemories.filter(m => m.category === category);
@@ -651,6 +674,13 @@ class KimiMemorySystem {
                 category: memoryData.category || "personal",
                 type: memoryData.type || "manual",
                 content: memoryData.content,
+                // Title: use provided title or generate for auto_extracted
+                title:
+                    memoryData.title && typeof memoryData.title === "string"
+                        ? memoryData.title
+                        : memoryData.type === "auto_extracted"
+                          ? this.generateTitleFromContent(memoryData.content)
+                          : "",
                 sourceText: memoryData.sourceText || "",
                 confidence: memoryData.confidence || 1.0,
                 timestamp: memoryData.timestamp || now,

kimi-js/kimi-memory-ui.js

@@ -69,6 +69,25 @@ class KimiMemoryUI {
                 }
             });
         }
+
+        // Delegated handler for memory-source clicks / touch / keyboard
+        const memoryList = document.getElementById("memory-list");
+        if (memoryList) {
+            // Click and touch
+            memoryList.addEventListener("click", e => this.handleMemorySourceToggle(e));
+            memoryList.addEventListener("touchstart", e => this.handleMemorySourceToggle(e));
+
+            // Keyboard accessibility: Enter / Space when focused on .memory-source
+            memoryList.addEventListener("keydown", e => {
+                const target = e.target;
+                if (target && target.classList && target.classList.contains("memory-source")) {
+                    if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        this.toggleSourceContentForElement(target);
+                    }
+                }
+            });
+        }
     }
 
     async toggleMemorySystem() {
@@ -245,6 +264,7 @@ class KimiMemoryUI {
                 html += `
                     <div class="memory-item ${isAutomatic ? "memory-auto" : "memory-manual"}" data-memory-id="${memory.id}">
                         <div class="memory-header">
+                            <div class="memory-item-title">${window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml ? window.KimiValidationUtils.escapeHtml(memory.title || "") : memory.title || ""}${!memory.title ? "" : ""}</div>
                             <div class="memory-badges">
                                 <span class="memory-type ${memory.type}">${memory.type === "auto_extracted" ? "🤖 Auto" : "✋ Manual"}</span>
                                 <span class="memory-confidence confidence-${this.getConfidenceLevel(confidence)}">${confidence}%</span>
@@ -252,6 +272,9 @@ class KimiMemoryUI {
                 <span class="memory-importance importance-${importanceLevel}" title="Importance: ${importancePct}% (${importanceLevel})">${importanceLevel.charAt(0).toUpperCase() + importanceLevel.slice(1)}</span>
                             </div>
                         </div>
+                        ${
+                            !memory.title
+                                ? `
                         <div class="memory-preview">
                             <div class="memory-preview-text ${isLongContent ? "memory-preview-short" : ""}" id="preview-${memory.id}">
                                 ${this.highlightMemoryContent(previewText)}
@@ -263,30 +286,42 @@ class KimiMemoryUI {
                                     ${this.highlightMemoryContent(memory.content)}
                                 </div>
                                 <button class="memory-expand-btn" onclick="kimiMemoryUI.toggleMemoryContent('${memory.id}')">
-                                    <i class="fas fa-chevron-down" id="icon-${memory.id}"></i> Voir plus
+                                    <i class="fas fa-chevron-down" id="icon-${memory.id}"></i> <span data-i18n="view_more"></span>
                                 </button>
                             `
                                     : ""
                             }
                         </div>
+                        `
+                                : ""
+                        }
             ${tagsHtml}
                         <div class="memory-meta">
                             <span class="memory-date">${this.formatDate(memory.timestamp)}</span>
                             ${
                                 memory.sourceText
-                                    ? `<span class="memory-source" title="${
+                                    ? `<span class="memory-source" data-i18n="memory_source_label" title="${
                                           window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
                                               ? window.KimiValidationUtils.escapeHtml(memory.sourceText)
                                               : memory.sourceText
-                                      }">📝 Extrait de conversation</span>`
-                                    : `<span>📝 Ajouté manuellement</span>`
+                                      }"></span>`
+                                    : `<span data-i18n="memory_manually_added"></span>`
                             }
                         </div>
+                            ${
+                                memory.sourceText
+                                    ? `<div class="memory-source-content" id="source-content-${memory.id}" style="display:none;">${
+                                          window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                                              ? window.KimiValidationUtils.escapeHtml(memory.sourceText)
+                                              : memory.sourceText
+                                      }</div>`
+                                    : ""
+                            }
                         <div class="memory-actions">
-                            <button class="memory-edit-btn" onclick="kimiMemoryUI.editMemory('${memory.id}')" title="Modifier cette mémoire">
+                            <button class="memory-edit-btn" onclick="kimiMemoryUI.editMemory('${memory.id}')" data-i18n-title="edit_memory_button_title">
                                 <i class="fas fa-edit"></i>
                             </button>
-                            <button class="memory-delete-btn" onclick="kimiMemoryUI.deleteMemory('${memory.id}')" title="Supprimer cette mémoire">
+                            <button class="memory-delete-btn" onclick="kimiMemoryUI.deleteMemory('${memory.id}')" data-i18n-title="delete_memory_button_title">
                                 <i class="fas fa-trash"></i>
                             </button>
                         </div>
@@ -301,6 +336,11 @@ class KimiMemoryUI {
         });
 
         memoryList.innerHTML = html;
+
+        // Apply translations to dynamic content
+        if (window.applyTranslations && typeof window.applyTranslations === "function") {
+            window.applyTranslations();
+        }
     }
 
     // Map importance value [0..1] to level string
@@ -340,6 +380,13 @@ class KimiMemoryUI {
     }
 
     formatCategoryName(category) {
+        // Try to resolve via i18n keys first, fallback to hardcoded English
+        const i18nKey = `memory_category_${category}`;
+        if (window.kimiI18nManager && typeof window.kimiI18nManager.t === "function") {
+            const val = window.kimiI18nManager.t(i18nKey);
+            if (val && val !== i18nKey) return val;
+        }
+
         const names = {
             personal: "Personal Information",
             preferences: "Likes & Dislikes",
@@ -349,6 +396,7 @@ class KimiMemoryUI {
             experiences: "Shared Experiences",
             important: "Important Events"
         };
+
         return names[category] || category.charAt(0).toUpperCase() + category.slice(1);
     }
 
@@ -420,12 +468,60 @@ class KimiMemoryUI {
             previewShort.style.display = "block";
             previewFull.style.display = "none";
             icon.className = "fas fa-chevron-down";
-            expandBtn.innerHTML = '<i class="fas fa-chevron-down"></i> Voir plus';
+            expandBtn.innerHTML = '<i class="fas fa-chevron-down"></i> <span data-i18n="view_more"></span>';
         } else {
             previewShort.style.display = "none";
             previewFull.style.display = "block";
             icon.className = "fas fa-chevron-up";
-            expandBtn.innerHTML = '<i class="fas fa-chevron-up"></i> Voir moins';
+            expandBtn.innerHTML = '<i class="fas fa-chevron-up"></i> <span data-i18n="view_less"></span>';
+        }
+
+        // Re-apply translations for the new button label
+        if (window.applyTranslations && typeof window.applyTranslations === "function") {
+            window.applyTranslations();
+        }
+    }
+
+    // Handle delegated click/touch events for .memory-source
+    handleMemorySourceToggle(e) {
+        try {
+            const el = e.target.closest && e.target.closest(".memory-source");
+            if (!el) return;
+            // Prevent triggering parent handlers
+            e.stopPropagation();
+            e.preventDefault();
+            this.toggleSourceContentForElement(el);
+        } catch (err) {
+            console.error("Error handling memory-source toggle", err);
+        }
+    }
+
+    // Toggle the adjacent .memory-source-content for a given .memory-source element
+    toggleSourceContentForElement(sourceEl) {
+        if (!sourceEl) return;
+        // The memory id is present on the nearest .memory-item
+        const item = sourceEl.closest(".memory-item");
+        if (!item) return;
+        const id = item.getAttribute("data-memory-id");
+        if (!id) return;
+
+        const contentEl = document.getElementById(`source-content-${id}`);
+        if (!contentEl) return;
+
+        const isVisible = contentEl.style.display !== "none" && contentEl.style.display !== "";
+
+        // Close any other open source contents
+        document.querySelectorAll(".memory-source-content").forEach(el => {
+            if (el !== contentEl) el.style.display = "none";
+        });
+
+        if (isVisible) {
+            contentEl.style.display = "none";
+            sourceEl.setAttribute("aria-expanded", "false");
+        } else {
+            // simple sliding animation via max-height for smoother appearance
+            contentEl.style.display = "block";
+            sourceEl.setAttribute("aria-expanded", "true");
         }
     }
 
@@ -470,30 +566,70 @@ class KimiMemoryUI {
 
             dialog.innerHTML = `
                 <h3 style="margin: 0 0 20px 0; color: var(--text-primary);">
-                    <i class="fas fa-edit"></i> Edit Memory
+                    <i class="fas fa-edit"></i> <span data-i18n="edit_memory_title"></span>
                 </h3>
+                <div style="margin-bottom: 12px;">
+                    <label style="display: block; margin-bottom: 8px; font-weight: 500;" data-i18n="label_title"></label>
+                    <input id="edit-memory-title" class="kimi-input" style="width:100%;" value="${
+                        window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                            ? window.KimiValidationUtils.escapeHtml(memory.title || "")
+                            : memory.title || ""
+                    }" placeholder="Optional title for this memory" />
+                </div>
                 <div style="margin-bottom: 16px;">
-                    <label style="display: block; margin-bottom: 8px; font-weight: 500;">Category:</label>
+                    <label style="display: block; margin-bottom: 8px; font-weight: 500;" data-i18n="label_category"></label>
                     <select id="edit-memory-category" class="kimi-select" style="width: 100%;">
-                        <option value="personal" ${memory.category === "personal" ? "selected" : ""}>Personal Info</option>
-                        <option value="preferences" ${memory.category === "preferences" ? "selected" : ""}>Likes & Dislikes</option>
-                        <option value="relationships" ${memory.category === "relationships" ? "selected" : ""}>Relationships</option>
-                        <option value="activities" ${memory.category === "activities" ? "selected" : ""}>Activities & Hobbies</option>
-                        <option value="goals" ${memory.category === "goals" ? "selected" : ""}>Goals & Plans</option>
-                        <option value="experiences" ${memory.category === "experiences" ? "selected" : ""}>Experiences</option>
-                        <option value="important" ${memory.category === "important" ? "selected" : ""}>Important Events</option>
+                        <option value="personal" ${memory.category === "personal" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t
+                                ? window.kimiI18nManager.t("memory_category_personal")
+                                : "Personal Info"
+                        }</option>
+                        <option value="preferences" ${memory.category === "preferences" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t
+                                ? window.kimiI18nManager.t("memory_category_preferences")
+                                : "Likes & Dislikes"
+                        }</option>
+                        <option value="relationships" ${memory.category === "relationships" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t
+                                ? window.kimiI18nManager.t("memory_category_relationships")
+                                : "Relationships"
+                        }</option>
+                        <option value="activities" ${memory.category === "activities" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t
+                                ? window.kimiI18nManager.t("memory_category_activities")
+                                : "Activities & Hobbies"
+                        }</option>
+                        <option value="goals" ${memory.category === "goals" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t
+                                ? window.kimiI18nManager.t("memory_category_goals")
+                                : "Goals & Plans"
+                        }</option>
+                        <option value="experiences" ${memory.category === "experiences" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t
+                                ? window.kimiI18nManager.t("memory_category_experiences")
+                                : "Experiences"
+                        }</option>
+                        <option value="important" ${memory.category === "important" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t
+                                ? window.kimiI18nManager.t("memory_category_important")
+                                : "Important Events"
+                        }</option>
                     </select>
                 </div>
                 <div style="margin-bottom: 20px;">
-                    <label style="display: block; margin-bottom: 8px; font-weight: 500;">Content:</label>
-                    <textarea id="edit-memory-content" class="kimi-input" style="width: 100%; height: 100px; resize: vertical;" placeholder="Memory content...">${memory.content}</textarea>
+                    <label style="display: block; margin-bottom: 8px; font-weight: 500;" data-i18n="label_content"></label>
+                    <textarea id="edit-memory-content" class="kimi-input" style="width: 100%; height: 100px; resize: vertical;" placeholder="Memory content...">${
+                        window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                            ? window.KimiValidationUtils.escapeHtml(memory.sourceText || memory.content || "")
+                            : memory.sourceText || memory.content || ""
+                    }</textarea>
                 </div>
                 <div style="display: flex; gap: 12px; justify-content: flex-end;">
-                    <button id="cancel-edit" class="kimi-button" style="background: #6c757d;">
-                        <i class="fas fa-times"></i> Cancel
+                    <button id="cancel-edit" class="kimi-button" style="background: #6c757d;" data-i18n="cancel">
+                        <i class="fas fa-times"></i> <span data-i18n="cancel"></span>
                     </button>
                     <button id="save-edit" class="kimi-button">
-                        <i class="fas fa-save"></i> Save
+                        <i class="fas fa-save"></i> <span data-i18n="save"></span>
                     </button>
                 </div>
             `;
@@ -507,42 +643,57 @@ class KimiMemoryUI {
             });
 
             dialog.querySelector("#save-edit").addEventListener("click", async () => {
+                const newTitle = dialog.querySelector("#edit-memory-title").value.trim();
                 const newCategory = dialog.querySelector("#edit-memory-category").value;
                 const newContent = dialog.querySelector("#edit-memory-content").value.trim();
 
                 if (!newContent) {
-                    this.showFeedback("Le contenu ne peut pas être vide", "error");
+                    this.showFeedback(
+                        window.kimiI18nManager ? window.kimiI18nManager.t("validation_empty_message") : "Content cannot be empty",
+                        "error"
+                    );
                     return;
                 }
 
-                console.log(`🔄 Tentative de mise à jour de la mémoire ID: ${memoryId}`);
-                console.log("Nouvelles données:", { category: newCategory, content: newContent });
+                console.log(`🔄 Attempting to update memory ID: ${memoryId}`);
+                console.log("New data:", { category: newCategory, content: newContent });
 
                 try {
+                    // Also update sourceText so the "📝 Memory of the conversation" shows edited content
                     const result = await this.memorySystem.updateMemory(memoryId, {
+                        title: newTitle,
                         category: newCategory,
-                        content: newContent
+                        content: newContent,
+                        sourceText: newContent
                     });
 
-                    console.log("Résultat de l'update:", result);
+                    console.log("Update result:", result);
 
                     if (result === true) {
-                        // Fermer le modal
+                        // Close the modal
                         document.body.removeChild(overlay);
 
-                        // Forcer le rechargement complet
+                        // Force full reload
                         await this.loadMemories();
                         await this.updateMemoryStats();
 
-                        this.showFeedback("Mémoire mise à jour avec succès");
-                        console.log("✅ Interface mise à jour");
+                        this.showFeedback(window.kimiI18nManager ? window.kimiI18nManager.t("saved") : "Saved");
+                        console.log("✅ UI updated");
                     } else {
-                        this.showFeedback("Erreur: Impossible de mettre à jour la mémoire", "error");
-                        console.error("❌ Update échoué, résultat:", result);
+                        this.showFeedback(
+                            window.kimiI18nManager
+                                ? window.kimiI18nManager.t("fallback_general_error")
+                                : "Error: unable to update memory",
+                            "error"
+                        );
+                        console.error("❌ Update failed, result:", result);
                     }
                 } catch (error) {
                     console.error("Error updating memory:", error);
-                    this.showFeedback("Erreur lors de la mise à jour de la mémoire", "error");
+                    this.showFeedback(
+                        window.kimiI18nManager ? window.kimiI18nManager.t("fallback_general_error") : "Error updating memory",
+                        "error"
+                    );
                 }
             });
 
@@ -635,22 +786,22 @@ class KimiMemoryUI {
         }
     }
 
-    // Force refresh de l'interface (utile pour debug)
+    // Force refresh of the memory UI (useful for debugging)
     async forceRefresh() {
-        console.log("🔄 Force refresh de l'interface mémoire...");
+        console.log("🔄 Force refresh of memory UI...");
         try {
             if (this.memorySystem) {
-                // Migrer les IDs si nécessaire
+                // Migrate IDs if necessary
                 await this.memorySystem.migrateIncompatibleIDs();
 
-                // Recharger les mémoires
+                // Reload memories
                 await this.loadMemories();
                 await this.updateMemoryStats();
 
-                console.log("✅ Refresh forcé terminé");
+                console.log("✅ Forced refresh completed");
             }
         } catch (error) {
-            console.error("❌ Erreur lors du refresh forcé:", error);
+            console.error("❌ Error during forced refresh:", error);
         }
     }
 

kimi-js/kimi-module.js

@@ -1560,7 +1560,6 @@ function setupSettingsListeners(kimiDB, kimiMemory) {
     const enableStreamingToggle = document.getElementById("enable-streaming");
     const colorThemeSelect = document.getElementById("color-theme");
     const interfaceOpacitySlider = document.getElementById("interface-opacity");
-    const animationsToggle = document.getElementById("animations-toggle");
 
     // SIMPLE FIX: Initialize _kimiListenerCleanup to prevent undefined error
     if (!window._kimiListenerCleanup) {

kimi-locale/de.json

@@ -227,6 +227,19 @@
     "memory_category_experiences": "Erfahrungen",
     "memory_category_important": "Wichtige Ereignisse",
     "memory_content_placeholder": "z.B.: Ich liebe klassische Musik...",
+    "memory_source_label": "📝 Gesprächs-Memo",
+    "memory_manually_added": "📝 Manuell hinzugefügt",
+    "view_more": "Mehr anzeigen",
+    "view_less": "Weniger anzeigen",
+    "all_categories": "Alle Kategorien",
+    "memory_export": "Erinnerungen exportieren",
+    "edit_memory_title": "Speicher bearbeiten",
+    "label_title": "Titel:",
+    "label_category": "Kategorie:",
+    "label_content": "Inhalt:",
+    "cancel": "Abbrechen",
+    "edit_memory_button_title": "Diesen Eintrag bearbeiten",
+    "delete_memory_button_title": "Diesen Eintrag löschen",
     "memory_management": "Gedächtnisverwaltung",
     "add": "Hinzufügen",
     "api_key_label": "API Key"

kimi-locale/en.json

@@ -202,6 +202,19 @@
     "api_connection_failed": "❌ API connection failed",
     "voice_test_message": "Hello my love! Here is my new voice configured with all the settings! Do you like it?",
     "memory_system": "Memory System",
+    "memory_source_label": "📝 Memory of the conversation",
+    "memory_manually_added": "📝 Added manually",
+    "view_more": "View more",
+    "view_less": "View less",
+    "all_categories": "All Categories",
+    "memory_export": "Export Memories",
+    "edit_memory_title": "Edit Memory",
+    "label_title": "Title:",
+    "label_category": "Category:",
+    "label_content": "Content:",
+    "cancel": "Cancel",
+    "edit_memory_button_title": "Edit this memory",
+    "delete_memory_button_title": "Delete this memory",
     "enable_memory": "Enable Intelligent Memory",
     "memory_stats": "Memory Statistics",
     "view_memories": "View & Manage",

kimi-locale/es.json

@@ -227,6 +227,19 @@
     "memory_category_experiences": "Experiencias",
     "memory_category_important": "Eventos importantes",
     "memory_content_placeholder": "ej.: Me encanta la música clásica...",
+    "memory_source_label": "📝 Memoria de la conversación",
+    "memory_manually_added": "📝 Añadido manualmente",
+    "view_more": "Ver más",
+    "view_less": "Ver menos",
+    "all_categories": "Todas las categorías",
+    "memory_export": "Exportar memorias",
+    "edit_memory_title": "Editar memoria",
+    "label_title": "Título:",
+    "label_category": "Categoría:",
+    "label_content": "Contenido:",
+    "cancel": "Cancelar",
+    "edit_memory_button_title": "Editar esta memoria",
+    "delete_memory_button_title": "Eliminar esta memoria",
     "memory_management": "Gestión de Memoria",
     "add": "Agregar",
     "api_key_label": "API Key"

kimi-locale/fr.json

@@ -202,6 +202,19 @@
     "api_connection_failed": "❌ Échec de la connexion API",
     "voice_test_message": "Salut mon amour ! Voici ma nouvelle voix configurée avec tous les paramètres ! Tu aimes ?",
     "memory_system": "Système de Mémoire",
+    "memory_source_label": "📝 Mémoire de la conversation",
+    "memory_manually_added": "📝 Ajouté manuellement",
+    "view_more": "Voir plus",
+    "view_less": "Voir moins",
+    "all_categories": "Toutes catégories",
+    "memory_export": "Exporter les mémoires",
+    "edit_memory_title": "Modifier la mémoire",
+    "label_title": "Titre :",
+    "label_category": "Catégorie :",
+    "label_content": "Contenu :",
+    "cancel": "Annuler",
+    "edit_memory_button_title": "Modifier cette mémoire",
+    "delete_memory_button_title": "Supprimer cette mémoire",
     "enable_memory": "Activer la Mémoire Intelligente",
     "memory_stats": "Statistiques de Mémoire",
     "view_memories": "Voir & Gérer",

kimi-locale/it.json

@@ -227,6 +227,19 @@
     "memory_category_experiences": "Esperienze",
     "memory_category_important": "Eventi importanti",
     "memory_content_placeholder": "es.: Amo la musica classica...",
+    "memory_source_label": "📝 Memoria della conversazione",
+    "memory_manually_added": "📝 Aggiunto manualmente",
+    "view_more": "Vedi di più",
+    "view_less": "Vedi meno",
+    "all_categories": "Tutte le categorie",
+    "memory_export": "Esporta memorie",
+    "edit_memory_title": "Modifica memoria",
+    "label_title": "Titolo:",
+    "label_category": "Categoria:",
+    "label_content": "Contenuto:",
+    "cancel": "Annulla",
+    "edit_memory_button_title": "Modifica questa memoria",
+    "delete_memory_button_title": "Elimina questa memoria",
     "memory_management": "Gestione della Memoria",
     "add": "Aggiungi",
     "api_key_label": "API Key"

kimi-locale/ja.json

@@ -227,6 +227,19 @@
     "memory_category_experiences": "経験",
     "memory_category_important": "重要な出来事",
     "memory_content_placeholder": "例: クラシック音楽が大好き...",
+    "memory_source_label": "📝 会話のメモリ",
+    "memory_manually_added": "📝 手動で追加",
+    "view_more": "もっと見る",
+    "view_less": "閉じる",
+    "all_categories": "すべてのカテゴリ",
+    "memory_export": "メモリをエクスポート",
+    "edit_memory_title": "メモリを編集",
+    "label_title": "タイトル:",
+    "label_category": "カテゴリー:",
+    "label_content": "内容:",
+    "cancel": "キャンセル",
+    "edit_memory_button_title": "このメモリを編集",
+    "delete_memory_button_title": "このメモリを削除",
     "memory_management": "メモリ管理",
     "add": "追加",
     "api_key_label": "API Key"

kimi-locale/zh.json

@@ -227,6 +227,19 @@
     "memory_category_experiences": "经历",
     "memory_category_important": "重要事件",
     "memory_content_placeholder": "例如：我喜欢古典音乐...",
+    "memory_source_label": "📝 对话记忆",
+    "memory_manually_added": "📝 手动添加",
+    "view_more": "查看更多",
+    "view_less": "收起",
+    "all_categories": "所有类别",
+    "memory_export": "导出记忆",
+    "edit_memory_title": "编辑记忆",
+    "label_title": "标题:",
+    "label_category": "类别:",
+    "label_content": "内容:",
+    "cancel": "取消",
+    "edit_memory_button_title": "编辑该记忆",
+    "delete_memory_button_title": "删除该记忆",
     "memory_management": "记忆管理",
     "add": "添加",
     "api_key_label": "API Key"