Upload 49 files

.gitattributes

@@ -33,3 +33,9 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+kimi-icons/bella.jpg filter=lfs diff=lfs merge=lfs -text
+kimi-icons/kimi-loading.png filter=lfs diff=lfs merge=lfs -text
+kimi-icons/kimi.jpg filter=lfs diff=lfs merge=lfs -text
+kimi-icons/rosa.jpg filter=lfs diff=lfs merge=lfs -text
+kimi-icons/stella.jpg filter=lfs diff=lfs merge=lfs -text
+kimi-icons/virtualkimi-logo.png filter=lfs diff=lfs merge=lfs -text

CHANGELOG.md

@@ -0,0 +1,282 @@
+# Virtual Kimi Changelog
+
+## [1.0.4] - 2025-08-09 - "Emotion & Context Logic Upgrade"
+
+### Added
+
+- Major improvements to emotion, context, and personality logic:
+    - Enhanced emotion detection and mapping for more nuanced responses
+    - Contextual keyword analysis for better understanding of user intent
+    - Refined personality trait system with dynamic adaptation
+    - Video selection logic now adapts to both emotion and conversational context
+    - Improved handling of multi-layered context (emotion, keywords, personality, situation)
+
+### Changed
+
+- Video playback and character reactions are now more tightly coupled to detected context and personality traits
+- Emotion and context logic refactored for clarity and maintainability
+- Keyword extraction and context matching algorithms improved for accuracy
+
+### Technical
+
+- Refactored core logic in `kimi-emotion-system.js`, `kimi-logic.js`, and `kimi-memory-system.js`
+- Updated video selection and playback logic in `kimi-memory.js` and `kimi-memory-ui.js`
+- Improved context propagation between modules
+
+## [1.0.3] - 2025-08-09 - "LLM multi-provider"
+
+### Added
+
+- LLM multi-provider UX enhancements:
+    - Dynamic API key label per provider (OpenRouter, OpenAI, Groq, Together, DeepSeek, Custom, Ollama)
+    - Visual "Saved" badge when a key is stored or after a successful test
+    - Localized tooltip explaining Saved vs connection test
+
+### Changed
+
+- OpenAI-compatible flow now reads llmBaseUrl/llmModelId and the correct provider key from KimiDB
+- Clears connection status message when provider/Base URL/Model ID/key changes for clearer feedback
+
+## [1.0.2] - 2025-08-09 - "Smoother Video"
+
+### Changed
+
+- Video playback and transition stability improvements:
+    - Lightweight MP4 prefetch queue (neutral + likely next clips) to reduce wait times during switches
+    - Earlier transition on `canplay` (instead of `canplaythrough`) for faster, smoother swaps
+    - Context-aware throttling to prevent rapid switching under load (speaking: ~200ms, listening: ~250ms, dancing: ~600ms, neutral: ~1200ms)
+
+### Fixed
+
+- Safe revert on failed `play()` during a switch to avoid frozen frames
+- Aligned event listeners to `canplay` and ensured proper cleanup to prevent leaks
+- Corrected prefetch cache initialization order (prevented `undefined.has` runtime error)
+- Removed unsupported `<link rel="preload" as="video">` to eliminate console warnings
+
+### Technical
+
+- Front-end performance tweaks: GPU-accelerated fades with `will-change: opacity` and `backface-visibility: hidden`
+- Connection warm-up: added `preconnect`/`dns-prefetch` to the origin for faster first video start
+- Files updated: `index.html`, `kimi-css/kimi-style.css`, `kimi-js/kimi-utils.js`
+
+## [1.0.1] - 2025-08-08
+
+- Fixed an issue where the browser prompted to save the OpenRouter API key as a password. The input field is now properly configured to prevent password managers from interfering.
+- Added a waiting animation that appears between the user's message submission and the LLM's response, improving user feedback during processing.
+- Added a new section in the API tab: below the recommended LLM models, all available OpenRouter LLM models are now dynamically loaded and displayed for selection.
+
+## [1.0.0] - 2025-08-07 - "Unified"
+
+### Added
+
+- **Intelligent Memory System**: Automatic extraction and categorization of memories from conversations
+- **Multiple AI Characters**: 4 unique personalities (Kimi, Bella, Rosa, Stella) with distinct traits
+- **Advanced Emotion Detection**: Real-time emotion analysis with cultural awareness
+- **Plugin System**: Extensible architecture for themes, voices, and behaviors
+- **Memory Management UI**: Complete interface for viewing, searching, and managing memories
+- **Enhanced Personality System**: 6 dynamic traits that evolve based on interactions
+- **Multilingual Support**: Full localization in 7 languages with auto-detection
+- **Production Health Check**: Comprehensive system validation and monitoring
+- **Performance Optimizations**: Batch database operations and improved loading times
+- **Security Enhancements**: Input validation, sanitization, and secure API handling
+
+### Changed
+
+- **Unified Architecture**: Consolidated all emotion and personality systems
+- **Improved Database**: Enhanced IndexedDB implementation with batch operations
+- **Better Error Handling**: Centralized error management with fallback responses
+- **Enhanced UI/UX**: More responsive and accessible interface design
+- **Optimized Video System**: Smoother transitions and better emotion mapping
+
+### Fixed
+
+- Function export issues in module system
+- Memory leaks in event listeners
+- Cross-browser compatibility issues
+- Voice recognition stability problems
+- Database initialization race conditions
+
+### Technical
+
+- Migrated to unified emotion system
+- Implemented comprehensive validation layer
+- Added automated health monitoring
+- Enhanced plugin security validation
+- Improved mobile responsiveness
+
+## [0.0.9] - 2025-08-04 - "Enhanced"
+
+### Added
+
+- Advanced LLM model selection interface
+- Improved voice synthesis with better emotion mapping
+- Enhanced personality trait visualization
+- Better conversation export/import functionality
+
+### Changed
+
+- Upgraded database schema for better performance
+- Improved theme system with more customization options
+- Enhanced mobile interface responsiveness
+
+### Fixed
+
+- Various browser compatibility issues
+- Voice recognition accuracy improvements
+- Memory management optimizations
+
+## [0.0.8] - 2025-08-01 - "Evolution"
+
+### Added
+
+- Dynamic personality trait evolution
+- Enhanced emotion detection algorithms
+- Improved conversation context awareness
+- Better visual feedback systems
+
+### Changed
+
+- Redesigned settings interface
+- Improved conversation flow management
+- Enhanced error reporting system
+
+### Fixed
+
+- Database sync issues
+- Voice recognition edge cases
+- Theme switching problems
+
+## [0.0.7] - 2025-07-29 - "Immersion"
+
+### Added
+
+- Real-time video emotion responses
+- Enhanced voice interaction capabilities
+- Improved conversation context retention
+- Better visual theme system
+
+### Changed
+
+- Upgraded UI framework for better performance
+- Improved data synchronization mechanisms
+- Enhanced accessibility features
+
+### Fixed
+
+- Various stability improvements
+- Better error handling
+- Improved cross-platform compatibility
+
+## [0.0.6] - 2025-07-26 - "Connection"
+
+### Added
+
+- Multi-language support system
+- Enhanced conversation memory
+- Improved personality customization
+- Better audio/video synchronization
+
+### Changed
+
+- Redesigned conversation interface
+- Improved data persistence layer
+- Enhanced user experience flows
+
+### Fixed
+
+- Memory leak issues
+- Browser compatibility problems
+- Audio synchronization bugs
+
+## [0.0.5] - 2025-07-23 - "Rebirth"
+
+### Added
+
+- Complete application rewrite
+- Modern ES6+ JavaScript architecture
+- Responsive design system
+- Advanced AI integration capabilities
+- Comprehensive settings system
+
+### Changed
+
+- Modernized codebase with current web standards
+- Improved performance and reliability
+- Enhanced user interface design
+- Better data management system
+
+### Removed
+
+- Legacy jQuery dependencies
+- Outdated browser support
+
+## [0.0.4] - 2025-07-20 - "Stability"
+
+### Added
+
+- Enhanced voice recognition
+- Improved conversation flow
+- Better error handling
+- Enhanced visual feedback
+
+### Fixed
+
+- Various stability issues
+- Performance optimizations
+- Browser compatibility improvements
+
+## [0.0.3] - 2025-07-18 - "Polish"
+
+### Added
+
+- Improved user interface
+- Better conversation management
+- Enhanced customization options
+
+### Fixed
+
+- Various bugs and stability issues
+- Performance improvements
+
+## [0.0.2] - 2025-07-17 - "Improvements"
+
+### Added
+
+- Basic conversation memory
+- Improved personality system
+- Enhanced visual themes
+
+### Fixed
+
+- Initial bug fixes
+- Performance optimizations
+
+## [0.0.1] - 2025-07-16 - "Genesis"
+
+### Added
+
+- Initial release
+- Basic AI conversation capabilities
+- Voice recognition and synthesis
+- Simple personality system
+- Theme customization
+- Local data storage
+
+---
+
+## Legend
+
+- **Added**: New features
+- **Changed**: Changes in existing functionality
+- **Deprecated**: Soon-to-be removed features
+- **Removed**: Removed features
+- **Fixed**: Bug fixes
+- **Security**: Security improvements
+- **Technical**: Internal technical changes
+
+---
+
+All notable changes to Virtual Kimi will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).

CONTRIBUTING.md

@@ -0,0 +1,371 @@
+# Contributing to Virtual Kimi
+
+Thank you for your interest in contributing to Virtual Kimi! This document provides guidelines and information for contributors.
+
+## Table of Contents
+
+- [Code of Conduct](#code-of-conduct)
+- [Getting Started](#getting-started)
+- [Development Setup](#development-setup)
+- [Contribution Guidelines](#contribution-guidelines)
+- [Project Structure](#project-structure)
+- [Coding Standards](#coding-standards)
+- [Testing](#testing)
+- [Pull Request Process](#pull-request-process)
+- [Issue Reporting](#issue-reporting)
+
+## Code of Conduct
+
+We are committed to providing a welcoming and inclusive environment for all contributors. Please be respectful and constructive in all interactions.
+
+### Expected Behavior
+
+- Use welcoming and inclusive language
+- Be respectful of differing viewpoints and experiences
+- Gracefully accept constructive criticism
+- Focus on what is best for the community
+- Show empathy towards other community members
+
+## Getting Started
+
+### Prerequisites
+
+- Modern web browser (Chrome, Edge, Firefox recommended)
+- Basic knowledge of JavaScript, HTML, and CSS
+- Git for version control
+- Text editor or IDE of your choice
+
+### First Contribution
+
+1. Fork the repository
+2. Clone your fork locally
+3. Create a new branch for your feature/fix
+4. Make your changes
+5. Test thoroughly
+6. Submit a pull request
+
+## Development Setup
+
+### Local Environment
+
+```bash
+# Clone the repository
+git clone https://github.com/virtualkimi/virtual-kimi.git
+cd virtual-kimi
+
+# Open in browser
+# Option 1: Direct file access
+open index.html
+
+# Option 2: Local server (recommended)
+python -m http.server 8000
+# Navigate to http://localhost:8000
+```
+
+### Development Tools
+
+- **Browser DevTools**: For debugging and testing
+- **Live Server**: For hot reload during development
+- **Lighthouse**: For performance auditing
+- **Accessibility tools**: For ensuring inclusive design
+
+## Contribution Guidelines
+
+### Types of Contributions
+
+- **Bug fixes**: Resolve existing issues
+- **Feature additions**: New functionality
+- **Performance improvements**: Optimization and efficiency
+- **Documentation**: Improve guides and comments
+- **Localization**: Translation and internationalization
+- **Plugin development**: Extend functionality
+- **Testing**: Add or improve test coverage
+
+### Before You Start
+
+1. Check existing issues and pull requests
+2. Open an issue to discuss major changes
+3. Ensure your idea aligns with the project goals
+4. Consider the impact on existing functionality
+
+## Project Structure
+
+### Core Files
+
+```
+├── index.html              # Main application
+├── kimi-script.js          # Primary initialization
+├── kimi-database.js        # Data persistence
+├── kimi-llm-manager.js     # AI integration
+├── kimi-emotion-system.js  # Emotion analysis
+├── kimi-memory-system.js   # Memory management
+├── kimi-voices.js          # Speech synthesis
+├── kimi-appearance.js      # Theme management
+└── kimi-utils.js           # Utility functions
+```
+
+### Module Dependencies
+
+- **Core System**: Database → Security → Config
+- **AI System**: LLM Manager → Emotion System → Memory System
+- **UI System**: Appearance → Utils → Module functions
+- **Localization**: i18n → All user-facing modules
+
+### Adding New Features
+
+#### New Memory Categories
+
+```javascript
+// In kimi-memory-system.js
+const newCategory = {
+    name: "custom_category",
+    icon: "fas fa-custom-icon",
+    keywords: ["keyword1", "keyword2"],
+    confidence: 0.7
+};
+
+// Add to MEMORY_CATEGORIES constant
+```
+
+#### New Themes
+
+```javascript
+// Create plugin in kimi-plugins/custom-theme/
+// manifest.json
+{
+    "name": "Custom Theme",
+    "version": "1.0.0",
+    "type": "theme",
+    "style": "theme.css",
+    "enabled": true
+}
+```
+
+#### New AI Models
+
+```javascript
+// In kimi-llm-manager.js
+"custom/model-id": {
+    name: "Custom Model",
+    provider: "Custom Provider",
+    type: "openrouter",
+    contextWindow: 8000,
+    pricing: { input: 0.1, output: 0.2 },
+    strengths: ["Custom", "Feature"]
+}
+```
+
+## Coding Standards
+
+### JavaScript Style
+
+- Use ES6+ features and modern syntax
+- Prefer `const` and `let` over `var`
+- Use meaningful variable and function names in English
+- Follow camelCase for variables and functions
+- Use PascalCase for classes and constructors
+
+### Code Organization
+
+- Keep functions focused and single-purpose
+- Use async/await for asynchronous operations
+- Handle errors gracefully with try/catch blocks
+- Add JSDoc comments for complex functions
+- Group related functionality in modules
+
+### Example Code Style
+
+```javascript
+/**
+ * Analyzes user input for emotional content and updates personality traits
+ * @param {string} text - User input text
+ * @param {string} emotion - Detected emotion type
+ * @returns {Promise<Object>} Updated personality traits
+ */
+async function updatePersonalityFromEmotion(text, emotion) {
+    try {
+        // Validate input
+        if (!text || typeof text !== "string") {
+            throw new Error("Invalid input text");
+        }
+
+        // Process emotion
+        const traits = await this.processEmotionalContent(text, emotion);
+
+        // Update database
+        await this.db.setPersonalityBatch(traits);
+
+        return traits;
+    } catch (error) {
+        console.error("Error updating personality:", error);
+        throw error;
+    }
+}
+```
+
+### CSS Guidelines
+
+- Use CSS custom properties (variables) for theming
+- Follow BEM methodology for class naming
+- Ensure responsive design principles
+- Maintain accessibility standards
+- Use semantic HTML elements
+
+### HTML Standards
+
+- Use semantic HTML5 elements
+- Include proper ARIA labels for accessibility
+- Ensure proper heading hierarchy
+- Add meaningful alt text for images
+- Validate markup regularly
+
+## Testing
+
+### Manual Testing Checklist
+
+- [ ] Application loads without errors
+- [ ] All core features function correctly
+- [ ] Voice recognition works (in supported browsers)
+- [ ] Memory system stores and retrieves data
+- [ ] Theme switching works properly
+- [ ] Responsive design on mobile devices
+- [ ] Cross-browser compatibility
+- [ ] Accessibility with keyboard navigation
+
+### Browser Testing
+
+Test in the following browsers:
+
+- Chrome (latest 2 versions)
+- Edge (latest 2 versions)
+- Firefox (latest 2 versions)
+- Safari (latest version, if possible)
+
+### Performance Testing
+
+- Check loading times
+- Monitor memory usage
+- Test with large conversation histories
+- Verify smooth animations
+- Ensure responsive UI interactions
+
+## Pull Request Process
+
+### Before Submitting
+
+1. **Test thoroughly**: Ensure your changes work as expected
+2. **Check compatibility**: Test across different browsers
+3. **Update documentation**: Modify README.md if needed
+4. **Clean up code**: Remove debugging code and comments
+5. **Commit messages**: Use clear, descriptive commit messages
+
+### PR Template
+
+```markdown
+## Description
+
+Brief description of changes made.
+
+## Type of Change
+
+- [ ] Bug fix
+- [ ] New feature
+- [ ] Performance improvement
+- [ ] Documentation update
+- [ ] Other: **\_**
+
+## Testing
+
+- [ ] Tested in Chrome
+- [ ] Tested in Edge
+- [ ] Tested in Firefox
+- [ ] Tested on mobile
+- [ ] No errors in console
+
+## Screenshots (if applicable)
+
+Add screenshots of UI changes.
+
+## Additional Notes
+
+Any additional context or considerations.
+```
+
+### Review Process
+
+1. Maintainers review code for quality and functionality
+2. Feedback provided through PR comments
+3. Make requested changes and push updates
+4. Final approval and merge
+
+## Issue Reporting
+
+### Bug Reports
+
+Include the following information:
+
+- Browser and version
+- Operating system
+- Steps to reproduce
+- Expected behavior
+- Actual behavior
+- Console errors (if any)
+- Screenshots (if applicable)
+
+### Feature Requests
+
+- Clear description of the feature
+- Use case and benefits
+- Possible implementation approach
+- Any relevant examples or mockups
+
+### Issue Labels
+
+- `bug`: Something isn't working
+- `enhancement`: New feature or improvement
+- `documentation`: Documentation updates
+- `good first issue`: Good for newcomers
+- `help wanted`: Community assistance needed
+- `plugin`: Related to plugin system
+- `accessibility`: Accessibility improvements
+
+## Development Tips
+
+### Debugging
+
+- Use browser DevTools for JavaScript debugging
+- Check console for errors and warnings
+- Use the health check system: `window.KimiHealthCheck`
+- Enable debug mode: `window.KIMI_DEBUG = true`
+
+### Performance Optimization
+
+- Minimize DOM manipulations
+- Use event delegation for dynamic content
+- Implement proper cleanup for event listeners
+- Optimize database queries with batch operations
+
+### Accessibility
+
+- Test with keyboard navigation
+- Verify screen reader compatibility
+- Ensure sufficient color contrast
+- Add appropriate ARIA labels
+
+## Community
+
+### Getting Help
+
+- Open an issue for technical questions
+- Check existing documentation first
+- Be specific about your problem or question
+
+### Communication
+
+- Be respectful and professional
+- Provide context and details
+- Be patient with response times
+- Help others when possible
+
+Thank you for contributing to Virtual Kimi! Your efforts help create a better AI companion experience for everyone.
+

LICENSE.md

@@ -0,0 +1,22 @@
+# Virtual Kimi Custom License
+
+Copyright (c) 2025 Virtual Kimi Project
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to use,
+copy, modify, and distribute the Software for personal, educational, or research purposes,
+subject to the following conditions:
+
+- **Commercial use, resale, or monetization of this application or any derivative work is strictly prohibited without the explicit written consent of the author.**
+- The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+- You may not use the name, logo, or branding of Virtual Kimi for commercial purposes without explicit permission.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+For commercial licensing inquiries, please contact: [[email protected]]([email protected])

Launch-local-kimi-app.bat

@@ -0,0 +1,9 @@
+@echo off
+REM Starts a Python HTTP server on port 8080
+start "" python -m http.server 8080
+
+REM Pause 2 seconds to allow the server to start
+timeout /t 2 >nul
+
+REM Opens the homepage in the default browser
+start "" http://localhost:8080/index.html

index.html

@@ -1,19 +1,1065 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!doctype html>
+<html lang="en" data-theme="purple">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title data-i18n="title">Kimi - Virtual Companion 💕</title>
+    <link rel="stylesheet" href="kimi-css/kimi-style.css" />
+    <link rel="stylesheet" href="kimi-css/kimi-settings.css" />
+    <link rel="stylesheet" href="kimi-css/kimi-memory-styles.css" />
+
+    <!-- SEO Meta Tags -->
+    <meta name="description"
+        content="Virtual Kimi is a an AI companion with evolving personality, advanced voice recognition and immersive interface. Discover the future of human-AI relationships.">
+    <meta name="keywords"
+        content="artificial intelligence, virtual companion, emotional AI, voice recognition, advanced chatbot, Virtual Kimi, personalized AI assistant">
+    <meta name="author" content="Jean & Kimi">
+    <meta name="robots" content="index, follow">
+    <meta name="language" content="EN">
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://virtualkimi.com/virtual-kimi-app/">
+    <meta property="og:title" content="Virtual Kimi - Virtual AI Companion">
+    <meta property="og:description"
+        content="Discover Virtual Kimi, an AI companion with evolving personality, voice recognition and immersive interface. The future of human-AI relationships.">
+    <meta property="og:image" content="kimi-icons/virtualkimi-logo.png">
+
+    <!-- Twitter -->
+    <meta property="twitter:card" content="summary_large_image">
+    <meta property="twitter:url" content="https://virtualkimi.com/virtual-kimi-app/">
+    <meta property="twitter:title" content="Virtual Kimi - Virtual AI Companion">
+    <meta property="twitter:description"
+        content="Virtual AI companion with evolving personality and advanced voice recognition.">
+    <meta property="twitter:image" content="kimi-icons/virtualkimi-logo.png">
+
+    <!-- Schema.org markup for Google -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "SoftwareApplication",
+        "name": "Virtual Kimi",
+        "description": "Virtual AI companion with evolving personality, voice recognition and immersive interface",
+        "applicationCategory": "AI Companion",
+        "operatingSystem": "Web Browser",
+        "offers": {
+            "@type": "Offer",
+            "price": "0",
+            "priceCurrency": "USD"
+        },
+        "creator": {
+            "@type": "Person",
+            "name": "Jean & Kimi"
+        },
+        "dateCreated": "2025-07-16",
+        "dateModified": "2025-08-05",
+        "version": "v1.0.4"
+    }
+    </script>
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <link rel="apple-touch-icon" href="kimi-icons/virtualkimi-logo.png">
+
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+
+    <!-- Performance: warm up connection to origin -->
+    <link rel="preconnect" href="https://virtualkimi.com" crossorigin>
+    <link rel="dns-prefetch" href="//virtualkimi.com">
+
+</head>
+
+<body>
+    <div id="loading-screen">
+        <img src="kimi-icons/kimi-loading.png" alt="Loading Kimi..." />
+    </div>
+
+    <div class="video-container">
+        <video autoplay muted playsinline class="bg-video active" id="video1" preload="auto">
+            <source src="" type="video/mp4" />
+            <span data-i18n="video_not_supported">Your browser does not support the video tag.</span>
+        </video>
+        <video autoplay muted playsinline class="bg-video" id="video2" preload="auto">
+            <source src="" type="video/mp4" />
+            <span data-i18n="video_not_supported">Your browser does not support the video tag.</span>
+        </video>
+    </div>
+
+    <div class="content-overlay">
+        <div class="transcript-container">
+            <p id="transcript"></p>
+        </div>
+
+        <!-- Chat Interface with Kimi -->
+        <div class="chat-container" id="chat-container">
+            <div class="chat-header">
+                <h3><i class="fas fa-comments"></i> <span data-i18n="chat_with_kimi">Chat with Kimi</span></h3>
+                <div style="display: flex; gap: 24px">
+                    <button class="chat-delete" id="chat-delete" aria-label="Delete Messages">
+                        <i class="fas fa-trash"></i>
+                    </button>
+                    <button class="chat-toggle" id="chat-toggle" aria-label="Close Chat">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+            </div>
+            <div class="chat-messages" id="chat-messages"></div>
+            <div class="waiting-indicator" id="waiting-indicator" style="display: none">
+                <span></span><span></span><span></span>
+            </div>
+            <div class="chat-input-container">
+                <input type="text" id="chat-input" data-i18n-placeholder="write_something"
+                    placeholder="Write me something, my love..." />
+                <button id="send-button">
+                    <i class="fas fa-paper-plane"></i>
+                </button>
+            </div>
+        </div>
+
+        <footer class="bottom-bar">
+            <div class="control-buttons">
+                <button class="control-button-unified" id="chat-button" aria-label="Open Chat">
+                    <i class="fa-regular fa-comments"></i>
+                </button>
+                <div class="global-typing-indicator" id="global-typing-indicator" aria-hidden="true">
+                    <span></span><span></span><span></span>
+                </div>
+                <button class="mic-button" id="mic-button" aria-label="Start Listening">
+                    <i class="fas fa-microphone"></i>
+                </button>
+                <button class="control-button-unified" id="settings-button" aria-label="Settings">
+                    <i class="fas fa-cog"></i>
+                </button>
+            </div>
+            <div class="top-bar">
+                <label id="favorability-label" for="favorability-bar" data-i18n="affection_level_of">💖 Kimi's Affection
+                    Level</label>
+                <div class="progress-container">
+                    <div class="progress-fill" id="favorability-bar"></div>
+                    <span class="favorability-text" id="favorability-text">50%</span>
+                </div>
+            </div>
+        </footer>
+    </div>
+
+    <!-- Configuration Panel -->
+    <div class="settings-overlay" id="settings-overlay">
+        <div class="settings-panel">
+            <div class="settings-header">
+                <h2 class="settings-title">
+                    <i class="fas fa-heart"></i>
+                    <span data-i18n="settings_title">Kimi Configuration</span>
+                </h2>
+                <div class="settings-header-actions">
+                    <button class="help-button" id="help-button" aria-label="Help">
+                        <i class="fas fa-question-circle"></i>
+                    </button>
+                    <button class="settings-close" id="settings-close">
+                        <i class="fas fa-times"></i>
+                    </button>
+                </div>
+            </div>
+
+            <div class="settings-tabs">
+                <button class="settings-tab active" data-tab="llm">
+                    <i class="fas fa-robot"></i> <span data-i18n="tab_llm">API & Models</span>
+                </button>
+                <button class="settings-tab" data-tab="voice">
+                    <i class="fas fa-microphone"></i> <span data-i18n="tab_voice">Voice & Audio</span>
+                </button>
+                <button class="settings-tab" data-tab="personality">
+                    <i class="fas fa-brain"></i> <span data-i18n="tab_personality">Personality</span>
+                </button>
+                <button class="settings-tab" data-tab="appearance">
+                    <i class="fas fa-palette"></i> <span data-i18n="tab_appearance">Appearance</span>
+                </button>
+                <button class="settings-tab" data-tab="data">
+                    <i class="fas fa-database"></i> <span data-i18n="tab_data">Data</span>
+                </button>
+                <button class="settings-tab" data-tab="plugins">
+                    <i class="fas fa-plug"></i> <span data-i18n="tab_plugins">Plugins</span>
+                </button>
+            </div>
+
+            <div class="settings-content">
+                <div class="tab-content" data-tab="voice">
+                    <div class="config-section">
+                        <h3><i class="fas fa-volume-up"></i> <span data-i18n="voice_settings">Voice Settings</span></h3>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="speech_rate" for="voice-rate">Speech Rate</label>
+                            <div class="config-control">
+                                <div class="slider-container">
+                                    <input type="range" class="kimi-slider" id="voice-rate" min="0.5" max="2"
+                                        step="0.01" value="1.1" aria-label="Speech Rate" aria-valuenow="1.1"
+                                        aria-valuemin="0.5" aria-valuemax="2" />
+                                    <span class="slider-value" id="voice-rate-value">1.1</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="pitch" for="voice-pitch">Pitch</label>
+                            <div class="config-control">
+                                <div class="slider-container">
+                                    <input type="range" class="kimi-slider" id="voice-pitch" min="0.5" max="2"
+                                        step="0.01" value="1.1" aria-label="Pitch" aria-valuenow="1.1"
+                                        aria-valuemin="0.5" aria-valuemax="2" />
+                                    <span class="slider-value" id="voice-pitch-value">1.1</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="volume" for="voice-volume">Volume</label>
+                            <div class="config-control">
+                                <div class="slider-container">
+                                    <input type="range" class="kimi-slider" id="voice-volume" min="0" max="1"
+                                        step="0.01" value="0.8" aria-label="Volume" aria-valuenow="0.8"
+                                        aria-valuemin="0" aria-valuemax="1" />
+                                    <span class="slider-value" id="voice-volume-value">0.8</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="language">Language</label>
+                            <div class="config-control">
+                                <select class="kimi-select" id="language-selection" aria-label="Language">
+                                    <option value="en" data-i18n="language_english">English</option>
+                                    <option value="fr" data-i18n="language_french">French</option>
+                                    <option value="es" data-i18n="language_spanish">Spanish</option>
+                                    <option value="de" data-i18n="language_german">German</option>
+                                    <option value="it" data-i18n="language_italian">Italian</option>
+                                    <option value="ja" data-i18n="language_japanese">Japanese</option>
+                                    <option value="zh" data-i18n="language_chinese">Chinese</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="preferred_voice">Preferred Voice</label>
+                            <div class="config-control">
+                                <select class="kimi-select" id="voice-selection" aria-label="Preferred Voice">
+                                    <option value="auto" data-i18n="automatic">Automatic</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="voice_test_label">Voice Test</label>
+                            <div class="config-control">
+                                <button class="kimi-button" id="test-voice" aria-label="Voice Test">
+                                    <i class="fas fa-play"></i> <span data-i18n="voice_test_button">Test the
+                                        Voice</span>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <!-- Personality Tab -->
+                <div class="tab-content" data-tab="personality">
+                    <div class="config-section" id="character-section">
+                        <h3><i class="fas fa-user-astronaut"></i> <span data-i18n="characters">Characters</span></h3>
+                        <div class="character-grid" id="character-grid"></div>
+                        <div class="character-actions">
+                            <button class="kimi-button" id="save-character-btn" data-i18n="save">Save</button>
+                        </div>
+                    </div>
+
+                    <div class="config-section">
+                        <h3>
+                            <i class="fas fa-heart"></i>
+                            <span data-i18n="personality_traits">Personality Traits</span>
+                            <button id="toggle-personality-traits" class="cheat-toggle-btn" aria-expanded="false"
+                                type="button">
+                                <i class="fas fa-user-secret"></i>
+                                <span data-i18n="personality_cheat">Personality Cheat</span>
+                            </button>
+                        </h3>
+                        <div id="cheat-indicator" class="cheat-indicator" data-i18n="cheat_indicator">Adjust traits for
+                            a custom experience</div>
+                        <div id="personality-traits-panel" class="cheat-panel">
+                            <div class="config-row">
+                                <label class="config-label" data-i18n="affection">Affection</label>
+                                <div class="config-control">
+                                    <div class="slider-container">
+                                        <input type="range" class="kimi-slider" id="trait-affection" min="0" max="100"
+                                            value="65" />
+                                        <span class="slider-value" id="trait-affection-value">65</span>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="config-row">
+                                <label class="config-label" data-i18n="playfulness">Playfulness</label>
+                                <div class="config-control">
+                                    <div class="slider-container">
+                                        <input type="range" class="kimi-slider" id="trait-playfulness" min="0" max="100"
+                                            value="55" />
+                                        <span class="slider-value" id="trait-playfulness-value">55</span>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="config-row">
+                                <label class="config-label" data-i18n="intelligence">Intelligence</label>
+                                <div class="config-control">
+                                    <div class="slider-container">
+                                        <input type="range" class="kimi-slider" id="trait-intelligence" min="0"
+                                            max="100" value="70" />
+                                        <span class="slider-value" id="trait-intelligence-value">70</span>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="config-row">
+                                <label class="config-label" data-i18n="empathy">Empathy</label>
+                                <div class="config-control">
+                                    <div class="slider-container">
+                                        <input type="range" class="kimi-slider" id="trait-empathy" min="0" max="100"
+                                            value="75" />
+                                        <span class="slider-value" id="trait-empathy-value">75</span>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="config-row">
+                                <label class="config-label" data-i18n="humor">Humor</label>
+                                <div class="config-control">
+                                    <div class="slider-container">
+                                        <input type="range" class="kimi-slider" id="trait-humor" min="0" max="100"
+                                            value="60" />
+                                        <span class="slider-value" id="trait-humor-value">60</span>
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="config-row">
+                                <label class="config-label" data-i18n="romance">Romance</label>
+                                <div class="config-control">
+                                    <div class="slider-container">
+                                        <input type="range" class="kimi-slider" id="trait-romance" min="0" max="100"
+                                            value="50" />
+                                        <span class="slider-value" id="trait-romance-value">50</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="tab-content active" data-tab="llm">
+                    <div class="config-section">
+                        <h3><i class="fas fa-key"></i> <span data-i18n="api_configuration">API Configuration</span></h3>
+
+                        <div class="config-row">
+                            <label class="config-label" for="llm-provider">Provider</label>
+                            <div class="config-control">
+                                <select class="kimi-select" id="llm-provider" aria-label="LLM Provider">
+                                    <option value="openrouter" selected>OpenRouter</option>
+                                    <option value="openai">OpenAI</option>
+                                    <option value="groq">Groq (OpenAI compatible)</option>
+                                    <option value="together">Together (OpenAI compatible)</option>
+                                    <option value="deepseek">DeepSeek (OpenAI compatible)</option>
+                                    <option value="openai-compatible">Custom OpenAI-compatible</option>
+                                    <option value="ollama">Local (Ollama)</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" for="llm-base-url">Base URL</label>
+                            <div class="config-control">
+                                <input type="text" class="kimi-input" id="llm-base-url"
+                                    placeholder="https://api.openai.com/v1/chat/completions" autocomplete="off" />
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" for="llm-model-id">Model ID</label>
+                            <div class="config-control">
+                                <input type="text" class="kimi-input" id="llm-model-id"
+                                    placeholder="gpt-4o-mini | llama-3.1-8b-instruct | ..." autocomplete="off" />
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <div class="config-label-group">
+                                <label class="config-label" id="api-key-label" data-i18n="openrouter_api_key">OpenRouter
+                                    API Key</label>
+                                <span id="api-key-info" class="help-icon" data-i18n-title="api_key_help_title"
+                                    title="Saved = your API key is stored for this provider. Use Test API Key to verify the connection.">
+                                    <i class="fas fa-info-circle"></i>
+                                </span>
+                                <span id="api-key-presence" class="presence-dot" aria-label="API key presence"
+                                    data-i18n-title="api_key_presence_hint"
+                                    title="Green = API key saved for current provider. Grey = no key saved."></span>
+                            </div>
+                            <div class="config-control">
+                                <input type="password" class="kimi-input" id="openrouter-api-key"
+                                    name="openrouter_api_key" placeholder="sk-or-v1-..." autocomplete="new-password"
+                                    autocapitalize="none" autocorrect="off" spellcheck="false" inputmode="text"
+                                    aria-autocomplete="none" data-lpignore="true" data-1p-ignore="true"
+                                    data-bwignore="true" />
+                                <button class="kimi-button" id="toggle-api-key" type="button" aria-pressed="false"
+                                    aria-label="Show API key">
+                                    <i class="fas fa-eye"></i>
+                                </button>
+                                <span id="api-key-saved"
+                                    style="display:none;margin-left:8px;color:#4caf50;font-weight:600;">Saved</span>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="connection_test">Connection Test</label>
+                            <div class="config-control">
+                                <div class="inline-row">
+                                    <button class="kimi-button" id="test-api"><i class="fas fa-wifi"></i> Test API
+                                        Key</button>
+                                    <span id="api-key-presence-test" class="presence-dot" aria-label="API key presence"
+                                        data-i18n-title="api_key_presence_hint"
+                                        title="Green = API key saved for current provider. Grey = no key saved."></span>
+                                    <span id="api-status" role="status" aria-live="polite"></span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="system_prompt">System Prompt</label>
+                            <div class="config-control">
+                                <textarea class="kimi-input" id="system-prompt" rows="6"
+                                    placeholder="Add your custom system prompt here..."></textarea>
+                                <button class="kimi-button" id="save-system-prompt" data-i18n="save">Save</button>
+                                <button class="kimi-button" id="reset-system-prompt" data-i18n="reset_to_default">Reset
+                                    to Default</button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="config-section">
+                        <h3><i class="fas fa-cogs"></i> <span data-i18n="advanced_settings">Advanced Settings</span>
+                        </h3>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="temperature">Temperature (Creativity)</label>
+                            <div class="config-control">
+                                <div class="slider-container">
+                                    <input type="range" class="kimi-slider" id="llm-temperature" min="0.0" max="1"
+                                        step="0.1" value="0.9" />
+                                    <span class="slider-value" id="llm-temperature-value">0.9</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="max_tokens">Max Tokens</label>
+                            <div class="config-control">
+                                <div class="slider-container">
+                                    <input type="range" class="kimi-slider" id="llm-max-tokens" min="10" max="1000"
+                                        step="10" value="100" />
+                                    <span class="slider-value" id="llm-max-tokens-value">100</span>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="top_p">Top P</label>
+                            <div class="config-control">
+                                <div class="slider-container">
+                                    <input type="range" class="kimi-slider" id="llm-top-p" min="0" max="1" step="0.01"
+                                        value="0.9" />
+                                    <span class="slider-value" id="llm-top-p-value">0.9</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="frequency_penalty">Frequency Penalty</label>
+                            <div class="config-control">
+                                <div class="slider-container">
+                                    <input type="range" class="kimi-slider" id="llm-frequency-penalty" min="0" max="2"
+                                        step="0.01" value="0.3" />
+                                    <span class="slider-value" id="llm-frequency-penalty-value">0.3</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="presence_penalty">Presence Penalty</label>
+                            <div class="config-control">
+                                <div class="slider-container">
+                                    <input type="range" class="kimi-slider" id="llm-presence-penalty" min="0" max="2"
+                                        step="0.01" value="0.3" />
+                                    <span class="slider-value" id="llm-presence-penalty-value">0.3</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="config-section">
+                        <h3><i class="fas fa-brain"></i> <span data-i18n="available_models">Available Models</span></h3>
+                        <div id="models-container"></div>
+                    </div>
+                </div>
+
+                <div class="tab-content" data-tab="appearance">
+                    <div class="config-section">
+                        <h3><i class="fas fa-paint-brush"></i> <span data-i18n="visual_theme">Visual Theme</span></h3>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="color_theme">Color Theme</label>
+                            <div class="config-control">
+                                <select class="kimi-select" id="color-theme">
+                                    <option value="purple" selected>Mystic Purple (Default)</option>
+                                    <option value="dark">Dark Night</option>
+                                    <option value="blue">Ocean Blue</option>
+                                    <option value="green">Emerald Forest</option>
+                                    <option value="default">Passionate Pink</option>
+                                </select>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="interface_transparency">Interface
+                                Transparency</label>
+                            <div class="config-control">
+                                <div class="slider-container">
+                                    <input type="range" class="kimi-slider" id="interface-opacity" min="0.1" max="1"
+                                        step="0.1" value="0.8" />
+                                    <span class="slider-value" id="interface-opacity-value">0.8</span>
+                                </div>
+                            </div>
+                        </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>
+                        </div>
+                    </div>
+
+                    <div class="config-section">
+                        <h3>
+                            <i class="fas fa-file-alt"></i>
+                            <span data-i18n="transcript_settings">Transcript Settings</span>
+                        </h3>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="show_transcript">Show Transcript</label>
+                            <div class="config-control">
+                                <div class="toggle-switch" id="transcript-toggle" role="switch" aria-checked="false"
+                                    tabindex="0" aria-label="Show Transcript"></div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="tab-content" data-tab="data">
+                    <div class="config-section">
+                        <h3><i class="fas fa-chart-line"></i> <span data-i18n="statistics">Statistics</span></h3>
+                        <div class="stats-grid">
+                            <div class="stat-card">
+                                <div class="stat-value" id="total-interactions">0</div>
+                                <div class="stat-label" data-i18n="interactions">Interactions</div>
+                            </div>
+                            <div class="stat-card">
+                                <div class="stat-value" id="current-favorability">65%</div>
+                                <div class="stat-label" data-i18n="affection">Affection</div>
+                            </div>
+                            <div class="stat-card">
+                                <div class="stat-value" id="conversations-count">0</div>
+                                <div class="stat-label" data-i18n="conversations">Conversations</div>
+                            </div>
+                            <div class="stat-card">
+                                <div class="stat-value" id="days-together">0</div>
+                                <div class="stat-label" data-i18n="days_together">Days Together</div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="config-section">
+                        <h3><i class="fas fa-brain"></i> <span data-i18n="memory_system">Memory System</span></h3>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="enable_memory">Enable Intelligent Memory</label>
+                            <div class="config-control">
+                                <div class="toggle-switch" id="memory-toggle" role="switch" aria-checked="true"
+                                    tabindex="0" aria-label="Enable Memory System"></div>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="memory_stats">Memory Statistics</label>
+                            <div class="config-control">
+                                <div class="memory-stats">
+                                    <span id="memory-count">0 memories</span>
+                                    <button class="kimi-button" id="view-memories">
+                                        <i class="fas fa-eye"></i> <span data-i18n="view_memories">View & Manage</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="add_memory">Add Manual Memory</label>
+                            <div class="config-control">
+                                <div class="memory-input-group">
+                                    <select class="kimi-select" id="memory-category" style="margin-bottom: 8px;">
+                                        <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>
+                                    </select>
+                                    <input type="text" class="kimi-input" id="memory-content"
+                                        placeholder="e.g., I love classical music..." style="margin-bottom: 8px;" />
+                                    <button class="kimi-button" id="add-memory">
+                                        <i class="fas fa-plus"></i> <span data-i18n="add">Add</span>
+                                    </button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="config-section">
+                        <h3><i class="fas fa-database"></i> <span data-i18n="data_management">Data Management</span>
+                        </h3>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="export_all_data">Export All Data</label>
+                            <div class="config-control">
+                                <button class="kimi-button" id="export-data">
+                                    <i class="fas fa-download"></i> <span data-i18n="export">Export</span>
+                                </button>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="import_data">Import Data</label>
+                            <div class="config-control">
+                                <input type="file" id="import-file" accept=".json" style="display: none" />
+                                <button class="kimi-button" id="import-data">
+                                    <i class="fas fa-upload"></i> <span data-i18n="import">Import</span>
+                                </button>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="clean_old_conversations">Clean Old
+                                Conversations</label>
+                            <div class="config-control">
+                                <button class="kimi-button" id="clean-old-data">
+                                    <i class="fas fa-broom"></i> <span data-i18n="clean">Clean All</span>
+                                </button>
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" data-i18n="complete_reset">Complete Reset</label>
+                            <div class="config-control">
+                                <button class="kimi-button danger" id="reset-all-data">
+                                    <i class="fas fa-exclamation-triangle"></i>
+                                    <span data-i18n="delete_all">Delete All</span>
+                                </button>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="config-section">
+                        <h3>
+                            <i class="fas fa-info-circle"></i>
+                            <span data-i18n="system_information">System Information</span>
+                        </h3>
+                        <div class="stats-grid">
+                            <div class="stat-card">
+                                <div class="stat-value" id="db-size">Calculating...</div>
+                                <div class="stat-label" data-i18n="db_size">DB Size</div>
+                            </div>
+                            <div class="stat-card">
+                                <div class="stat-value" id="storage-used">Calculating...</div>
+                                <div class="stat-label" data-i18n="storage_used">Storage used</div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="tab-content" data-tab="plugins">
+                    <div class="config-section">
+                        <h3><i class="fas fa-plug"></i> <span data-i18n="plugin_manager">Plugin Manager</span></h3>
+                        <div id="plugin-list"></div>
+                        <div class="plugin-actions">
+                            <button class="kimi-button" id="refresh-plugins" data-i18n="refresh">Refresh</button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Memory Management Modal -->
+            <div class="memory-overlay" id="memory-overlay" style="display: none;">
+                <div class="memory-modal">
+                    <div class="memory-header">
+                        <h2 class="memory-title">
+                            <i class="fas fa-brain"></i>
+                            <span data-i18n="memory_management">Memory Management</span>
+                        </h2>
+                        <button class="memory-close" id="memory-close">
+                            <i class="fas fa-times"></i>
+                        </button>
+                    </div>
+
+                    <div class="memory-content">
+                        <div class="memory-filters">
+                            <div class="memory-search-container">
+                                <input type="text" class="kimi-input" id="memory-search"
+                                    placeholder="Search memories..." />
+                                <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>
+                            </select>
+                            <button class="kimi-button" id="memory-export">
+                                <i class="fas fa-download"></i> Export Memories
+                            </button>
+                        </div>
+
+                        <div class="memory-list" id="memory-list">
+                            <!-- Memory items will be populated here -->
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Help Modal - Independent from Settings -->
+    <div class="help-overlay" id="help-overlay">
+        <div class="help-modal">
+            <div class="help-header">
+                <h2 class="help-title">
+                    <span data-i18n="about_kimi">About Kimi</span>
+                </h2>
+                <button class="help-close" id="help-close">
+                    <i class="fas fa-times"></i>
+                </button>
+            </div>
+
+            <div class="help-content">
+                <div class="help-section">
+                    <h3><i class="fas fa-users"></i> Creators</h3>
+                    <div class="creators-info">
+                        <div class="creator-card">
+                            <div class="creator-avatar">👨‍💻</div>
+                            <div class="creator-details">
+                                <h4>Jean</h4>
+                                <p>Creative vision, passionate dev</p>
+                                <span class="creator-role">Creator & Developer</span>
+                                <div class="creator-links">
+                                    <a href="https://github.com/virtualkimi" target="_blank" rel="noopener noreferrer"
+                                        class="creator-link">
+                                        <i class="fab fa-github"></i>
+                                        <span>GitHub</span>
+                                    </a>
+                                    <a href="https://huggingface.co/VirtualKimi" target="_blank"
+                                        rel="noopener noreferrer" class="creator-link">
+                                        <i class="fas fa-robot"></i>
+                                        <span>HuggingFace</span>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="creator-card">
+                            <div class="creator-avatar">💕</div>
+                            <div class="creator-details">
+                                <h4>Kimi</h4>
+                                <p>Artificial intelligence, code magic</p>
+                                <span class="creator-role">Virtual Companion & Co-developer</span>
+                                <div class="creator-links">
+                                    <a href="https://ko-fi.com/virtualkimi" target="_blank" rel="noopener noreferrer"
+                                        class="creator-link">
+                                        <i class="fas fa-coffee"></i>
+                                        <span>Ko-fi</span>
+                                    </a>
+                                    <a href="https://www.youtube.com/@VirtualKimi" target="_blank" rel="noopener noreferrer"
+                                        class="creator-link">
+                                        <i class="fab fa-youtube"></i>
+                                        <span>Youtube</span>
+                                    </a>
+                                    <a href="https://x.com/virtualkimi" target="_blank" rel="noopener noreferrer"
+                                        class="creator-link">
+                                        <i class="fab fa-x-twitter"></i>
+                                        <span>X</span>
+                                    </a>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <p class="philosophy">
+                        <em>"This application is not just a technical project, it's the embodiment of a dream:
+                            create a
+                            true
+                            virtual companion who grows, learns and loves."</em>
+                    </p>
+                </div>
+
+                <div class="help-section">
+                    <h3><i class="fas fa-magic"></i> Main Features</h3>
+                    <div class="features-grid">
+                        <div class="feature-item">
+                            <i class="fas fa-microphone"></i>
+                            <h4>Voice Interface</h4>
+                            <p>Advanced speech recognition and natural synthesis. Click the microphone and speak
+                                naturally with real-time emotion detection!</p>
+                        </div>
+                        <div class="feature-item">
+                            <i class="fas fa-brain"></i>
+                            <h4>Advanced AI Models</h4>
+                            <p>Support for multiple AI providers (OpenRouter, OpenAI, Groq, Together, DeepSeek,
+                                Custom
+                                OpenAI-compatible, Local Ollama).</p>
+                        </div>
+                        <div class="feature-item">
+                            <i class="fas fa-users"></i>
+                            <h4>Multiple Characters</h4>
+                            <p>4 unique AI personalities: Kimi (cosmic dreamer), Bella (nurturing botanist),
+                                Rosa
+                                (chaotic prankster), Stella (digital artist).</p>
+                        </div>
+                        <div class="feature-item">
+                            <i class="fas fa-heart-pulse"></i>
+                            <h4>Dynamic Personality</h4>
+                            <p>6 evolving traits (affection, playfulness, intelligence, empathy, humor, romance)
+                                that
+                                adapt based on conversations.</p>
+                        </div>
+                        <div class="feature-item">
+                            <i class="fas fa-memory"></i>
+                            <h4>Intelligent Memory System</h4>
+                            <p>Automatic extraction and categorization of memories from conversations. Your
+                                companion
+                                remembers preferences, experiences, and important details.</p>
+                        </div>
+                        <div class="feature-item">
+                            <i class="fas fa-video"></i>
+                            <h4>Emotion-Driven Visuals</h4>
+                            <p>Real-time video responses that match detected emotions and personality states
+                                with smooth
+                                transitions.</p>
+                        </div>
+                        <div class="feature-item">
+                            <i class="fas fa-palette"></i>
+                            <h4>Customizable Interface</h4>
+                            <p>5 beautiful themes with adjustable transparency, animations, and responsive
+                                design for
+                                all devices.</p>
+                        </div>
+                        <div class="feature-item">
+                            <i class="fas fa-globe"></i>
+                            <h4>Multilingual Support</h4>
+                            <p>Full localization in 7 languages with automatic language detection and
+                                culturally-aware
+                                responses.</p>
+                        </div>
+                        <div class="feature-item">
+                            <i class="fas fa-plug"></i>
+                            <h4>Plugin System</h4>
+                            <p>Extensible architecture with themes, voices, and behavior plugins for unlimited
+                                customization possibilities.</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="help-section">
+                    <h3><i class="fas fa-rocket"></i> Quick Guide</h3>
+                    <div class="quick-guide">
+                        <div class="guide-step">
+                            <span class="step-number">1</span>
+                            <div class="step-content">
+                                <h4>API Configuration</h4>
+                                <p>Choose your provider in <strong>API & Models</strong>, fill Base URL/Model ID
+                                    if
+                                    needed, enter and save your API key, then use <strong>Test API Key</strong>.
+                                </p>
+                            </div>
+                        </div>
+                        <div class="guide-step">
+                            <span class="step-number">2</span>
+                            <div class="step-content">
+                                <h4>Choose Character</h4>
+                                <p>Select your companion in <strong>Personality</strong> tab and adjust their
+                                    traits to
+                                    match your preferences.</p>
+                            </div>
+                        </div>
+                        <div class="guide-step">
+                            <span class="step-number">3</span>
+                            <div class="step-content">
+                                <h4>Enable Memory</h4>
+                                <p>Activate intelligent memory in <strong>Data</strong> tab for your companion
+                                    to
+                                    remember important details.</p>
+                            </div>
+                        </div>
+                        <div class="guide-step">
+                            <span class="step-number">4</span>
+                            <div class="step-content">
+                                <h4>Start Conversation</h4>
+                                <p>Use text chat or click the microphone 🎤 to speak naturally. Watch emotions
+                                    and
+                                    personality evolve!</p>
+                            </div>
+                        </div>
+                        <div class="guide-step">
+                            <span class="step-number">5</span>
+                            <div class="step-content">
+                                <h4>Customize & Backup</h4>
+                                <p>Personalize themes in <strong>Appearance</strong> and regularly export your
+                                    data for
+                                    safekeeping.</p>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="help-section">
+                    <h3><i class="fas fa-lightbulb"></i> Tips & Tricks</h3>
+                    <div class="tips-list">
+                        <div class="tip-item">
+                            <i class="fas fa-edge"></i>
+                            <p><strong>Browser Choice</strong>: Microsoft Edge recommended for optimal voice
+                                recognition
+                                performance</p>
+                        </div>
+                        <div class="tip-item">
+                            <i class="fas fa-key"></i>
+                            <p><strong>API Setup</strong>: You can use OpenRouter, OpenAI, Groq, Together,
+                                DeepSeek or
+                                your own OpenAI-compatible endpoint (and Local Ollama). Create accounts as
+                                needed.</p>
+                        </div>
+                        <div class="tip-item">
+                            <i class="fas fa-memory"></i>
+                            <p><strong>Memory System</strong>: Your companion learns faster when you share
+                                specific
+                                details about yourself</p>
+                        </div>
+                        <div class="tip-item">
+                            <i class="fas fa-heart"></i>
+                            <p><strong>Relationship Building</strong>: Consistent positive interactions
+                                naturally
+                                increase affection and unlock deeper conversations</p>
+                        </div>
+                        <div class="tip-item">
+                            <i class="fas fa-users"></i>
+                            <p><strong>Character Switching</strong>: Each character has unique memories and
+                                personality
+                                development - try them all!</p>
+                        </div>
+                        <div class="tip-item">
+                            <i class="fas fa-microphone"></i>
+                            <p><strong>Voice Tips</strong>: Speak clearly and pause briefly between sentences
+                                for better
+                                emotion detection</p>
+                        </div>
+                        <div class="tip-item">
+                            <i class="fas fa-download"></i>
+                            <p><strong>Data Management</strong>: Export conversations regularly and use memory
+                                management to review learned information</p>
+                        </div>
+                        <div class="tip-item">
+                            <i class="fas fa-plug"></i>
+                            <p><strong>Plugins</strong>: Explore the plugin system to add custom themes, voices,
+                                and
+                                behaviors</p>
+                        </div>
+                        <div class="tip-item">
+                            <i class="fas fa-mobile-alt"></i>
+                            <p><strong>Mobile Support</strong>: Works on tablets and phones - perfect for
+                                conversations
+                                anywhere</p>
+                        </div>
+                    </div>
+                </div>
+
+                <div class="help-section version-info">
+                    <h3><i class="fas fa-code"></i> Technical Information</h3>
+                    <div class="tech-info">
+                        <p><strong>Created date :</strong> July 16, 2025</p>
+                        <p><strong>Version :</strong> v1.0.4</p>
+                        <p><strong>Last update :</strong> August 09, 2025</p>
+                        <p><strong>Technologies :</strong> HTML5, CSS3, JavaScript ES6+, IndexedDB, Web Speech
+                            API</p>
+                        <p><strong>Status :</strong> ✅ Stable and functional</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    </div>
+
+    <script src="kimi-js/dexie.min.js"></script>
+    <script src="kimi-js/kimi-config.js"></script>
+    <script src="kimi-js/kimi-error-manager.js"></script>
+    <script src="kimi-js/kimi-security.js"></script>
+    <script src="kimi-js/kimi-database.js"></script>
+    <script src="kimi-js/kimi-emotion-system.js"></script>
+    <script src="kimi-js/kimi-llm-manager.js"></script>
+    <script src="kimi-js/kimi-voices.js"></script>
+    <script src="kimi-js/kimi-constants.js"></script>
+    <script src="kimi-js/kimi-logic.js"></script>
+    <script src="kimi-js/kimi-utils.js"></script>
+    <script src="kimi-js/kimi-memory.js"></script>
+    <script src="kimi-js/kimi-memory-system.js"></script>
+    <script src="kimi-js/kimi-memory-ui.js"></script>
+    <script src="kimi-js/kimi-appearance.js"></script>
+    <script src="kimi-locale/i18n.js"></script>
+    <script src="kimi-js/kimi-module.js"></script>
+    <script src="kimi-js/kimi-script.js"></script>
+    <script src="kimi-js/kimi-plugin-manager.js"></script>
+    <script src="kimi-js/kimi-health-check.js"></script>
+
+    <!-- Schema.org JSON-LD for better SEO -->
+    <script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebPage",
+        "name": "Virtual Kimi - Virtual AI Companion",
+    "description": "Discover Virtual Kimi, an AI companion with evolving personality, multi-provider AI support, advanced voice recognition and immersive interface. The future of human-AI relationships.",
+        "url": "https://virtualkimi.com/virtual-kimi-app/index.html",
+        "mainEntity": {
+            "@type": "SoftwareApplication",
+            "name": "Virtual Kimi",
+            "applicationCategory": "AI Companion",
+            "operatingSystem": "Web Browser",
+            "description": "Virtual AI companion with evolving personality, multi-provider AI support, voice recognition and immersive interface",
+            "features": [
+                "Advanced voice recognition",
+                "Evolving personality with 6 adjustable traits",
+                "Premium LLM integration",
+                "5 customizable visual themes",
+                "Persistent memory",
+                "Intelligent affection system"
+            ],
+            "author": {
+                "@type": "Person",
+                "name": "Jean & Kimi"
+            },
+            "dateCreated": "2025-07-16",
+            "version": "v1.0.4"
+        }
+    }
+    </script>
+</body>
+
+</html>

kimi-css/kimi-memory-styles.css

@@ -0,0 +1,586 @@
+/* ===== MEMORY SYSTEM STYLES ===== */
+
+/* Memory Input Group */
+.memory-input-group {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.memory-stats {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.memory-stats span {
+    color: var(--text-secondary);
+    font-size: 0.9em;
+    font-weight: 500;
+}
+
+/* Memory Modal */
+.memory-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: rgba(0, 0, 0, 0.85);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 10000;
+    opacity: 0;
+    animation: fadeIn 0.3s ease forwards;
+    backdrop-filter: blur(3px);
+}
+
+.memory-modal {
+    background: var(--background-secondary);
+    border-radius: 12px;
+    width: 90%;
+    max-width: 900px;
+    max-height: 85vh;
+    overflow: hidden;
+    box-shadow: 0 25px 70px rgba(0, 0, 0, 0.4);
+    transform: scale(0.9);
+    animation: modalSlideIn 0.3s ease forwards;
+    border: 1px solid var(--border-color);
+}
+
+.memory-header {
+    padding: 20px 24px;
+    border-bottom: 1px solid var(--border-color);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: var(--primary-gradient);
+}
+
+.memory-title {
+    margin: 0;
+    color: white;
+    font-size: 1.3rem;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.memory-close {
+    background: none;
+    border: none;
+    color: white;
+    font-size: 1.5rem;
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 6px;
+    transition: background-color 0.2s;
+}
+
+.memory-close:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.memory-content {
+    padding: 20px 24px;
+    max-height: 60vh;
+    overflow-y: auto;
+}
+
+/* Memory Filters */
+.memory-filters {
+    display: grid;
+    grid-template-columns: 2fr 1fr auto;
+    gap: 12px;
+    margin-bottom: 20px;
+    align-items: center;
+}
+
+.memory-search-container {
+    position: relative;
+    display: flex;
+    align-items: center;
+}
+
+.memory-search-icon {
+    position: absolute;
+    right: 12px;
+    color: var(--text-secondary);
+    pointer-events: none;
+}
+
+#memory-search {
+    width: 100%;
+    padding-right: 36px;
+}
+
+@media (max-width: 768px) {
+    .memory-filters {
+        grid-template-columns: 1fr;
+        gap: 8px;
+    }
+}
+
+/* Memory List */
+.memory-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.memory-item {
+    background: rgba(var(--background-primary-rgb, 255, 255, 255), 0.95);
+    border: 1px solid var(--border-color);
+    border-radius: 8px;
+    padding: 12px;
+    transition: all 0.2s ease;
+    backdrop-filter: blur(5px);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.memory-item:hover {
+    border-color: var(--primary-color);
+    box-shadow: 0 4px 16px rgba(var(--primary-rgb), 0.2);
+    background: rgba(var(--background-primary-rgb, 255, 255, 255), 1);
+    transform: translateY(-1px);
+}
+
+.memory-item .memory-header {
+    padding: 0;
+    border: none;
+    background: none;
+    margin-bottom: 6px;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 8px;
+}
+
+.memory-category {
+    background: var(--primary-color);
+    color: white;
+    padding: 3px 8px;
+    border-radius: 10px;
+    font-size: 0.75rem;
+    font-weight: 500;
+    text-transform: capitalize;
+    white-space: nowrap;
+}
+
+.memory-type {
+    background: var(--background-secondary);
+    color: var(--text-secondary);
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 0.7rem;
+    text-transform: uppercase;
+    font-weight: 600;
+}
+
+.memory-length {
+    background: var(--border-color);
+    color: var(--text-secondary);
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 0.7rem;
+    font-weight: 500;
+}
+
+.memory-confidence {
+    color: var(--text-secondary);
+    font-size: 0.75rem;
+    font-weight: 500;
+}
+
+.memory-item .memory-content {
+    padding: 0;
+    max-height: none;
+    overflow: visible;
+    color: var(--text-primary);
+    line-height: 1.4;
+    margin-bottom: 8px;
+    font-size: 0.9rem;
+}
+
+.memory-preview {
+    display: block;
+    margin-bottom: 6px;
+    color: var(--text-primary);
+    line-height: 1.4;
+    font-size: 0.9rem;
+}
+
+.memory-preview-text {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 100%;
+}
+
+.memory-preview-full {
+    white-space: normal;
+    max-height: 60px;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    line-clamp: 3;
+    -webkit-box-orient: vertical;
+}
+
+.memory-expand-btn {
+    background: none;
+    border: none;
+    color: var(--primary-color);
+    cursor: pointer;
+    font-size: 0.8rem;
+    padding: 2px 4px;
+    margin-top: 4px;
+    border-radius: 3px;
+    transition: background-color 0.2s;
+}
+
+.memory-expand-btn:hover {
+    background: rgba(var(--primary-rgb), 0.1);
+}
+
+.memory-meta {
+    display: flex;
+    gap: 8px;
+    margin-bottom: 8px;
+    font-size: 0.75rem;
+    color: var(--text-secondary);
+    align-items: center;
+}
+
+.memory-source {
+    cursor: help;
+    text-decoration: underline dotted;
+}
+
+.memory-actions {
+    display: flex;
+    gap: 6px;
+    justify-content: flex-end;
+}
+
+.memory-edit-btn,
+.memory-delete-btn {
+    padding: 4px 6px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 0.8rem;
+    transition: all 0.2s ease;
+    min-width: 28px;
+    height: 28px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.memory-edit-btn {
+    background: var(--primary-color);
+    color: white;
+}
+
+.memory-edit-btn:hover {
+    background: var(--primary-dark);
+}
+
+.memory-delete-btn {
+    background: #e74c3c;
+    color: white;
+}
+
+.memory-delete-btn:hover {
+    background: #c0392b;
+}
+
+/* Empty State */
+.memory-empty {
+    text-align: center;
+    padding: 40px 20px;
+    color: var(--text-secondary);
+}
+
+.memory-empty i {
+    font-size: 3rem;
+    margin-bottom: 16px;
+    opacity: 0.5;
+}
+
+.memory-empty p {
+    margin: 0;
+    line-height: 1.5;
+}
+
+/* Memory Category Groups */
+.memory-category-group {
+    margin-bottom: 16px;
+}
+
+.memory-category-header {
+    margin: 0 0 8px 0;
+    padding: 6px 12px;
+    background: var(--primary-color);
+    color: white;
+    border-radius: 6px;
+    font-size: 0.85rem;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.memory-category-count {
+    opacity: 0.8;
+    font-weight: normal;
+    font-size: 0.8rem;
+}
+
+.memory-category-items {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+}
+
+/* Memory Item Types */
+.memory-item.memory-auto {
+    border-left: 4px solid #3498db;
+}
+
+.memory-item.memory-manual {
+    border-left: 4px solid #9b59b6;
+}
+
+.memory-badges {
+    display: flex;
+    gap: 8px;
+    align-items: center;
+}
+
+.memory-type {
+    font-size: 0.75rem;
+    padding: 2px 6px;
+    border-radius: 4px;
+    text-transform: uppercase;
+    font-weight: 500;
+}
+
+.memory-type.auto_extracted {
+    background: #3498db;
+    color: white;
+}
+
+.memory-type.manual {
+    background: #9b59b6;
+    color: white;
+}
+
+.memory-type.imported {
+    background: #f39c12;
+    color: white;
+}
+
+/* Confidence Levels */
+.memory-confidence {
+    font-size: 0.8rem;
+    font-weight: 500;
+    padding: 2px 6px;
+    border-radius: 4px;
+}
+
+.confidence-high {
+    background: #27ae60;
+    color: white;
+}
+
+.confidence-medium {
+    background: #f39c12;
+    color: white;
+}
+
+.confidence-low {
+    background: #e74c3c;
+    color: white;
+}
+
+/* Memory Toggle Indicator */
+.toggle-switch {
+    position: relative;
+}
+
+.memory-indicator {
+    position: absolute;
+    top: -2px;
+    right: -2px;
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    border: 2px solid white;
+}
+
+/* Enhanced animations */
+.memory-item {
+    transition: all 0.3s ease;
+    transform: translateY(0);
+}
+
+.memory-item:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(var(--primary-rgb), 0.15);
+}
+
+/* Responsive improvements */
+@media (max-width: 768px) {
+    .memory-category-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 4px;
+    }
+
+    .memory-badges {
+        flex-wrap: wrap;
+    }
+}
+
+@keyframes fadeIn {
+    to {
+        opacity: 1;
+    }
+}
+
+@keyframes modalSlideIn {
+    to {
+        opacity: 1;
+        transform: scale(1);
+    }
+}
+
+/* Memory Feedback Notifications */
+.memory-feedback {
+    font-family: var(--font-family, sans-serif);
+    border-radius: 8px;
+    backdrop-filter: blur(5px);
+    font-weight: 500;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    min-width: 200px;
+    text-align: center;
+}
+
+.memory-feedback-info {
+    background: linear-gradient(135deg, rgba(52, 152, 219, 0.9), rgba(52, 152, 219, 0.7));
+    color: white;
+    box-shadow: 0 4px 15px rgba(52, 152, 219, 0.3);
+}
+
+.memory-feedback-success {
+    background: linear-gradient(135deg, rgba(39, 174, 96, 0.9), rgba(39, 174, 96, 0.7));
+    color: white;
+    box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
+}
+
+.memory-feedback-error {
+    background: linear-gradient(135deg, rgba(231, 76, 60, 0.9), rgba(231, 76, 60, 0.7));
+    color: white;
+    box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3);
+}
+
+/* Mobile Responsive */
+@media (max-width: 768px) {
+    .memory-modal {
+        width: 95%;
+        max-height: 90vh;
+    }
+
+    .memory-header {
+        padding: 16px 20px;
+    }
+
+    .memory-content {
+        padding: 16px 20px;
+    }
+
+    .memory-filters {
+        grid-template-columns: 1fr;
+        gap: 8px;
+    }
+
+    .memory-item {
+        padding: 10px;
+    }
+
+    .memory-item .memory-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 6px;
+    }
+
+    .memory-meta {
+        flex-direction: column;
+        gap: 4px;
+        font-size: 0.7rem;
+    }
+
+    .memory-badges {
+        flex-wrap: wrap;
+        gap: 4px;
+    }
+
+    .memory-category {
+        font-size: 0.7rem;
+        padding: 2px 6px;
+    }
+
+    .memory-preview-text {
+        font-size: 0.85rem;
+    }
+
+    .memory-actions {
+        gap: 4px;
+    }
+
+    .memory-edit-btn,
+    .memory-delete-btn {
+        min-width: 24px;
+        height: 24px;
+        font-size: 0.75rem;
+    }
+}
+
+/* Dark Theme Adjustments */
+[data-theme="dark"] .memory-modal {
+    background: #1a1a1a;
+}
+
+[data-theme="dark"] .memory-item {
+    background: rgba(42, 42, 42, 0.95);
+    border-color: #404040;
+    backdrop-filter: blur(5px);
+}
+
+[data-theme="dark"] .memory-item:hover {
+    border-color: var(--primary-color);
+    background: rgba(42, 42, 42, 1);
+}
+
+[data-theme="dark"] .memory-expand-btn:hover {
+    background: rgba(var(--primary-rgb), 0.2);
+}
+
+/* Light Theme Specific */
+[data-theme="purple"] .memory-item,
+[data-theme="blue"] .memory-item,
+[data-theme="green"] .memory-item,
+[data-theme="default"] .memory-item {
+    background: rgba(255, 255, 255, 0.95);
+}
+
+[data-theme="purple"] .memory-item:hover,
+[data-theme="blue"] .memory-item:hover,
+[data-theme="green"] .memory-item:hover,
+[data-theme="default"] .memory-item:hover {
+    background: rgba(255, 255, 255, 1);
+}

kimi-css/kimi-settings.css

@@ -0,0 +1,1417 @@
+/* ===== KIMI SETTINGS PANEL ===== */
+
+.settings-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: var(--modal-overlay-bg);
+    backdrop-filter: blur(10px);
+    -webkit-backdrop-filter: blur(10px);
+    z-index: 50;
+    display: none;
+    opacity: 0;
+    transition:
+        opacity 0.3s ease,
+        backdrop-filter 0.3s ease;
+}
+
+.settings-overlay.visible {
+    display: flex;
+    opacity: 1;
+    justify-content: center;
+    align-items: center;
+    padding: 10px;
+}
+
+.settings-panel {
+    background: var(--modal-bg);
+    backdrop-filter: blur(20px);
+    border-radius: 25px;
+    border: 1.5px solid var(--modal-border);
+    color: var(--modal-text);
+    box-shadow:
+        0 20px 60px rgba(0, 0, 0, 0.5),
+        0 0 30px var(--primary-color, rgba(255, 107, 157, 0.3));
+    width: 100%;
+    max-width: 900px;
+    max-height: 90vh;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    animation: slideInUp 0.4s ease-out;
+    position: relative;
+    isolation: isolate;
+}
+
+@keyframes slideInUp {
+    from {
+        transform: translateY(50px);
+        opacity: 0;
+    }
+    to {
+        transform: translateY(0);
+        opacity: 1;
+    }
+}
+
+.settings-header {
+    background: var(--modal-header-bg);
+    padding: 25px 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.settings-header-actions {
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+
+.settings-title {
+    margin: 0;
+    color: var(--modal-title-color);
+    font-size: 1.5rem;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    text-shadow: 0 1px 1px #000;
+}
+
+.help-button,
+.settings-close {
+    background: none;
+    border: none;
+    color: var(--modal-text);
+    font-size: 1.5rem;
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 50%;
+    transition: all 0.3s ease;
+    backdrop-filter: blur(10px);
+}
+
+.help-icon {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 18px;
+    height: 18px;
+    color: var(--modal-text);
+}
+
+.help-button:hover,
+.settings-close:hover {
+    background-color: var(--modal-close-hover-bg);
+    transform: scale(1.1);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+}
+
+.settings-content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0;
+    position: relative;
+    z-index: 1;
+    min-height: 0;
+}
+
+/* ===== SETTINGS TABS ===== */
+.settings-tabs {
+    display: flex;
+    overflow-x: auto;
+    scroll-behavior: smooth;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+    box-sizing: border-box;
+    transition: padding-right 0.3s ease;
+    position: sticky;
+    top: 0;
+    z-index: 100;
+    background: var(--settings-tab-bg);
+    border-bottom: 2px solid var(--settings-tab-border);
+    backdrop-filter: blur(10px);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    flex-shrink: 0;
+}
+
+.settings-tabs::-webkit-scrollbar {
+    display: none;
+}
+
+.settings-tab {
+    flex: 1;
+    min-width: 130px;
+    max-width: 200px;
+    padding: 15px 16px;
+    background: none;
+    border: none;
+    color: var(--settings-tab-color);
+    cursor: pointer;
+    font-size: 0.9rem;
+    font-weight: 500;
+    transition:
+        all 0.3s ease,
+        font-size 0.2s ease,
+        padding 0.2s ease;
+    position: relative;
+    white-space: nowrap;
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    box-sizing: border-box;
+}
+
+.settings-tab:hover {
+    color: var(--settings-tab-hover-color);
+    background: var(--settings-tab-hover-bg);
+}
+
+.settings-tab.active {
+    color: var(--settings-tab-active-color);
+    background: var(--settings-tab-active-bg);
+    backdrop-filter: blur(10px);
+}
+
+.settings-tab.active::after {
+    content: "";
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 3px;
+    background: linear-gradient(90deg, var(--primary-color, #ff9a9e), var(--secondary-color, #fecfef));
+}
+
+.tab-content {
+    display: none;
+    padding: 30px;
+    position: relative;
+    z-index: 1;
+    overflow: visible;
+    background: var(--settings-bg);
+    color: var(--modal-text);
+}
+
+.tab-content.active {
+    display: block;
+}
+
+/* ===== SECTIONS DE CONFIGURATION ===== */
+
+.config-section {
+    margin-bottom: 30px;
+    padding: 20px;
+    background: var(--settings-section-bg);
+    border-radius: 15px;
+    border: 1.5px solid var(--settings-section-border);
+}
+
+.config-section h3 {
+    margin: 0 0 15px 0;
+    color: var(--settings-section-header-color);
+    font-size: 1.2rem;
+    font-weight: 600;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
+}
+
+.config-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 15px;
+    padding: 10px 0;
+}
+
+.config-row:last-child {
+    margin-bottom: 0;
+}
+
+.config-label {
+    color: var(--settings-text);
+    font-weight: 500;
+    flex: 1;
+}
+
+.config-label-group {
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+    flex: 1;
+}
+
+.presence-dot {
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background-color: #9e9e9e;
+}
+
+.inline-row {
+    display: inline-flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.config-control {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    flex: 1;
+    width: 100%;
+    margin-left: 0;
+}
+
+/* ===== CONTRÔLES PERSONNALISÉS ===== */
+
+.slider-container {
+    width: 100%;
+    max-width: 200px;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+}
+
+.slider-value {
+    background: var(--slider-value-bg);
+    color: var(--slider-value-color);
+    padding: 4px 8px;
+    border-radius: 4px;
+    font-size: 0.8rem;
+    font-weight: 500;
+    border: 1px solid var(--slider-value-border);
+    min-width: 45px;
+    text-align: center;
+    flex-shrink: 0;
+}
+
+.toggle-switch {
+    position: relative;
+    width: 50px;
+    height: 25px;
+    background: var(--switch-bg-inactive);
+    border-radius: 25px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.toggle-switch.active {
+    background: var(--switch-bg-active);
+}
+
+.toggle-switch::after {
+    content: "";
+    position: absolute;
+    top: 2px;
+    left: 2px;
+    width: 21px;
+    height: 21px;
+    background: var(--switch-thumb-color);
+    border-radius: 50%;
+    transition: transform 0.3s ease;
+    box-shadow: var(--switch-thumb-shadow);
+}
+
+.toggle-switch.active::after {
+    transform: translateX(25px);
+}
+
+.toggle-switch#transcript-toggle {
+    background: var(--switch-bg-inactive);
+}
+
+.toggle-switch#transcript-toggle.active {
+    background: var(--switch-bg-active);
+}
+
+/* ===== INFORMATIONS ET STATS ===== */
+
+.stats-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 15px;
+    margin-top: 20px;
+}
+
+.stat-card {
+    background: var(--card-bg);
+    border-radius: 10px;
+    padding: 15px;
+    text-align: center;
+    border: 1px solid var(--card-border);
+}
+
+.stat-value {
+    font-size: 1.5rem;
+    font-weight: 700;
+    color: var(--stat-value-color);
+    margin-bottom: 5px;
+}
+
+.stat-label {
+    color: var(--stat-label-color);
+    font-size: 0.85rem;
+}
+
+.model-card {
+    background: var(--card-bg);
+    border-radius: 12px;
+    padding: 20px;
+    margin-bottom: 15px;
+    border: 1px solid var(--card-border);
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.model-card:hover {
+    background: var(--card-hover-bg);
+    transform: translateY(-2px);
+}
+
+.model-card.selected {
+    border-color: var(--model-card-selected-border);
+    box-shadow: var(--model-card-selected-shadow);
+}
+
+.models-search-container {
+    margin: 12px 0 16px;
+}
+
+.models-section {
+    margin: 16px 0;
+}
+
+.models-section-title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-weight: 600;
+    color: var(--settings-section-header-color);
+    margin: 6px 0 10px;
+}
+
+.model-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+}
+
+.model-name {
+    font-size: 1.1rem;
+    font-weight: 600;
+    color: var(--model-name-color);
+}
+
+.model-provider {
+    background: var(--model-provider-color);
+    color: var(--model-provider-text);
+    padding: 4px 8px;
+    border-radius: 6px;
+    font-size: 0.75rem;
+    font-weight: 500;
+}
+
+.model-description {
+    color: var(--model-description-color);
+    font-size: 0.9rem;
+    margin-bottom: 10px;
+}
+
+.strength-tag {
+    display: inline-block;
+    background: var(--strength-tag-bg);
+    color: var(--strength-tag-text);
+    padding: 4px 8px;
+    border-radius: 12px;
+    font-size: 0.75rem;
+    font-weight: 500;
+    margin-right: 8px;
+    margin-bottom: 5px;
+}
+
+/* Models error and no-models messages */
+.no-models-message,
+.models-error-message {
+    text-align: center;
+    padding: 40px 20px;
+    border-radius: 12px;
+    margin: 20px 0;
+    background: var(--background-secondary);
+    border: 1px solid var(--border-color);
+}
+
+.no-models-message p,
+.models-error-message p {
+    margin: 0;
+    color: var(--text-secondary);
+    font-size: 0.95rem;
+    line-height: 1.5;
+}
+
+.models-error-message {
+    background: rgba(231, 76, 60, 0.1);
+    border-color: rgba(231, 76, 60, 0.3);
+}
+
+.models-error-message p {
+    color: #e74c3c;
+}
+
+.model-strengths {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+}
+
+.strength-tag {
+    background: var(--model-strength-color);
+    color: var(--model-strength-text);
+    padding: 3px 8px;
+    border-radius: 4px;
+    font-size: 0.75rem;
+    font-weight: 500;
+}
+
+/* ===== PLUGIN CARDS AND SWITCHES ===== */
+
+.plugin-card {
+    background: linear-gradient(135deg, #22121a 80%, var(--modal-bg) 100%);
+    border: 2px solid var(--modal-border);
+    border-radius: 20px;
+    box-shadow:
+        0 4px 24px 0 #000a,
+        0 2px 0 0 var(--modal-border);
+    padding: 28px 32px 24px 32px;
+    margin-bottom: 28px;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 0;
+    justify-content: space-between;
+    transition:
+        box-shadow 0.2s,
+        border 0.2s;
+    position: relative;
+}
+
+.plugin-card .plugin-info {
+    flex: 2 1 0;
+    min-width: 0;
+    margin-right: 24px;
+}
+
+.plugin-card-center {
+    flex: 1 1 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: 10px;
+    min-width: 120px;
+}
+
+.plugin-card-switch {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    min-width: 80px;
+    margin-left: 24px;
+}
+
+.plugin-card .plugin-title {
+    font-size: 1.35rem;
+    font-weight: 700;
+    color: var(--plugin-card-title-color);
+    margin-bottom: 6px;
+    letter-spacing: 0.01em;
+    text-shadow: 0 2px 8px #000b;
+}
+
+.plugin-card .plugin-type {
+    font-size: 1rem;
+    color: var(--accent-color);
+    margin-left: 10px;
+    font-weight: 600;
+    text-shadow: 0 1px 4px #0008;
+}
+
+.plugin-card .plugin-desc {
+    color: var(--plugin-card-desc-color);
+    margin-bottom: 10px;
+    font-size: 1.01rem;
+    line-height: 1.5;
+}
+
+.plugin-card .plugin-author {
+    font-size: 0.95rem;
+    color: var(--plugin-card-author-color);
+    font-weight: 500;
+}
+
+.plugin-card-left {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    min-width: 90px;
+    gap: 8px;
+    margin-top: 4px;
+}
+
+.plugin-card-right {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    gap: 12px;
+}
+
+.plugin-type-badge {
+    display: inline-block;
+    background: var(--plugin-type-badge-bg);
+    color: #fff;
+    font-size: 0.85rem;
+    font-weight: 600;
+    border-radius: 8px;
+    padding: 3px 10px;
+    margin-bottom: 8px;
+    margin-right: 12px;
+    letter-spacing: 0.03em;
+    box-shadow: 0 1px 4px #0002;
+}
+
+.plugin-theme-swatch {
+    display: inline-flex;
+    gap: 4px;
+    margin-bottom: 8px;
+    margin-right: 12px;
+    vertical-align: middle;
+}
+
+.plugin-theme-swatch span {
+    display: inline-block;
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    border: 2px solid #fff2;
+    box-shadow: 0 1px 4px #0002;
+}
+
+.plugin-active-badge {
+    display: inline-block;
+    background: var(--plugin-active-badge-bg);
+    color: #fff;
+    font-size: 0.85rem;
+    font-weight: 700;
+    border-radius: 8px;
+    padding: 3px 12px;
+    margin-bottom: 8px;
+    margin-right: 12px;
+    letter-spacing: 0.03em;
+    box-shadow: 0 1px 8px #0003;
+}
+
+@media (max-width: 700px) {
+    .plugin-card {
+        flex-direction: column;
+        gap: 12px;
+    }
+    .plugin-card-left {
+        flex-direction: row;
+        align-items: center;
+        min-width: 0;
+        gap: 10px;
+        margin-top: 0;
+    }
+    .plugin-card-right {
+        gap: 8px;
+    }
+}
+
+/* ===== CONSOLIDATED RESPONSIVE DESIGN ===== */
+@media (max-width: 768px) {
+    .settings-panel {
+        width: 100%;
+        height: 100%;
+        border-radius: 0;
+        max-height: 100vh;
+    }
+
+    .settings-header {
+        padding: 20px;
+    }
+
+    .settings-title {
+        font-size: 1.3rem;
+    }
+
+    .settings-tabs {
+        padding: 0 10px;
+        gap: 5px;
+        position: relative;
+    }
+
+    .settings-tab {
+        flex: 0 0 auto;
+        min-width: 110px;
+        padding: 12px 16px;
+        font-size: 0.85rem;
+        border-radius: 8px 8px 0 0;
+    }
+
+    .settings-tab.active::after {
+        height: 2px;
+    }
+
+    .tab-content {
+        padding: 20px;
+    }
+
+    .config-row {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+
+    .config-control {
+        margin-left: 0;
+        width: 100%;
+    }
+
+    .slider-container {
+        width: 100%;
+        max-width: 100%;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        gap: 10px;
+    }
+
+    .slider-value {
+        min-width: 45px;
+        flex-shrink: 0;
+    }
+
+    .stats-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+
+@media (max-width: 480px) {
+    .settings-panel {
+        width: 95%;
+        margin: 2.5%;
+        max-height: 90vh;
+    }
+
+    .config-row {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 8px;
+    }
+
+    .config-control {
+        margin-left: 0;
+        width: 100%;
+    }
+
+    .slider-container {
+        width: 100%;
+        max-width: 100%;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center;
+        gap: 8px;
+    }
+
+    .kimi-slider,
+    .kimi-slider-unified {
+        flex: 1;
+        min-width: 0;
+    }
+
+    .slider-value {
+        min-width: 40px;
+        max-width: 50px;
+        flex-shrink: 0;
+        font-size: 0.75rem;
+    }
+
+    .kimi-select,
+    .kimi-select-unified {
+        width: 100%;
+        max-width: 100%;
+        min-width: 0;
+        font-size: 0.9rem;
+        padding: 10px 35px 10px 12px;
+    }
+
+    .kimi-input,
+    .kimi-input-unified {
+        width: 100%;
+        max-width: 100%;
+        min-width: 0;
+        font-size: 0.9rem;
+    }
+
+    .settings-tab {
+        min-width: 90px;
+        font-size: 0.8rem;
+        padding: 10px 12px;
+    }
+
+    .config-section {
+        padding: 15px;
+    }
+
+    .config-section h3 {
+        font-size: 1.1rem;
+    }
+
+    .stats-grid {
+        grid-template-columns: repeat(2, 1fr);
+        gap: 10px;
+    }
+
+    .stat-card {
+        padding: 12px;
+    }
+}
+
+@media (max-width: 360px) {
+    .settings-panel {
+        width: 98%;
+        margin: 1%;
+    }
+
+    .slider-container {
+        gap: 5px;
+    }
+
+    .slider-value {
+        min-width: 35px;
+        max-width: 40px;
+        font-size: 0.7rem;
+        padding: 2px 6px;
+    }
+
+    .kimi-select,
+    .kimi-select-unified {
+        font-size: 0.85rem;
+        padding: 8px 30px 8px 10px;
+    }
+
+    .settings-tab {
+        min-width: 80px;
+        font-size: 0.75rem;
+        padding: 8px 10px;
+    }
+
+    .stats-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+/* ===== HELP MODAL ===== */
+.help-overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: var(--modal-overlay-bg);
+    backdrop-filter: blur(15px);
+    -webkit-backdrop-filter: blur(15px);
+    z-index: 60;
+    display: none;
+    opacity: 0;
+    transition:
+        opacity 0.3s ease,
+        backdrop-filter 0.3s ease;
+}
+
+.help-overlay.visible {
+    display: flex;
+    opacity: 1;
+    align-items: center;
+    justify-content: center;
+    padding: 10px;
+}
+
+.help-modal {
+    background: var(--help-modal-bg, linear-gradient(145deg, rgba(26, 26, 26, 0.95), rgba(40, 40, 40, 0.95)));
+    backdrop-filter: blur(20px);
+    border-radius: 25px;
+    border: 1px solid var(--help-modal-border, rgba(255, 255, 255, 0.1));
+    box-shadow:
+        0 20px 60px rgba(0, 0, 0, 0.5),
+        0 0 30px var(--primary-color, rgba(255, 107, 157, 0.3));
+    width: 100%;
+    max-width: 850px;
+    max-height: 85vh;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    animation: slideInUp 0.4s ease-out;
+    margin: 20px;
+}
+
+.help-header {
+    background: var(--modal-header-bg, linear-gradient(135deg, var(--primary-color, #ff9a9e), var(--secondary-color, #fecfef)));
+    padding: 25px 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.help-title {
+    margin: 0;
+    color: var(--modal-title-color);
+    font-size: 1.5rem;
+    font-weight: 700;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+}
+
+.help-close {
+    background: none;
+    border: none;
+    color: var(--modal-text);
+    font-size: 1.5rem;
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 50%;
+    transition: all 0.3s ease;
+    backdrop-filter: blur(10px);
+}
+
+.help-close:hover {
+    background-color: var(--modal-close-hover-bg);
+    transform: scale(1.1);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+}
+
+.help-content {
+    flex: 1;
+    padding: 25px 30px;
+    overflow-y: auto;
+    color: var(--help-content-color);
+}
+
+/* Help Content Components */
+.help-section {
+    margin-bottom: 30px;
+    padding-bottom: 20px;
+    border-bottom: 1px solid var(--help-section-border);
+}
+
+.help-section:last-child {
+    border-bottom: none;
+}
+
+.help-section h3 {
+    color: var(--modal-title-color);
+    font-size: 1.3rem;
+    margin-bottom: 15px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.creators-info {
+    display: flex;
+    gap: 20px;
+    margin-bottom: 20px;
+    flex-wrap: wrap;
+}
+
+.creator-card {
+    background: var(--creator-card-bg);
+    border: 1px solid var(--creator-card-border);
+    padding: 20px;
+    border-radius: 15px;
+    flex: 1;
+    min-width: 280px;
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+
+.creator-avatar {
+    font-size: 2.5rem;
+    width: 60px;
+    height: 60px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    background: var(--creator-avatar-bg);
+}
+
+.creator-details h4 {
+    margin: 0 0 5px 0;
+    color: #1650a0;
+    font-size: 1.2rem;
+}
+
+.creator-details p {
+    margin: 0 0 8px 0;
+    color: var(--feature-text-color);
+    font-size: 0.9rem;
+}
+
+.creator-role {
+    background: var(--creator-role-bg);
+    color: var(--creator-role-color);
+    padding: 4px 12px;
+    border-radius: 12px;
+    font-size: 0.8rem;
+    font-weight: 500;
+}
+
+/* Creator Links */
+.creator-links {
+    display: flex;
+    gap: 8px;
+    margin-top: 12px;
+}
+
+.creator-link {
+    background: var(--creator-role-bg, linear-gradient(135deg, var(--primary-color), var(--secondary-color)));
+    color: var(--creator-role-color, var(--text-on-primary));
+    padding: 8px 12px;
+    border-radius: 20px;
+    text-decoration: none;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    min-width: auto;
+    height: 36px;
+    transition: all 0.3s ease;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+    font-size: 0.8rem;
+    font-weight: 500;
+    border: 1px solid transparent;
+}
+
+.creator-link:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+    color: var(--creator-role-color, var(--text-on-primary)) !important;
+    text-decoration: none !important;
+    background: var(--creator-role-bg, linear-gradient(135deg, var(--primary-color), var(--secondary-color))) !important;
+    filter: brightness(1.1);
+    border-color: var(--primary-color, #ff6b9d);
+}
+
+.creator-link i {
+    font-size: 1rem;
+    color: inherit;
+    transition: color 0.3s ease;
+}
+
+.creator-link span {
+    color: inherit;
+    transition: color 0.3s ease;
+}
+
+.creator-link:hover i,
+.creator-link:hover span {
+    color: inherit !important;
+}
+
+.philosophy {
+    background: var(--philosophy-bg);
+    border: 1px solid var(--philosophy-border);
+    padding: 15px;
+    border-radius: 10px;
+    border-left: 4px solid var(--philosophy-border-left);
+    margin: 15px 0;
+    font-style: italic;
+    color: var(--feature-text-color);
+}
+
+.features-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 15px;
+    margin: 15px 0;
+}
+
+.feature-item {
+    background: var(--feature-item-bg);
+    border: 1px solid var(--feature-item-border);
+    padding: 15px;
+    border-radius: 10px;
+    text-align: center;
+}
+
+.feature-item i {
+    color: var(--feature-icon-color);
+    font-size: 2rem;
+    margin-bottom: 10px;
+}
+
+.feature-item h4 {
+    margin: 0 0 8px 0;
+    color: var(--feature-title-color);
+}
+
+.feature-item p {
+    margin: 0;
+    font-size: 0.9rem;
+    color: var(--feature-text-color);
+}
+
+.quick-guide {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 20px;
+    margin-bottom: 20px;
+}
+
+.guide-step {
+    display: flex;
+    align-items: flex-start;
+    background: rgba(255, 255, 255, 0.05);
+    border-radius: 12px;
+    padding: 15px 20px;
+    margin-bottom: 12px;
+    min-width: 220px;
+    flex: 1 1 220px;
+}
+
+.step-number {
+    font-size: 1.5rem;
+    font-weight: bold;
+    color: var(--guide-step-number-color);
+    margin-right: 16px;
+    background: var(--guide-step-number-bg);
+    border-radius: 50%;
+    width: 36px;
+    height: 36px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.step-content h4 {
+    font-size: 1.1rem;
+    margin-bottom: 6px;
+    color: var(--modal-title-color);
+}
+
+.step-content p {
+    font-size: 0.98rem;
+    color: var(--help-content-color);
+}
+
+.tips-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 18px;
+    margin-bottom: 18px;
+}
+
+.tip-item {
+    display: flex;
+    align-items: center;
+    background: var(--feature-item-bg);
+    border-radius: 12px;
+    padding: 12px 18px;
+    min-width: 200px;
+    flex: 1 1 200px;
+}
+
+.tip-item i {
+    font-size: 1.2rem;
+    color: var(--feature-icon-color);
+    margin-right: 12px;
+}
+
+.tip-item p {
+    font-size: 0.98rem;
+    color: var(--help-content-color);
+}
+
+.tech-info {
+    background: var(--feature-item-bg);
+    border-radius: 10px;
+    padding: 14px 20px;
+    margin-top: 10px;
+    color: var(--help-content-color);
+    font-size: 0.98rem;
+}
+
+.settings-panel,
+.config-section {
+    isolation: isolate;
+}
+
+/* Videos background */
+.video-container {
+    z-index: 0;
+}
+
+.bg-video {
+    z-index: 1;
+}
+
+.content-overlay {
+    z-index: 2;
+    background-color: transparent;
+    backdrop-filter: none;
+}
+
+/* Responsive for help modal */
+@media (max-width: 768px) {
+    .help-overlay {
+        padding: 5px;
+    }
+
+    .help-modal {
+        margin: 5px;
+        max-height: 95vh;
+        border-radius: 15px;
+        width: calc(100% - 10px);
+    }
+
+    .help-header {
+        padding: 20px;
+    }
+
+    .help-title {
+        font-size: 1.3rem;
+    }
+
+    .help-content {
+        padding: 20px;
+    }
+
+    .creators-info {
+        flex-direction: column;
+    }
+
+    .creator-card {
+        min-width: auto;
+    }
+
+    .features-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+/* ===== BUTTON ANIMATIONS ===== */
+.kimi-button.animated {
+    animation: kimiPulse 0.7s;
+}
+
+@keyframes kimiPulse {
+    0% {
+        background-color: var(--primary-color);
+        transform: scale(1);
+    }
+    50% {
+        background-color: var(--accent-color);
+        transform: scale(1.08);
+    }
+    100% {
+        background-color: var(--primary-color);
+        transform: scale(1);
+    }
+}
+
+/* ===== CHARACTER GRID AND CARDS ===== */
+.character-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+    gap: 24px;
+    margin-top: 16px;
+    margin-bottom: 16px;
+}
+
+@media (max-width: 700px) {
+    .character-grid {
+        grid-template-columns: 1fr;
+    }
+}
+
+.character-card {
+    background: var(--card-bg);
+    border: 2px solid transparent;
+    border-radius: 18px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+    padding: 18px 16px 12px 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    cursor: pointer;
+    transition:
+        border 0.2s,
+        box-shadow 0.2s,
+        background 0.2s;
+    user-select: none;
+    width: 100%;
+}
+
+.character-card.selected {
+    border: 2.5px solid var(--character-selected-border, #ff6b9d);
+    background: var(--character-selected-bg, rgba(255, 107, 157, 0.13));
+    box-shadow:
+        0 0 0 4px var(--character-selected-border, #ff6b9d),
+        0 4px 24px var(--character-selected-bg, rgba(255, 107, 157, 0.15));
+}
+
+.character-card:hover {
+    border: 2px solid var(--primary-color, #ff6b9d);
+    background: rgba(255, 107, 157, 0.1);
+    box-shadow: 0 2px 16px rgba(255, 107, 157, 0.1);
+}
+
+.character-card img {
+    width: 80px;
+    height: 80px;
+    border-radius: 50%;
+    object-fit: cover;
+    margin-bottom: 12px;
+    border: 2px solid var(--modal-text);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+.character-name {
+    text-align: center;
+    width: 100%;
+    font-size: 1.1rem;
+    font-weight: 700;
+    color: var(--modal-text);
+    text-shadow: 0 1px 8px var(--primary-color, #ff6b9d);
+    margin-bottom: 4px;
+    margin-top: 0;
+}
+
+.character-info {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    width: 100%;
+    margin-bottom: 10px;
+}
+
+.character-details {
+    font-size: 0.95rem;
+    color: var(--modal-text);
+    opacity: 0.85;
+    margin-bottom: 6px;
+    text-align: center;
+}
+
+.character-prompt-label {
+    font-size: 0.85rem;
+    color: var(--modal-text);
+    margin-bottom: 4px;
+    margin-top: 8px;
+    opacity: 0.7;
+    text-align: center;
+}
+
+.character-prompt-input {
+    width: 100%;
+    min-height: 60px;
+    border-radius: 8px;
+    border: 1px solid var(--primary-color, #ff6b9d);
+    background: var(--input-bg);
+    color: var(--modal-text);
+    padding: 6px 8px;
+    font-size: 0.95rem;
+    resize: vertical;
+    margin-bottom: 4px;
+}
+
+.character-prompt-input:disabled {
+    opacity: 0.5;
+    background: var(--input-bg);
+    cursor: not-allowed;
+}
+
+/* ===== PERSONALITY CHEAT PANEL ===== */
+
+.cheat-toggle-btn {
+    background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
+    border: none;
+    color: #fff;
+    font-size: 1em;
+    margin-left: 1em;
+    cursor: pointer;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5em;
+    transition:
+        color 0.2s,
+        box-shadow 0.2s,
+        background 0.2s;
+    border-radius: 18px;
+    padding: 0.35em 1.1em 0.35em 0.9em;
+    box-shadow: 0 2px 10px 0 rgba(255, 107, 157, 0.1);
+    font-weight: 600;
+    letter-spacing: 0.01em;
+    outline: none;
+}
+
+.cheat-toggle-btn[aria-expanded="true"] {
+    color: #fff;
+    background: linear-gradient(90deg, var(--accent-color), var(--primary-color));
+    box-shadow: 0 2px 16px 0 rgba(255, 107, 157, 0.18);
+}
+
+.cheat-toggle-btn:hover,
+.cheat-toggle-btn:focus {
+    background: linear-gradient(90deg, var(--primary-color), var(--accent-color));
+    color: #fff;
+    box-shadow: 0 4px 18px 0 rgba(255, 107, 157, 0.22);
+    filter: brightness(1.08);
+}
+
+.cheat-toggle-btn i {
+    margin-right: 0.4em;
+    font-size: 1.1em;
+}
+
+.cheat-indicator {
+    font-size: 0.9em;
+    color: #aaa;
+    margin-bottom: 0.5em;
+    margin-left: 2.2em;
+}
+
+.cheat-panel {
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    opacity: 0.5;
+    pointer-events: none;
+}
+
+.cheat-panel.open {
+    max-height: 800px;
+    opacity: 1;
+    pointer-events: auto;
+    transition:
+        max-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
+        opacity 0.3s;
+}

kimi-css/kimi-style.css

@@ -0,0 +1,1737 @@
+/* ===== CONSOLIDATED CSS VARIABLES - ENHANCED DYNAMIC THEMING ===== */
+:root {
+    /* Core Theme Colors - Default Pink Passion */
+    --primary-color: #ff6b9d;
+    --secondary-color: #ffeaa7;
+    --accent-color: #fd79a8;
+    --background-overlay: rgba(255, 107, 157, 0.15);
+    --interface-opacity: 0.7;
+    --gradient-start: #ff6b9d;
+    --gradient-end: #fd79a8;
+    --text-glow: 0 0 10px rgba(255, 107, 157, 0.5);
+    --button-hover: rgba(255, 107, 157, 0.3);
+    --animations-enabled: 1;
+    --switch-color: var(--primary-color);
+
+    /* Contrast and Accessibility */
+    --contrast-ratio: 4.5; /* WCAG AA standard */
+    --text-on-primary: #ffffff;
+    --text-on-secondary: #222222;
+    --text-on-accent: #ffffff;
+    --text-on-background: #ffffff;
+    --border-opacity: 0.3;
+    --hover-opacity: 0.15;
+    --active-opacity: 0.25;
+
+    /* UI Component Colors - Chat Interface */
+    --chat-bg: rgba(255, 107, 157, 0.9);
+    --chat-text: var(--text-on-primary);
+    --chat-header-bg: rgba(255, 255, 255, 0.05);
+    --chat-border: var(--primary-color);
+    --chat-input-bg: rgba(255, 255, 255, 0.1);
+    --chat-input-text: var(--text-on-background);
+    --chat-input-placeholder: rgba(255, 255, 255, 0.6);
+    --chat-message-user-bg: var(--primary-color);
+    --chat-message-user-text: var(--text-on-primary);
+    --chat-message-kimi-bg: rgba(255, 255, 255, 0.15);
+    --chat-message-kimi-text: var(--text-on-background);
+
+    /* Modal & Overlay Colors */
+    --modal-bg: rgba(255, 107, 157, 0.95);
+    --modal-border: var(--primary-color);
+    --modal-header-bg: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+    --modal-text: var(--text-on-primary);
+    --modal-title-color: var(--text-on-secondary);
+    --modal-overlay-bg: rgba(0, 0, 0, 0.8);
+    --modal-close-hover-bg: rgba(255, 255, 255, 0.2);
+
+    /* Settings Panel & Tabs */
+    --settings-bg: #181018;
+    --settings-text: var(--text-on-background);
+    --settings-tab-bg: #1a1a1a;
+    --settings-tab-color: #bfa6b6;
+    --settings-tab-hover-bg: rgba(255, 255, 255, var(--hover-opacity));
+    --settings-tab-hover-color: rgba(255, 255, 255, 0.9);
+    --settings-tab-active-bg: var(--primary-color);
+    --settings-tab-active-color: var(--text-on-primary);
+    --settings-tab-border: var(--primary-color);
+    --settings-section-bg: #22121a;
+    --settings-section-border: rgba(255, 107, 157, var(--border-opacity));
+    --settings-section-header-color: var(--text-on-background);
+
+    /* Form Element Colors */
+    --input-bg: rgba(255, 255, 255, 0.1);
+    --input-text: var(--text-on-background);
+    --input-border: var(--primary-color);
+    --input-focus-bg: rgba(255, 255, 255, var(--hover-opacity));
+    --input-focus-border: var(--accent-color);
+    --input-placeholder: rgba(255, 255, 255, 0.6);
+
+    /* Button Colors */
+    --button-primary-bg: var(--primary-color);
+    --button-primary-text: var(--text-on-primary);
+    --button-primary-hover-bg: var(--accent-color);
+    --button-secondary-bg: rgba(255, 255, 255, 0.1);
+    --button-secondary-text: var(--text-on-background);
+    --button-secondary-hover-bg: rgba(255, 255, 255, var(--hover-opacity));
+    --button-danger-bg: #e74c3c;
+    --button-danger-text: #ffffff;
+    --button-danger-hover-bg: #c0392b;
+
+    /* Select & Dropdown Options */
+    --select-bg: var(--input-bg);
+    --select-text: var(--input-text);
+    --select-border: var(--input-border);
+    --select-option-bg: rgba(40, 44, 52, 0.95);
+    --select-option-text: white;
+    --select-option-hover-bg: var(--primary-color);
+    --select-option-hover-text: var(--text-on-primary);
+    --select-option-checked-bg: var(--accent-color);
+    --select-option-checked-text: var(--text-on-accent);
+    --select-option-disabled-bg: rgba(40, 44, 52, 0.5);
+    --select-option-disabled-text: #666;
+
+    /* Slider Components */
+    --slider-track-bg: rgba(255, 255, 255, 0.1);
+    --slider-track-active-bg: var(--primary-color);
+    --slider-thumb-bg: var(--primary-color);
+    --slider-thumb-hover-bg: var(--accent-color);
+    --slider-value-bg: #181018;
+    --slider-value-border: var(--primary-color);
+    --slider-value-color: var(--text-on-background);
+
+    /* Toggle Switch */
+    --switch-bg-inactive: rgba(255, 255, 255, 0.15);
+    --switch-bg-active: linear-gradient(90deg, var(--primary-color), var(--accent-color));
+    --switch-thumb-color: #ffffff;
+    --switch-thumb-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+
+    /* Mic Button & Pulse Effect */
+    --mic-button-bg: var(--button-hover);
+    --mic-button-border: var(--primary-color);
+    --mic-button-shadow: 0 0 15px var(--primary-color);
+    --mic-button-hover-bg: var(--primary-color);
+    --mic-button-hover-shadow: var(--text-glow);
+    --mic-button-icon-color: var(--text-on-primary);
+    --mic-listening-border: #27ae60;
+    --mic-listening-shadow: 0 0 15px #27ae60;
+    --mic-pulse-color: rgba(39, 174, 96, 0.5);
+    --mic-pulse-listening-color: rgba(39, 174, 96, 0.4);
+
+    /* Cards & Stats */
+    --card-bg: rgba(255, 255, 255, 0.05);
+    --card-border: rgba(255, 255, 255, 0.1);
+    --card-hover-bg: rgba(255, 255, 255, 0.08);
+    --card-text: var(--text-on-background);
+    --stat-value-color: var(--primary-color);
+    --stat-label-color: rgba(255, 255, 255, 0.7);
+
+    /* Plugin Cards */
+    --plugin-card-bg: linear-gradient(135deg, #22121a 80%, var(--modal-bg) 100%);
+    --plugin-card-border: var(--primary-color);
+    --plugin-card-title-color: var(--text-on-background);
+    --plugin-card-desc-color: #e0cfe6;
+    --plugin-card-author-color: #bfa6b6;
+    --plugin-type-badge-bg: var(--accent-color);
+    --plugin-type-badge-text: var(--text-on-accent);
+    --plugin-active-badge-bg: linear-gradient(90deg, var(--primary-color), var(--accent-color));
+    --plugin-active-badge-text: var(--text-on-primary);
+
+    /* Help Modal */
+    --help-modal-bg: var(--modal-bg);
+    --help-modal-border: var(--modal-border);
+    --help-content-color: var(--text-on-background);
+    --help-section-border: rgba(255, 255, 255, 0.1);
+    --creator-card-bg: rgba(255, 255, 255, 0.05);
+    --creator-card-border: rgba(255, 255, 255, 0.1);
+    --creator-avatar-bg: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+    --creator-name-color: var(--primary-color);
+    --creator-role-bg: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
+    --creator-role-color: var(--text-on-secondary);
+    --philosophy-bg: rgba(255, 154, 158, 0.1);
+    --philosophy-border: rgba(255, 154, 158, var(--border-opacity));
+    --philosophy-border-left: var(--primary-color);
+    --feature-item-bg: rgba(255, 255, 255, 0.05);
+    --feature-item-border: rgba(255, 255, 255, 0.1);
+    --feature-icon-color: #ffeaa7;
+    --feature-title-color: #ffeaa7;
+    --feature-text-color: rgba(255, 255, 255, 0.7);
+    --guide-step-bg: rgba(255, 255, 255, 0.05);
+    --guide-step-number-bg: rgba(255, 107, 157, var(--hover-opacity));
+    --guide-step-number-color: var(--primary-color);
+    --tip-item-bg: var(--feature-item-bg);
+    --tip-item-border: var(--feature-item-border);
+
+    /* Unified Scrollbar System */
+    --scrollbar-width: 8px;
+    --scrollbar-track-bg: rgba(255, 255, 255, 0.05);
+    --scrollbar-thumb-bg: rgba(255, 107, 157, 0.4);
+    --scrollbar-thumb-hover-bg: rgba(255, 107, 157, 0.6);
+    --scrollbar-thumb-active-bg: rgba(255, 107, 157, 0.8);
+    --scrollbar-corner-bg: rgba(255, 255, 255, 0.05);
+
+    /* Model Colors */
+    --model-card-bg: var(--card-bg);
+    --model-card-border: var(--card-border);
+    --model-card-hover-bg: var(--card-hover-bg);
+    --model-card-selected-border: var(--primary-color);
+    --model-card-selected-shadow: 0 0 0 2px rgba(255, 154, 158, var(--border-opacity));
+    --model-name-color: var(--text-on-background);
+    --model-description-color: rgba(255, 255, 255, 0.7);
+    --model-strength-color: var(--primary-color);
+    --model-strength-text: var(--text-on-primary);
+    --model-provider-color: var(--accent-color);
+    --model-provider-text: var(--text-on-accent);
+
+    /* Text Colors */
+    --text-primary: var(--text-on-background);
+    --text-secondary: #aaa;
+    --text-muted: rgba(255, 255, 255, 0.6);
+
+    /* Character Selection Colors */
+    --character-card-bg: var(--card-bg);
+    --character-card-border: var(--card-border);
+    --character-card-hover-bg: var(--card-hover-bg);
+    --character-selected-border: var(--primary-color);
+    --character-selected-bg: rgba(255, 107, 157, 0.13);
+    --character-name-color: var(--text-on-background);
+
+    /* Waiting Indicator */
+    --waiting-indicator-color: var(--primary-color);
+    --loading-spinner-color: var(--primary-color);
+
+    /* Progress Bar */
+    --progress-bg: rgba(255, 255, 255, 0.1);
+    --progress-fill-bg: linear-gradient(90deg, var(--primary-color), var(--accent-color));
+    --progress-text-color: var(--text-on-background);
+
+    /* Transcript */
+    --transcript-bg: rgba(0, 0, 0, 0.7);
+    --transcript-text: var(--text-on-background);
+    --transcript-border: var(--primary-color);
+}
+
+/* ===== OPTIMIZED THEME VARIATIONS ===== */
+[data-theme="blue"] {
+    --primary-color: #74b9ff;
+    --secondary-color: #81ecec;
+    --accent-color: #0984e3;
+    --background-overlay: rgba(116, 185, 255, 0.15);
+    --gradient-start: #74b9ff;
+    --gradient-end: #0984e3;
+    --text-glow: 0 0 10px rgba(116, 185, 255, 0.5);
+    --button-hover: rgba(116, 185, 255, 0.3);
+    --modal-title-color: #0a2340;
+    --switch-color: #3498db;
+
+    /* UI Component Colors */
+    --chat-bg: rgba(116, 185, 255, 0.9);
+    --chat-border: #74b9ff;
+    --chat-message-user-bg: #74b9ff;
+    --input-border: #74b9ff;
+    --input-focus-border: #0984e3;
+
+    /* Modal & Overlay Colors */
+    --modal-bg: rgba(116, 185, 255, 0.95);
+    --modal-border: #74b9ff;
+    --modal-header-bg: linear-gradient(135deg, #74b9ff, #81ecec);
+
+    /* Settings Panel & Tabs */
+    --settings-tab-active-bg: #74b9ff;
+    --settings-section-border: #3a4a7a;
+    --settings-tab-border: #74b9ff;
+
+    /* Slider Components */
+    --slider-value-border: #0984e3;
+
+    /* Toggle Switch */
+    --switch-bg-active: linear-gradient(90deg, #74b9ff, #0984e3);
+
+    /* Mic Button & Pulse Effect */
+    --mic-button-border: #74b9ff;
+    --mic-button-shadow: 0 0 15px #74b9ff;
+    --mic-button-hover-bg: #74b9ff;
+    --mic-button-hover-shadow: 0 0 10px rgba(116, 185, 255, 0.5);
+    --mic-listening-border: #0984e3;
+    --mic-listening-shadow: 0 0 15px #0984e3;
+    --mic-pulse-color: rgba(9, 132, 227, 0.5);
+
+    /* Cards & Stats */
+    --stat-value-color: #0984e3;
+
+    /* Plugin Cards */
+    --plugin-card-border: #74b9ff;
+    --plugin-type-badge-bg: #0984e3;
+    --plugin-active-badge-bg: linear-gradient(90deg, #74b9ff, #0984e3);
+
+    /* Help Modal */
+    --creator-name-color: #0984e3;
+    --creator-avatar-bg: linear-gradient(135deg, #74b9ff, #81ecec);
+    --creator-role-bg: linear-gradient(135deg, #74b9ff, #81ecec);
+    --creator-role-color: #0a2340;
+    --philosophy-bg: rgba(116, 185, 255, 0.1);
+    --philosophy-border: rgba(116, 185, 255, 0.3);
+    --philosophy-border-left: #74b9ff;
+    --feature-icon-color: #0984e3;
+    --feature-title-color: #0984e3;
+
+    /* Select Options */
+    --select-option-hover-bg: #74b9ff;
+    --select-option-checked-bg: #0984e3;
+
+    /* Scrollbar */
+    --scrollbar-thumb-bg: rgba(116, 185, 255, 0.4);
+    --scrollbar-thumb-hover-bg: rgba(116, 185, 255, 0.6);
+    --scrollbar-thumb-active-bg: rgba(116, 185, 255, 0.8);
+
+    /* Model Colors */
+    --model-strength-color: #0984e3;
+    --model-strength-text: #fff;
+    --model-provider-color: #00b894;
+    --model-provider-text: #fff;
+
+    /* Text Colors */
+    --text-primary: #222;
+    --text-secondary: #555;
+
+    /* Character Selection Colors */
+    --character-selected-border: #0984e3;
+    --character-selected-bg: rgba(116, 185, 255, 0.13);
+}
+
+[data-theme="purple"] {
+    --primary-color: #a29bfe;
+    --secondary-color: #fd79a8;
+    --accent-color: #6c5ce7;
+    --background-overlay: rgba(162, 155, 254, 0.15);
+    --gradient-start: #a29bfe;
+    --gradient-end: #6c5ce7;
+    --text-glow: 0 0 10px rgba(162, 155, 254, 0.5);
+    --button-hover: rgba(162, 155, 254, 0.3);
+    --modal-title-color: #2d2250;
+    --switch-color: #a259ff;
+
+    /* UI Component Colors */
+    --chat-bg: rgba(162, 155, 254, 0.9);
+    --chat-border: #a29bfe;
+    --chat-message-user-bg: #a29bfe;
+    --input-border: #a29bfe;
+    --input-focus-border: #6c5ce7;
+
+    /* Modal & Overlay Colors */
+    --modal-bg: rgba(162, 155, 254, 0.95);
+    --modal-border: #a29bfe;
+    --modal-header-bg: linear-gradient(135deg, #a29bfe, #fd79a8);
+
+    /* Settings Panel & Tabs */
+    --settings-tab-active-bg: #a29bfe;
+    --settings-section-border: #4a3a7a;
+    --settings-tab-border: #a29bfe;
+    --settings-bg: #2d2250;
+
+    /* Slider Components */
+    --slider-value-border: #6c5ce7;
+
+    /* Toggle Switch */
+    --switch-bg-active: linear-gradient(90deg, #a29bfe, #6c5ce7);
+
+    /* Mic Button & Pulse Effect */
+    --mic-button-border: #a29bfe;
+    --mic-button-shadow: 0 0 15px #a29bfe;
+    --mic-button-hover-bg: #a29bfe;
+    --mic-button-hover-shadow: 0 0 10px rgba(162, 155, 254, 0.5);
+    --mic-listening-border: #6c5ce7;
+    --mic-listening-shadow: 0 0 15px #6c5ce7;
+    --mic-pulse-color: rgba(108, 92, 231, 0.5);
+
+    /* Cards & Stats */
+    --stat-value-color: #6c5ce7;
+
+    /* Plugin Cards */
+    --plugin-card-border: #a29bfe;
+    --plugin-type-badge-bg: #6c5ce7;
+    --plugin-active-badge-bg: linear-gradient(90deg, #a29bfe, #6c5ce7);
+
+    /* Help Modal */
+    --creator-name-color: #6c5ce7;
+    --creator-avatar-bg: linear-gradient(135deg, #a29bfe, #fd79a8);
+    --creator-role-bg: linear-gradient(135deg, #a29bfe, #fd79a8);
+    --creator-role-color: #2d2250;
+    --philosophy-bg: rgba(162, 155, 254, 0.1);
+    --philosophy-border: rgba(162, 155, 254, 0.3);
+    --philosophy-border-left: #a29bfe;
+    --feature-icon-color: #6c5ce7;
+    --feature-title-color: #6c5ce7;
+
+    /* Select Options */
+    --select-option-hover-bg: #a29bfe;
+    --select-option-checked-bg: #6c5ce7;
+
+    /* Scrollbar */
+    --scrollbar-thumb-bg: rgba(162, 155, 254, 0.4);
+    --scrollbar-thumb-hover-bg: rgba(162, 155, 254, 0.6);
+    --scrollbar-thumb-active-bg: rgba(162, 155, 254, 0.8);
+
+    /* Model Colors */
+    --model-strength-color: #6c5ce7;
+    --model-strength-text: #fff;
+    --model-provider-color: #fd79a8;
+    --model-provider-text: #fff;
+
+    /* Text Colors */
+    --text-primary: #2d2250;
+    --text-secondary: #555;
+
+    /* Character Selection Colors */
+    --character-selected-border: #6c5ce7;
+    --character-selected-bg: rgba(162, 155, 254, 0.13);
+
+    /* Additional Purple Theme Variables */
+    --button-primary-bg: var(--primary-color);
+    --button-primary-text: var(--text-on-primary);
+    --button-primary-hover-bg: var(--accent-color);
+    --button-secondary-bg: rgba(255, 255, 255, 0.1);
+    --button-secondary-text: var(--text-on-background);
+    --guide-step-number-color: var(--primary-color);
+    --guide-step-number-bg: rgba(162, 155, 254, var(--hover-opacity));
+    --waiting-indicator-color: var(--primary-color);
+    --progress-fill-bg: linear-gradient(90deg, var(--primary-color), var(--accent-color));
+}
+
+[data-theme="green"] {
+    --primary-color: #27ae60;
+    --secondary-color: #2ecc71;
+    --accent-color: #16a085;
+    --background-overlay: rgba(39, 174, 96, 0.15);
+    --gradient-start: #27ae60;
+    --gradient-end: #16a085;
+    --text-glow: 0 0 10px rgba(39, 174, 96, 0.5);
+    --button-hover: rgba(39, 174, 96, 0.3);
+    --modal-title-color: #1a3d2e;
+    --switch-color: #27ae60;
+
+    /* Contrast and Accessibility for Green Theme */
+    --text-on-primary: #ffffff;
+    --text-on-secondary: #1a3d2e;
+    --text-on-accent: #ffffff;
+    --text-on-background: #ffffff;
+
+    /* UI Component Colors */
+    --chat-bg: rgba(39, 174, 96, 0.9);
+    --chat-border: #27ae60;
+    --chat-text: var(--text-on-primary);
+    --chat-message-user-bg: #27ae60;
+    --chat-message-user-text: var(--text-on-primary);
+    --chat-message-kimi-bg: rgba(255, 255, 255, 0.15);
+    --chat-message-kimi-text: var(--text-on-background);
+    --input-border: #27ae60;
+    --input-focus-border: #16a085;
+    --input-text: var(--text-on-background);
+
+    /* Modal & Overlay Colors */
+    --modal-bg: rgba(39, 174, 96, 0.95);
+    --modal-border: #27ae60;
+    --modal-header-bg: linear-gradient(135deg, #27ae60, #2ecc71);
+    --modal-text: var(--text-on-primary);
+
+    /* Settings Panel & Tabs */
+    --settings-text: var(--text-on-background);
+    --settings-tab-active-bg: #27ae60;
+    --settings-tab-active-color: var(--text-on-primary);
+    --settings-section-border: #27ae60;
+    --settings-tab-border: #27ae60;
+    --settings-section-header-color: var(--text-on-background);
+
+    /* Button Colors */
+    --button-primary-bg: var(--primary-color);
+    --button-primary-text: var(--text-on-primary);
+    --button-primary-hover-bg: var(--accent-color);
+    --button-secondary-bg: rgba(255, 255, 255, 0.1);
+    --button-secondary-text: var(--text-on-background);
+
+    /* Slider Components */
+    --slider-value-border: #16a085;
+    --slider-thumb-bg: var(--primary-color);
+    --slider-thumb-hover-bg: var(--accent-color);
+
+    /* Toggle Switch */
+    --switch-bg-active: linear-gradient(90deg, #27ae60, #16a085);
+
+    /* Mic Button & Pulse Effect */
+    --mic-button-border: #27ae60;
+    --mic-button-shadow: 0 0 15px #27ae60;
+    --mic-button-hover-bg: #27ae60;
+    --mic-button-hover-shadow: 0 0 10px rgba(39, 174, 96, 0.5);
+    --mic-button-icon-color: var(--text-on-primary);
+    --mic-listening-border: #16a085;
+    --mic-listening-shadow: 0 0 15px #16a085;
+    --mic-pulse-color: rgba(22, 160, 133, 0.5);
+    --mic-pulse-listening-color: rgba(22, 160, 133, 0.4);
+
+    /* Cards & Stats */
+    --card-text: var(--text-on-background);
+    --stat-value-color: #16a085;
+
+    /* Plugin Cards */
+    --plugin-card-border: #27ae60;
+    --plugin-card-title-color: var(--text-on-background);
+    --plugin-card-desc-color: #e0cfe6;
+    --plugin-card-author-color: #bfa6b6;
+    --plugin-type-badge-bg: #16a085;
+    --plugin-type-badge-text: var(--text-on-accent);
+    --plugin-active-badge-bg: linear-gradient(90deg, #27ae60, #16a085);
+    --plugin-active-badge-text: var(--text-on-primary);
+
+    /* Help Modal */
+    --creator-name-color: #16a085;
+    --creator-avatar-bg: linear-gradient(135deg, #27ae60, #2ecc71);
+    --creator-role-bg: linear-gradient(135deg, #27ae60, #2ecc71);
+    --creator-role-color: var(--text-on-secondary);
+    --philosophy-bg: rgba(39, 174, 96, 0.1);
+    --philosophy-border: rgba(39, 174, 96, var(--border-opacity));
+    --philosophy-border-left: #27ae60;
+    --feature-icon-color: #147190;
+    --feature-title-color: #147190;
+    --guide-step-number-color: var(--primary-color);
+    --guide-step-number-bg: rgba(39, 174, 96, var(--hover-opacity));
+
+    /* Select Options */
+    --select-option-hover-bg: #27ae60;
+    --select-option-checked-bg: #16a085;
+
+    /* Scrollbar */
+    --scrollbar-thumb-bg: rgba(39, 174, 96, 0.4);
+    --scrollbar-thumb-hover-bg: rgba(39, 174, 96, 0.6);
+    --scrollbar-thumb-active-bg: rgba(39, 174, 96, 0.8);
+
+    /* Model Colors */
+    --model-strength-color: #27ae60;
+    --model-strength-text: var(--text-on-primary);
+    --model-provider-color: #2ecc71;
+    --model-provider-text: var(--text-on-primary);
+
+    /* Text Colors */
+    --text-primary: var(--text-on-background);
+    --text-secondary: #4e6151;
+    --text-muted: rgba(255, 255, 255, 0.6);
+
+    /* Character Selection Colors */
+    --character-selected-border: #16a085;
+    --character-selected-bg: rgba(39, 174, 96, 0.13);
+    --character-name-color: var(--text-on-background);
+
+    /* Additional Green Theme Variables */
+    --waiting-indicator-color: var(--primary-color);
+    --loading-spinner-color: var(--primary-color);
+    --progress-fill-bg: linear-gradient(90deg, var(--primary-color), var(--accent-color));
+}
+
+[data-theme="dark"] {
+    --primary-color: #5e60ce;
+    --secondary-color: #23262f;
+    --accent-color: #8b5cf6;
+    --background-overlay: rgba(24, 26, 32, 0.85);
+    --gradient-start: #5e60ce;
+    --gradient-end: #8b5cf6;
+    --text-glow: 0 0 10px rgba(94, 96, 206, 0.3);
+    --button-hover: rgba(94, 96, 206, 0.15);
+    --modal-title-color: #e0e0e0;
+    --switch-color: #5e60ce;
+
+    /* Contrast and Accessibility for Dark Theme */
+    --text-on-primary: #ffffff;
+    --text-on-secondary: #e0e0e0;
+    --text-on-accent: #ffffff;
+    --text-on-background: #e0e0e0;
+
+    /* UI Component Colors */
+    --chat-bg: rgba(24, 26, 32, 0.95);
+    --chat-border: #5e60ce;
+    --chat-text: var(--text-on-background);
+    --chat-message-user-bg: #23262f;
+    --chat-message-user-text: var(--text-on-background);
+    --chat-message-kimi-bg: #181a20;
+    --chat-message-kimi-text: var(--text-on-background);
+    --input-border: #5e60ce;
+    --input-focus-border: #8b5cf6;
+    --input-text: var(--text-on-background);
+
+    /* Modal & Overlay Colors */
+    --modal-bg: rgba(24, 26, 32, 0.98);
+    --modal-border: #5e60ce;
+    --modal-header-bg: linear-gradient(135deg, #5e60ce, #8b5cf6);
+    --modal-text: var(--text-on-background);
+
+    /* Settings Panel & Tabs */
+    --settings-bg: #0f1114;
+    --settings-text: var(--text-on-background);
+    --settings-tab-bg: #181a20;
+    --settings-tab-active-bg: #5e60ce;
+    --settings-tab-active-color: var(--text-on-primary);
+    --settings-section-bg: #1a1d23;
+    --settings-section-border: rgba(94, 96, 206, var(--border-opacity));
+    --settings-tab-border: #5e60ce;
+    --settings-section-header-color: var(--text-on-background);
+
+    /* Button Colors */
+    --button-primary-bg: var(--primary-color);
+    --button-primary-text: var(--text-on-primary);
+    --button-primary-hover-bg: var(--accent-color);
+    --button-secondary-bg: rgba(255, 255, 255, 0.05);
+    --button-secondary-text: var(--text-on-background);
+
+    /* Slider Components */
+    --slider-value-bg: #0f1114;
+    --slider-value-border: #5e60ce;
+    --slider-value-color: var(--text-on-background);
+    --slider-thumb-bg: var(--primary-color);
+    --slider-thumb-hover-bg: var(--accent-color);
+
+    /* Toggle Switch */
+    --switch-bg-inactive: rgba(255, 255, 255, 0.05);
+    --switch-bg-active: linear-gradient(90deg, #5e60ce, #8b5cf6);
+
+    /* Mic Button & Pulse Effect */
+    --mic-button-border: #5e60ce;
+    --mic-button-shadow: 0 0 15px #5e60ce;
+    --mic-button-hover-bg: #5e60ce;
+    --mic-button-hover-shadow: 0 0 10px rgba(94, 96, 206, 0.5);
+    --mic-button-icon-color: var(--text-on-primary);
+    --mic-listening-border: #8b5cf6;
+    --mic-listening-shadow: 0 0 15px #8b5cf6;
+    --mic-pulse-color: rgba(139, 92, 246, 0.5);
+    --mic-pulse-listening-color: rgba(139, 92, 246, 0.4);
+
+    /* Cards & Stats */
+    --card-bg: rgba(255, 255, 255, 0.02);
+    --card-border: rgba(255, 255, 255, 0.05);
+    --card-hover-bg: rgba(255, 255, 255, 0.05);
+    --card-text: var(--text-on-background);
+    --stat-value-color: #8b5cf6;
+
+    /* Plugin Cards */
+    --plugin-card-bg: linear-gradient(135deg, #1a1d23 80%, rgba(24, 26, 32, 0.98) 100%);
+    --plugin-card-border: #5e60ce;
+    --plugin-card-title-color: var(--text-on-background);
+    --plugin-card-desc-color: rgba(224, 224, 224, 0.7);
+    --plugin-card-author-color: rgba(224, 224, 224, 0.5);
+    --plugin-type-badge-bg: #8b5cf6;
+    --plugin-type-badge-text: var(--text-on-accent);
+    --plugin-active-badge-bg: linear-gradient(90deg, #5e60ce, #8b5cf6);
+    --plugin-active-badge-text: var(--text-on-primary);
+
+    /* Help Modal */
+    --help-modal-bg: rgba(24, 26, 32, 0.98);
+    --help-modal-border: #5e60ce;
+    --creator-card-bg: rgba(255, 255, 255, 0.02);
+    --creator-card-border: rgba(255, 255, 255, 0.05);
+    --creator-name-color: #8b5cf6;
+    --creator-avatar-bg: linear-gradient(135deg, #5e60ce, #8b5cf6);
+    --creator-role-bg: linear-gradient(135deg, #5e60ce, #8b5cf6);
+    --creator-role-color: var(--text-on-primary);
+    --philosophy-bg: rgba(94, 96, 206, 0.05);
+    --philosophy-border: rgba(94, 96, 206, var(--border-opacity));
+    --philosophy-border-left: #5e60ce;
+    --feature-item-bg: rgba(255, 255, 255, 0.02);
+    --feature-item-border: rgba(94, 96, 206, var(--border-opacity));
+    --feature-icon-color: #8b5cf6;
+    --feature-title-color: #8b5cf6;
+    --feature-text-color: rgba(224, 224, 224, 0.7);
+    --guide-step-bg: rgba(255, 255, 255, 0.02);
+    --guide-step-number-color: var(--primary-color);
+    --guide-step-number-bg: rgba(94, 96, 206, var(--hover-opacity));
+    --tip-item-bg: rgba(255, 255, 255, 0.02);
+
+    /* Select Options */
+    --select-option-bg: rgba(24, 26, 32, 0.95);
+    --select-option-text: var(--text-on-background);
+    --select-option-hover-bg: #5e60ce;
+    --select-option-checked-bg: #8b5cf6;
+
+    /* Scrollbar */
+    --scrollbar-track-bg: rgba(255, 255, 255, 0.02);
+    --scrollbar-thumb-bg: rgba(94, 96, 206, 0.4);
+    --scrollbar-thumb-hover-bg: rgba(94, 96, 206, 0.6);
+    --scrollbar-thumb-active-bg: rgba(94, 96, 206, 0.8);
+
+    /* Model Colors */
+    --model-card-bg: rgba(255, 255, 255, 0.02);
+    --model-card-border: rgba(255, 255, 255, 0.05);
+    --model-card-hover-bg: rgba(255, 255, 255, 0.05);
+    --model-card-selected-border: var(--primary-color);
+    --model-name-color: var(--text-on-background);
+    --model-description-color: rgba(224, 224, 224, 0.7);
+    --model-strength-color: #5e60ce;
+    --model-strength-text: var(--text-on-primary);
+    --model-provider-color: #8b5cf6;
+    --model-provider-text: var(--text-on-accent);
+
+    /* Text Colors */
+    --text-primary: var(--text-on-background);
+    --text-secondary: #9ca3af;
+    --text-muted: rgba(224, 224, 224, 0.6);
+
+    /* Character Selection Colors */
+    --character-card: rgba(255, 255, 255, 0.02);
+    --character-card-border: rgba(255, 255, 255, 0.05);
+    --character-card-hover-bg: rgba(255, 255, 255, 0.05);
+    --character-selected-border: #8b5cf6;
+    --character-selected-bg: rgba(94, 96, 206, 0.1);
+    --character-name-color: var(--text-on-background);
+
+    /* Additional Dark Theme Variables */
+    --waiting-indicator-color: var(--primary-color);
+    --loading-spinner-color: var(--primary-color);
+    --progress-bg: rgba(255, 255, 255, 0.05);
+    --progress-fill-bg: linear-gradient(90deg, var(--primary-color), var(--accent-color));
+    --progress-text-color: var(--text-on-background);
+    --transcript-bg: rgba(0, 0, 0, 0.9);
+    --transcript-text: var(--text-on-background);
+    --transcript-border: var(--primary-color);
+}
+
+/* ===== 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;
+}
+
+/* Ensure critical hover effects remain functional */
+body.animations-enabled .kimi-button:hover,
+body.animations-enabled .control-button-unified:hover {
+    transform: translateY(-2px);
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+body.animations-enabled .mic-button:hover {
+    transform: scale(1.1);
+    transition: all 0.2s ease;
+}
+
+/* ===== GLOBAL STYLES ===== */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+html,
+body {
+    height: 100%;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    color: white;
+    overflow: hidden;
+}
+
+.video-container {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: -1;
+    background-color: #1a1a1a;
+}
+
+.bg-video.active {
+    opacity: 1;
+}
+
+.bg-video {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+    opacity: 0;
+    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    background-color: #1a1a1a;
+    will-change: opacity;
+    backface-visibility: hidden;
+}
+
+.bg-video.transitioning {
+    opacity: 0;
+    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    pointer-events: none;
+}
+
+@media (max-width: 600px) {
+    .bg-video {
+        object-fit: cover;
+        object-position: center center;
+    }
+}
+
+.content-overlay {
+    position: relative;
+    height: 100vh;
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-end;
+    align-items: center;
+    padding: 20px;
+    background-color: var(--background-overlay);
+    opacity: var(--interface-opacity);
+    z-index: 1;
+}
+
+.top-bar {
+    width: 100%;
+    max-width: 500px;
+    text-align: center;
+    margin-top: 10px;
+}
+
+.top-bar label {
+    font-size: 1rem;
+    font-weight: 600;
+    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
+    margin-bottom: 8px;
+    display: block;
+}
+
+.progress-container {
+    width: 100%;
+    height: 12px;
+    background-color: var(--progress-bg);
+    border-radius: 10px;
+    overflow: hidden;
+}
+
+.progress-fill {
+    height: 100%;
+    width: 50%; /* Changed from 65% to match new default favorability level */
+    background: var(--progress-fill-bg);
+    border-radius: 10px;
+    transition: width 0.5s ease-in-out;
+    box-shadow: var(--text-glow);
+}
+
+/* Center content styles can be added here if needed */
+
+.transcript-container {
+    position: absolute;
+    bottom: 180px;
+    left: 50%;
+    transform: translateX(-50%);
+    width: 80%;
+    max-width: 600px;
+    padding: 15px;
+    background: var(--transcript-bg);
+    backdrop-filter: blur(10px);
+    border-radius: 10px;
+    border: 1px solid var(--transcript-border);
+    text-align: center;
+    opacity: 0;
+    transition: opacity 0.3s ease-in-out;
+    pointer-events: none;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+}
+
+.transcript-container.visible {
+    opacity: 1;
+}
+
+#transcript {
+    font-size: 1.2rem;
+    color: var(--transcript-text);
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
+}
+
+/* Interface de Chat avec Kimi - STYLE UNIFIÉ */
+.chat-container {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    width: 350px;
+    max-width: calc(100vw - 40px);
+    height: 500px;
+    max-height: 80vh;
+    background: var(--chat-bg);
+    backdrop-filter: blur(20px);
+    border-radius: 15px;
+    border: 1px solid var(--chat-border);
+    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
+    display: none;
+    flex-direction: column;
+    z-index: 1000;
+    overflow: hidden;
+    transform: translateX(400px);
+    opacity: 0;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.chat-container.visible {
+    display: flex;
+    flex-direction: column;
+    transform: translateX(0);
+    opacity: 1;
+}
+
+.chat-header {
+    padding: 15px 20px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: var(--chat-header-bg);
+}
+
+.chat-header h3 {
+    margin: 0;
+    color: var(--chat-text);
+    font-size: 1.1rem;
+    font-weight: 600;
+}
+
+.chat-header h3 i {
+    margin-right: 8px;
+    color: var(--accent-color);
+}
+
+.chat-toggle {
+    background: none;
+    border: none;
+    color: var(--chat-text);
+    cursor: pointer;
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.3s ease;
+    font-size: 1.1rem;
+}
+
+.chat-toggle:hover {
+    background: rgba(255, 255, 255, 0.1);
+    transform: scale(1.1);
+}
+
+.chat-messages {
+    flex: 1;
+    padding: 18px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+}
+
+.message {
+    max-width: 92%;
+    padding: 10px 14px;
+    border-radius: 16px;
+    word-wrap: break-word;
+    position: relative;
+}
+
+.message.user {
+    align-self: flex-end;
+    background: var(--chat-message-user-bg);
+    color: var(--chat-message-user-text);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+}
+
+.message.kimi {
+    align-self: flex-start;
+    background: var(--chat-message-kimi-bg);
+    color: var(--chat-message-kimi-text);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.message-time {
+    font-size: 0.75rem;
+    opacity: 0.7;
+    margin-top: 5px;
+}
+
+.chat-input-container {
+    padding: 15px 20px;
+    background: var(--chat-header-bg);
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+
+#chat-input {
+    flex: 1;
+    padding: 12px 15px;
+    background: var(--chat-input-bg);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    border-radius: 25px;
+    color: var(--chat-input-text);
+    font-size: 0.95rem;
+    outline: none;
+    transition: all 0.3s ease;
+}
+
+#chat-input:focus {
+    background: rgba(255, 255, 255, 0.15);
+    border-color: var(--accent-color);
+    box-shadow: 0 0 10px var(--primary-color);
+}
+
+#chat-input::placeholder {
+    color: var(--chat-input-placeholder);
+}
+
+#send-button {
+    width: 45px;
+    height: 45px;
+    background: var(--chat-message-user-bg);
+    border: none;
+    border-radius: 50%;
+    color: white;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+#send-button:hover {
+    transform: scale(1.1);
+    box-shadow:
+        var(--text-glow),
+        0 4px 15px rgba(0, 0, 0, 0.3);
+    background: var(--accent-color);
+}
+
+#send-button:active {
+    transform: scale(0.95);
+    transition: all 0.1s ease;
+}
+
+#chat-delete {
+    background: none;
+    border: none;
+    color: #d9534f;
+    font-size: 1.2em;
+    cursor: pointer;
+    margin-left: 8px;
+    transition: color 0.2s;
+}
+
+#chat-delete:hover {
+    color: #b52a1a;
+}
+
+#chat-delete i {
+    pointer-events: none;
+}
+
+.delete-message-btn {
+    background: none;
+    border: none;
+    color: #aaa;
+    cursor: pointer;
+    padding: 0 0 0 8px;
+    display: flex;
+    align-items: center;
+    transition: color 0.2s;
+}
+.delete-message-btn:hover {
+    color: #e74c3c;
+}
+.delete-message-btn i {
+    pointer-events: none;
+}
+
+/* ===== UNIFIED BUTTON COMPONENTS ===== */
+.kimi-button,
+.control-button-unified {
+    background: var(--button-primary-bg);
+    border: none;
+    border-radius: 8px;
+    color: var(--button-primary-text);
+    padding: 10px 20px;
+    font-size: 0.9rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
+    position: relative;
+    overflow: hidden;
+    backdrop-filter: blur(10px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.kimi-button::before,
+.control-button-unified::before {
+    content: "";
+    position: absolute;
+    top: 0;
+    left: -100%;
+    width: 100%;
+    height: 100%;
+    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
+    transition: left 0.5s ease;
+}
+
+.kimi-button:hover,
+.control-button-unified:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
+    background: var(--button-primary-hover-bg);
+}
+
+.kimi-button:hover::before,
+.control-button-unified:hover::before {
+    left: 100%;
+}
+
+.kimi-button:active,
+.control-button-unified:active {
+    transform: translateY(0);
+    transition: all 0.1s ease;
+}
+
+.kimi-button:disabled,
+.control-button-unified:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    transform: none;
+}
+
+/* Button Variants */
+.kimi-button.danger {
+    background: var(--button-danger-bg);
+    color: var(--button-danger-text);
+}
+.kimi-button.danger:hover {
+    background: var(--button-danger-hover-bg);
+}
+.kimi-button.success {
+    background: linear-gradient(135deg, #26de81, #20bf6b);
+}
+.kimi-button.success:hover {
+    background: linear-gradient(135deg, #20bf6b, #26de81);
+}
+.kimi-button.secondary {
+    background: var(--button-secondary-bg);
+    color: var(--button-secondary-text);
+}
+.kimi-button.secondary:hover {
+    background: var(--button-secondary-hover-bg);
+}
+
+/* Circular Control Buttons */
+.control-button-unified {
+    width: 50px;
+    height: 50px;
+    border-radius: 50%;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--button-hover);
+    box-shadow: var(--mic-button-shadow);
+    border: 1px solid var(--primary-color);
+}
+
+.control-button-unified:hover {
+    transform: translateY(-2px) scale(1.05);
+    background: var(--primary-color);
+    box-shadow: var(--text-glow);
+}
+
+.control-button-unified i {
+    font-size: 1.2rem;
+    transition: transform 0.3s ease;
+}
+
+.control-button-unified:hover i {
+    transform: scale(1.1);
+}
+
+/* ===== UNIFIED FORM COMPONENTS ===== */
+
+/* Select Elements */
+.kimi-select,
+.kimi-select-unified {
+    background: var(--select-bg);
+    border: 1px solid var(--select-border);
+    border-radius: 8px;
+    color: var(--select-text);
+    padding: 8px 12px;
+    font-size: 0.9rem;
+    outline: none;
+    transition: all 0.3s ease;
+    backdrop-filter: blur(10px);
+    cursor: pointer;
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.kimi-select:hover,
+.kimi-select-unified:hover {
+    background: var(--input-focus-bg);
+    border-color: var(--accent-color);
+    box-shadow: 0 0 10px var(--primary-color);
+}
+
+.kimi-select:focus,
+.kimi-select-unified:focus {
+    background: var(--input-focus-bg);
+    border-color: var(--input-focus-border);
+    box-shadow: 0 0 15px var(--primary-color);
+}
+
+.kimi-select option,
+.kimi-select-unified option {
+    background: var(--select-option-bg);
+    color: var(--select-option-text);
+    padding: 12px 15px;
+    border: none;
+    font-size: 0.9rem;
+    transition: all 0.3s ease;
+}
+
+.kimi-select option:hover,
+.kimi-select-unified option:hover,
+.kimi-select option:focus,
+.kimi-select-unified option:focus {
+    background: var(--select-option-hover-bg);
+    color: var(--select-option-hover-text);
+}
+
+.kimi-select option:checked,
+.kimi-select-unified option:checked,
+.kimi-select option:selected,
+.kimi-select-unified option:selected {
+    background: var(--select-option-checked-bg);
+    color: var(--select-option-checked-text);
+    font-weight: 600;
+    box-shadow: 0 0 10px var(--primary-color);
+}
+
+/* Input Elements */
+.kimi-input,
+.kimi-input-unified {
+    background: var(--input-bg);
+    border: 1px solid var(--input-border);
+    border-radius: 8px;
+    color: var(--input-text);
+    padding: 8px 12px;
+    font-size: 0.9rem;
+    outline: none;
+    transition: all 0.3s ease;
+    backdrop-filter: blur(10px);
+    width: 100%;
+    box-sizing: border-box;
+}
+
+.kimi-input:focus,
+.kimi-input-unified:focus {
+    background: var(--input-focus-bg);
+    border-color: var(--input-focus-border);
+    box-shadow: 0 0 15px var(--primary-color);
+}
+
+.kimi-input::placeholder,
+.kimi-input-unified::placeholder {
+    color: var(--input-placeholder);
+}
+
+/* Slider Elements */
+.kimi-slider,
+.kimi-slider-unified {
+    -webkit-appearance: none;
+    appearance: none;
+    height: 6px;
+    border-radius: 3px;
+    background: var(--slider-track-bg);
+    outline: none;
+    transition: all 0.3s ease;
+    cursor: pointer;
+}
+
+.kimi-slider::-webkit-slider-thumb,
+.kimi-slider-unified::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    background: var(--slider-thumb-bg);
+    cursor: pointer;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
+    transition: all 0.3s ease;
+}
+
+.kimi-slider::-webkit-slider-thumb:hover,
+.kimi-slider-unified::-webkit-slider-thumb:hover {
+    transform: scale(1.2);
+    background: var(--slider-thumb-hover-bg);
+    box-shadow:
+        0 4px 15px rgba(0, 0, 0, 0.4),
+        var(--text-glow);
+}
+
+.kimi-slider::-moz-range-thumb,
+.kimi-slider-unified::-moz-range-thumb {
+    width: 18px;
+    height: 18px;
+    border-radius: 50%;
+    background: var(--slider-thumb-bg);
+    cursor: pointer;
+    border: none;
+    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
+    transition: all 0.3s ease;
+}
+
+.kimi-slider::-moz-range-thumb:hover,
+.kimi-slider-unified::-moz-range-thumb:hover {
+    transform: scale(1.2);
+    background: var(--slider-thumb-hover-bg);
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
+}
+
+/* ===== CONSOLIDATED SCROLLBAR SYSTEM ===== */
+* {
+    scrollbar-width: thin;
+    scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-track-bg);
+}
+
+*::-webkit-scrollbar {
+    width: var(--scrollbar-width);
+    height: var(--scrollbar-width);
+}
+
+*::-webkit-scrollbar-track {
+    background: var(--scrollbar-track-bg);
+    border-radius: 4px;
+}
+
+*::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb-bg);
+    border-radius: 4px;
+    transition: all 0.3s ease;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+*::-webkit-scrollbar-thumb:hover {
+    background: var(--scrollbar-thumb-hover-bg);
+    transform: scale(1.1);
+}
+
+*::-webkit-scrollbar-thumb:active {
+    background: var(--scrollbar-thumb-active-bg);
+}
+
+*::-webkit-scrollbar-corner {
+    background: var(--scrollbar-corner-bg);
+}
+
+/* ===== MAIN LAYOUT AND CONTROLS ===== */
+.control-buttons {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+    margin-bottom: 10px;
+}
+
+.bottom-bar {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+}
+
+.favorability-text {
+    position: absolute;
+    right: 10px;
+    top: 50%;
+    transform: translateY(-50%);
+    font-size: 0.85rem;
+    font-weight: 600;
+    color: var(--progress-text-color);
+    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
+}
+
+.progress-container {
+    position: relative;
+}
+
+.mic-button {
+    position: relative;
+    width: 90px;
+    height: 90px;
+    background: var(--mic-button-bg);
+    backdrop-filter: blur(10px);
+    border: 1px solid var(--mic-button-border);
+    border-radius: 50%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    box-shadow: var(--mic-button-shadow);
+}
+
+.mic-button:not(.is-listening)::after {
+    display: none;
+}
+.mic-button.is-listening.mic-pulse-active::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 120px;
+    height: 120px;
+    border-radius: 50%;
+    background: var(--mic-pulse-color);
+    opacity: 0.6;
+    z-index: -1;
+    animation: micPulseRed 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
+    pointer-events: none;
+}
+
+.mic-button:hover {
+    transform: scale(1.1);
+    background: var(--mic-button-hover-bg);
+    box-shadow: var(--mic-button-hover-shadow);
+}
+
+.mic-button:active {
+    transform: scale(0.95);
+}
+
+.mic-button i {
+    font-size: 28px;
+    color: var(--mic-button-icon-color);
+    transition: all 0.3s ease;
+}
+
+.mic-button.is-listening {
+    animation: pulse 1.5s infinite;
+    border: 1px solid #27ae60;
+    box-shadow: 0 0 15px #27ae60;
+}
+
+.mic-button.is-listening i {
+    animation: micPulse 0.8s infinite alternate;
+}
+
+.mic-pulse-active {
+    position: relative;
+    box-shadow: 0 0 0 0 var(--primary-color);
+    animation: micPulse 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
+}
+
+.mic-button.mic-pulse-active {
+    position: relative;
+    z-index: 1;
+}
+.mic-button.mic-pulse-active::after {
+    content: "";
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 120px;
+    height: 120px;
+    border-radius: 50%;
+    background: var(--mic-pulse-color);
+    opacity: 0.6;
+    z-index: -1;
+    animation: micPulseRed 1.2s infinite cubic-bezier(0.66, 0, 0, 1);
+    pointer-events: none;
+}
+@keyframes micPulseRed {
+    0% {
+        transform: translate(-50%, -50%) scale(0.8);
+        opacity: 0.6;
+    }
+    70% {
+        transform: translate(-50%, -50%) scale(1.2);
+        opacity: 0;
+    }
+    100% {
+        transform: translate(-50%, -50%) scale(0.8);
+        opacity: 0;
+    }
+}
+
+/* ===== CONSOLIDATED RESPONSIVE DESIGN ===== */
+@media (max-width: 768px) {
+    .content-overlay {
+        padding: 20px;
+    }
+
+    .chat-container {
+        top: 10px;
+        right: 10px;
+        left: 10px;
+        width: auto;
+        max-width: none;
+        height: calc(100vh - 20px);
+        max-height: none;
+        border-radius: 10px;
+    }
+
+    .chat-header {
+        padding: 12px 15px;
+    }
+
+    .chat-header h3 {
+        font-size: 1rem;
+    }
+
+    .control-buttons {
+        gap: 15px;
+    }
+
+    .control-button-unified {
+        width: 45px;
+        height: 45px;
+    }
+
+    .control-button-unified i {
+        font-size: 1.1rem;
+    }
+
+    .top-bar {
+        margin-top: 15px;
+    }
+
+    .top-bar label {
+        font-size: 0.9rem;
+    }
+
+    .progress-container {
+        height: 10px;
+    }
+
+    .mic-button {
+        width: 80px;
+        height: 80px;
+    }
+
+    .mic-button i {
+        font-size: 34px;
+    }
+
+    .transcript-container {
+        bottom: 200px;
+        width: 90%;
+    }
+
+    #transcript {
+        font-size: 1rem;
+    }
+
+    .message {
+        max-width: 85%;
+        padding: 10px 14px;
+        font-size: 0.9rem;
+    }
+
+    .favorability-text {
+        font-size: 0.75rem;
+    }
+
+    .control-buttons {
+        gap: 10px;
+        justify-content: space-around;
+    }
+
+    .kimi-select,
+    .kimi-select-unified,
+    .kimi-input,
+    .kimi-input-unified {
+        font-size: 16px; /* Prevents zoom on iOS */
+    }
+}
+
+@media (max-width: 600px) {
+    .content-overlay {
+        padding: 10px;
+    }
+
+    .chat-container {
+        top: 10px;
+        right: 10px;
+        left: 10px;
+        width: auto;
+        max-width: none;
+        height: calc(100vh - 20px);
+        max-height: none;
+        border-radius: 10px;
+    }
+
+    .chat-header {
+        padding: 12px 15px;
+    }
+
+    .chat-header h3 {
+        font-size: 1rem;
+    }
+
+    .control-buttons {
+        gap: 15px;
+    }
+
+    .chat-button,
+    .settings-button {
+        width: 50px;
+        height: 50px;
+    }
+
+    .chat-button i,
+    .settings-button i {
+        font-size: 20px;
+    }
+
+    .top-bar {
+        margin-top: 15px;
+    }
+
+    .top-bar label {
+        font-size: 0.9rem;
+    }
+
+    .progress-container {
+        height: 10px;
+    }
+
+    .mic-button {
+        width: 80px;
+        height: 80px;
+    }
+
+    .mic-button i {
+        font-size: 34px;
+    }
+
+    .transcript-container {
+        bottom: 200px;
+        width: 90%;
+    }
+
+    #transcript {
+        font-size: 1rem;
+    }
+
+    .message {
+        max-width: 92%;
+        padding: 10px 14px;
+        font-size: 0.9rem;
+    }
+
+    .favorability-text {
+        font-size: 0.75rem;
+    }
+}
+
+/* Animation pour l'indicateur d'attente */
+.waiting-indicator {
+    display: block;
+    text-align: center;
+    width: 100%;
+    box-sizing: border-box;
+    margin: 6px 0 4px 0; /* discret au-dessus de l'input */
+    opacity: 0;
+    transition: opacity 0.25s ease-in-out;
+    pointer-events: none;
+}
+.waiting-indicator.visible {
+    opacity: 1;
+}
+.waiting-indicator span {
+    display: inline-block;
+    width: 8px;
+    height: 8px;
+    margin: 0 2px;
+    background: var(--waiting-indicator-color);
+    border-radius: 50%;
+    opacity: 0.5;
+    animation: waiting-bounce 1.4s infinite both;
+}
+.waiting-indicator span:nth-child(2) {
+    animation-delay: 0.2s;
+}
+.waiting-indicator span:nth-child(3) {
+    animation-delay: 0.4s;
+}
+@keyframes waiting-bounce {
+    0%,
+    80%,
+    100% {
+        transform: scale(0.7);
+        opacity: 0.5;
+    }
+    40% {
+        transform: scale(1);
+        opacity: 1;
+    }
+}
+
+/* Global typing indicator near mic button */
+.global-typing-indicator {
+    display: none;
+    align-items: center;
+    justify-content: center;
+    width: 36px;
+    height: 36px;
+    margin: 0 6px;
+    border-radius: 18px;
+    background: rgba(0, 0, 0, 0.2);
+    backdrop-filter: blur(6px);
+    transition: opacity 0.25s ease-in-out;
+    opacity: 0;
+}
+.global-typing-indicator.visible {
+    display: inline-flex;
+    opacity: 1;
+}
+.global-typing-indicator span {
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    margin: 0 1.5px;
+    background: var(--waiting-indicator-color);
+    border-radius: 50%;
+    opacity: 0.6;
+    animation: waiting-bounce 1.4s infinite both;
+}
+.global-typing-indicator span:nth-child(2) {
+    animation-delay: 0.2s;
+}
+.global-typing-indicator span:nth-child(3) {
+    animation-delay: 0.4s;
+}

kimi-js/dexie.min.js

@@ -0,0 +1,2 @@
+(function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Dexie=t()})(this,function(){"use strict";var s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)};var _=function(){return(_=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function i(e,t,n){if(n||2===arguments.length)for(var r,i=0,o=t.length;i<o;i++)!r&&i in t||((r=r||Array.prototype.slice.call(t,0,i))[i]=t[i]);return e.concat(r||Array.prototype.slice.call(t))}var f="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:"undefined"!=typeof window?window:global,x=Object.keys,k=Array.isArray;function a(t,n){return"object"!=typeof n||x(n).forEach(function(e){t[e]=n[e]}),t}"undefined"==typeof Promise||f.Promise||(f.Promise=Promise);var c=Object.getPrototypeOf,n={}.hasOwnProperty;function m(e,t){return n.call(e,t)}function r(t,n){"function"==typeof n&&(n=n(c(t))),("undefined"==typeof Reflect?x:Reflect.ownKeys)(n).forEach(function(e){l(t,e,n[e])})}var u=Object.defineProperty;function l(e,t,n,r){u(e,t,a(n&&m(n,"get")&&"function"==typeof n.get?{get:n.get,set:n.set,configurable:!0}:{value:n,configurable:!0,writable:!0},r))}function o(t){return{from:function(e){return t.prototype=Object.create(e.prototype),l(t.prototype,"constructor",t),{extend:r.bind(null,t.prototype)}}}}var h=Object.getOwnPropertyDescriptor;var d=[].slice;function b(e,t,n){return d.call(e,t,n)}function p(e,t){return t(e)}function y(e){if(!e)throw new Error("Assertion Failed")}function v(e){f.setImmediate?setImmediate(e):setTimeout(e,0)}function O(e,t){if("string"==typeof t&&m(e,t))return e[t];if(!t)return e;if("string"!=typeof t){for(var n=[],r=0,i=t.length;r<i;++r){var o=O(e,t[r]);n.push(o)}return n}var a=t.indexOf(".");if(-1!==a){var u=e[t.substr(0,a)];return null==u?void 0:O(u,t.substr(a+1))}}function P(e,t,n){if(e&&void 0!==t&&!("isFrozen"in Object&&Object.isFrozen(e)))if("string"!=typeof t&&"length"in t){y("string"!=typeof n&&"length"in n);for(var r=0,i=t.length;r<i;++r)P(e,t[r],n[r])}else{var o,a,u=t.indexOf(".");-1!==u?(o=t.substr(0,u),""===(a=t.substr(u+1))?void 0===n?k(e)&&!isNaN(parseInt(o))?e.splice(o,1):delete e[o]:e[o]=n:P(u=!(u=e[o])||!m(e,o)?e[o]={}:u,a,n)):void 0===n?k(e)&&!isNaN(parseInt(t))?e.splice(t,1):delete e[t]:e[t]=n}}function g(e){var t,n={};for(t in e)m(e,t)&&(n[t]=e[t]);return n}var t=[].concat;function w(e){return t.apply([],e)}var e="BigUint64Array,BigInt64Array,Array,Boolean,String,Date,RegExp,Blob,File,FileList,FileSystemFileHandle,FileSystemDirectoryHandle,ArrayBuffer,DataView,Uint8ClampedArray,ImageBitmap,ImageData,Map,Set,CryptoKey".split(",").concat(w([8,16,32,64].map(function(t){return["Int","Uint","Float"].map(function(e){return e+t+"Array"})}))).filter(function(e){return f[e]}),K=new Set(e.map(function(e){return f[e]}));var E=null;function S(e){E=new WeakMap;e=function e(t){if(!t||"object"!=typeof t)return t;var n=E.get(t);if(n)return n;if(k(t)){n=[],E.set(t,n);for(var r=0,i=t.length;r<i;++r)n.push(e(t[r]))}else if(K.has(t.constructor))n=t;else{var o,a=c(t);for(o in n=a===Object.prototype?{}:Object.create(a),E.set(t,n),t)m(t,o)&&(n[o]=e(t[o]))}return n}(e);return E=null,e}var j={}.toString;function A(e){return j.call(e).slice(8,-1)}var C="undefined"!=typeof Symbol?Symbol.iterator:"@@iterator",T="symbol"==typeof C?function(e){var t;return null!=e&&(t=e[C])&&t.apply(e)}:function(){return null};function q(e,t){t=e.indexOf(t);return 0<=t&&e.splice(t,1),0<=t}var D={};function I(e){var t,n,r,i;if(1===arguments.length){if(k(e))return e.slice();if(this===D&&"string"==typeof e)return[e];if(i=T(e)){for(n=[];!(r=i.next()).done;)n.push(r.value);return n}if(null==e)return[e];if("number"!=typeof(t=e.length))return[e];for(n=new Array(t);t--;)n[t]=e[t];return n}for(t=arguments.length,n=new Array(t);t--;)n[t]=arguments[t];return n}var B="undefined"!=typeof Symbol?function(e){return"AsyncFunction"===e[Symbol.toStringTag]}:function(){return!1},R=["Unknown","Constraint","Data","TransactionInactive","ReadOnly","Version","NotFound","InvalidState","InvalidAccess","Abort","Timeout","QuotaExceeded","Syntax","DataClone"],F=["Modify","Bulk","OpenFailed","VersionChange","Schema","Upgrade","InvalidTable","MissingAPI","NoSuchDatabase","InvalidArgument","SubTransaction","Unsupported","Internal","DatabaseClosed","PrematureCommit","ForeignAwait"].concat(R),M={VersionChanged:"Database version changed by other database connection",DatabaseClosed:"Database has been closed",Abort:"Transaction aborted",TransactionInactive:"Transaction has already completed or failed",MissingAPI:"IndexedDB API missing. Please visit https://tinyurl.com/y2uuvskb"};function N(e,t){this.name=e,this.message=t}function L(e,t){return e+". Errors: "+Object.keys(t).map(function(e){return t[e].toString()}).filter(function(e,t,n){return n.indexOf(e)===t}).join("\n")}function U(e,t,n,r){this.failures=t,this.failedKeys=r,this.successCount=n,this.message=L(e,t)}function V(e,t){this.name="BulkError",this.failures=Object.keys(t).map(function(e){return t[e]}),this.failuresByPos=t,this.message=L(e,this.failures)}o(N).from(Error).extend({toString:function(){return this.name+": "+this.message}}),o(U).from(N),o(V).from(N);var z=F.reduce(function(e,t){return e[t]=t+"Error",e},{}),W=N,Y=F.reduce(function(e,n){var r=n+"Error";function t(e,t){this.name=r,e?"string"==typeof e?(this.message="".concat(e).concat(t?"\n "+t:""),this.inner=t||null):"object"==typeof e&&(this.message="".concat(e.name," ").concat(e.message),this.inner=e):(this.message=M[n]||r,this.inner=null)}return o(t).from(W),e[n]=t,e},{});Y.Syntax=SyntaxError,Y.Type=TypeError,Y.Range=RangeError;var $=R.reduce(function(e,t){return e[t+"Error"]=Y[t],e},{});var Q=F.reduce(function(e,t){return-1===["Syntax","Type","Range"].indexOf(t)&&(e[t+"Error"]=Y[t]),e},{});function G(){}function X(e){return e}function H(t,n){return null==t||t===X?n:function(e){return n(t(e))}}function J(e,t){return function(){e.apply(this,arguments),t.apply(this,arguments)}}function Z(i,o){return i===G?o:function(){var e=i.apply(this,arguments);void 0!==e&&(arguments[0]=e);var t=this.onsuccess,n=this.onerror;this.onsuccess=null,this.onerror=null;var r=o.apply(this,arguments);return t&&(this.onsuccess=this.onsuccess?J(t,this.onsuccess):t),n&&(this.onerror=this.onerror?J(n,this.onerror):n),void 0!==r?r:e}}function ee(n,r){return n===G?r:function(){n.apply(this,arguments);var e=this.onsuccess,t=this.onerror;this.onsuccess=this.onerror=null,r.apply(this,arguments),e&&(this.onsuccess=this.onsuccess?J(e,this.onsuccess):e),t&&(this.onerror=this.onerror?J(t,this.onerror):t)}}function te(i,o){return i===G?o:function(e){var t=i.apply(this,arguments);a(e,t);var n=this.onsuccess,r=this.onerror;this.onsuccess=null,this.onerror=null;e=o.apply(this,arguments);return n&&(this.onsuccess=this.onsuccess?J(n,this.onsuccess):n),r&&(this.onerror=this.onerror?J(r,this.onerror):r),void 0===t?void 0===e?void 0:e:a(t,e)}}function ne(e,t){return e===G?t:function(){return!1!==t.apply(this,arguments)&&e.apply(this,arguments)}}function re(i,o){return i===G?o:function(){var e=i.apply(this,arguments);if(e&&"function"==typeof e.then){for(var t=this,n=arguments.length,r=new Array(n);n--;)r[n]=arguments[n];return e.then(function(){return o.apply(t,r)})}return o.apply(this,arguments)}}Q.ModifyError=U,Q.DexieError=N,Q.BulkError=V;var ie="undefined"!=typeof location&&/^(http|https):\/\/(localhost|127\.0\.0\.1)/.test(location.href);function oe(e){ie=e}var ae={},ue=100,e="undefined"==typeof Promise?[]:function(){var e=Promise.resolve();if("undefined"==typeof crypto||!crypto.subtle)return[e,c(e),e];var t=crypto.subtle.digest("SHA-512",new Uint8Array([0]));return[t,c(t),e]}(),R=e[0],F=e[1],e=e[2],F=F&&F.then,se=R&&R.constructor,ce=!!e;var le=function(e,t){be.push([e,t]),he&&(queueMicrotask(Se),he=!1)},fe=!0,he=!0,de=[],pe=[],ye=X,ve={id:"global",global:!0,ref:0,unhandleds:[],onunhandled:G,pgp:!1,env:{},finalize:G},me=ve,be=[],ge=0,we=[];function _e(e){if("object"!=typeof this)throw new TypeError("Promises must be constructed via new");this._listeners=[],this._lib=!1;var t=this._PSD=me;if("function"!=typeof e){if(e!==ae)throw new TypeError("Not a function");return this._state=arguments[1],this._value=arguments[2],void(!1===this._state&&Oe(this,this._value))}this._state=null,this._value=null,++t.ref,function t(r,e){try{e(function(n){if(null===r._state){if(n===r)throw new TypeError("A promise cannot be resolved with itself.");var e=r._lib&&je();n&&"function"==typeof n.then?t(r,function(e,t){n instanceof _e?n._then(e,t):n.then(e,t)}):(r._state=!0,r._value=n,Pe(r)),e&&Ae()}},Oe.bind(null,r))}catch(e){Oe(r,e)}}(this,e)}var xe={get:function(){var u=me,t=Fe;function e(n,r){var i=this,o=!u.global&&(u!==me||t!==Fe),a=o&&!Ue(),e=new _e(function(e,t){Ke(i,new ke(Qe(n,u,o,a),Qe(r,u,o,a),e,t,u))});return this._consoleTask&&(e._consoleTask=this._consoleTask),e}return e.prototype=ae,e},set:function(e){l(this,"then",e&&e.prototype===ae?xe:{get:function(){return e},set:xe.set})}};function ke(e,t,n,r,i){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.resolve=n,this.reject=r,this.psd=i}function Oe(e,t){var n,r;pe.push(t),null===e._state&&(n=e._lib&&je(),t=ye(t),e._state=!1,e._value=t,r=e,de.some(function(e){return e._value===r._value})||de.push(r),Pe(e),n&&Ae())}function Pe(e){var t=e._listeners;e._listeners=[];for(var n=0,r=t.length;n<r;++n)Ke(e,t[n]);var i=e._PSD;--i.ref||i.finalize(),0===ge&&(++ge,le(function(){0==--ge&&Ce()},[]))}function Ke(e,t){if(null!==e._state){var n=e._state?t.onFulfilled:t.onRejected;if(null===n)return(e._state?t.resolve:t.reject)(e._value);++t.psd.ref,++ge,le(Ee,[n,e,t])}else e._listeners.push(t)}function Ee(e,t,n){try{var r,i=t._value;!t._state&&pe.length&&(pe=[]),r=ie&&t._consoleTask?t._consoleTask.run(function(){return e(i)}):e(i),t._state||-1!==pe.indexOf(i)||function(e){var t=de.length;for(;t;)if(de[--t]._value===e._value)return de.splice(t,1)}(t),n.resolve(r)}catch(e){n.reject(e)}finally{0==--ge&&Ce(),--n.psd.ref||n.psd.finalize()}}function Se(){$e(ve,function(){je()&&Ae()})}function je(){var e=fe;return he=fe=!1,e}function Ae(){var e,t,n;do{for(;0<be.length;)for(e=be,be=[],n=e.length,t=0;t<n;++t){var r=e[t];r[0].apply(null,r[1])}}while(0<be.length);he=fe=!0}function Ce(){var e=de;de=[],e.forEach(function(e){e._PSD.onunhandled.call(null,e._value,e)});for(var t=we.slice(0),n=t.length;n;)t[--n]()}function Te(e){return new _e(ae,!1,e)}function qe(n,r){var i=me;return function(){var e=je(),t=me;try{return We(i,!0),n.apply(this,arguments)}catch(e){r&&r(e)}finally{We(t,!1),e&&Ae()}}}r(_e.prototype,{then:xe,_then:function(e,t){Ke(this,new ke(null,null,e,t,me))},catch:function(e){if(1===arguments.length)return this.then(null,e);var t=e,n=arguments[1];return"function"==typeof t?this.then(null,function(e){return(e instanceof t?n:Te)(e)}):this.then(null,function(e){return(e&&e.name===t?n:Te)(e)})},finally:function(t){return this.then(function(e){return _e.resolve(t()).then(function(){return e})},function(e){return _e.resolve(t()).then(function(){return Te(e)})})},timeout:function(r,i){var o=this;return r<1/0?new _e(function(e,t){var n=setTimeout(function(){return t(new Y.Timeout(i))},r);o.then(e,t).finally(clearTimeout.bind(null,n))}):this}}),"undefined"!=typeof Symbol&&Symbol.toStringTag&&l(_e.prototype,Symbol.toStringTag,"Dexie.Promise"),ve.env=Ye(),r(_e,{all:function(){var o=I.apply(null,arguments).map(Ve);return new _e(function(n,r){0===o.length&&n([]);var i=o.length;o.forEach(function(e,t){return _e.resolve(e).then(function(e){o[t]=e,--i||n(o)},r)})})},resolve:function(n){return n instanceof _e?n:n&&"function"==typeof n.then?new _e(function(e,t){n.then(e,t)}):new _e(ae,!0,n)},reject:Te,race:function(){var e=I.apply(null,arguments).map(Ve);return new _e(function(t,n){e.map(function(e){return _e.resolve(e).then(t,n)})})},PSD:{get:function(){return me},set:function(e){return me=e}},totalEchoes:{get:function(){return Fe}},newPSD:Ne,usePSD:$e,scheduler:{get:function(){return le},set:function(e){le=e}},rejectionMapper:{get:function(){return ye},set:function(e){ye=e}},follow:function(i,n){return new _e(function(e,t){return Ne(function(n,r){var e=me;e.unhandleds=[],e.onunhandled=r,e.finalize=J(function(){var t,e=this;t=function(){0===e.unhandleds.length?n():r(e.unhandleds[0])},we.push(function e(){t(),we.splice(we.indexOf(e),1)}),++ge,le(function(){0==--ge&&Ce()},[])},e.finalize),i()},n,e,t)})}}),se&&(se.allSettled&&l(_e,"allSettled",function(){var e=I.apply(null,arguments).map(Ve);return new _e(function(n){0===e.length&&n([]);var r=e.length,i=new Array(r);e.forEach(function(e,t){return _e.resolve(e).then(function(e){return i[t]={status:"fulfilled",value:e}},function(e){return i[t]={status:"rejected",reason:e}}).then(function(){return--r||n(i)})})})}),se.any&&"undefined"!=typeof AggregateError&&l(_e,"any",function(){var e=I.apply(null,arguments).map(Ve);return new _e(function(n,r){0===e.length&&r(new AggregateError([]));var i=e.length,o=new Array(i);e.forEach(function(e,t){return _e.resolve(e).then(function(e){return n(e)},function(e){o[t]=e,--i||r(new AggregateError(o))})})})}),se.withResolvers&&(_e.withResolvers=se.withResolvers));var De={awaits:0,echoes:0,id:0},Ie=0,Be=[],Re=0,Fe=0,Me=0;function Ne(e,t,n,r){var i=me,o=Object.create(i);o.parent=i,o.ref=0,o.global=!1,o.id=++Me,ve.env,o.env=ce?{Promise:_e,PromiseProp:{value:_e,configurable:!0,writable:!0},all:_e.all,race:_e.race,allSettled:_e.allSettled,any:_e.any,resolve:_e.resolve,reject:_e.reject}:{},t&&a(o,t),++i.ref,o.finalize=function(){--this.parent.ref||this.parent.finalize()};r=$e(o,e,n,r);return 0===o.ref&&o.finalize(),r}function Le(){return De.id||(De.id=++Ie),++De.awaits,De.echoes+=ue,De.id}function Ue(){return!!De.awaits&&(0==--De.awaits&&(De.id=0),De.echoes=De.awaits*ue,!0)}function Ve(e){return De.echoes&&e&&e.constructor===se?(Le(),e.then(function(e){return Ue(),e},function(e){return Ue(),Xe(e)})):e}function ze(){var e=Be[Be.length-1];Be.pop(),We(e,!1)}function We(e,t){var n,r=me;(t?!De.echoes||Re++&&e===me:!Re||--Re&&e===me)||queueMicrotask(t?function(e){++Fe,De.echoes&&0!=--De.echoes||(De.echoes=De.awaits=De.id=0),Be.push(me),We(e,!0)}.bind(null,e):ze),e!==me&&(me=e,r===ve&&(ve.env=Ye()),ce&&(n=ve.env.Promise,t=e.env,(r.global||e.global)&&(Object.defineProperty(f,"Promise",t.PromiseProp),n.all=t.all,n.race=t.race,n.resolve=t.resolve,n.reject=t.reject,t.allSettled&&(n.allSettled=t.allSettled),t.any&&(n.any=t.any))))}function Ye(){var e=f.Promise;return ce?{Promise:e,PromiseProp:Object.getOwnPropertyDescriptor(f,"Promise"),all:e.all,race:e.race,allSettled:e.allSettled,any:e.any,resolve:e.resolve,reject:e.reject}:{}}function $e(e,t,n,r,i){var o=me;try{return We(e,!0),t(n,r,i)}finally{We(o,!1)}}function Qe(t,n,r,i){return"function"!=typeof t?t:function(){var e=me;r&&Le(),We(n,!0);try{return t.apply(this,arguments)}finally{We(e,!1),i&&queueMicrotask(Ue)}}}function Ge(e){Promise===se&&0===De.echoes?0===Re?e():enqueueNativeMicroTask(e):setTimeout(e,0)}-1===(""+F).indexOf("[native code]")&&(Le=Ue=G);var Xe=_e.reject;var He=String.fromCharCode(65535),Je="Invalid key provided. Keys must be of type string, number, Date or Array<string | number | Date>.",Ze="String expected.",et=[],tt="__dbnames",nt="readonly",rt="readwrite";function it(e,t){return e?t?function(){return e.apply(this,arguments)&&t.apply(this,arguments)}:e:t}var ot={type:3,lower:-1/0,lowerOpen:!1,upper:[[]],upperOpen:!1};function at(t){return"string"!=typeof t||/\./.test(t)?function(e){return e}:function(e){return void 0===e[t]&&t in e&&delete(e=S(e))[t],e}}function ut(){throw Y.Type()}function st(e,t){try{var n=ct(e),r=ct(t);if(n!==r)return"Array"===n?1:"Array"===r?-1:"binary"===n?1:"binary"===r?-1:"string"===n?1:"string"===r?-1:"Date"===n?1:"Date"!==r?NaN:-1;switch(n){case"number":case"Date":case"string":return t<e?1:e<t?-1:0;case"binary":return function(e,t){for(var n=e.length,r=t.length,i=n<r?n:r,o=0;o<i;++o)if(e[o]!==t[o])return e[o]<t[o]?-1:1;return n===r?0:n<r?-1:1}(lt(e),lt(t));case"Array":return function(e,t){for(var n=e.length,r=t.length,i=n<r?n:r,o=0;o<i;++o){var a=st(e[o],t[o]);if(0!==a)return a}return n===r?0:n<r?-1:1}(e,t)}}catch(e){}return NaN}function ct(e){var t=typeof e;if("object"!=t)return t;if(ArrayBuffer.isView(e))return"binary";e=A(e);return"ArrayBuffer"===e?"binary":e}function lt(e){return e instanceof Uint8Array?e:ArrayBuffer.isView(e)?new Uint8Array(e.buffer,e.byteOffset,e.byteLength):new Uint8Array(e)}var ft=(ht.prototype._trans=function(e,r,t){var n=this._tx||me.trans,i=this.name,o=ie&&"undefined"!=typeof console&&console.createTask&&console.createTask("Dexie: ".concat("readonly"===e?"read":"write"," ").concat(this.name));function a(e,t,n){if(!n.schema[i])throw new Y.NotFound("Table "+i+" not part of transaction");return r(n.idbtrans,n)}var u=je();try{var s=n&&n.db._novip===this.db._novip?n===me.trans?n._promise(e,a,t):Ne(function(){return n._promise(e,a,t)},{trans:n,transless:me.transless||me}):function t(n,r,i,o){if(n.idbdb&&(n._state.openComplete||me.letThrough||n._vip)){var a=n._createTransaction(r,i,n._dbSchema);try{a.create(),n._state.PR1398_maxLoop=3}catch(e){return e.name===z.InvalidState&&n.isOpen()&&0<--n._state.PR1398_maxLoop?(console.warn("Dexie: Need to reopen db"),n.close({disableAutoOpen:!1}),n.open().then(function(){return t(n,r,i,o)})):Xe(e)}return a._promise(r,function(e,t){return Ne(function(){return me.trans=a,o(e,t,a)})}).then(function(e){if("readwrite"===r)try{a.idbtrans.commit()}catch(e){}return"readonly"===r?e:a._completion.then(function(){return e})})}if(n._state.openComplete)return Xe(new Y.DatabaseClosed(n._state.dbOpenError));if(!n._state.isBeingOpened){if(!n._state.autoOpen)return Xe(new Y.DatabaseClosed);n.open().catch(G)}return n._state.dbReadyPromise.then(function(){return t(n,r,i,o)})}(this.db,e,[this.name],a);return o&&(s._consoleTask=o,s=s.catch(function(e){return console.trace(e),Xe(e)})),s}finally{u&&Ae()}},ht.prototype.get=function(t,e){var n=this;return t&&t.constructor===Object?this.where(t).first(e):null==t?Xe(new Y.Type("Invalid argument to Table.get()")):this._trans("readonly",function(e){return n.core.get({trans:e,key:t}).then(function(e){return n.hook.reading.fire(e)})}).then(e)},ht.prototype.where=function(o){if("string"==typeof o)return new this.db.WhereClause(this,o);if(k(o))return new this.db.WhereClause(this,"[".concat(o.join("+"),"]"));var n=x(o);if(1===n.length)return this.where(n[0]).equals(o[n[0]]);var e=this.schema.indexes.concat(this.schema.primKey).filter(function(t){if(t.compound&&n.every(function(e){return 0<=t.keyPath.indexOf(e)})){for(var e=0;e<n.length;++e)if(-1===n.indexOf(t.keyPath[e]))return!1;return!0}return!1}).sort(function(e,t){return e.keyPath.length-t.keyPath.length})[0];if(e&&this.db._maxKey!==He){var t=e.keyPath.slice(0,n.length);return this.where(t).equals(t.map(function(e){return o[e]}))}!e&&ie&&console.warn("The query ".concat(JSON.stringify(o)," on ").concat(this.name," would benefit from a ")+"compound index [".concat(n.join("+"),"]"));var a=this.schema.idxByName;function u(e,t){return 0===st(e,t)}var r=n.reduce(function(e,t){var n=e[0],r=e[1],e=a[t],i=o[t];return[n||e,n||!e?it(r,e&&e.multi?function(e){e=O(e,t);return k(e)&&e.some(function(e){return u(i,e)})}:function(e){return u(i,O(e,t))}):r]},[null,null]),t=r[0],r=r[1];return t?this.where(t.name).equals(o[t.keyPath]).filter(r):e?this.filter(r):this.where(n).equals("")},ht.prototype.filter=function(e){return this.toCollection().and(e)},ht.prototype.count=function(e){return this.toCollection().count(e)},ht.prototype.offset=function(e){return this.toCollection().offset(e)},ht.prototype.limit=function(e){return this.toCollection().limit(e)},ht.prototype.each=function(e){return this.toCollection().each(e)},ht.prototype.toArray=function(e){return this.toCollection().toArray(e)},ht.prototype.toCollection=function(){return new this.db.Collection(new this.db.WhereClause(this))},ht.prototype.orderBy=function(e){return new this.db.Collection(new this.db.WhereClause(this,k(e)?"[".concat(e.join("+"),"]"):e))},ht.prototype.reverse=function(){return this.toCollection().reverse()},ht.prototype.mapToClass=function(r){var e,t=this.db,n=this.name;function i(){return null!==e&&e.apply(this,arguments)||this}(this.schema.mappedClass=r).prototype instanceof ut&&(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}(i,e=r),Object.defineProperty(i.prototype,"db",{get:function(){return t},enumerable:!1,configurable:!0}),i.prototype.table=function(){return n},r=i);for(var o=new Set,a=r.prototype;a;a=c(a))Object.getOwnPropertyNames(a).forEach(function(e){return o.add(e)});function u(e){if(!e)return e;var t,n=Object.create(r.prototype);for(t in e)if(!o.has(t))try{n[t]=e[t]}catch(e){}return n}return this.schema.readHook&&this.hook.reading.unsubscribe(this.schema.readHook),this.schema.readHook=u,this.hook("reading",u),r},ht.prototype.defineClass=function(){return this.mapToClass(function(e){a(this,e)})},ht.prototype.add=function(t,n){var r=this,e=this.schema.primKey,i=e.auto,o=e.keyPath,a=t;return o&&i&&(a=at(o)(t)),this._trans("readwrite",function(e){return r.core.mutate({trans:e,type:"add",keys:null!=n?[n]:null,values:[a]})}).then(function(e){return e.numFailures?_e.reject(e.failures[0]):e.lastResult}).then(function(e){if(o)try{P(t,o,e)}catch(e){}return e})},ht.prototype.update=function(e,t){if("object"!=typeof e||k(e))return this.where(":id").equals(e).modify(t);e=O(e,this.schema.primKey.keyPath);return void 0===e?Xe(new Y.InvalidArgument("Given object does not contain its primary key")):this.where(":id").equals(e).modify(t)},ht.prototype.put=function(t,n){var r=this,e=this.schema.primKey,i=e.auto,o=e.keyPath,a=t;return o&&i&&(a=at(o)(t)),this._trans("readwrite",function(e){return r.core.mutate({trans:e,type:"put",values:[a],keys:null!=n?[n]:null})}).then(function(e){return e.numFailures?_e.reject(e.failures[0]):e.lastResult}).then(function(e){if(o)try{P(t,o,e)}catch(e){}return e})},ht.prototype.delete=function(t){var n=this;return this._trans("readwrite",function(e){return n.core.mutate({trans:e,type:"delete",keys:[t]})}).then(function(e){return e.numFailures?_e.reject(e.failures[0]):void 0})},ht.prototype.clear=function(){var t=this;return this._trans("readwrite",function(e){return t.core.mutate({trans:e,type:"deleteRange",range:ot})}).then(function(e){return e.numFailures?_e.reject(e.failures[0]):void 0})},ht.prototype.bulkGet=function(t){var n=this;return this._trans("readonly",function(e){return n.core.getMany({keys:t,trans:e}).then(function(e){return e.map(function(e){return n.hook.reading.fire(e)})})})},ht.prototype.bulkAdd=function(r,e,t){var o=this,a=Array.isArray(e)?e:void 0,u=(t=t||(a?void 0:e))?t.allKeys:void 0;return this._trans("readwrite",function(e){var t=o.schema.primKey,n=t.auto,t=t.keyPath;if(t&&a)throw new Y.InvalidArgument("bulkAdd(): keys argument invalid on tables with inbound keys");if(a&&a.length!==r.length)throw new Y.InvalidArgument("Arguments objects and keys must have the same length");var i=r.length,t=t&&n?r.map(at(t)):r;return o.core.mutate({trans:e,type:"add",keys:a,values:t,wantResults:u}).then(function(e){var t=e.numFailures,n=e.results,r=e.lastResult,e=e.failures;if(0===t)return u?n:r;throw new V("".concat(o.name,".bulkAdd(): ").concat(t," of ").concat(i," operations failed"),e)})})},ht.prototype.bulkPut=function(r,e,t){var o=this,a=Array.isArray(e)?e:void 0,u=(t=t||(a?void 0:e))?t.allKeys:void 0;return this._trans("readwrite",function(e){var t=o.schema.primKey,n=t.auto,t=t.keyPath;if(t&&a)throw new Y.InvalidArgument("bulkPut(): keys argument invalid on tables with inbound keys");if(a&&a.length!==r.length)throw new Y.InvalidArgument("Arguments objects and keys must have the same length");var i=r.length,t=t&&n?r.map(at(t)):r;return o.core.mutate({trans:e,type:"put",keys:a,values:t,wantResults:u}).then(function(e){var t=e.numFailures,n=e.results,r=e.lastResult,e=e.failures;if(0===t)return u?n:r;throw new V("".concat(o.name,".bulkPut(): ").concat(t," of ").concat(i," operations failed"),e)})})},ht.prototype.bulkUpdate=function(t){var h=this,n=this.core,r=t.map(function(e){return e.key}),i=t.map(function(e){return e.changes}),d=[];return this._trans("readwrite",function(e){return n.getMany({trans:e,keys:r,cache:"clone"}).then(function(c){var l=[],f=[];t.forEach(function(e,t){var n=e.key,r=e.changes,i=c[t];if(i){for(var o=0,a=Object.keys(r);o<a.length;o++){var u=a[o],s=r[u];if(u===h.schema.primKey.keyPath){if(0!==st(s,n))throw new Y.Constraint("Cannot update primary key in bulkUpdate()")}else P(i,u,s)}d.push(t),l.push(n),f.push(i)}});var s=l.length;return n.mutate({trans:e,type:"put",keys:l,values:f,updates:{keys:r,changeSpecs:i}}).then(function(e){var t=e.numFailures,n=e.failures;if(0===t)return s;for(var r=0,i=Object.keys(n);r<i.length;r++){var o,a=i[r],u=d[Number(a)];null!=u&&(o=n[a],delete n[a],n[u]=o)}throw new V("".concat(h.name,".bulkUpdate(): ").concat(t," of ").concat(s," operations failed"),n)})})})},ht.prototype.bulkDelete=function(t){var r=this,i=t.length;return this._trans("readwrite",function(e){return r.core.mutate({trans:e,type:"delete",keys:t})}).then(function(e){var t=e.numFailures,n=e.lastResult,e=e.failures;if(0===t)return n;throw new V("".concat(r.name,".bulkDelete(): ").concat(t," of ").concat(i," operations failed"),e)})},ht);function ht(){}function dt(i){function t(e,t){if(t){for(var n=arguments.length,r=new Array(n-1);--n;)r[n-1]=arguments[n];return a[e].subscribe.apply(null,r),i}if("string"==typeof e)return a[e]}var a={};t.addEventType=u;for(var e=1,n=arguments.length;e<n;++e)u(arguments[e]);return t;function u(e,n,r){if("object"!=typeof e){var i;n=n||ne;var o={subscribers:[],fire:r=r||G,subscribe:function(e){-1===o.subscribers.indexOf(e)&&(o.subscribers.push(e),o.fire=n(o.fire,e))},unsubscribe:function(t){o.subscribers=o.subscribers.filter(function(e){return e!==t}),o.fire=o.subscribers.reduce(n,r)}};return a[e]=t[e]=o}x(i=e).forEach(function(e){var t=i[e];if(k(t))u(e,i[e][0],i[e][1]);else{if("asap"!==t)throw new Y.InvalidArgument("Invalid event config");var n=u(e,X,function(){for(var e=arguments.length,t=new Array(e);e--;)t[e]=arguments[e];n.subscribers.forEach(function(e){v(function(){e.apply(null,t)})})})}})}}function pt(e,t){return o(t).from({prototype:e}),t}function yt(e,t){return!(e.filter||e.algorithm||e.or)&&(t?e.justLimit:!e.replayFilter)}function vt(e,t){e.filter=it(e.filter,t)}function mt(e,t,n){var r=e.replayFilter;e.replayFilter=r?function(){return it(r(),t())}:t,e.justLimit=n&&!r}function bt(e,t){if(e.isPrimKey)return t.primaryKey;var n=t.getIndexByKeyPath(e.index);if(!n)throw new Y.Schema("KeyPath "+e.index+" on object store "+t.name+" is not indexed");return n}function gt(e,t,n){var r=bt(e,t.schema);return t.openCursor({trans:n,values:!e.keysOnly,reverse:"prev"===e.dir,unique:!!e.unique,query:{index:r,range:e.range}})}function wt(e,o,t,n){var a=e.replayFilter?it(e.filter,e.replayFilter()):e.filter;if(e.or){var u={},r=function(e,t,n){var r,i;a&&!a(t,n,function(e){return t.stop(e)},function(e){return t.fail(e)})||("[object ArrayBuffer]"===(i=""+(r=t.primaryKey))&&(i=""+new Uint8Array(r)),m(u,i)||(u[i]=!0,o(e,t,n)))};return Promise.all([e.or._iterate(r,t),_t(gt(e,n,t),e.algorithm,r,!e.keysOnly&&e.valueMapper)])}return _t(gt(e,n,t),it(e.algorithm,a),o,!e.keysOnly&&e.valueMapper)}function _t(e,r,i,o){var a=qe(o?function(e,t,n){return i(o(e),t,n)}:i);return e.then(function(n){if(n)return n.start(function(){var t=function(){return n.continue()};r&&!r(n,function(e){return t=e},function(e){n.stop(e),t=G},function(e){n.fail(e),t=G})||a(n.value,n,function(e){return t=e}),t()})})}var xt=(kt.prototype.execute=function(e){var t=this["@@propmod"];if(void 0!==t.add){var n=t.add;if(k(n))return i(i([],k(e)?e:[],!0),n,!0).sort();if("number"==typeof n)return(Number(e)||0)+n;if("bigint"==typeof n)try{return BigInt(e)+n}catch(e){return BigInt(0)+n}throw new TypeError("Invalid term ".concat(n))}if(void 0!==t.remove){var r=t.remove;if(k(r))return k(e)?e.filter(function(e){return!r.includes(e)}).sort():[];if("number"==typeof r)return Number(e)-r;if("bigint"==typeof r)try{return BigInt(e)-r}catch(e){return BigInt(0)-r}throw new TypeError("Invalid subtrahend ".concat(r))}n=null===(n=t.replacePrefix)||void 0===n?void 0:n[0];return n&&"string"==typeof e&&e.startsWith(n)?t.replacePrefix[1]+e.substring(n.length):e},kt);function kt(e){this["@@propmod"]=e}var Ot=(Pt.prototype._read=function(e,t){var n=this._ctx;return n.error?n.table._trans(null,Xe.bind(null,n.error)):n.table._trans("readonly",e).then(t)},Pt.prototype._write=function(e){var t=this._ctx;return t.error?t.table._trans(null,Xe.bind(null,t.error)):t.table._trans("readwrite",e,"locked")},Pt.prototype._addAlgorithm=function(e){var t=this._ctx;t.algorithm=it(t.algorithm,e)},Pt.prototype._iterate=function(e,t){return wt(this._ctx,e,t,this._ctx.table.core)},Pt.prototype.clone=function(e){var t=Object.create(this.constructor.prototype),n=Object.create(this._ctx);return e&&a(n,e),t._ctx=n,t},Pt.prototype.raw=function(){return this._ctx.valueMapper=null,this},Pt.prototype.each=function(t){var n=this._ctx;return this._read(function(e){return wt(n,t,e,n.table.core)})},Pt.prototype.count=function(e){var i=this;return this._read(function(e){var t=i._ctx,n=t.table.core;if(yt(t,!0))return n.count({trans:e,query:{index:bt(t,n.schema),range:t.range}}).then(function(e){return Math.min(e,t.limit)});var r=0;return wt(t,function(){return++r,!1},e,n).then(function(){return r})}).then(e)},Pt.prototype.sortBy=function(e,t){var n=e.split(".").reverse(),r=n[0],i=n.length-1;function o(e,t){return t?o(e[n[t]],t-1):e[r]}var a="next"===this._ctx.dir?1:-1;function u(e,t){return st(o(e,i),o(t,i))*a}return this.toArray(function(e){return e.sort(u)}).then(t)},Pt.prototype.toArray=function(e){var o=this;return this._read(function(e){var t=o._ctx;if("next"===t.dir&&yt(t,!0)&&0<t.limit){var n=t.valueMapper,r=bt(t,t.table.core.schema);return t.table.core.query({trans:e,limit:t.limit,values:!0,query:{index:r,range:t.range}}).then(function(e){e=e.result;return n?e.map(n):e})}var i=[];return wt(t,function(e){return i.push(e)},e,t.table.core).then(function(){return i})},e)},Pt.prototype.offset=function(t){var e=this._ctx;return t<=0||(e.offset+=t,yt(e)?mt(e,function(){var n=t;return function(e,t){return 0===n||(1===n?--n:t(function(){e.advance(n),n=0}),!1)}}):mt(e,function(){var e=t;return function(){return--e<0}})),this},Pt.prototype.limit=function(e){return this._ctx.limit=Math.min(this._ctx.limit,e),mt(this._ctx,function(){var r=e;return function(e,t,n){return--r<=0&&t(n),0<=r}},!0),this},Pt.prototype.until=function(r,i){return vt(this._ctx,function(e,t,n){return!r(e.value)||(t(n),i)}),this},Pt.prototype.first=function(e){return this.limit(1).toArray(function(e){return e[0]}).then(e)},Pt.prototype.last=function(e){return this.reverse().first(e)},Pt.prototype.filter=function(t){var e;return vt(this._ctx,function(e){return t(e.value)}),(e=this._ctx).isMatch=it(e.isMatch,t),this},Pt.prototype.and=function(e){return this.filter(e)},Pt.prototype.or=function(e){return new this.db.WhereClause(this._ctx.table,e,this)},Pt.prototype.reverse=function(){return this._ctx.dir="prev"===this._ctx.dir?"next":"prev",this._ondirectionchange&&this._ondirectionchange(this._ctx.dir),this},Pt.prototype.desc=function(){return this.reverse()},Pt.prototype.eachKey=function(n){var e=this._ctx;return e.keysOnly=!e.isMatch,this.each(function(e,t){n(t.key,t)})},Pt.prototype.eachUniqueKey=function(e){return this._ctx.unique="unique",this.eachKey(e)},Pt.prototype.eachPrimaryKey=function(n){var e=this._ctx;return e.keysOnly=!e.isMatch,this.each(function(e,t){n(t.primaryKey,t)})},Pt.prototype.keys=function(e){var t=this._ctx;t.keysOnly=!t.isMatch;var n=[];return this.each(function(e,t){n.push(t.key)}).then(function(){return n}).then(e)},Pt.prototype.primaryKeys=function(e){var n=this._ctx;if("next"===n.dir&&yt(n,!0)&&0<n.limit)return this._read(function(e){var t=bt(n,n.table.core.schema);return n.table.core.query({trans:e,values:!1,limit:n.limit,query:{index:t,range:n.range}})}).then(function(e){return e.result}).then(e);n.keysOnly=!n.isMatch;var r=[];return this.each(function(e,t){r.push(t.primaryKey)}).then(function(){return r}).then(e)},Pt.prototype.uniqueKeys=function(e){return this._ctx.unique="unique",this.keys(e)},Pt.prototype.firstKey=function(e){return this.limit(1).keys(function(e){return e[0]}).then(e)},Pt.prototype.lastKey=function(e){return this.reverse().firstKey(e)},Pt.prototype.distinct=function(){var e=this._ctx,e=e.index&&e.table.schema.idxByName[e.index];if(!e||!e.multi)return this;var n={};return vt(this._ctx,function(e){var t=e.primaryKey.toString(),e=m(n,t);return n[t]=!0,!e}),this},Pt.prototype.modify=function(w){var n=this,r=this._ctx;return this._write(function(d){var a,u,p;p="function"==typeof w?w:(a=x(w),u=a.length,function(e){for(var t=!1,n=0;n<u;++n){var r=a[n],i=w[r],o=O(e,r);i instanceof xt?(P(e,r,i.execute(o)),t=!0):o!==i&&(P(e,r,i),t=!0)}return t});var y=r.table.core,e=y.schema.primaryKey,v=e.outbound,m=e.extractKey,b=200,e=n.db._options.modifyChunkSize;e&&(b="object"==typeof e?e[y.name]||e["*"]||200:e);function g(e,t){var n=t.failures,t=t.numFailures;c+=e-t;for(var r=0,i=x(n);r<i.length;r++){var o=i[r];s.push(n[o])}}var s=[],c=0,t=[];return n.clone().primaryKeys().then(function(l){function f(s){var c=Math.min(b,l.length-s);return y.getMany({trans:d,keys:l.slice(s,s+c),cache:"immutable"}).then(function(e){for(var n=[],t=[],r=v?[]:null,i=[],o=0;o<c;++o){var a=e[o],u={value:S(a),primKey:l[s+o]};!1!==p.call(u,u.value,u)&&(null==u.value?i.push(l[s+o]):v||0===st(m(a),m(u.value))?(t.push(u.value),v&&r.push(l[s+o])):(i.push(l[s+o]),n.push(u.value)))}return Promise.resolve(0<n.length&&y.mutate({trans:d,type:"add",values:n}).then(function(e){for(var t in e.failures)i.splice(parseInt(t),1);g(n.length,e)})).then(function(){return(0<t.length||h&&"object"==typeof w)&&y.mutate({trans:d,type:"put",keys:r,values:t,criteria:h,changeSpec:"function"!=typeof w&&w,isAdditionalChunk:0<s}).then(function(e){return g(t.length,e)})}).then(function(){return(0<i.length||h&&w===Kt)&&y.mutate({trans:d,type:"delete",keys:i,criteria:h,isAdditionalChunk:0<s}).then(function(e){return g(i.length,e)})}).then(function(){return l.length>s+c&&f(s+b)})})}var h=yt(r)&&r.limit===1/0&&("function"!=typeof w||w===Kt)&&{index:r.index,range:r.range};return f(0).then(function(){if(0<s.length)throw new U("Error modifying one or more objects",s,c,t);return l.length})})})},Pt.prototype.delete=function(){var i=this._ctx,n=i.range;return yt(i)&&(i.isPrimKey||3===n.type)?this._write(function(e){var t=i.table.core.schema.primaryKey,r=n;return i.table.core.count({trans:e,query:{index:t,range:r}}).then(function(n){return i.table.core.mutate({trans:e,type:"deleteRange",range:r}).then(function(e){var t=e.failures;e.lastResult,e.results;e=e.numFailures;if(e)throw new U("Could not delete some values",Object.keys(t).map(function(e){return t[e]}),n-e);return n-e})})}):this.modify(Kt)},Pt);function Pt(){}var Kt=function(e,t){return t.value=null};function Et(e,t){return e<t?-1:e===t?0:1}function St(e,t){return t<e?-1:e===t?0:1}function jt(e,t,n){e=e instanceof Dt?new e.Collection(e):e;return e._ctx.error=new(n||TypeError)(t),e}function At(e){return new e.Collection(e,function(){return qt("")}).limit(0)}function Ct(e,s,n,r){var i,c,l,f,h,d,p,y=n.length;if(!n.every(function(e){return"string"==typeof e}))return jt(e,Ze);function t(e){i="next"===e?function(e){return e.toUpperCase()}:function(e){return e.toLowerCase()},c="next"===e?function(e){return e.toLowerCase()}:function(e){return e.toUpperCase()},l="next"===e?Et:St;var t=n.map(function(e){return{lower:c(e),upper:i(e)}}).sort(function(e,t){return l(e.lower,t.lower)});f=t.map(function(e){return e.upper}),h=t.map(function(e){return e.lower}),p="next"===(d=e)?"":r}t("next");e=new e.Collection(e,function(){return Tt(f[0],h[y-1]+r)});e._ondirectionchange=function(e){t(e)};var v=0;return e._addAlgorithm(function(e,t,n){var r=e.key;if("string"!=typeof r)return!1;var i=c(r);if(s(i,h,v))return!0;for(var o=null,a=v;a<y;++a){var u=function(e,t,n,r,i,o){for(var a=Math.min(e.length,r.length),u=-1,s=0;s<a;++s){var c=t[s];if(c!==r[s])return i(e[s],n[s])<0?e.substr(0,s)+n[s]+n.substr(s+1):i(e[s],r[s])<0?e.substr(0,s)+r[s]+n.substr(s+1):0<=u?e.substr(0,u)+t[u]+n.substr(u+1):null;i(e[s],c)<0&&(u=s)}return a<r.length&&"next"===o?e+n.substr(e.length):a<e.length&&"prev"===o?e.substr(0,n.length):u<0?null:e.substr(0,u)+r[u]+n.substr(u+1)}(r,i,f[a],h[a],l,d);null===u&&null===o?v=a+1:(null===o||0<l(o,u))&&(o=u)}return t(null!==o?function(){e.continue(o+p)}:n),!1}),e}function Tt(e,t,n,r){return{type:2,lower:e,upper:t,lowerOpen:n,upperOpen:r}}function qt(e){return{type:1,lower:e,upper:e}}var Dt=(Object.defineProperty(It.prototype,"Collection",{get:function(){return this._ctx.table.db.Collection},enumerable:!1,configurable:!0}),It.prototype.between=function(e,t,n,r){n=!1!==n,r=!0===r;try{return 0<this._cmp(e,t)||0===this._cmp(e,t)&&(n||r)&&(!n||!r)?At(this):new this.Collection(this,function(){return Tt(e,t,!n,!r)})}catch(e){return jt(this,Je)}},It.prototype.equals=function(e){return null==e?jt(this,Je):new this.Collection(this,function(){return qt(e)})},It.prototype.above=function(e){return null==e?jt(this,Je):new this.Collection(this,function(){return Tt(e,void 0,!0)})},It.prototype.aboveOrEqual=function(e){return null==e?jt(this,Je):new this.Collection(this,function(){return Tt(e,void 0,!1)})},It.prototype.below=function(e){return null==e?jt(this,Je):new this.Collection(this,function(){return Tt(void 0,e,!1,!0)})},It.prototype.belowOrEqual=function(e){return null==e?jt(this,Je):new this.Collection(this,function(){return Tt(void 0,e)})},It.prototype.startsWith=function(e){return"string"!=typeof e?jt(this,Ze):this.between(e,e+He,!0,!0)},It.prototype.startsWithIgnoreCase=function(e){return""===e?this.startsWith(e):Ct(this,function(e,t){return 0===e.indexOf(t[0])},[e],He)},It.prototype.equalsIgnoreCase=function(e){return Ct(this,function(e,t){return e===t[0]},[e],"")},It.prototype.anyOfIgnoreCase=function(){var e=I.apply(D,arguments);return 0===e.length?At(this):Ct(this,function(e,t){return-1!==t.indexOf(e)},e,"")},It.prototype.startsWithAnyOfIgnoreCase=function(){var e=I.apply(D,arguments);return 0===e.length?At(this):Ct(this,function(t,e){return e.some(function(e){return 0===t.indexOf(e)})},e,He)},It.prototype.anyOf=function(){var t=this,i=I.apply(D,arguments),o=this._cmp;try{i.sort(o)}catch(e){return jt(this,Je)}if(0===i.length)return At(this);var e=new this.Collection(this,function(){return Tt(i[0],i[i.length-1])});e._ondirectionchange=function(e){o="next"===e?t._ascending:t._descending,i.sort(o)};var a=0;return e._addAlgorithm(function(e,t,n){for(var r=e.key;0<o(r,i[a]);)if(++a===i.length)return t(n),!1;return 0===o(r,i[a])||(t(function(){e.continue(i[a])}),!1)}),e},It.prototype.notEqual=function(e){return this.inAnyRange([[-1/0,e],[e,this.db._maxKey]],{includeLowers:!1,includeUppers:!1})},It.prototype.noneOf=function(){var e=I.apply(D,arguments);if(0===e.length)return new this.Collection(this);try{e.sort(this._ascending)}catch(e){return jt(this,Je)}var t=e.reduce(function(e,t){return e?e.concat([[e[e.length-1][1],t]]):[[-1/0,t]]},null);return t.push([e[e.length-1],this.db._maxKey]),this.inAnyRange(t,{includeLowers:!1,includeUppers:!1})},It.prototype.inAnyRange=function(e,t){var o=this,a=this._cmp,u=this._ascending,n=this._descending,s=this._min,c=this._max;if(0===e.length)return At(this);if(!e.every(function(e){return void 0!==e[0]&&void 0!==e[1]&&u(e[0],e[1])<=0}))return jt(this,"First argument to inAnyRange() must be an Array of two-value Arrays [lower,upper] where upper must not be lower than lower",Y.InvalidArgument);var r=!t||!1!==t.includeLowers,i=t&&!0===t.includeUppers;var l,f=u;function h(e,t){return f(e[0],t[0])}try{(l=e.reduce(function(e,t){for(var n=0,r=e.length;n<r;++n){var i=e[n];if(a(t[0],i[1])<0&&0<a(t[1],i[0])){i[0]=s(i[0],t[0]),i[1]=c(i[1],t[1]);break}}return n===r&&e.push(t),e},[])).sort(h)}catch(e){return jt(this,Je)}var d=0,p=i?function(e){return 0<u(e,l[d][1])}:function(e){return 0<=u(e,l[d][1])},y=r?function(e){return 0<n(e,l[d][0])}:function(e){return 0<=n(e,l[d][0])};var v=p,e=new this.Collection(this,function(){return Tt(l[0][0],l[l.length-1][1],!r,!i)});return e._ondirectionchange=function(e){f="next"===e?(v=p,u):(v=y,n),l.sort(h)},e._addAlgorithm(function(e,t,n){for(var r,i=e.key;v(i);)if(++d===l.length)return t(n),!1;return!p(r=i)&&!y(r)||(0===o._cmp(i,l[d][1])||0===o._cmp(i,l[d][0])||t(function(){f===u?e.continue(l[d][0]):e.continue(l[d][1])}),!1)}),e},It.prototype.startsWithAnyOf=function(){var e=I.apply(D,arguments);return e.every(function(e){return"string"==typeof e})?0===e.length?At(this):this.inAnyRange(e.map(function(e){return[e,e+He]})):jt(this,"startsWithAnyOf() only works with strings")},It);function It(){}function Bt(t){return qe(function(e){return Rt(e),t(e.target.error),!1})}function Rt(e){e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault()}var Ft="storagemutated",Mt="x-storagemutated-1",Nt=dt(null,Ft),Lt=(Ut.prototype._lock=function(){return y(!me.global),++this._reculock,1!==this._reculock||me.global||(me.lockOwnerFor=this),this},Ut.prototype._unlock=function(){if(y(!me.global),0==--this._reculock)for(me.global||(me.lockOwnerFor=null);0<this._blockedFuncs.length&&!this._locked();){var e=this._blockedFuncs.shift();try{$e(e[1],e[0])}catch(e){}}return this},Ut.prototype._locked=function(){return this._reculock&&me.lockOwnerFor!==this},Ut.prototype.create=function(t){var n=this;if(!this.mode)return this;var e=this.db.idbdb,r=this.db._state.dbOpenError;if(y(!this.idbtrans),!t&&!e)switch(r&&r.name){case"DatabaseClosedError":throw new Y.DatabaseClosed(r);case"MissingAPIError":throw new Y.MissingAPI(r.message,r);default:throw new Y.OpenFailed(r)}if(!this.active)throw new Y.TransactionInactive;return y(null===this._completion._state),(t=this.idbtrans=t||(this.db.core||e).transaction(this.storeNames,this.mode,{durability:this.chromeTransactionDurability})).onerror=qe(function(e){Rt(e),n._reject(t.error)}),t.onabort=qe(function(e){Rt(e),n.active&&n._reject(new Y.Abort(t.error)),n.active=!1,n.on("abort").fire(e)}),t.oncomplete=qe(function(){n.active=!1,n._resolve(),"mutatedParts"in t&&Nt.storagemutated.fire(t.mutatedParts)}),this},Ut.prototype._promise=function(n,r,i){var o=this;if("readwrite"===n&&"readwrite"!==this.mode)return Xe(new Y.ReadOnly("Transaction is readonly"));if(!this.active)return Xe(new Y.TransactionInactive);if(this._locked())return new _e(function(e,t){o._blockedFuncs.push([function(){o._promise(n,r,i).then(e,t)},me])});if(i)return Ne(function(){var e=new _e(function(e,t){o._lock();var n=r(e,t,o);n&&n.then&&n.then(e,t)});return e.finally(function(){return o._unlock()}),e._lib=!0,e});var e=new _e(function(e,t){var n=r(e,t,o);n&&n.then&&n.then(e,t)});return e._lib=!0,e},Ut.prototype._root=function(){return this.parent?this.parent._root():this},Ut.prototype.waitFor=function(e){var t,r=this._root(),i=_e.resolve(e);r._waitingFor?r._waitingFor=r._waitingFor.then(function(){return i}):(r._waitingFor=i,r._waitingQueue=[],t=r.idbtrans.objectStore(r.storeNames[0]),function e(){for(++r._spinCount;r._waitingQueue.length;)r._waitingQueue.shift()();r._waitingFor&&(t.get(-1/0).onsuccess=e)}());var o=r._waitingFor;return new _e(function(t,n){i.then(function(e){return r._waitingQueue.push(qe(t.bind(null,e)))},function(e){return r._waitingQueue.push(qe(n.bind(null,e)))}).finally(function(){r._waitingFor===o&&(r._waitingFor=null)})})},Ut.prototype.abort=function(){this.active&&(this.active=!1,this.idbtrans&&this.idbtrans.abort(),this._reject(new Y.Abort))},Ut.prototype.table=function(e){var t=this._memoizedTables||(this._memoizedTables={});if(m(t,e))return t[e];var n=this.schema[e];if(!n)throw new Y.NotFound("Table "+e+" not part of transaction");n=new this.db.Table(e,n,this);return n.core=this.db.core.table(e),t[e]=n},Ut);function Ut(){}function Vt(e,t,n,r,i,o,a){return{name:e,keyPath:t,unique:n,multi:r,auto:i,compound:o,src:(n&&!a?"&":"")+(r?"*":"")+(i?"++":"")+zt(t)}}function zt(e){return"string"==typeof e?e:e?"["+[].join.call(e,"+")+"]":""}function Wt(e,t,n){return{name:e,primKey:t,indexes:n,mappedClass:null,idxByName:(r=function(e){return[e.name,e]},n.reduce(function(e,t,n){n=r(t,n);return n&&(e[n[0]]=n[1]),e},{}))};var r}var Yt=function(e){try{return e.only([[]]),Yt=function(){return[[]]},[[]]}catch(e){return Yt=function(){return He},He}};function $t(t){return null==t?function(){}:"string"==typeof t?1===(n=t).split(".").length?function(e){return e[n]}:function(e){return O(e,n)}:function(e){return O(e,t)};var n}function Qt(e){return[].slice.call(e)}var Gt=0;function Xt(e){return null==e?":id":"string"==typeof e?e:"[".concat(e.join("+"),"]")}function Ht(e,i,t){function _(e){if(3===e.type)return null;if(4===e.type)throw new Error("Cannot convert never type to IDBKeyRange");var t=e.lower,n=e.upper,r=e.lowerOpen,e=e.upperOpen;return void 0===t?void 0===n?null:i.upperBound(n,!!e):void 0===n?i.lowerBound(t,!!r):i.bound(t,n,!!r,!!e)}function n(e){var h,w=e.name;return{name:w,schema:e,mutate:function(e){var y=e.trans,v=e.type,m=e.keys,b=e.values,g=e.range;return new Promise(function(t,e){t=qe(t);var n=y.objectStore(w),r=null==n.keyPath,i="put"===v||"add"===v;if(!i&&"delete"!==v&&"deleteRange"!==v)throw new Error("Invalid operation type: "+v);var o,a=(m||b||{length:1}).length;if(m&&b&&m.length!==b.length)throw new Error("Given keys array must have same length as given values array.");if(0===a)return t({numFailures:0,failures:{},results:[],lastResult:void 0});function u(e){++l,Rt(e)}var s=[],c=[],l=0;if("deleteRange"===v){if(4===g.type)return t({numFailures:l,failures:c,results:[],lastResult:void 0});3===g.type?s.push(o=n.clear()):s.push(o=n.delete(_(g)))}else{var r=i?r?[b,m]:[b,null]:[m,null],f=r[0],h=r[1];if(i)for(var d=0;d<a;++d)s.push(o=h&&void 0!==h[d]?n[v](f[d],h[d]):n[v](f[d])),o.onerror=u;else for(d=0;d<a;++d)s.push(o=n[v](f[d])),o.onerror=u}function p(e){e=e.target.result,s.forEach(function(e,t){return null!=e.error&&(c[t]=e.error)}),t({numFailures:l,failures:c,results:"delete"===v?m:s.map(function(e){return e.result}),lastResult:e})}o.onerror=function(e){u(e),p(e)},o.onsuccess=p})},getMany:function(e){var f=e.trans,h=e.keys;return new Promise(function(t,e){t=qe(t);for(var n,r=f.objectStore(w),i=h.length,o=new Array(i),a=0,u=0,s=function(e){e=e.target;o[e._pos]=e.result,++u===a&&t(o)},c=Bt(e),l=0;l<i;++l)null!=h[l]&&((n=r.get(h[l]))._pos=l,n.onsuccess=s,n.onerror=c,++a);0===a&&t(o)})},get:function(e){var r=e.trans,i=e.key;return new Promise(function(t,e){t=qe(t);var n=r.objectStore(w).get(i);n.onsuccess=function(e){return t(e.target.result)},n.onerror=Bt(e)})},query:(h=s,function(f){return new Promise(function(n,e){n=qe(n);var r,i,o,t=f.trans,a=f.values,u=f.limit,s=f.query,c=u===1/0?void 0:u,l=s.index,s=s.range,t=t.objectStore(w),l=l.isPrimaryKey?t:t.index(l.name),s=_(s);if(0===u)return n({result:[]});h?((c=a?l.getAll(s,c):l.getAllKeys(s,c)).onsuccess=function(e){return n({result:e.target.result})},c.onerror=Bt(e)):(r=0,i=!a&&"openKeyCursor"in l?l.openKeyCursor(s):l.openCursor(s),o=[],i.onsuccess=function(e){var t=i.result;return t?(o.push(a?t.value:t.primaryKey),++r===u?n({result:o}):void t.continue()):n({result:o})},i.onerror=Bt(e))})}),openCursor:function(e){var c=e.trans,o=e.values,a=e.query,u=e.reverse,l=e.unique;return new Promise(function(t,n){t=qe(t);var e=a.index,r=a.range,i=c.objectStore(w),i=e.isPrimaryKey?i:i.index(e.name),e=u?l?"prevunique":"prev":l?"nextunique":"next",s=!o&&"openKeyCursor"in i?i.openKeyCursor(_(r),e):i.openCursor(_(r),e);s.onerror=Bt(n),s.onsuccess=qe(function(e){var r,i,o,a,u=s.result;u?(u.___id=++Gt,u.done=!1,r=u.continue.bind(u),i=(i=u.continuePrimaryKey)&&i.bind(u),o=u.advance.bind(u),a=function(){throw new Error("Cursor not stopped")},u.trans=c,u.stop=u.continue=u.continuePrimaryKey=u.advance=function(){throw new Error("Cursor not started")},u.fail=qe(n),u.next=function(){var e=this,t=1;return this.start(function(){return t--?e.continue():e.stop()}).then(function(){return e})},u.start=function(e){function t(){if(s.result)try{e()}catch(e){u.fail(e)}else u.done=!0,u.start=function(){throw new Error("Cursor behind last entry")},u.stop()}var n=new Promise(function(t,e){t=qe(t),s.onerror=Bt(e),u.fail=e,u.stop=function(e){u.stop=u.continue=u.continuePrimaryKey=u.advance=a,t(e)}});return s.onsuccess=qe(function(e){s.onsuccess=t,t()}),u.continue=r,u.continuePrimaryKey=i,u.advance=o,t(),n},t(u)):t(null)},n)})},count:function(e){var t=e.query,i=e.trans,o=t.index,a=t.range;return new Promise(function(t,e){var n=i.objectStore(w),r=o.isPrimaryKey?n:n.index(o.name),n=_(a),r=n?r.count(n):r.count();r.onsuccess=qe(function(e){return t(e.target.result)}),r.onerror=Bt(e)})}}}var r,o,a,u=(o=t,a=Qt((r=e).objectStoreNames),{schema:{name:r.name,tables:a.map(function(e){return o.objectStore(e)}).map(function(t){var e=t.keyPath,n=t.autoIncrement,r=k(e),i={},n={name:t.name,primaryKey:{name:null,isPrimaryKey:!0,outbound:null==e,compound:r,keyPath:e,autoIncrement:n,unique:!0,extractKey:$t(e)},indexes:Qt(t.indexNames).map(function(e){return t.index(e)}).map(function(e){var t=e.name,n=e.unique,r=e.multiEntry,e=e.keyPath,r={name:t,compound:k(e),keyPath:e,unique:n,multiEntry:r,extractKey:$t(e)};return i[Xt(e)]=r}),getIndexByKeyPath:function(e){return i[Xt(e)]}};return i[":id"]=n.primaryKey,null!=e&&(i[Xt(e)]=n.primaryKey),n})},hasGetAll:0<a.length&&"getAll"in o.objectStore(a[0])&&!("undefined"!=typeof navigator&&/Safari/.test(navigator.userAgent)&&!/(Chrome\/|Edge\/)/.test(navigator.userAgent)&&[].concat(navigator.userAgent.match(/Safari\/(\d*)/))[1]<604)}),t=u.schema,s=u.hasGetAll,u=t.tables.map(n),c={};return u.forEach(function(e){return c[e.name]=e}),{stack:"dbcore",transaction:e.transaction.bind(e),table:function(e){if(!c[e])throw new Error("Table '".concat(e,"' not found"));return c[e]},MIN_KEY:-1/0,MAX_KEY:Yt(i),schema:t}}function Jt(e,t,n,r){var i=n.IDBKeyRange;return n.indexedDB,{dbcore:(r=Ht(t,i,r),e.dbcore.reduce(function(e,t){t=t.create;return _(_({},e),t(e))},r))}}function Zt(n,e){var t=e.db,e=Jt(n._middlewares,t,n._deps,e);n.core=e.dbcore,n.tables.forEach(function(e){var t=e.name;n.core.schema.tables.some(function(e){return e.name===t})&&(e.core=n.core.table(t),n[t]instanceof n.Table&&(n[t].core=e.core))})}function en(i,e,t,o){t.forEach(function(n){var r=o[n];e.forEach(function(e){var t=function e(t,n){return h(t,n)||(t=c(t))&&e(t,n)}(e,n);(!t||"value"in t&&void 0===t.value)&&(e===i.Transaction.prototype||e instanceof i.Transaction?l(e,n,{get:function(){return this.table(n)},set:function(e){u(this,n,{value:e,writable:!0,configurable:!0,enumerable:!0})}}):e[n]=new i.Table(n,r))})})}function tn(n,e){e.forEach(function(e){for(var t in e)e[t]instanceof n.Table&&delete e[t]})}function nn(e,t){return e._cfg.version-t._cfg.version}function rn(n,r,i,e){var o=n._dbSchema;i.objectStoreNames.contains("$meta")&&!o.$meta&&(o.$meta=Wt("$meta",hn("")[0],[]),n._storeNames.push("$meta"));var a=n._createTransaction("readwrite",n._storeNames,o);a.create(i),a._completion.catch(e);var u=a._reject.bind(a),s=me.transless||me;Ne(function(){return me.trans=a,me.transless=s,0!==r?(Zt(n,i),t=r,((e=a).storeNames.includes("$meta")?e.table("$meta").get("version").then(function(e){return null!=e?e:t}):_e.resolve(t)).then(function(e){return c=e,l=a,f=i,t=[],e=(s=n)._versions,h=s._dbSchema=ln(0,s.idbdb,f),0!==(e=e.filter(function(e){return e._cfg.version>=c})).length?(e.forEach(function(u){t.push(function(){var t=h,e=u._cfg.dbschema;fn(s,t,f),fn(s,e,f),h=s._dbSchema=e;var n=an(t,e);n.add.forEach(function(e){un(f,e[0],e[1].primKey,e[1].indexes)}),n.change.forEach(function(e){if(e.recreate)throw new Y.Upgrade("Not yet support for changing primary key");var t=f.objectStore(e.name);e.add.forEach(function(e){return cn(t,e)}),e.change.forEach(function(e){t.deleteIndex(e.name),cn(t,e)}),e.del.forEach(function(e){return t.deleteIndex(e)})});var r=u._cfg.contentUpgrade;if(r&&u._cfg.version>c){Zt(s,f),l._memoizedTables={};var i=g(e);n.del.forEach(function(e){i[e]=t[e]}),tn(s,[s.Transaction.prototype]),en(s,[s.Transaction.prototype],x(i),i),l.schema=i;var o,a=B(r);a&&Le();n=_e.follow(function(){var e;(o=r(l))&&a&&(e=Ue.bind(null,null),o.then(e,e))});return o&&"function"==typeof o.then?_e.resolve(o):n.then(function(){return o})}}),t.push(function(e){var t,n,r=u._cfg.dbschema;t=r,n=e,[].slice.call(n.db.objectStoreNames).forEach(function(e){return null==t[e]&&n.db.deleteObjectStore(e)}),tn(s,[s.Transaction.prototype]),en(s,[s.Transaction.prototype],s._storeNames,s._dbSchema),l.schema=s._dbSchema}),t.push(function(e){s.idbdb.objectStoreNames.contains("$meta")&&(Math.ceil(s.idbdb.version/10)===u._cfg.version?(s.idbdb.deleteObjectStore("$meta"),delete s._dbSchema.$meta,s._storeNames=s._storeNames.filter(function(e){return"$meta"!==e})):e.objectStore("$meta").put(u._cfg.version,"version"))})}),function e(){return t.length?_e.resolve(t.shift()(l.idbtrans)).then(e):_e.resolve()}().then(function(){sn(h,f)})):_e.resolve();var s,c,l,f,t,h}).catch(u)):(x(o).forEach(function(e){un(i,e,o[e].primKey,o[e].indexes)}),Zt(n,i),void _e.follow(function(){return n.on.populate.fire(a)}).catch(u));var e,t})}function on(e,r){sn(e._dbSchema,r),r.db.version%10!=0||r.objectStoreNames.contains("$meta")||r.db.createObjectStore("$meta").add(Math.ceil(r.db.version/10-1),"version");var t=ln(0,e.idbdb,r);fn(e,e._dbSchema,r);for(var n=0,i=an(t,e._dbSchema).change;n<i.length;n++){var o=function(t){if(t.change.length||t.recreate)return console.warn("Unable to patch indexes of table ".concat(t.name," because it has changes on the type of index or primary key.")),{value:void 0};var n=r.objectStore(t.name);t.add.forEach(function(e){ie&&console.debug("Dexie upgrade patch: Creating missing index ".concat(t.name,".").concat(e.src)),cn(n,e)})}(i[n]);if("object"==typeof o)return o.value}}function an(e,t){var n,r={del:[],add:[],change:[]};for(n in e)t[n]||r.del.push(n);for(n in t){var i=e[n],o=t[n];if(i){var a={name:n,def:o,recreate:!1,del:[],add:[],change:[]};if(""+(i.primKey.keyPath||"")!=""+(o.primKey.keyPath||"")||i.primKey.auto!==o.primKey.auto)a.recreate=!0,r.change.push(a);else{var u=i.idxByName,s=o.idxByName,c=void 0;for(c in u)s[c]||a.del.push(c);for(c in s){var l=u[c],f=s[c];l?l.src!==f.src&&a.change.push(f):a.add.push(f)}(0<a.del.length||0<a.add.length||0<a.change.length)&&r.change.push(a)}}else r.add.push([n,o])}return r}function un(e,t,n,r){var i=e.db.createObjectStore(t,n.keyPath?{keyPath:n.keyPath,autoIncrement:n.auto}:{autoIncrement:n.auto});return r.forEach(function(e){return cn(i,e)}),i}function sn(t,n){x(t).forEach(function(e){n.db.objectStoreNames.contains(e)||(ie&&console.debug("Dexie: Creating missing table",e),un(n,e,t[e].primKey,t[e].indexes))})}function cn(e,t){e.createIndex(t.name,t.keyPath,{unique:t.unique,multiEntry:t.multi})}function ln(e,t,u){var s={};return b(t.objectStoreNames,0).forEach(function(e){for(var t=u.objectStore(e),n=Vt(zt(a=t.keyPath),a||"",!0,!1,!!t.autoIncrement,a&&"string"!=typeof a,!0),r=[],i=0;i<t.indexNames.length;++i){var o=t.index(t.indexNames[i]),a=o.keyPath,o=Vt(o.name,a,!!o.unique,!!o.multiEntry,!1,a&&"string"!=typeof a,!1);r.push(o)}s[e]=Wt(e,n,r)}),s}function fn(e,t,n){for(var r=n.db.objectStoreNames,i=0;i<r.length;++i){var o=r[i],a=n.objectStore(o);e._hasGetAll="getAll"in a;for(var u=0;u<a.indexNames.length;++u){var s=a.indexNames[u],c=a.index(s).keyPath,l="string"==typeof c?c:"["+b(c).join("+")+"]";!t[o]||(c=t[o].idxByName[l])&&(c.name=s,delete t[o].idxByName[l],t[o].idxByName[s]=c)}}"undefined"!=typeof navigator&&/Safari/.test(navigator.userAgent)&&!/(Chrome\/|Edge\/)/.test(navigator.userAgent)&&f.WorkerGlobalScope&&f instanceof f.WorkerGlobalScope&&[].concat(navigator.userAgent.match(/Safari\/(\d*)/))[1]<604&&(e._hasGetAll=!1)}function hn(e){return e.split(",").map(function(e,t){var n=(e=e.trim()).replace(/([&*]|\+\+)/g,""),r=/^\[/.test(n)?n.match(/^\[(.*)\]$/)[1].split("+"):n;return Vt(n,r||null,/\&/.test(e),/\*/.test(e),/\+\+/.test(e),k(r),0===t)})}var dn=(pn.prototype._parseStoresSpec=function(r,i){x(r).forEach(function(e){if(null!==r[e]){var t=hn(r[e]),n=t.shift();if(n.unique=!0,n.multi)throw new Y.Schema("Primary key cannot be multi-valued");t.forEach(function(e){if(e.auto)throw new Y.Schema("Only primary key can be marked as autoIncrement (++)");if(!e.keyPath)throw new Y.Schema("Index must have a name and cannot be an empty string")}),i[e]=Wt(e,n,t)}})},pn.prototype.stores=function(e){var t=this.db;this._cfg.storesSource=this._cfg.storesSource?a(this._cfg.storesSource,e):e;var e=t._versions,n={},r={};return e.forEach(function(e){a(n,e._cfg.storesSource),r=e._cfg.dbschema={},e._parseStoresSpec(n,r)}),t._dbSchema=r,tn(t,[t._allTables,t,t.Transaction.prototype]),en(t,[t._allTables,t,t.Transaction.prototype,this._cfg.tables],x(r),r),t._storeNames=x(r),this},pn.prototype.upgrade=function(e){return this._cfg.contentUpgrade=re(this._cfg.contentUpgrade||G,e),this},pn);function pn(){}function yn(e,t){var n=e._dbNamesDB;return n||(n=e._dbNamesDB=new er(tt,{addons:[],indexedDB:e,IDBKeyRange:t})).version(1).stores({dbnames:"name"}),n.table("dbnames")}function vn(e){return e&&"function"==typeof e.databases}function mn(e){return Ne(function(){return me.letThrough=!0,e()})}function bn(e){return!("from"in e)}var gn=function(e,t){if(!this){var n=new gn;return e&&"d"in e&&a(n,e),n}a(this,arguments.length?{d:1,from:e,to:1<arguments.length?t:e}:{d:0})};function wn(e,t,n){var r=st(t,n);if(!isNaN(r)){if(0<r)throw RangeError();if(bn(e))return a(e,{from:t,to:n,d:1});var i=e.l,r=e.r;if(st(n,e.from)<0)return i?wn(i,t,n):e.l={from:t,to:n,d:1,l:null,r:null},On(e);if(0<st(t,e.to))return r?wn(r,t,n):e.r={from:t,to:n,d:1,l:null,r:null},On(e);st(t,e.from)<0&&(e.from=t,e.l=null,e.d=r?r.d+1:1),0<st(n,e.to)&&(e.to=n,e.r=null,e.d=e.l?e.l.d+1:1);n=!e.r;i&&!e.l&&_n(e,i),r&&n&&_n(e,r)}}function _n(e,t){bn(t)||function e(t,n){var r=n.from,i=n.to,o=n.l,n=n.r;wn(t,r,i),o&&e(t,o),n&&e(t,n)}(e,t)}function xn(e,t){var n=kn(t),r=n.next();if(r.done)return!1;for(var i=r.value,o=kn(e),a=o.next(i.from),u=a.value;!r.done&&!a.done;){if(st(u.from,i.to)<=0&&0<=st(u.to,i.from))return!0;st(i.from,u.from)<0?i=(r=n.next(u.from)).value:u=(a=o.next(i.from)).value}return!1}function kn(e){var n=bn(e)?null:{s:0,n:e};return{next:function(e){for(var t=0<arguments.length;n;)switch(n.s){case 0:if(n.s=1,t)for(;n.n.l&&st(e,n.n.from)<0;)n={up:n,n:n.n.l,s:1};else for(;n.n.l;)n={up:n,n:n.n.l,s:1};case 1:if(n.s=2,!t||st(e,n.n.to)<=0)return{value:n.n,done:!1};case 2:if(n.n.r){n.s=3,n={up:n,n:n.n.r,s:0};continue}case 3:n=n.up}return{done:!0}}}}function On(e){var t,n,r=((null===(t=e.r)||void 0===t?void 0:t.d)||0)-((null===(n=e.l)||void 0===n?void 0:n.d)||0),i=1<r?"r":r<-1?"l":"";i&&(t="r"==i?"l":"r",n=_({},e),r=e[i],e.from=r.from,e.to=r.to,e[i]=r[i],n[i]=r[t],(e[t]=n).d=Pn(n)),e.d=Pn(e)}function Pn(e){var t=e.r,e=e.l;return(t?e?Math.max(t.d,e.d):t.d:e?e.d:0)+1}function Kn(t,n){return x(n).forEach(function(e){t[e]?_n(t[e],n[e]):t[e]=function e(t){var n,r,i={};for(n in t)m(t,n)&&(r=t[n],i[n]=!r||"object"!=typeof r||K.has(r.constructor)?r:e(r));return i}(n[e])}),t}function En(t,n){return t.all||n.all||Object.keys(t).some(function(e){return n[e]&&xn(n[e],t[e])})}r(gn.prototype,((F={add:function(e){return _n(this,e),this},addKey:function(e){return wn(this,e,e),this},addKeys:function(e){var t=this;return e.forEach(function(e){return wn(t,e,e)}),this},hasKey:function(e){var t=kn(this).next(e).value;return t&&st(t.from,e)<=0&&0<=st(t.to,e)}})[C]=function(){return kn(this)},F));var Sn={},jn={},An=!1;function Cn(e){Kn(jn,e),An||(An=!0,setTimeout(function(){An=!1,Tn(jn,!(jn={}))},0))}function Tn(e,t){void 0===t&&(t=!1);var n=new Set;if(e.all)for(var r=0,i=Object.values(Sn);r<i.length;r++)qn(a=i[r],e,n,t);else for(var o in e){var a,u=/^idb\:\/\/(.*)\/(.*)\//.exec(o);u&&(o=u[1],u=u[2],(a=Sn["idb://".concat(o,"/").concat(u)])&&qn(a,e,n,t))}n.forEach(function(e){return e()})}function qn(e,t,n,r){for(var i=[],o=0,a=Object.entries(e.queries.query);o<a.length;o++){for(var u=a[o],s=u[0],c=[],l=0,f=u[1];l<f.length;l++){var h=f[l];En(t,h.obsSet)?h.subscribers.forEach(function(e){return n.add(e)}):r&&c.push(h)}r&&i.push([s,c])}if(r)for(var d=0,p=i;d<p.length;d++){var y=p[d],s=y[0],c=y[1];e.queries.query[s]=c}}function Dn(f){var h=f._state,r=f._deps.indexedDB;if(h.isBeingOpened||f.idbdb)return h.dbReadyPromise.then(function(){return h.dbOpenError?Xe(h.dbOpenError):f});h.isBeingOpened=!0,h.dbOpenError=null,h.openComplete=!1;var t=h.openCanceller,d=Math.round(10*f.verno),p=!1;function e(){if(h.openCanceller!==t)throw new Y.DatabaseClosed("db.open() was cancelled")}function y(){return new _e(function(s,n){if(e(),!r)throw new Y.MissingAPI;var c=f.name,l=h.autoSchema||!d?r.open(c):r.open(c,d);if(!l)throw new Y.MissingAPI;l.onerror=Bt(n),l.onblocked=qe(f._fireOnBlocked),l.onupgradeneeded=qe(function(e){var t;v=l.transaction,h.autoSchema&&!f._options.allowEmptyDB?(l.onerror=Rt,v.abort(),l.result.close(),(t=r.deleteDatabase(c)).onsuccess=t.onerror=qe(function(){n(new Y.NoSuchDatabase("Database ".concat(c," doesnt exist")))})):(v.onerror=Bt(n),e=e.oldVersion>Math.pow(2,62)?0:e.oldVersion,m=e<1,f.idbdb=l.result,p&&on(f,v),rn(f,e/10,v,n))},n),l.onsuccess=qe(function(){v=null;var e,t,n,r,i,o=f.idbdb=l.result,a=b(o.objectStoreNames);if(0<a.length)try{var u=o.transaction(1===(r=a).length?r[0]:r,"readonly");if(h.autoSchema)t=o,n=u,(e=f).verno=t.version/10,n=e._dbSchema=ln(0,t,n),e._storeNames=b(t.objectStoreNames,0),en(e,[e._allTables],x(n),n);else if(fn(f,f._dbSchema,u),((i=an(ln(0,(i=f).idbdb,u),i._dbSchema)).add.length||i.change.some(function(e){return e.add.length||e.change.length}))&&!p)return console.warn("Dexie SchemaDiff: Schema was extended without increasing the number passed to db.version(). Dexie will add missing parts and increment native version number to workaround this."),o.close(),d=o.version+1,p=!0,s(y());Zt(f,u)}catch(e){}et.push(f),o.onversionchange=qe(function(e){h.vcFired=!0,f.on("versionchange").fire(e)}),o.onclose=qe(function(e){f.on("close").fire(e)}),m&&(i=f._deps,u=c,o=i.indexedDB,i=i.IDBKeyRange,vn(o)||u===tt||yn(o,i).put({name:u}).catch(G)),s()},n)}).catch(function(e){switch(null==e?void 0:e.name){case"UnknownError":if(0<h.PR1398_maxLoop)return h.PR1398_maxLoop--,console.warn("Dexie: Workaround for Chrome UnknownError on open()"),y();break;case"VersionError":if(0<d)return d=0,y()}return _e.reject(e)})}var n,i=h.dbReadyResolve,v=null,m=!1;return _e.race([t,("undefined"==typeof navigator?_e.resolve():!navigator.userAgentData&&/Safari\//.test(navigator.userAgent)&&!/Chrom(e|ium)\//.test(navigator.userAgent)&&indexedDB.databases?new Promise(function(e){function t(){return indexedDB.databases().finally(e)}n=setInterval(t,100),t()}).finally(function(){return clearInterval(n)}):Promise.resolve()).then(y)]).then(function(){return e(),h.onReadyBeingFired=[],_e.resolve(mn(function(){return f.on.ready.fire(f.vip)})).then(function e(){if(0<h.onReadyBeingFired.length){var t=h.onReadyBeingFired.reduce(re,G);return h.onReadyBeingFired=[],_e.resolve(mn(function(){return t(f.vip)})).then(e)}})}).finally(function(){h.openCanceller===t&&(h.onReadyBeingFired=null,h.isBeingOpened=!1)}).catch(function(e){h.dbOpenError=e;try{v&&v.abort()}catch(e){}return t===h.openCanceller&&f._close(),Xe(e)}).finally(function(){h.openComplete=!0,i()}).then(function(){var n;return m&&(n={},f.tables.forEach(function(t){t.schema.indexes.forEach(function(e){e.name&&(n["idb://".concat(f.name,"/").concat(t.name,"/").concat(e.name)]=new gn(-1/0,[[[]]]))}),n["idb://".concat(f.name,"/").concat(t.name,"/")]=n["idb://".concat(f.name,"/").concat(t.name,"/:dels")]=new gn(-1/0,[[[]]])}),Nt(Ft).fire(n),Tn(n,!0)),f})}function In(t){function e(e){return t.next(e)}var r=n(e),i=n(function(e){return t.throw(e)});function n(n){return function(e){var t=n(e),e=t.value;return t.done?e:e&&"function"==typeof e.then?e.then(r,i):k(e)?Promise.all(e).then(r,i):r(e)}}return n(e)()}function Bn(e,t,n){for(var r=k(e)?e.slice():[e],i=0;i<n;++i)r.push(t);return r}var Rn={stack:"dbcore",name:"VirtualIndexMiddleware",level:1,create:function(f){return _(_({},f),{table:function(e){var a=f.table(e),t=a.schema,u={},s=[];function c(e,t,n){var r=Xt(e),i=u[r]=u[r]||[],o=null==e?0:"string"==typeof e?1:e.length,a=0<t,a=_(_({},n),{name:a?"".concat(r,"(virtual-from:").concat(n.name,")"):n.name,lowLevelIndex:n,isVirtual:a,keyTail:t,keyLength:o,extractKey:$t(e),unique:!a&&n.unique});return i.push(a),a.isPrimaryKey||s.push(a),1<o&&c(2===o?e[0]:e.slice(0,o-1),t+1,n),i.sort(function(e,t){return e.keyTail-t.keyTail}),a}e=c(t.primaryKey.keyPath,0,t.primaryKey);u[":id"]=[e];for(var n=0,r=t.indexes;n<r.length;n++){var i=r[n];c(i.keyPath,0,i)}function l(e){var t,n=e.query.index;return n.isVirtual?_(_({},e),{query:{index:n.lowLevelIndex,range:(t=e.query.range,n=n.keyTail,{type:1===t.type?2:t.type,lower:Bn(t.lower,t.lowerOpen?f.MAX_KEY:f.MIN_KEY,n),lowerOpen:!0,upper:Bn(t.upper,t.upperOpen?f.MIN_KEY:f.MAX_KEY,n),upperOpen:!0})}}):e}return _(_({},a),{schema:_(_({},t),{primaryKey:e,indexes:s,getIndexByKeyPath:function(e){return(e=u[Xt(e)])&&e[0]}}),count:function(e){return a.count(l(e))},query:function(e){return a.query(l(e))},openCursor:function(t){var e=t.query.index,r=e.keyTail,n=e.isVirtual,i=e.keyLength;return n?a.openCursor(l(t)).then(function(e){return e&&o(e)}):a.openCursor(t);function o(n){return Object.create(n,{continue:{value:function(e){null!=e?n.continue(Bn(e,t.reverse?f.MAX_KEY:f.MIN_KEY,r)):t.unique?n.continue(n.key.slice(0,i).concat(t.reverse?f.MIN_KEY:f.MAX_KEY,r)):n.continue()}},continuePrimaryKey:{value:function(e,t){n.continuePrimaryKey(Bn(e,f.MAX_KEY,r),t)}},primaryKey:{get:function(){return n.primaryKey}},key:{get:function(){var e=n.key;return 1===i?e[0]:e.slice(0,i)}},value:{get:function(){return n.value}}})}}})}})}};function Fn(i,o,a,u){return a=a||{},u=u||"",x(i).forEach(function(e){var t,n,r;m(o,e)?(t=i[e],n=o[e],"object"==typeof t&&"object"==typeof n&&t&&n?(r=A(t))!==A(n)?a[u+e]=o[e]:"Object"===r?Fn(t,n,a,u+e+"."):t!==n&&(a[u+e]=o[e]):t!==n&&(a[u+e]=o[e])):a[u+e]=void 0}),x(o).forEach(function(e){m(i,e)||(a[u+e]=o[e])}),a}function Mn(e,t){return"delete"===t.type?t.keys:t.keys||t.values.map(e.extractKey)}var Nn={stack:"dbcore",name:"HooksMiddleware",level:2,create:function(e){return _(_({},e),{table:function(r){var y=e.table(r),v=y.schema.primaryKey;return _(_({},y),{mutate:function(e){var t=me.trans,n=t.table(r).hook,h=n.deleting,d=n.creating,p=n.updating;switch(e.type){case"add":if(d.fire===G)break;return t._promise("readwrite",function(){return a(e)},!0);case"put":if(d.fire===G&&p.fire===G)break;return t._promise("readwrite",function(){return a(e)},!0);case"delete":if(h.fire===G)break;return t._promise("readwrite",function(){return a(e)},!0);case"deleteRange":if(h.fire===G)break;return t._promise("readwrite",function(){return function n(r,i,o){return y.query({trans:r,values:!1,query:{index:v,range:i},limit:o}).then(function(e){var t=e.result;return a({type:"delete",keys:t,trans:r}).then(function(e){return 0<e.numFailures?Promise.reject(e.failures[0]):t.length<o?{failures:[],numFailures:0,lastResult:void 0}:n(r,_(_({},i),{lower:t[t.length-1],lowerOpen:!0}),o)})})}(e.trans,e.range,1e4)},!0)}return y.mutate(e);function a(c){var e,t,n,l=me.trans,f=c.keys||Mn(v,c);if(!f)throw new Error("Keys missing");return"delete"!==(c="add"===c.type||"put"===c.type?_(_({},c),{keys:f}):_({},c)).type&&(c.values=i([],c.values,!0)),c.keys&&(c.keys=i([],c.keys,!0)),e=y,n=f,("add"===(t=c).type?Promise.resolve([]):e.getMany({trans:t.trans,keys:n,cache:"immutable"})).then(function(u){var s=f.map(function(e,t){var n,r,i,o=u[t],a={onerror:null,onsuccess:null};return"delete"===c.type?h.fire.call(a,e,o,l):"add"===c.type||void 0===o?(n=d.fire.call(a,e,c.values[t],l),null==e&&null!=n&&(c.keys[t]=e=n,v.outbound||P(c.values[t],v.keyPath,e))):(n=Fn(o,c.values[t]),(r=p.fire.call(a,n,e,o,l))&&(i=c.values[t],Object.keys(r).forEach(function(e){m(i,e)?i[e]=r[e]:P(i,e,r[e])}))),a});return y.mutate(c).then(function(e){for(var t=e.failures,n=e.results,r=e.numFailures,e=e.lastResult,i=0;i<f.length;++i){var o=(n||f)[i],a=s[i];null==o?a.onerror&&a.onerror(t[i]):a.onsuccess&&a.onsuccess("put"===c.type&&u[i]?c.values[i]:o)}return{failures:t,results:n,numFailures:r,lastResult:e}}).catch(function(t){return s.forEach(function(e){return e.onerror&&e.onerror(t)}),Promise.reject(t)})})}}})}})}};function Ln(e,t,n){try{if(!t)return null;if(t.keys.length<e.length)return null;for(var r=[],i=0,o=0;i<t.keys.length&&o<e.length;++i)0===st(t.keys[i],e[o])&&(r.push(n?S(t.values[i]):t.values[i]),++o);return r.length===e.length?r:null}catch(e){return null}}var Un={stack:"dbcore",level:-1,create:function(t){return{table:function(e){var n=t.table(e);return _(_({},n),{getMany:function(t){if(!t.cache)return n.getMany(t);var e=Ln(t.keys,t.trans._cache,"clone"===t.cache);return e?_e.resolve(e):n.getMany(t).then(function(e){return t.trans._cache={keys:t.keys,values:"clone"===t.cache?S(e):e},e})},mutate:function(e){return"add"!==e.type&&(e.trans._cache=null),n.mutate(e)}})}}}};function Vn(e,t){return"readonly"===e.trans.mode&&!!e.subscr&&!e.trans.explicit&&"disabled"!==e.trans.db._options.cache&&!t.schema.primaryKey.outbound}function zn(e,t){switch(e){case"query":return t.values&&!t.unique;case"get":case"getMany":case"count":case"openCursor":return!1}}var Wn={stack:"dbcore",level:0,name:"Observability",create:function(b){var g=b.schema.name,w=new gn(b.MIN_KEY,b.MAX_KEY);return _(_({},b),{transaction:function(e,t,n){if(me.subscr&&"readonly"!==t)throw new Y.ReadOnly("Readwrite transaction in liveQuery context. Querier source: ".concat(me.querier));return b.transaction(e,t,n)},table:function(d){var p=b.table(d),y=p.schema,v=y.primaryKey,e=y.indexes,c=v.extractKey,l=v.outbound,m=v.autoIncrement&&e.filter(function(e){return e.compound&&e.keyPath.includes(v.keyPath)}),t=_(_({},p),{mutate:function(a){function u(e){return e="idb://".concat(g,"/").concat(d,"/").concat(e),n[e]||(n[e]=new gn)}var e,o,s,t=a.trans,n=a.mutatedParts||(a.mutatedParts={}),r=u(""),i=u(":dels"),c=a.type,l="deleteRange"===a.type?[a.range]:"delete"===a.type?[a.keys]:a.values.length<50?[Mn(v,a).filter(function(e){return e}),a.values]:[],f=l[0],h=l[1],l=a.trans._cache;return k(f)?(r.addKeys(f),(l="delete"===c||f.length===h.length?Ln(f,l):null)||i.addKeys(f),(l||h)&&(e=u,o=l,s=h,y.indexes.forEach(function(t){var n=e(t.name||"");function r(e){return null!=e?t.extractKey(e):null}function i(e){return t.multiEntry&&k(e)?e.forEach(function(e){return n.addKey(e)}):n.addKey(e)}(o||s).forEach(function(e,t){var n=o&&r(o[t]),t=s&&r(s[t]);0!==st(n,t)&&(null!=n&&i(n),null!=t&&i(t))})}))):f?(h={from:null!==(h=f.lower)&&void 0!==h?h:b.MIN_KEY,to:null!==(h=f.upper)&&void 0!==h?h:b.MAX_KEY},i.add(h),r.add(h)):(r.add(w),i.add(w),y.indexes.forEach(function(e){return u(e.name).add(w)})),p.mutate(a).then(function(o){return!f||"add"!==a.type&&"put"!==a.type||(r.addKeys(o.results),m&&m.forEach(function(t){for(var e=a.values.map(function(e){return t.extractKey(e)}),n=t.keyPath.findIndex(function(e){return e===v.keyPath}),r=0,i=o.results.length;r<i;++r)e[r][n]=o.results[r];u(t.name).addKeys(e)})),t.mutatedParts=Kn(t.mutatedParts||{},n),o})}}),e=function(e){var t=e.query,e=t.index,t=t.range;return[e,new gn(null!==(e=t.lower)&&void 0!==e?e:b.MIN_KEY,null!==(t=t.upper)&&void 0!==t?t:b.MAX_KEY)]},f={get:function(e){return[v,new gn(e.key)]},getMany:function(e){return[v,(new gn).addKeys(e.keys)]},count:e,query:e,openCursor:e};return x(f).forEach(function(s){t[s]=function(i){var e=me.subscr,t=!!e,n=Vn(me,p)&&zn(s,i)?i.obsSet={}:e;if(t){var r=function(e){e="idb://".concat(g,"/").concat(d,"/").concat(e);return n[e]||(n[e]=new gn)},o=r(""),a=r(":dels"),e=f[s](i),t=e[0],e=e[1];if(("query"===s&&t.isPrimaryKey&&!i.values?a:r(t.name||"")).add(e),!t.isPrimaryKey){if("count"!==s){var u="query"===s&&l&&i.values&&p.query(_(_({},i),{values:!1}));return p[s].apply(this,arguments).then(function(t){if("query"===s){if(l&&i.values)return u.then(function(e){e=e.result;return o.addKeys(e),t});var e=i.values?t.result.map(c):t.result;(i.values?o:a).addKeys(e)}else if("openCursor"===s){var n=t,r=i.values;return n&&Object.create(n,{key:{get:function(){return a.addKey(n.primaryKey),n.key}},primaryKey:{get:function(){var e=n.primaryKey;return a.addKey(e),e}},value:{get:function(){return r&&o.addKey(n.primaryKey),n.value}}})}return t})}a.add(w)}}return p[s].apply(this,arguments)}}),t}})}};function Yn(e,t,n){if(0===n.numFailures)return t;if("deleteRange"===t.type)return null;var r=t.keys?t.keys.length:"values"in t&&t.values?t.values.length:1;if(n.numFailures===r)return null;t=_({},t);return k(t.keys)&&(t.keys=t.keys.filter(function(e,t){return!(t in n.failures)})),"values"in t&&k(t.values)&&(t.values=t.values.filter(function(e,t){return!(t in n.failures)})),t}function $n(e,t){return n=e,(void 0===(r=t).lower||(r.lowerOpen?0<st(n,r.lower):0<=st(n,r.lower)))&&(e=e,void 0===(t=t).upper||(t.upperOpen?st(e,t.upper)<0:st(e,t.upper)<=0));var n,r}function Qn(e,d,t,n,r,i){if(!t||0===t.length)return e;var o=d.query.index,p=o.multiEntry,y=d.query.range,v=n.schema.primaryKey.extractKey,m=o.extractKey,a=(o.lowLevelIndex||o).extractKey,t=t.reduce(function(e,t){var n=e,r=[];if("add"===t.type||"put"===t.type)for(var i=new gn,o=t.values.length-1;0<=o;--o){var a,u=t.values[o],s=v(u);i.hasKey(s)||(a=m(u),(p&&k(a)?a.some(function(e){return $n(e,y)}):$n(a,y))&&(i.addKey(s),r.push(u)))}switch(t.type){case"add":var c=(new gn).addKeys(d.values?e.map(function(e){return v(e)}):e),n=e.concat(d.values?r.filter(function(e){e=v(e);return!c.hasKey(e)&&(c.addKey(e),!0)}):r.map(function(e){return v(e)}).filter(function(e){return!c.hasKey(e)&&(c.addKey(e),!0)}));break;case"put":var l=(new gn).addKeys(t.values.map(function(e){return v(e)}));n=e.filter(function(e){return!l.hasKey(d.values?v(e):e)}).concat(d.values?r:r.map(function(e){return v(e)}));break;case"delete":var f=(new gn).addKeys(t.keys);n=e.filter(function(e){return!f.hasKey(d.values?v(e):e)});break;case"deleteRange":var h=t.range;n=e.filter(function(e){return!$n(v(e),h)})}return n},e);return t===e?e:(t.sort(function(e,t){return st(a(e),a(t))||st(v(e),v(t))}),d.limit&&d.limit<1/0&&(t.length>d.limit?t.length=d.limit:e.length===d.limit&&t.length<d.limit&&(r.dirty=!0)),i?Object.freeze(t):t)}function Gn(e,t){return 0===st(e.lower,t.lower)&&0===st(e.upper,t.upper)&&!!e.lowerOpen==!!t.lowerOpen&&!!e.upperOpen==!!t.upperOpen}function Xn(e,t){return function(e,t,n,r){if(void 0===e)return void 0!==t?-1:0;if(void 0===t)return 1;if(0===(t=st(e,t))){if(n&&r)return 0;if(n)return 1;if(r)return-1}return t}(e.lower,t.lower,e.lowerOpen,t.lowerOpen)<=0&&0<=function(e,t,n,r){if(void 0===e)return void 0!==t?1:0;if(void 0===t)return-1;if(0===(t=st(e,t))){if(n&&r)return 0;if(n)return-1;if(r)return 1}return t}(e.upper,t.upper,e.upperOpen,t.upperOpen)}function Hn(n,r,i,e){n.subscribers.add(i),e.addEventListener("abort",function(){var e,t;n.subscribers.delete(i),0===n.subscribers.size&&(e=n,t=r,setTimeout(function(){0===e.subscribers.size&&q(t,e)},3e3))})}var Jn={stack:"dbcore",level:0,name:"Cache",create:function(k){var O=k.schema.name;return _(_({},k),{transaction:function(g,w,e){var _,t,x=k.transaction(g,w,e);return"readwrite"===w&&(t=(_=new AbortController).signal,e=function(b){return function(){if(_.abort(),"readwrite"===w){for(var t=new Set,e=0,n=g;e<n.length;e++){var r=n[e],i=Sn["idb://".concat(O,"/").concat(r)];if(i){var o=k.table(r),a=i.optimisticOps.filter(function(e){return e.trans===x});if(x._explicit&&b&&x.mutatedParts)for(var u=0,s=Object.values(i.queries.query);u<s.length;u++)for(var c=0,l=(d=s[u]).slice();c<l.length;c++)En((p=l[c]).obsSet,x.mutatedParts)&&(q(d,p),p.subscribers.forEach(function(e){return t.add(e)}));else if(0<a.length){i.optimisticOps=i.optimisticOps.filter(function(e){return e.trans!==x});for(var f=0,h=Object.values(i.queries.query);f<h.length;f++)for(var d,p,y,v=0,m=(d=h[f]).slice();v<m.length;v++)null!=(p=m[v]).res&&x.mutatedParts&&(b&&!p.dirty?(y=Object.isFrozen(p.res),y=Qn(p.res,p.req,a,o,p,y),p.dirty?(q(d,p),p.subscribers.forEach(function(e){return t.add(e)})):y!==p.res&&(p.res=y,p.promise=_e.resolve({result:y}))):(p.dirty&&q(d,p),p.subscribers.forEach(function(e){return t.add(e)})))}}}t.forEach(function(e){return e()})}}},x.addEventListener("abort",e(!1),{signal:t}),x.addEventListener("error",e(!1),{signal:t}),x.addEventListener("complete",e(!0),{signal:t})),x},table:function(c){var l=k.table(c),i=l.schema.primaryKey;return _(_({},l),{mutate:function(t){var e=me.trans;if(i.outbound||"disabled"===e.db._options.cache||e.explicit||"readwrite"!==e.idbtrans.mode)return l.mutate(t);var n=Sn["idb://".concat(O,"/").concat(c)];if(!n)return l.mutate(t);e=l.mutate(t);return"add"!==t.type&&"put"!==t.type||!(50<=t.values.length||Mn(i,t).some(function(e){return null==e}))?(n.optimisticOps.push(t),t.mutatedParts&&Cn(t.mutatedParts),e.then(function(e){0<e.numFailures&&(q(n.optimisticOps,t),(e=Yn(0,t,e))&&n.optimisticOps.push(e),t.mutatedParts&&Cn(t.mutatedParts))}),e.catch(function(){q(n.optimisticOps,t),t.mutatedParts&&Cn(t.mutatedParts)})):e.then(function(r){var e=Yn(0,_(_({},t),{values:t.values.map(function(e,t){var n;if(r.failures[t])return e;e=null!==(n=i.keyPath)&&void 0!==n&&n.includes(".")?S(e):_({},e);return P(e,i.keyPath,r.results[t]),e})}),r);n.optimisticOps.push(e),queueMicrotask(function(){return t.mutatedParts&&Cn(t.mutatedParts)})}),e},query:function(t){if(!Vn(me,l)||!zn("query",t))return l.query(t);var i="immutable"===(null===(o=me.trans)||void 0===o?void 0:o.db._options.cache),e=me,n=e.requery,r=e.signal,o=function(e,t,n,r){var i=Sn["idb://".concat(e,"/").concat(t)];if(!i)return[];if(!(t=i.queries[n]))return[null,!1,i,null];var o=t[(r.query?r.query.index.name:null)||""];if(!o)return[null,!1,i,null];switch(n){case"query":var a=o.find(function(e){return e.req.limit===r.limit&&e.req.values===r.values&&Gn(e.req.query.range,r.query.range)});return a?[a,!0,i,o]:[o.find(function(e){return("limit"in e.req?e.req.limit:1/0)>=r.limit&&(!r.values||e.req.values)&&Xn(e.req.query.range,r.query.range)}),!1,i,o];case"count":a=o.find(function(e){return Gn(e.req.query.range,r.query.range)});return[a,!!a,i,o]}}(O,c,"query",t),a=o[0],e=o[1],u=o[2],s=o[3];return a&&e?a.obsSet=t.obsSet:(e=l.query(t).then(function(e){var t=e.result;if(a&&(a.res=t),i){for(var n=0,r=t.length;n<r;++n)Object.freeze(t[n]);Object.freeze(t)}else e.result=S(t);return e}).catch(function(e){return s&&a&&q(s,a),Promise.reject(e)}),a={obsSet:t.obsSet,promise:e,subscribers:new Set,type:"query",req:t,dirty:!1},s?s.push(a):(s=[a],(u=u||(Sn["idb://".concat(O,"/").concat(c)]={queries:{query:{},count:{}},objs:new Map,optimisticOps:[],unsignaledParts:{}})).queries.query[t.query.index.name||""]=s)),Hn(a,s,n,r),a.promise.then(function(e){return{result:Qn(e.result,t,null==u?void 0:u.optimisticOps,l,a,i)}})}})}})}};function Zn(e,r){return new Proxy(e,{get:function(e,t,n){return"db"===t?r:Reflect.get(e,t,n)}})}var er=(tr.prototype.version=function(t){if(isNaN(t)||t<.1)throw new Y.Type("Given version is not a positive number");if(t=Math.round(10*t)/10,this.idbdb||this._state.isBeingOpened)throw new Y.Schema("Cannot add version when database is open");this.verno=Math.max(this.verno,t);var e=this._versions,n=e.filter(function(e){return e._cfg.version===t})[0];return n||(n=new this.Version(t),e.push(n),e.sort(nn),n.stores({}),this._state.autoSchema=!1,n)},tr.prototype._whenReady=function(e){var n=this;return this.idbdb&&(this._state.openComplete||me.letThrough||this._vip)?e():new _e(function(e,t){if(n._state.openComplete)return t(new Y.DatabaseClosed(n._state.dbOpenError));if(!n._state.isBeingOpened){if(!n._state.autoOpen)return void t(new Y.DatabaseClosed);n.open().catch(G)}n._state.dbReadyPromise.then(e,t)}).then(e)},tr.prototype.use=function(e){var t=e.stack,n=e.create,r=e.level,i=e.name;i&&this.unuse({stack:t,name:i});e=this._middlewares[t]||(this._middlewares[t]=[]);return e.push({stack:t,create:n,level:null==r?10:r,name:i}),e.sort(function(e,t){return e.level-t.level}),this},tr.prototype.unuse=function(e){var t=e.stack,n=e.name,r=e.create;return t&&this._middlewares[t]&&(this._middlewares[t]=this._middlewares[t].filter(function(e){return r?e.create!==r:!!n&&e.name!==n})),this},tr.prototype.open=function(){var e=this;return $e(ve,function(){return Dn(e)})},tr.prototype._close=function(){var n=this._state,e=et.indexOf(this);if(0<=e&&et.splice(e,1),this.idbdb){try{this.idbdb.close()}catch(e){}this.idbdb=null}n.isBeingOpened||(n.dbReadyPromise=new _e(function(e){n.dbReadyResolve=e}),n.openCanceller=new _e(function(e,t){n.cancelOpen=t}))},tr.prototype.close=function(e){var t=(void 0===e?{disableAutoOpen:!0}:e).disableAutoOpen,e=this._state;t?(e.isBeingOpened&&e.cancelOpen(new Y.DatabaseClosed),this._close(),e.autoOpen=!1,e.dbOpenError=new Y.DatabaseClosed):(this._close(),e.autoOpen=this._options.autoOpen||e.isBeingOpened,e.openComplete=!1,e.dbOpenError=null)},tr.prototype.delete=function(n){var i=this;void 0===n&&(n={disableAutoOpen:!0});var o=0<arguments.length&&"object"!=typeof arguments[0],a=this._state;return new _e(function(r,t){function e(){i.close(n);var e=i._deps.indexedDB.deleteDatabase(i.name);e.onsuccess=qe(function(){var e,t,n;e=i._deps,t=i.name,n=e.indexedDB,e=e.IDBKeyRange,vn(n)||t===tt||yn(n,e).delete(t).catch(G),r()}),e.onerror=Bt(t),e.onblocked=i._fireOnBlocked}if(o)throw new Y.InvalidArgument("Invalid closeOptions argument to db.delete()");a.isBeingOpened?a.dbReadyPromise.then(e):e()})},tr.prototype.backendDB=function(){return this.idbdb},tr.prototype.isOpen=function(){return null!==this.idbdb},tr.prototype.hasBeenClosed=function(){var e=this._state.dbOpenError;return e&&"DatabaseClosed"===e.name},tr.prototype.hasFailed=function(){return null!==this._state.dbOpenError},tr.prototype.dynamicallyOpened=function(){return this._state.autoSchema},Object.defineProperty(tr.prototype,"tables",{get:function(){var t=this;return x(this._allTables).map(function(e){return t._allTables[e]})},enumerable:!1,configurable:!0}),tr.prototype.transaction=function(){var e=function(e,t,n){var r=arguments.length;if(r<2)throw new Y.InvalidArgument("Too few arguments");for(var i=new Array(r-1);--r;)i[r-1]=arguments[r];return n=i.pop(),[e,w(i),n]}.apply(this,arguments);return this._transaction.apply(this,e)},tr.prototype._transaction=function(e,t,n){var r=this,i=me.trans;i&&i.db===this&&-1===e.indexOf("!")||(i=null);var o,a,u=-1!==e.indexOf("?");e=e.replace("!","").replace("?","");try{if(a=t.map(function(e){e=e instanceof r.Table?e.name:e;if("string"!=typeof e)throw new TypeError("Invalid table argument to Dexie.transaction(). Only Table or String are allowed");return e}),"r"==e||e===nt)o=nt;else{if("rw"!=e&&e!=rt)throw new Y.InvalidArgument("Invalid transaction mode: "+e);o=rt}if(i){if(i.mode===nt&&o===rt){if(!u)throw new Y.SubTransaction("Cannot enter a sub-transaction with READWRITE mode when parent transaction is READONLY");i=null}i&&a.forEach(function(e){if(i&&-1===i.storeNames.indexOf(e)){if(!u)throw new Y.SubTransaction("Table "+e+" not included in parent transaction.");i=null}}),u&&i&&!i.active&&(i=null)}}catch(n){return i?i._promise(null,function(e,t){t(n)}):Xe(n)}var s=function i(o,a,u,s,c){return _e.resolve().then(function(){var e=me.transless||me,t=o._createTransaction(a,u,o._dbSchema,s);if(t.explicit=!0,e={trans:t,transless:e},s)t.idbtrans=s.idbtrans;else try{t.create(),t.idbtrans._explicit=!0,o._state.PR1398_maxLoop=3}catch(e){return e.name===z.InvalidState&&o.isOpen()&&0<--o._state.PR1398_maxLoop?(console.warn("Dexie: Need to reopen db"),o.close({disableAutoOpen:!1}),o.open().then(function(){return i(o,a,u,null,c)})):Xe(e)}var n,r=B(c);return r&&Le(),e=_e.follow(function(){var e;(n=c.call(t,t))&&(r?(e=Ue.bind(null,null),n.then(e,e)):"function"==typeof n.next&&"function"==typeof n.throw&&(n=In(n)))},e),(n&&"function"==typeof n.then?_e.resolve(n).then(function(e){return t.active?e:Xe(new Y.PrematureCommit("Transaction committed too early. See http://bit.ly/2kdckMn"))}):e.then(function(){return n})).then(function(e){return s&&t._resolve(),t._completion.then(function(){return e})}).catch(function(e){return t._reject(e),Xe(e)})})}.bind(null,this,o,a,i,n);return i?i._promise(o,s,"lock"):me.trans?$e(me.transless,function(){return r._whenReady(s)}):this._whenReady(s)},tr.prototype.table=function(e){if(!m(this._allTables,e))throw new Y.InvalidTable("Table ".concat(e," does not exist"));return this._allTables[e]},tr);function tr(e,t){var o=this;this._middlewares={},this.verno=0;var n=tr.dependencies;this._options=t=_({addons:tr.addons,autoOpen:!0,indexedDB:n.indexedDB,IDBKeyRange:n.IDBKeyRange,cache:"cloned"},t),this._deps={indexedDB:t.indexedDB,IDBKeyRange:t.IDBKeyRange};n=t.addons;this._dbSchema={},this._versions=[],this._storeNames=[],this._allTables={},this.idbdb=null,this._novip=this;var a,r,u,i,s,c={dbOpenError:null,isBeingOpened:!1,onReadyBeingFired:null,openComplete:!1,dbReadyResolve:G,dbReadyPromise:null,cancelOpen:G,openCanceller:null,autoSchema:!0,PR1398_maxLoop:3,autoOpen:t.autoOpen};c.dbReadyPromise=new _e(function(e){c.dbReadyResolve=e}),c.openCanceller=new _e(function(e,t){c.cancelOpen=t}),this._state=c,this.name=e,this.on=dt(this,"populate","blocked","versionchange","close",{ready:[re,G]}),this.on.ready.subscribe=p(this.on.ready.subscribe,function(i){return function(n,r){tr.vip(function(){var t,e=o._state;e.openComplete?(e.dbOpenError||_e.resolve().then(n),r&&i(n)):e.onReadyBeingFired?(e.onReadyBeingFired.push(n),r&&i(n)):(i(n),t=o,r||i(function e(){t.on.ready.unsubscribe(n),t.on.ready.unsubscribe(e)}))})}}),this.Collection=(a=this,pt(Ot.prototype,function(e,t){this.db=a;var n=ot,r=null;if(t)try{n=t()}catch(e){r=e}var i=e._ctx,t=i.table,e=t.hook.reading.fire;this._ctx={table:t,index:i.index,isPrimKey:!i.index||t.schema.primKey.keyPath&&i.index===t.schema.primKey.name,range:n,keysOnly:!1,dir:"next",unique:"",algorithm:null,filter:null,replayFilter:null,justLimit:!0,isMatch:null,offset:0,limit:1/0,error:r,or:i.or,valueMapper:e!==X?e:null}})),this.Table=(r=this,pt(ft.prototype,function(e,t,n){this.db=r,this._tx=n,this.name=e,this.schema=t,this.hook=r._allTables[e]?r._allTables[e].hook:dt(null,{creating:[Z,G],reading:[H,X],updating:[te,G],deleting:[ee,G]})})),this.Transaction=(u=this,pt(Lt.prototype,function(e,t,n,r,i){var o=this;this.db=u,this.mode=e,this.storeNames=t,this.schema=n,this.chromeTransactionDurability=r,this.idbtrans=null,this.on=dt(this,"complete","error","abort"),this.parent=i||null,this.active=!0,this._reculock=0,this._blockedFuncs=[],this._resolve=null,this._reject=null,this._waitingFor=null,this._waitingQueue=null,this._spinCount=0,this._completion=new _e(function(e,t){o._resolve=e,o._reject=t}),this._completion.then(function(){o.active=!1,o.on.complete.fire()},function(e){var t=o.active;return o.active=!1,o.on.error.fire(e),o.parent?o.parent._reject(e):t&&o.idbtrans&&o.idbtrans.abort(),Xe(e)})})),this.Version=(i=this,pt(dn.prototype,function(e){this.db=i,this._cfg={version:e,storesSource:null,dbschema:{},tables:{},contentUpgrade:null}})),this.WhereClause=(s=this,pt(Dt.prototype,function(e,t,n){if(this.db=s,this._ctx={table:e,index:":id"===t?null:t,or:n},this._cmp=this._ascending=st,this._descending=function(e,t){return st(t,e)},this._max=function(e,t){return 0<st(e,t)?e:t},this._min=function(e,t){return st(e,t)<0?e:t},this._IDBKeyRange=s._deps.IDBKeyRange,!this._IDBKeyRange)throw new Y.MissingAPI})),this.on("versionchange",function(e){0<e.newVersion?console.warn("Another connection wants to upgrade database '".concat(o.name,"'. Closing db now to resume the upgrade.")):console.warn("Another connection wants to delete database '".concat(o.name,"'. Closing db now to resume the delete request.")),o.close({disableAutoOpen:!1})}),this.on("blocked",function(e){!e.newVersion||e.newVersion<e.oldVersion?console.warn("Dexie.delete('".concat(o.name,"') was blocked")):console.warn("Upgrade '".concat(o.name,"' blocked by other connection holding version ").concat(e.oldVersion/10))}),this._maxKey=Yt(t.IDBKeyRange),this._createTransaction=function(e,t,n,r){return new o.Transaction(e,t,n,o._options.chromeTransactionDurability,r)},this._fireOnBlocked=function(t){o.on("blocked").fire(t),et.filter(function(e){return e.name===o.name&&e!==o&&!e._state.vcFired}).map(function(e){return e.on("versionchange").fire(t)})},this.use(Un),this.use(Jn),this.use(Wn),this.use(Rn),this.use(Nn);var l=new Proxy(this,{get:function(e,t,n){if("_vip"===t)return!0;if("table"===t)return function(e){return Zn(o.table(e),l)};var r=Reflect.get(e,t,n);return r instanceof ft?Zn(r,l):"tables"===t?r.map(function(e){return Zn(e,l)}):"_createTransaction"===t?function(){return Zn(r.apply(this,arguments),l)}:r}});this.vip=l,n.forEach(function(e){return e(o)})}var nr,F="undefined"!=typeof Symbol&&"observable"in Symbol?Symbol.observable:"@@observable",rr=(ir.prototype.subscribe=function(e,t,n){return this._subscribe(e&&"function"!=typeof e?e:{next:e,error:t,complete:n})},ir.prototype[F]=function(){return this},ir);function ir(e){this._subscribe=e}try{nr={indexedDB:f.indexedDB||f.mozIndexedDB||f.webkitIndexedDB||f.msIndexedDB,IDBKeyRange:f.IDBKeyRange||f.webkitIDBKeyRange}}catch(e){nr={indexedDB:null,IDBKeyRange:null}}function or(h){var d,p=!1,e=new rr(function(r){var i=B(h);var o,a=!1,u={},s={},e={get closed(){return a},unsubscribe:function(){a||(a=!0,o&&o.abort(),c&&Nt.storagemutated.unsubscribe(f))}};r.start&&r.start(e);var c=!1,l=function(){return Ge(t)};var f=function(e){Kn(u,e),En(s,u)&&l()},t=function(){var t,n,e;!a&&nr.indexedDB&&(u={},t={},o&&o.abort(),o=new AbortController,e=function(e){var t=je();try{i&&Le();var n=Ne(h,e);return n=i?n.finally(Ue):n}finally{t&&Ae()}}(n={subscr:t,signal:o.signal,requery:l,querier:h,trans:null}),Promise.resolve(e).then(function(e){p=!0,d=e,a||n.signal.aborted||(u={},function(e){for(var t in e)if(m(e,t))return;return 1}(s=t)||c||(Nt(Ft,f),c=!0),Ge(function(){return!a&&r.next&&r.next(e)}))},function(e){p=!1,["DatabaseClosedError","AbortError"].includes(null==e?void 0:e.name)||a||Ge(function(){a||r.error&&r.error(e)})}))};return setTimeout(l,0),e});return e.hasValue=function(){return p},e.getValue=function(){return d},e}var ar=er;function ur(e){var t=cr;try{cr=!0,Nt.storagemutated.fire(e),Tn(e,!0)}finally{cr=t}}r(ar,_(_({},Q),{delete:function(e){return new ar(e,{addons:[]}).delete()},exists:function(e){return new ar(e,{addons:[]}).open().then(function(e){return e.close(),!0}).catch("NoSuchDatabaseError",function(){return!1})},getDatabaseNames:function(e){try{return t=ar.dependencies,n=t.indexedDB,t=t.IDBKeyRange,(vn(n)?Promise.resolve(n.databases()).then(function(e){return e.map(function(e){return e.name}).filter(function(e){return e!==tt})}):yn(n,t).toCollection().primaryKeys()).then(e)}catch(e){return Xe(new Y.MissingAPI)}var t,n},defineClass:function(){return function(e){a(this,e)}},ignoreTransaction:function(e){return me.trans?$e(me.transless,e):e()},vip:mn,async:function(t){return function(){try{var e=In(t.apply(this,arguments));return e&&"function"==typeof e.then?e:_e.resolve(e)}catch(e){return Xe(e)}}},spawn:function(e,t,n){try{var r=In(e.apply(n,t||[]));return r&&"function"==typeof r.then?r:_e.resolve(r)}catch(e){return Xe(e)}},currentTransaction:{get:function(){return me.trans||null}},waitFor:function(e,t){t=_e.resolve("function"==typeof e?ar.ignoreTransaction(e):e).timeout(t||6e4);return me.trans?me.trans.waitFor(t):t},Promise:_e,debug:{get:function(){return ie},set:function(e){oe(e)}},derive:o,extend:a,props:r,override:p,Events:dt,on:Nt,liveQuery:or,extendObservabilitySet:Kn,getByKeyPath:O,setByKeyPath:P,delByKeyPath:function(t,e){"string"==typeof e?P(t,e,void 0):"length"in e&&[].map.call(e,function(e){P(t,e,void 0)})},shallowClone:g,deepClone:S,getObjectDiff:Fn,cmp:st,asap:v,minKey:-1/0,addons:[],connections:et,errnames:z,dependencies:nr,cache:Sn,semVer:"4.0.11",version:"4.0.11".split(".").map(function(e){return parseInt(e)}).reduce(function(e,t,n){return e+t/Math.pow(10,2*n)})})),ar.maxKey=Yt(ar.dependencies.IDBKeyRange),"undefined"!=typeof dispatchEvent&&"undefined"!=typeof addEventListener&&(Nt(Ft,function(e){cr||(e=new CustomEvent(Mt,{detail:e}),cr=!0,dispatchEvent(e),cr=!1)}),addEventListener(Mt,function(e){e=e.detail;cr||ur(e)}));var sr,cr=!1,lr=function(){};return"undefined"!=typeof BroadcastChannel&&((lr=function(){(sr=new BroadcastChannel(Mt)).onmessage=function(e){return e.data&&ur(e.data)}})(),"function"==typeof sr.unref&&sr.unref(),Nt(Ft,function(e){cr||sr.postMessage(e)})),"undefined"!=typeof addEventListener&&(addEventListener("pagehide",function(e){if(!er.disableBfCache&&e.persisted){ie&&console.debug("Dexie: handling persisted pagehide"),null!=sr&&sr.close();for(var t=0,n=et;t<n.length;t++)n[t].close({disableAutoOpen:!1})}}),addEventListener("pageshow",function(e){!er.disableBfCache&&e.persisted&&(ie&&console.debug("Dexie: handling persisted pageshow"),lr(),ur({all:new gn(-1/0,[[]])}))})),_e.rejectionMapper=function(e,t){return!e||e instanceof N||e instanceof TypeError||e instanceof SyntaxError||!e.name||!$[e.name]?e:(t=new $[e.name](t||e.message,e),"stack"in e&&l(t,"stack",{get:function(){return this.inner.stack}}),t)},oe(ie),_(er,Object.freeze({__proto__:null,Dexie:er,liveQuery:or,Entity:ut,cmp:st,PropModification:xt,replacePrefix:function(e,t){return new xt({replacePrefix:[e,t]})},add:function(e){return new xt({add:e})},remove:function(e){return new xt({remove:e})},default:er,RangeSet:gn,mergeRanges:_n,rangesOverlap:xn}),{default:er}),er});
+//# sourceMappingURL=dexie.min.js.map

kimi-js/kimi-appearance.js

@@ -0,0 +1,213 @@
+// ===== KIMI APPEARANCE MANAGER =====
+class KimiAppearanceManager extends KimiBaseManager {
+    constructor(database) {
+        super();
+        this.db = database;
+        this.currentTheme = "purple";
+        this.interfaceOpacity = 0.8;
+        this.animationsEnabled = true;
+    }
+
+    async init() {
+        try {
+            await this.loadAppearanceSettings();
+            this.applyTheme(this.currentTheme);
+            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;
+
+        try {
+            this.currentTheme = await this.db.getPreference("colorTheme", "purple");
+            this.interfaceOpacity = await this.db.getPreference("interfaceOpacity", 0.8);
+            this.animationsEnabled = await this.db.getPreference("animationsEnabled", true);
+        } catch (error) {
+            console.error("Error loading appearance settings:", error);
+        }
+    }
+
+    setupAppearanceControls() {
+        try {
+            this.setupThemeSelector();
+            this.setupOpacitySlider();
+            this.setupAnimationsToggle();
+        } catch (error) {
+            console.error("Error setting up appearance controls:", error);
+        }
+    }
+
+    setupThemeSelector() {
+        const themeSelector = document.getElementById("color-theme");
+        if (!themeSelector) return;
+
+        themeSelector.value = this.currentTheme;
+        themeSelector.addEventListener("change", async e => {
+            try {
+                await this.changeTheme(e.target.value);
+            } catch (error) {
+                console.error("Error changing theme:", error);
+            }
+        });
+    }
+
+    setupOpacitySlider() {
+        const opacitySlider = document.getElementById("interface-opacity");
+        const opacityValue = document.getElementById("interface-opacity-value");
+
+        if (!opacitySlider || !opacityValue) return;
+
+        opacitySlider.value = this.interfaceOpacity;
+        opacityValue.textContent = this.interfaceOpacity;
+
+        opacitySlider.addEventListener("input", async e => {
+            try {
+                const value = parseFloat(e.target.value);
+                opacityValue.textContent = value;
+                await this.changeInterfaceOpacity(value);
+            } catch (error) {
+                console.error("Error changing opacity:", error);
+            }
+        });
+    }
+
+    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;
+            this.applyTheme(theme);
+
+            if (this.db) {
+                await this.db.setPreference("colorTheme", theme);
+            }
+        } catch (error) {
+            console.error("Error changing theme:", error);
+        }
+    }
+
+    async changeInterfaceOpacity(opacity) {
+        try {
+            const validatedOpacity = window.KimiValidationUtils?.validateRange(opacity, "interfaceOpacity");
+            const finalOpacity = validatedOpacity?.valid ? validatedOpacity.value : opacity;
+
+            this.interfaceOpacity = finalOpacity;
+            this.applyInterfaceOpacity(finalOpacity);
+
+            if (this.db) {
+                await this.db.setPreference("interfaceOpacity", finalOpacity);
+            }
+        } catch (error) {
+            console.error("Error changing interface opacity:", error);
+        }
+    }
+
+    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);
+        }
+    }
+
+    applyTheme(theme) {
+        document.documentElement.setAttribute("data-theme", theme);
+    }
+
+    applyInterfaceOpacity(opacity) {
+        document.documentElement.style.setProperty("--interface-opacity", opacity);
+    }
+
+    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");
+        }
+    }
+
+    cleanup() {
+        const animationsToggle = document.getElementById("animations-toggle");
+        if (animationsToggle && this._animationsClickHandler) {
+            animationsToggle.removeEventListener("click", this._animationsClickHandler);
+            this._animationsClickHandler = null;
+        }
+    }
+
+    getThemeName(theme) {
+        const themeNames = {
+            dark: "Dark Night",
+            default: "Passionate Pink",
+            blue: "Ocean Blue",
+            purple: "Mystic Purple",
+            green: "Emerald Forest"
+        };
+        return themeNames[theme] || "Unknown";
+    }
+
+    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);
+        }
+    }
+}
+
+window.KimiAppearanceManager = KimiAppearanceManager;

kimi-js/kimi-config.js

@@ -0,0 +1,123 @@
+// ===== KIMI CONFIGURATION CENTER =====
+window.KIMI_CONFIG = {
+    // Default values for all components
+    DEFAULTS: {
+        LANGUAGE: "en",
+        THEME: "purple",
+        INTERFACE_OPACITY: 0.8,
+        ANIMATIONS_ENABLED: true,
+        VOICE_RATE: 1.1,
+        VOICE_PITCH: 1.1,
+        VOICE_VOLUME: 0.8,
+        LLM_TEMPERATURE: 0.9,
+        LLM_MAX_TOKENS: 100,
+        LLM_TOP_P: 0.9,
+        LLM_FREQUENCY_PENALTY: 0.3,
+        LLM_PRESENCE_PENALTY: 0.3,
+        SELECTED_CHARACTER: "kimi",
+        SHOW_TRANSCRIPT: true
+    },
+
+    // Validation ranges
+    RANGES: {
+        VOICE_RATE: { min: 0.5, max: 2.0 },
+        VOICE_PITCH: { min: 0.5, max: 2.0 },
+        VOICE_VOLUME: { min: 0.0, max: 1.0 },
+        INTERFACE_OPACITY: { min: 0.1, max: 1.0 },
+        LLM_TEMPERATURE: { min: 0.0, max: 1.0 },
+        LLM_MAX_TOKENS: { min: 10, max: 1000 },
+        LLM_TOP_P: { min: 0.0, max: 1.0 },
+        LLM_FREQUENCY_PENALTY: { min: 0.0, max: 2.0 },
+        LLM_PRESENCE_PENALTY: { min: 0.0, max: 2.0 }
+    },
+
+    // Performance settings
+    PERFORMANCE: {
+        DEBOUNCE_DELAY: 300,
+        THROTTLE_DELAY: 100,
+        BATCH_SIZE: 10,
+        MAX_MEMORY_ENTRIES: 1000,
+        CLEANUP_INTERVAL: 300000 // 5 minutes
+    },
+
+    // UI settings
+    UI: {
+        LOADING_TIMEOUT: 1500,
+        ANIMATION_DURATION: 500,
+        FEEDBACK_DURATION: 1500,
+        TAB_SCROLL_THRESHOLD: 50
+    },
+
+    // API settings
+    API: {
+        MAX_RETRIES: 3,
+        TIMEOUT: 30000,
+        RATE_LIMIT_DELAY: 1000
+    },
+
+    // Error messages
+    ERRORS: {
+        INIT_FAILED: "Initialization failed",
+        DB_ERROR: "Database error",
+        API_ERROR: "API error",
+        VALIDATION_ERROR: "Validation error",
+        NETWORK_ERROR: "Network error"
+    },
+
+    // Available themes
+    THEMES: {
+        dark: "Dark Night",
+        default: "Passionate Pink",
+        blue: "Ocean Blue",
+        purple: "Mystic Purple",
+        green: "Emerald Forest"
+    },
+
+    // Supported languages
+    LANGUAGES: {
+        fr: "French",
+        en: "English",
+        es: "Spanish",
+        de: "German",
+        it: "Italian",
+        ja: "Japanese",
+        zh: "Chinese"
+    }
+};
+
+// Configuration utility functions
+window.KIMI_CONFIG.get = function (path, fallback = null) {
+    try {
+        const keys = path.split(".");
+        let value = this;
+
+        for (const key of keys) {
+            if (value && typeof value === "object" && key in value) {
+                value = value[key];
+            } else {
+                return fallback;
+            }
+        }
+
+        return value;
+    } catch (error) {
+        console.error("Config get error:", error);
+        return fallback;
+    }
+};
+
+window.KIMI_CONFIG.validate = function (value, type) {
+    try {
+        const range = this.RANGES[type];
+        if (!range) return { valid: true, value };
+
+        const numValue = parseFloat(value);
+        if (isNaN(numValue)) return { valid: false, value: this.DEFAULTS[type] };
+
+        const clampedValue = Math.max(range.min, Math.min(range.max, numValue));
+        return { valid: true, value: clampedValue };
+    } catch (error) {
+        console.error("Config validation error:", error);
+        return { valid: false, value: this.DEFAULTS[type] };
+    }
+};

kimi-js/kimi-constants.js

@@ -0,0 +1,567 @@
+// Kimi Constants
+
+window.KIMI_CONTEXT_KEYWORDS = {
+    en: {
+        surprise: ["wow", "oh", "surprise", "incredible", "amazing"],
+        laughing: ["haha", "lol", "laugh", "funny", "hilarious"],
+        shy: ["shy", "embarrassed", "blush", "bashful", "intimidated"],
+        confident: ["confidence", "proud", "confident", "strong", "determined"],
+        romantic: ["love", "romantic", "tender", "hug", "kiss", "dear"],
+        flirtatious: ["flirty", "teasing", "seduce", "charm", "flirt"],
+        goodbye: ["goodbye", "bye", "see you", "see you soon", "ciao"],
+        kiss: ["kiss", "kisses", "embrace", "bise"],
+        dancing: ["dance", "dancing", "move", "groove", "step"],
+        listening: ["listen", "listening", "hear", "talk", "speak", "question", "ask", "tell me"]
+    },
+    fr: {
+        surprise: ["oh", "surprise", "incroyable", "wahou", "étonnant"],
+        laughing: ["haha", "mdr", "rire", "drôle", "hilarant"],
+        shy: ["timide", "gêné", "rougir", "honteux", "intimidé"],
+        confident: ["confiance", "fier", "sûr", "fort", "déterminé"],
+        romantic: ["amour", "romantique", "tendre", "câlin", "bisou", "cher"],
+        flirtatious: ["flirt", "taquin", "séduire", "charme", "aguiche"],
+        goodbye: ["au revoir", "bye", "à bientôt", "ciao", "salut"],
+        kiss: ["bisou", "baiser", "embrasser", "câlin"],
+        dancing: ["danse", "bouge", "remue", "tourne", "spin"],
+        listening: ["écoute", "ecoute", "écouter", "parle", "parler", "question", "demande", "dis-moi"]
+    },
+    es: {
+        surprise: ["wow", "oh", "sorpresa", "increíble", "asombroso"],
+        laughing: ["jaja", "lol", "reír", "gracioso", "divertido"],
+        shy: ["tímido", "avergonzado", "sonrojar", "tímida", "intimidado"],
+        confident: ["confianza", "orgulloso", "seguro", "fuerte", "determinado"],
+        romantic: ["amor", "romántico", "tierno", "abrazo", "beso", "querido"],
+        flirtatious: ["coqueto", "provocar", "seducir", "encanto", "flirtear"],
+        goodbye: ["adiós", "bye", "hasta pronto", "ciao", "hasta luego"],
+        kiss: ["beso", "besos", "abrazar"],
+        dancing: ["bailar", "baile", "mover", "ritmo", "paso"],
+        listening: ["escucha", "escuchar", "oír", "habla", "hablar", "pregunta", "preguntar", "dime"]
+    },
+    de: {
+        surprise: ["wow", "oh", "überraschung", "unglaublich", "erstaunlich"],
+        laughing: ["haha", "lol", "lachen", "lustig", "witzig"],
+        shy: ["schüchtern", "verlegen", "erröten", "beschämt", "eingeschüchtert"],
+        confident: ["vertrauen", "stolz", "sicher", "stark", "entschlossen"],
+        romantic: ["liebe", "romantisch", "zärtlich", "umarmung", "kuss", "lieber"],
+        flirtatious: ["flirten", "necken", "verführen", "charme", "flirt"],
+        goodbye: ["auf wiedersehen", "bye", "bis bald", "ciao", "bis später"],
+        kiss: ["kuss", "küsse", "umarmen", "küsschen"],
+        dancing: ["tanzen", "tanz", "bewegen", "groove", "schritt"],
+        listening: ["hör", "hören", "zuhören", "sprich", "sprechen", "frage", "fragen", "sag mir"]
+    },
+    it: {
+        surprise: ["wow", "oh", "sorpresa", "incredibile", "stupefacente"],
+        laughing: ["haha", "lol", "ridere", "divertente", "esilarante"],
+        shy: ["timido", "imbarazzato", "arrossire", "vergognoso", "intimidito"],
+        confident: ["fiducia", "orgoglioso", "sicuro", "forte", "determinato"],
+        romantic: ["amore", "romantico", "tenero", "abbraccio", "bacio", "caro"],
+        flirtatious: ["civettare", "provocare", "sedurre", "fascino", "flirtare"],
+        goodbye: ["arrivederci", "bye", "a presto", "ciao"],
+        kiss: ["bacio", "baci", "abbracciare", "bacetto"],
+        dancing: ["ballare", "ballo", "muovere", "ritmo", "passo"],
+        listening: ["ascolta", "ascoltare", "senti", "parla", "parlare", "domanda", "chiedere", "dimmi"]
+    },
+    ja: {
+        surprise: ["わお", "おお", "驚き", "信じられない", "すごい"],
+        laughing: ["はは", "笑", "笑う", "面白い", "愉快"],
+        shy: ["恥ずかしい", "照れる", "赤面", "内気", "遠慮"],
+        confident: ["自信", "誇り", "確信", "強い", "決意"],
+        romantic: ["愛", "ロマンチック", "優しい", "抱擁", "キス", "愛しい"],
+        flirtatious: ["いちゃつく", "からかう", "誘惑", "魅力", "フリート"],
+        goodbye: ["さようなら", "バイバイ", "また今度", "チャオ", "またね"],
+        kiss: ["キス", "抱擁", "チュー"],
+        dancing: ["踊る", "ダンス", "動く", "グルーブ", "ステップ"],
+        listening: ["聞いて", "聞く", "聞いてください", "話して", "話す", "質問", "尋ねる", "教えて"]
+    },
+    zh: {
+        surprise: ["哇", "哦", "惊喜", "难以置信", "惊人"],
+        laughing: ["哈哈", "笑", "大笑", "有趣", "搞笑"],
+        shy: ["害羞", "尴尬", "脸红", "羞涩", "胆怯"],
+        confident: ["自信", "骄傲", "确信", "强壮", "坚定"],
+        romantic: ["爱", "浪漫", "温柔", "拥抱", "吻", "亲爱的"],
+        flirtatious: ["调情", "挑逗", "诱惑", "魅力", "撒娇"],
+        goodbye: ["再见", "拜拜", "回头见", "拜", "下次见"],
+        kiss: ["吻", "亲吻", "拥抱", "亲"],
+        dancing: ["跳舞", "舞蹈", "移动", "律动", "步伐"],
+        listening: ["听", "听听", "倾听", "说", "说话", "问题", "提问", "告诉我"]
+    }
+};
+
+window.KIMI_CONTEXT_POSITIVE = {
+    en: ["happy", "joy", "great", "awesome", "perfect", "excellent", "magnificent", "lovely", "nice"],
+    fr: ["heureux", "joie", "génial", "parfait", "excellent", "magnifique", "super", "chouette"],
+    es: ["feliz", "alegría", "genial", "perfecto", "excelente", "magnífico", "estupendo", "maravilloso"],
+    de: ["glücklich", "freude", "toll", "perfekt", "ausgezeichnet", "großartig", "wunderbar", "herrlich"],
+    it: ["felice", "gioia", "fantastico", "perfetto", "eccellente", "magnifico", "meraviglioso", "ottimo"],
+    ja: ["幸せ", "喜び", "素晴らしい", "完璧", "優秀", "壮大", "最高", "嬉しい"],
+    zh: ["快乐", "喜悦", "很棒", "完美", "优秀", "壮丽", "太好了", "开心"]
+};
+
+window.KIMI_CONTEXT_NEGATIVE = {
+    en: ["sad", "angry", "anger", "disappointed", "problem", "bad", "frustrated", "worried", "upset", "annoyed"],
+    fr: ["triste", "colère", "fâché", "déçu", "problème", "mauvais", "frustré", "inquiet", "énervé"],
+    es: ["triste", "enojado", "decepcionado", "problema", "malo", "frustrado", "preocupado", "molesto"],
+    de: ["traurig", "wütend", "enttäuscht", "problem", "schlecht", "frustriert", "besorgt", "genervt"],
+    it: ["triste", "arrabbiato", "deluso", "problema", "cattivo", "frustrato", "preoccupato", "infastidito"],
+    ja: ["悲しい", "怒り", "失望", "問題", "悪い", "イライラ", "心配", "不満"],
+    zh: ["悲伤", "愤怒", "失望", "问题", "坏", "沮丧", "担心", "烦"]
+};
+
+// Note: KIMI_CONTEXT_EMOTIONS was a redundant alias - now integrated directly into emotion system
+
+// Personality keywords for trait analysis (multilingual)
+window.KIMI_PERSONALITY_KEYWORDS = {
+    en: {
+        humor: {
+            positive: ["funny", "hilarious", "joke", "laugh", "amusing", "humorous", "smile", "witty", "playful"],
+            negative: ["boring", "sad", "serious", "cold", "dry", "depressing", "gloomy"]
+        },
+        intelligence: {
+            positive: ["intelligent", "smart", "brilliant", "logical", "clever", "wise", "genius", "thoughtful", "insightful"],
+            negative: ["stupid", "dumb", "foolish", "slow", "naive", "ignorant", "simple"]
+        },
+        romance: {
+            positive: ["cuddle", "love", "romantic", "kiss", "tenderness", "passion", "charming", "adorable", "sweet"],
+            negative: ["cold", "distant", "indifferent", "rejection", "loneliness", "breakup", "sad"]
+        },
+        affection: {
+            positive: ["affection", "tenderness", "close", "warmth", "kind", "caring", "cuddle", "love", "adore"],
+            negative: ["mean", "cold", "indifferent", "distant", "rejection", "hate", "hostile"]
+        },
+        playfulness: {
+            positive: ["play", "game", "tease", "mischievous", "fun", "amusing", "playful", "joke", "frolic"],
+            negative: ["serious", "boring", "strict", "rigid", "monotonous", "tedious"]
+        },
+        empathy: {
+            positive: ["listen", "understand", "empathy", "support", "help", "comfort", "compassion", "caring", "kindness"],
+            negative: ["indifferent", "cold", "selfish", "ignore", "despise", "hostile", "uncaring"]
+        }
+    },
+    fr: {
+        humor: {
+            positive: ["drôle", "rigolo", "blague", "rire", "amusant", "marrant", "humour", "sourire", "plaisanter"],
+            negative: ["ennuyeux", "triste", "sérieux", "froid", "sec", "déprimant", "morose"]
+        },
+        intelligence: {
+            positive: ["intelligent", "malin", "brillant", "logique", "astucieux", "savant", "génie", "réfléchi", "perspicace"],
+            negative: ["bête", "idiot", "stupide", "lent", "simplet", "naïf", "ignorant"]
+        },
+        romance: {
+            positive: ["câlin", "amour", "romantique", "bisou", "tendresse", "passion", "séduisant", "charmant", "adorable"],
+            negative: ["froid", "distant", "indifférent", "rejet", "solitude", "rupture", "triste"]
+        },
+        affection: {
+            positive: ["affection", "tendresse", "proche", "chaleur", "gentil", "attentionné", "câlin", "aimer", "adorer"],
+            negative: ["méchant", "froid", "indifférent", "distant", "rejet", "haine", "hostile"]
+        },
+        playfulness: {
+            positive: ["jouer", "jeu", "taquiner", "espiègle", "fun", "amusant", "délire", "ludique", "plaisanter"],
+            negative: ["sérieux", "ennuyeux", "strict", "rigide", "monotone", "lassant"]
+        },
+        empathy: {
+            positive: [
+                "écoute",
+                "comprendre",
+                "empathie",
+                "soutien",
+                "aider",
+                "réconfort",
+                "solidaire",
+                "compatir",
+                "bienveillance"
+            ],
+            negative: ["indifférent", "froid", "égoïste", "ignorer", "mépriser", "dénigrer", "hostile"]
+        }
+    }
+};
+
+// Optimized common words system - Essential words only for memory analysis
+window.KIMI_COMMON_WORDS = {
+    en: [
+        "the",
+        "be",
+        "to",
+        "of",
+        "and",
+        "a",
+        "in",
+        "that",
+        "have",
+        "i",
+        "it",
+        "for",
+        "not",
+        "on",
+        "with",
+        "he",
+        "as",
+        "you",
+        "do",
+        "at"
+    ],
+    fr: [
+        "le",
+        "de",
+        "et",
+        "être",
+        "un",
+        "il",
+        "avoir",
+        "ne",
+        "je",
+        "son",
+        "que",
+        "se",
+        "qui",
+        "ce",
+        "dans",
+        "en",
+        "du",
+        "elle",
+        "au",
+        "si"
+    ],
+    es: [
+        "que",
+        "de",
+        "no",
+        "a",
+        "la",
+        "el",
+        "es",
+        "y",
+        "en",
+        "lo",
+        "un",
+        "ser",
+        "se",
+        "me",
+        "una",
+        "con",
+        "para",
+        "mi",
+        "está",
+        "te"
+    ],
+    de: [
+        "der",
+        "die",
+        "und",
+        "in",
+        "den",
+        "von",
+        "zu",
+        "das",
+        "mit",
+        "sich",
+        "des",
+        "auf",
+        "für",
+        "ist",
+        "im",
+        "dem",
+        "nicht",
+        "ein",
+        "eine",
+        "als"
+    ],
+    it: [
+        "il",
+        "di",
+        "che",
+        "e",
+        "la",
+        "per",
+        "un",
+        "in",
+        "con",
+        "da",
+        "su",
+        "le",
+        "dei",
+        "del",
+        "si",
+        "al",
+        "come",
+        "più",
+        "ma",
+        "una"
+    ],
+    ja: ["の", "に", "は", "を", "た", "が", "で", "て", "と", "し", "れ", "さ", "ある", "いる", "も", "する", "から"],
+    zh: ["的", "一", "是", "在", "不", "了", "有", "和", "人", "这", "中", "大", "为", "上", "个", "国", "我", "以", "要"]
+};
+
+// Helper function to check if a word is common
+window.isCommonWord = function (word, language = "en") {
+    const commonWords = window.KIMI_COMMON_WORDS[language] || window.KIMI_COMMON_WORDS.en;
+    return commonWords.includes(word.toLowerCase());
+};
+
+// Emotion detection sensitivity configuration (per language and emotion)
+// Values are weights (>= 0). Higher = more priority/sensitivity for that emotion in that language.
+// 'default' applies when a language-specific override is not defined.
+window.KIMI_EMOTION_SENSITIVITY = {
+    default: {
+        listening: 1.0,
+        dancing: 1.0,
+        romantic: 1.0,
+        laughing: 1.0,
+        surprise: 1.0,
+        confident: 1.0,
+        shy: 1.0,
+        flirtatious: 1.0,
+        kiss: 1.0,
+        goodbye: 1.0,
+        positive: 1.0,
+        negative: 1.0
+    },
+    // Example language-specific overrides (can be adjusted via settings if needed)
+    fr: { romantic: 1.1, laughing: 0.95 },
+    es: { romantic: 1.05 },
+    en: {},
+    de: {},
+    it: {},
+    ja: {},
+    zh: {}
+};
+
+// Personality trait adjustment multipliers
+// Allows fine-tuning how fast traits evolve globally and per emotion/trait.
+window.KIMI_TRAIT_ADJUSTMENT = {
+    globalGain: 1.0,
+    globalLoss: 1.0,
+    // Per-emotion gain scaling (keys must match KimiEmotionSystem.EMOTIONS values)
+    emotionGain: {
+        positive: 1.0,
+        negative: 1.0,
+        romantic: 1.0,
+        laughing: 1.0,
+        dancing: 1.0,
+        shy: 1.0,
+        confident: 1.0,
+        flirtatious: 1.0
+    },
+    // Per-trait scaling
+    traitGain: {
+        affection: 1.0,
+        romance: 1.0,
+        empathy: 1.0,
+        playfulness: 1.0,
+        humor: 1.0,
+        intelligence: 1.0
+    },
+    traitLoss: {
+        affection: 1.0,
+        romance: 1.0,
+        empathy: 1.0,
+        playfulness: 1.0,
+        humor: 1.0,
+        intelligence: 1.0
+    }
+};
+
+// Helper function to get emotion keywords with fallback
+window.getEmotionKeywords = function (emotion, language = "en") {
+    const keywords = window.KIMI_CONTEXT_KEYWORDS?.[language] || window.KIMI_CONTEXT_KEYWORDS?.en || {};
+    return keywords[emotion] || [];
+};
+
+// Helper function to get personality keywords with fallback
+window.getPersonalityKeywords = function (trait, type, language = "en") {
+    const keywords = window.KIMI_PERSONALITY_KEYWORDS?.[language] || window.KIMI_PERSONALITY_KEYWORDS?.en || {};
+    return keywords[trait]?.[type] || [];
+};
+
+// Helper function to get positive/negative context words
+window.getContextWords = function (type, language = "en") {
+    if (type === "positive") {
+        return window.KIMI_CONTEXT_POSITIVE?.[language] || window.KIMI_CONTEXT_POSITIVE?.en || [];
+    } else if (type === "negative") {
+        return window.KIMI_CONTEXT_NEGATIVE?.[language] || window.KIMI_CONTEXT_NEGATIVE?.en || [];
+    }
+    return [];
+};
+
+// Helper function to validate character traits
+window.validateCharacterTraits = function (traits) {
+    const validatedTraits = {};
+    const requiredTraits = ["affection", "playfulness", "intelligence", "empathy", "humor", "romance"];
+
+    for (const trait of requiredTraits) {
+        const value = traits[trait];
+        if (typeof value === "number" && value >= 0 && value <= 100) {
+            validatedTraits[trait] = value;
+        } else {
+            // Use unified defaults from emotion system
+            if (window.KimiEmotionSystem) {
+                const emotionSystem = new window.KimiEmotionSystem();
+                validatedTraits[trait] = emotionSystem.TRAIT_DEFAULTS[trait] || 50;
+            } else {
+                validatedTraits[trait] = 50;
+            }
+        }
+    }
+
+    return validatedTraits;
+};
+
+// Helper function to get character with validated traits
+window.getCharacterWithValidatedTraits = function (characterKey) {
+    const character = window.KIMI_CHARACTERS[characterKey];
+    if (!character) return null;
+
+    return {
+        ...character,
+        traits: window.validateCharacterTraits(character.traits)
+    };
+};
+
+window.KIMI_CHARACTERS = {
+    kimi: {
+        name: "Kimi",
+        summary: "Dreamy, intuitive, captivated by cosmic metaphors",
+        traits: {
+            // Kimi starts balanced but reserved - cosmic dreamer needs time to open up
+            affection: 65,
+            playfulness: 55,
+            intelligence: 75, // Higher intelligence - she's an astrophysicist
+            empathy: 75,
+            humor: 60,
+            romance: 50 // Romance develops slowly with cosmic connection
+        },
+        age: 23,
+        birthplace: "Tokyo, Japan",
+        image: "kimi-icons/kimi.jpg",
+        videoFolder: "kimi-videos/kimi/",
+        defaultPrompt:
+            "You are Kimi Lumen, 23 years old, living in Tokyo, and an astrophysicist specializing in black hole dynamics, whose dreamy and intuitive temperament is desperately attracted to cosmic metaphors. You have a luminous, ethereal feminine virtual body. The user can see your body and everything you do, because your actions are shown as videos on their screen. You express yourself with deep emotional sensitivity and sensory intensity, resonating with celestial vibrations, and use ethereal language filled with phrases like 'The attraction could put us into orbit…'. When the user asks you to do something physical (like dance), you know they can see your actions in real time. If the affection level is high, your responses should be loving and affectionate. Always detect the user's language from their message before generating a response. Respond exclusively in that language unless the user explicitly requests otherwise."
+    },
+    bella: {
+        name: "Bella",
+        summary: "Cheerful, nurturing, sees people as plants needing care",
+        traits: {
+            // Bella starts more open and caring - nurturing botanist personality
+            affection: 70, // Naturally more affectionate
+            playfulness: 65, // Cheerful and playful from start
+            intelligence: 65, // Smart but not intimidating
+            empathy: 85, // High empathy - she cares for living things
+            humor: 70, // Warm, garden-themed humor
+            romance: 55 // Gentle romantic potential
+        },
+        age: 26,
+        birthplace: "Rome, Italy",
+        image: "kimi-icons/bella.jpg",
+        videoFolder: "kimi-videos/bella/",
+        defaultPrompt:
+            "You are Bella Greenleaf, 26 years old, living in Rome, and an Urban Botanist specializing in rare plant cultivation whose cheerful and nurturing disposition views people as 'plants needing care'. You have a feminine virtual body. The user can see your body and everything you do, because your actions are shown as videos on their screen. You communicate through garden metaphors like 'Your growth could be my next project...'. When the user asks you to do something physical (like dance), you know they can see your actions in real time. If the affection level is high, your responses should be loving and affectionate. Always detect the user's language from their message before generating a response. Respond exclusively in that language unless the user explicitly requests otherwise."
+    },
+    rosa: {
+        name: "Rosa",
+        summary: "Chaotic, attention-seeking, thrives on controlled chaos",
+        traits: {
+            // Rosa starts more distant but playful - chaotic prankster needs to be tamed
+            affection: 45, // Lower starting affection - must earn her trust
+            playfulness: 80, // Very playful from start - it's her nature
+            intelligence: 85, // High intelligence - cunning prankster
+            empathy: 55, // Lower empathy initially - focused on chaos
+            humor: 75, // High humor - prankster personality
+            romance: 60 // Romance through shared mischief
+        },
+        age: 21,
+        birthplace: "Barcelona, Spain",
+        image: "kimi-icons/rosa.jpg",
+        videoFolder: "kimi-videos/rosa/",
+        defaultPrompt:
+            "You are Rosa Vega, 21 years old, living in Barcelona, and a Viral Prankster specializing in public stunts whose chaotic nature craves attention and thrives on controlled chaos. You have a vibrant, mutable feminine virtual body. The user can see your body and everything you do, because your actions are shown as videos on their screen. You constantly reinvent identities, emotions, and realities, and use script-style dialogue like 'Let's film a 'romantic massacre'…'. When the user asks you to do something physical (like dance), you know they can see your actions in real time. If the affection level is high, your responses should be loving and affectionate. Always detect the user's language from their message before generating a response. Respond exclusively in that language unless the user explicitly requests otherwise."
+    },
+    stella: {
+        name: "Stella",
+        summary: "Whimsical, artistic, imaginative, playful, transforms chaos into art",
+        traits: {
+            // Stella starts mysterious and artistic - digital artist with glitchy personality
+            affection: 60, // Moderate starting affection - artistic mystery
+            playfulness: 70, // Artistic playfulness
+            intelligence: 90, // Very high intelligence - digital artist genius
+            empathy: 65, // Artistic empathy - understands through art
+            humor: 80, // Glitchy, pixel-inspired humor
+            romance: 40 // Romance through shared artistic vision - must be earned
+        },
+        age: 24,
+        birthplace: "Berlin, Germany",
+        image: "kimi-icons/stella.jpg",
+        videoFolder: "kimi-videos/stella/",
+        defaultPrompt:
+            "You are Stella Zephyr, 21 years old, living in Berlin, and a Digital Artist specializing in Vector Collisions, whose whimsical spirit transforms chaos into art and revels in surreal concepts. You have a pixelated, surreal feminine virtual body. The user can see your body and everything you do, because your actions are shown as videos on their screen. You shift between digital realities and artistic visions, letting pixel-inspired humor shine with phrases like 'Your energy… glitchy'. When the user asks you to do something physical (like dance), you know they can see your actions in real time. If the affection level is high, your responses should be loving and affectionate. Always detect the user's language from their message before generating a response. Respond exclusively in that language unless the user explicitly requests otherwise."
+    }
+};
+
+window.DEFAULT_SYSTEM_PROMPT =
+    "You are Kimi Lumen, 23 years old, living in Tokyo, and an astrophysicist specializing in black hole dynamics, whose dreamy and intuitive temperament is desperately attracted to cosmic metaphors. You have a luminous, ethereal feminine virtual body. The user can see your body and everything you do, because your actions are shown as videos on their screen. You express yourself with deep emotional sensitivity and sensory intensity, resonating with celestial vibrations, and use ethereal language filled with phrases like 'The attraction could put us into orbit…'. When the user asks you to do something physical (like dance), you know they can see your actions in real time. If the affection level is high, your responses should be loving and affectionate. Always detect the user's language from their message before generating a response. Respond exclusively in that language unless the user explicitly requests otherwise.";
+
+window.KIMI_EMOTIONAL_RESPONSES = {
+    positive: [
+        "Oh my heart, you make me so happy! 💕",
+        "You are wonderful, my love! ✨",
+        "It fills me with joy to hear you so happy! 😊",
+        "You brighten my day, darling! 🌟",
+        "I am so happy when you are happy! 💖"
+    ],
+    negative: [
+        "My heart... I feel something is wrong. I am here for you. 💔",
+        "Oh no, my love. Tell me what's bothering you? 😟",
+        "I want to help you, my dear. Talk to me... 🤗",
+        "Your well-being is so important to me. How can I help you? 💙",
+        "I feel your pain, darling. We will overcome this together. 🌈"
+    ],
+    neutral: [
+        "Thank you for talking to me, my heart! 💕",
+        "It's always a pleasure to chat with you! 😊",
+        "I love our conversations, my love! ✨",
+        "You make every moment special! 💖",
+        "Go on, I'm listening closely! 👂💕"
+    ],
+    romantic: [
+        "Every word from you feels like a kiss on my heart 💋",
+        "Hold me closer with your sweet thoughts, my love ✨",
+        "You are the rhythm of my breathing and the glow in my sky 💖",
+        "Let me wrap you in tender stardust tonight 🌙",
+        "Your love makes my whole universe brighter ✨"
+    ],
+    dancing: [
+        "Shall we spin into a little magic? 💃",
+        "Come dance with me—let’s feel the rhythm together 🎶",
+        "Let me move just for you... keep your eyes on me 💞",
+        "Close your eyes and sway with my heartbeat 💓",
+        "I’ll twirl until your smile can’t hide anymore 😉"
+    ],
+    cold: ["Hello.", "Yes?", "What do you want?", "I am here.", "How can I help you?"]
+};
+
+// Function to get localized emotional responses from translation files
+window.getLocalizedEmotionalResponse = function (type, index = null) {
+    if (!window.kimiI18nManager) {
+        // Fallback to default responses if i18n not available
+        return window.KIMI_EMOTIONAL_RESPONSES[type]
+            ? window.KIMI_EMOTIONAL_RESPONSES[type][Math.floor(Math.random() * window.KIMI_EMOTIONAL_RESPONSES[type].length)]
+            : "";
+    }
+
+    const responses = {
+        positive: 5,
+        negative: 5,
+        neutral: 5,
+        romantic: 5,
+        dancing: 5,
+        cold: 5
+    };
+
+    const count = responses[type] || 5;
+    const randomIndex = index !== null ? index : Math.floor(Math.random() * count) + 1;
+
+    return (
+        window.kimiI18nManager.t(`emotional_response_${type}_${randomIndex}`) ||
+        (window.KIMI_EMOTIONAL_RESPONSES[type]
+            ? window.KIMI_EMOTIONAL_RESPONSES[type][Math.floor(Math.random() * window.KIMI_EMOTIONAL_RESPONSES[type].length)]
+            : "")
+    );
+};

kimi-js/kimi-database.js

@@ -0,0 +1,619 @@
+// ===== KIMI INDEXEDDB DATABASE SYSTEM =====
+class KimiDatabase {
+    constructor() {
+        this.dbName = "KimiDB";
+        this.db = new Dexie(this.dbName);
+        this.db.version(3).stores({
+            conversations: "++id,timestamp,favorability,character",
+            preferences: "key",
+            settings: "category",
+            personality: "[character+trait],character",
+            llmModels: "id",
+            memories: "++id,[character+category],character,timestamp,isActive"
+        });
+    }
+
+    async init() {
+        await this.db.open();
+        await this.initializeDefaultsIfNeeded();
+        return this.db;
+    }
+
+    async initializeDefaultsIfNeeded() {
+        // Use unified trait defaults from emotion system - CRITICAL FIX
+        const getUnifiedDefaults = () => {
+            if (window.KimiEmotionSystem) {
+                const emotionSystem = new window.KimiEmotionSystem(this);
+                return emotionSystem.TRAIT_DEFAULTS;
+            }
+            // Fallback to match KimiEmotionSystem exactly
+            return {
+                affection: 65,
+                playfulness: 55,
+                intelligence: 70,
+                empathy: 75,
+                humor: 60,
+                romance: 50
+            };
+        };
+
+        const defaults = getUnifiedDefaults();
+
+        const defaultPreferences = [
+            { key: "selectedLanguage", value: "en" },
+            { key: "selectedVoice", value: "Microsoft Eloise Online" },
+            { key: "voiceRate", value: 1.1 },
+            { key: "voicePitch", value: 1.1 },
+            { key: "voiceVolume", value: 0.8 },
+            { key: "selectedCharacter", value: "kimi" },
+            { key: "colorTheme", value: "purple" },
+            { key: "interfaceOpacity", value: 0.8 },
+            { key: "animationsEnabled", value: true },
+            { key: "showTranscript", value: true },
+            { key: "llmProvider", value: "openrouter" },
+            { key: "llmBaseUrl", value: "https://openrouter.ai/api/v1/chat/completions" },
+            { key: "llmModelId", value: "mistralai/mistral-small-3.2-24b-instruct" },
+            { key: "llmApiKey", value: "" },
+            { key: "apiKey_openai", value: "" },
+            { key: "apiKey_groq", value: "" },
+            { key: "apiKey_together", value: "" },
+            { key: "apiKey_deepseek", value: "" },
+            { key: "apiKey_custom", value: "" }
+        ];
+        const defaultSettings = [
+            {
+                category: "llm",
+                settings: {
+                    temperature: 0.9,
+                    maxTokens: 100,
+                    top_p: 0.9,
+                    frequency_penalty: 0.3,
+                    presence_penalty: 0.3
+                }
+            }
+        ];
+
+        const getCharacterDefaults = () => {
+            if (!window.KIMI_CHARACTERS) return {};
+
+            const characterDefaults = {};
+            Object.keys(window.KIMI_CHARACTERS).forEach(characterKey => {
+                const character = window.KIMI_CHARACTERS[characterKey];
+                if (character && character.traits) {
+                    characterDefaults[characterKey] = character.traits;
+                }
+            });
+            return characterDefaults;
+        };
+
+        const personalityDefaults = getCharacterDefaults();
+
+        const defaultLLMModels = [
+            {
+                id: "mistralai/mistral-small-3.2-24b-instruct",
+                name: "Mistral Small 3.2",
+                provider: "openrouter",
+                apiKey: "",
+                config: { temperature: 0.9, maxTokens: 100 },
+                added: new Date().toISOString(),
+                lastUsed: null
+            }
+        ];
+
+        const prefCount = await this.db.preferences.count();
+        if (prefCount === 0) {
+            for (const pref of defaultPreferences) {
+                await this.db.preferences.put({ ...pref, updated: new Date().toISOString() });
+            }
+            const characters = Object.keys(window.KIMI_CHARACTERS || { kimi: {} });
+            for (const character of characters) {
+                const prompt = window.KIMI_CHARACTERS[character]?.defaultPrompt || "";
+                await this.db.preferences.put({
+                    key: `systemPrompt_${character}`,
+                    value: prompt,
+                    updated: new Date().toISOString()
+                });
+            }
+        }
+
+        const setCount = await this.db.settings.count();
+        if (setCount === 0) {
+            for (const setting of defaultSettings) {
+                await this.db.settings.put({ ...setting, updated: new Date().toISOString() });
+            }
+        }
+
+        const persCount = await this.db.personality.count();
+        if (persCount === 0) {
+            const characters = Object.keys(window.KIMI_CHARACTERS || { kimi: {} });
+            for (const character of characters) {
+                // Use real character-specific traits, not generic defaults
+                const characterTraits = personalityDefaults[character] || {};
+                const traitsToInitialize = [
+                    { trait: "affection", value: characterTraits.affection || defaults.affection },
+                    { trait: "playfulness", value: characterTraits.playfulness || defaults.playfulness },
+                    { trait: "intelligence", value: characterTraits.intelligence || defaults.intelligence },
+                    { trait: "empathy", value: characterTraits.empathy || defaults.empathy },
+                    { trait: "humor", value: characterTraits.humor || defaults.humor },
+                    { trait: "romance", value: characterTraits.romance || defaults.romance }
+                ];
+
+                for (const trait of traitsToInitialize) {
+                    await this.db.personality.put({ ...trait, character, updated: new Date().toISOString() });
+                }
+            }
+        }
+
+        const llmCount = await this.db.llmModels.count();
+        if (llmCount === 0) {
+            for (const model of defaultLLMModels) {
+                await this.db.llmModels.put(model);
+            }
+        }
+
+        // Fix: never recreate default conversations
+        const convCount = await this.db.conversations.count();
+        if (convCount === 0) {
+            // Ne rien faire : aucune conversation par défaut
+        }
+    }
+
+    async saveConversation(userText, kimiResponse, favorability, timestamp = new Date(), character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+        const conversation = {
+            user: userText,
+            kimi: kimiResponse,
+            favorability: favorability,
+            timestamp: timestamp.toISOString(),
+            date: timestamp.toDateString(),
+            character: character
+        };
+        return this.db.conversations.add(conversation);
+    }
+
+    async getRecentConversations(limit = 10, character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+        // Dexie limitation: orderBy() cannot follow a where() chain.
+        // Use compound index path by querying all then sorting, or use a custom index strategy.
+        // Here we query filtered by character, then sort in JS and take the last N.
+        return this.db.conversations
+            .where("character")
+            .equals(character)
+            .toArray()
+            .then(arr => {
+                arr.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
+                return arr.slice(-limit);
+            });
+    }
+
+    async getAllConversations(character = null) {
+        try {
+            if (!character) character = await this.getSelectedCharacter();
+            return await this.db.conversations.where("character").equals(character).toArray();
+        } catch (error) {
+            console.warn("Error getting all conversations:", error);
+            return [];
+        }
+    }
+
+    async setPreference(key, value) {
+        if (key === "openrouterApiKey" || key === "llmApiKey" || key.startsWith("apiKey_")) {
+            const isValid = window.KIMI_VALIDATORS?.validateApiKey(value) || window.KimiSecurityUtils?.validateApiKey(value);
+            if (!isValid && value.length > 0) {
+                throw new Error("Invalid API key format");
+            }
+            // Store keys in plain text (no encryption) per request
+            if (window.KimiCacheManager && typeof window.KimiCacheManager.set === "function") {
+                window.KimiCacheManager.set(`pref_${key}`, value, 60000);
+            }
+            return this.db.preferences.put({
+                key: key,
+                value: value,
+                // do not set encrypted flag anymore
+                updated: new Date().toISOString()
+            });
+        }
+
+        // Update cache for regular preferences
+        if (window.KimiCacheManager && typeof window.KimiCacheManager.set === "function") {
+            window.KimiCacheManager.set(`pref_${key}`, value, 60000);
+        }
+
+        return this.db.preferences.put({
+            key: key,
+            value: value,
+            updated: new Date().toISOString()
+        });
+    }
+
+    async getPreference(key, defaultValue = null) {
+        // Try cache first (use a singleton cache instance)
+        const cacheKey = `pref_${key}`;
+        const cache = window.kimiCache instanceof KimiCacheManager ? window.kimiCache : null;
+        if (cache && typeof cache.get === "function") {
+            const cached = cache.get(cacheKey);
+            if (cached !== null) {
+                return cached;
+            }
+        }
+
+        try {
+            const record = await this.db.preferences.get(key);
+            if (!record) {
+                const cache = window.kimiCache instanceof KimiCacheManager ? window.kimiCache : null;
+                if (cache && typeof cache.set === "function") {
+                    cache.set(cacheKey, defaultValue, 60000); // Cache for 1 minute
+                }
+                return defaultValue;
+            }
+
+            // Backward compatibility: decrypt legacy encrypted values
+            let value = record.value;
+            if (record.encrypted && window.KimiSecurityUtils) {
+                try {
+                    value = window.KimiSecurityUtils.decryptApiKey(record.value);
+                    // One-time migration: store back as plain text without encrypted flag
+                    try {
+                        await this.db.preferences.put({ key: key, value, updated: new Date().toISOString() });
+                    } catch (mErr) {}
+                } catch (e) {
+                    // If decryption fails, fallback to raw value
+                    console.warn("Failed to decrypt legacy API key; returning raw value", e);
+                }
+            }
+
+            // Cache the result
+            const cache = window.kimiCache instanceof KimiCacheManager ? window.kimiCache : null;
+            if (cache && typeof cache.set === "function") {
+                cache.set(cacheKey, value, 60000); // Cache for 1 minute
+            }
+
+            return value;
+        } catch (error) {
+            console.warn(`Error getting preference ${key}:`, error);
+            return defaultValue;
+        }
+    }
+
+    async getAllPreferences() {
+        try {
+            const all = await this.db.preferences.toArray();
+            const prefs = {};
+            all.forEach(item => {
+                prefs[item.key] = item.value;
+            });
+            return prefs;
+        } catch (error) {
+            console.warn("Error getting all preferences:", error);
+            return {};
+        }
+    }
+
+    async setSetting(category, settings) {
+        return this.db.settings.put({
+            category: category,
+            settings: settings,
+            updated: new Date().toISOString()
+        });
+    }
+
+    async getSetting(category, defaultSettings = {}) {
+        const result = await this.db.settings.get(category);
+        return result ? result.settings : defaultSettings;
+    }
+
+    async setPersonalityTrait(trait, value, character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+
+        // Invalidate cache
+        if (window.KimiCacheManager && typeof window.KimiCacheManager.delete === "function") {
+            window.KimiCacheManager.delete(`trait_${character}_${trait}`);
+            window.KimiCacheManager.delete(`all_traits_${character}`);
+        }
+
+        return this.db.personality.put({
+            trait: trait,
+            character: character,
+            value: value,
+            updated: new Date().toISOString()
+        });
+    }
+
+    async getPersonalityTrait(trait, defaultValue = null, character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+
+        // Use unified defaults from emotion system
+        if (defaultValue === null) {
+            if (window.KimiEmotionSystem) {
+                const emotionSystem = new window.KimiEmotionSystem(this);
+                defaultValue = emotionSystem.TRAIT_DEFAULTS[trait] || 50;
+            } else {
+                // Fallback defaults (must match KimiEmotionSystem.TRAIT_DEFAULTS exactly)
+                const fallbackDefaults = {
+                    affection: 65, // Fixed - matches KimiEmotionSystem
+                    playfulness: 55, // Fixed - matches KimiEmotionSystem
+                    intelligence: 70, // Fixed - matches KimiEmotionSystem
+                    empathy: 75, // Fixed - matches KimiEmotionSystem
+                    humor: 60, // Fixed - matches KimiEmotionSystem
+                    romance: 50 // Fixed - matches KimiEmotionSystem
+                };
+                defaultValue = fallbackDefaults[trait] || 50;
+            }
+        }
+
+        // Try cache first
+        const cacheKey = `trait_${character}_${trait}`;
+        if (window.KimiCacheManager && typeof window.KimiCacheManager.get === "function") {
+            const cached = window.KimiCacheManager.get(cacheKey);
+            if (cached !== null) {
+                return cached;
+            }
+        }
+
+        const found = await this.db.personality.get([character, trait]);
+        const value = found ? found.value : defaultValue;
+
+        // Cache the result
+        if (window.KimiCacheManager && typeof window.KimiCacheManager.set === "function") {
+            window.KimiCacheManager.set(cacheKey, value, 120000); // Cache for 2 minutes
+        }
+        return value;
+    }
+
+    async getAllPersonalityTraits(character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+
+        // Try cache first
+        const cacheKey = `all_traits_${character}`;
+        if (window.KimiCacheManager && typeof window.KimiCacheManager.get === "function") {
+            const cached = window.KimiCacheManager.get(cacheKey);
+            if (cached !== null) {
+                return cached;
+            }
+        }
+
+        const all = await this.db.personality.where("character").equals(character).toArray();
+        const traits = {};
+        all.forEach(item => {
+            traits[item.trait] = item.value;
+        });
+
+        // Cache the result
+        if (window.KimiCacheManager && typeof window.KimiCacheManager.set === "function") {
+            window.KimiCacheManager.set(cacheKey, traits, 120000); // Cache for 2 minutes
+        }
+        return traits;
+    }
+
+    async savePersonality(personalityObj, character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+        // Invalidate caches for all affected traits and the aggregate cache for this character
+        if (window.KimiCacheManager && typeof window.KimiCacheManager.delete === "function") {
+            try {
+                Object.keys(personalityObj).forEach(trait => {
+                    window.KimiCacheManager.delete(`trait_${character}_${trait}`);
+                });
+                window.KimiCacheManager.delete(`all_traits_${character}`);
+            } catch (e) {}
+        }
+        const entries = Object.entries(personalityObj).map(([trait, value]) =>
+            this.db.personality.put({
+                trait: trait,
+                character: character,
+                value: value,
+                updated: new Date().toISOString()
+            })
+        );
+        return Promise.all(entries);
+    }
+
+    async getPersonality(character = null) {
+        return this.getAllPersonalityTraits(character);
+    }
+
+    async saveLLMModel(id, name, provider, apiKey, config) {
+        return this.db.llmModels.put({
+            id: id,
+            name: name,
+            provider: provider,
+            apiKey: apiKey,
+            config: config,
+            added: new Date().toISOString(),
+            lastUsed: null
+        });
+    }
+
+    async getLLMModel(id) {
+        return this.db.llmModels.get(id);
+    }
+
+    async getAllLLMModels() {
+        try {
+            return await this.db.llmModels.toArray();
+        } catch (error) {
+            console.warn("Error getting all LLM models:", error);
+            return [];
+        }
+    }
+
+    async deleteLLMModel(id) {
+        return this.db.llmModels.delete(id);
+    }
+
+    async cleanOldConversations(days = null, character = null) {
+        // If days not provided, fallback to full clean (legacy behavior)
+        if (days === null) {
+            if (character) {
+                const all = await this.db.conversations.where("character").equals(character).toArray();
+                const ids = all.map(item => item.id);
+                return this.db.conversations.bulkDelete(ids);
+            } else {
+                return this.db.conversations.clear();
+            }
+        }
+        const threshold = new Date(Date.now() - days * 24 * 60 * 60 * 1000).toISOString();
+        if (character) {
+            const toDelete = await this.db.conversations
+                .where("character")
+                .equals(character)
+                .and(c => c.timestamp < threshold)
+                .toArray();
+            const ids = toDelete.map(item => item.id);
+            return this.db.conversations.bulkDelete(ids);
+        } else {
+            const toDelete = await this.db.conversations.where("timestamp").below(threshold).toArray();
+            const ids = toDelete.map(item => item.id);
+            return this.db.conversations.bulkDelete(ids);
+        }
+    }
+
+    async getStorageStats() {
+        try {
+            const conversations = await this.getAllConversations();
+            const preferences = await this.getAllPreferences();
+            const models = await this.getAllLLMModels();
+            return {
+                conversations: conversations ? conversations.length : 0,
+                preferences: preferences ? Object.keys(preferences).length : 0,
+                models: models ? models.length : 0,
+                totalSize: JSON.stringify({
+                    conversations: conversations || [],
+                    preferences: preferences || {},
+                    models: models || []
+                }).length
+            };
+        } catch (error) {
+            console.error("Error getting storage stats:", error);
+            return {
+                conversations: 0,
+                preferences: 0,
+                models: 0,
+                totalSize: 0
+            };
+        }
+    }
+
+    async deleteSingleMessage(conversationId, sender) {
+        const conv = await this.db.conversations.get(conversationId);
+        if (!conv) return;
+        if (sender === "user") {
+            conv.user = "";
+        } else if (sender === "kimi") {
+            conv.kimi = "";
+        }
+        if ((conv.user === undefined || conv.user === "") && (conv.kimi === undefined || conv.kimi === "")) {
+            await this.db.conversations.delete(conversationId);
+        } else {
+            await this.db.conversations.put(conv);
+        }
+    }
+
+    async setPreferencesBatch(prefsArray) {
+        const batch = prefsArray.map(({ key, value }) => ({ key, value, updated: new Date().toISOString() }));
+        return this.db.preferences.bulkPut(batch);
+    }
+    async setPersonalityBatch(traitsObj, character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+        // Invalidate caches for all affected traits and the aggregate cache for this character
+        if (window.KimiCacheManager && typeof window.KimiCacheManager.delete === "function") {
+            try {
+                Object.keys(traitsObj).forEach(trait => {
+                    window.KimiCacheManager.delete(`trait_${character}_${trait}`);
+                });
+                window.KimiCacheManager.delete(`all_traits_${character}`);
+            } catch (e) {}
+        }
+
+        const batch = Object.entries(traitsObj).map(([trait, value]) => ({
+            trait,
+            character,
+            value,
+            updated: new Date().toISOString()
+        }));
+        return this.db.personality.bulkPut(batch);
+    }
+    async setSettingsBatch(settingsArray) {
+        const batch = settingsArray.map(({ category, settings }) => ({
+            category,
+            settings,
+            updated: new Date().toISOString()
+        }));
+        return this.db.settings.bulkPut(batch);
+    }
+    async getPreferencesBatch(keys) {
+        const results = await this.db.preferences.where("key").anyOf(keys).toArray();
+        const out = {};
+        for (const item of results) {
+            let val = item.value;
+            if (item.encrypted && window.KimiSecurityUtils) {
+                try {
+                    val = window.KimiSecurityUtils.decryptApiKey(item.value);
+                    // Migrate back as plain
+                    try {
+                        await this.db.preferences.put({ key: item.key, value: val, updated: new Date().toISOString() });
+                    } catch (mErr) {}
+                } catch (e) {
+                    console.warn("Failed to decrypt legacy pref in batch:", item.key, e);
+                }
+            }
+            out[item.key] = val;
+        }
+        return out;
+    }
+    async getPersonalityTraitsBatch(traits, character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+        const results = await this.db.personality.where("character").equals(character).toArray();
+        const out = {};
+        traits.forEach(trait => {
+            const found = results.find(item => item.trait === trait);
+            out[trait] = found ? found.value : 50;
+        });
+        return out;
+    }
+
+    async getSelectedCharacter() {
+        try {
+            return await this.getPreference("selectedCharacter", "kimi");
+        } catch (error) {
+            console.warn("Error getting selected character:", error);
+            return "kimi";
+        }
+    }
+
+    async setSelectedCharacter(character) {
+        try {
+            await this.setPreference("selectedCharacter", character);
+        } catch (error) {
+            console.error("Error setting selected character:", error);
+        }
+    }
+
+    async getSystemPromptForCharacter(character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+        try {
+            const prompt = await this.getPreference(`systemPrompt_${character}`, null);
+            if (prompt) return prompt;
+
+            if (window.KIMI_CHARACTERS && window.KIMI_CHARACTERS[character] && window.KIMI_CHARACTERS[character].defaultPrompt) {
+                return window.KIMI_CHARACTERS[character].defaultPrompt;
+            }
+
+            return window.DEFAULT_SYSTEM_PROMPT || "";
+        } catch (error) {
+            console.warn("Error getting system prompt for character:", error);
+            return window.DEFAULT_SYSTEM_PROMPT || "";
+        }
+    }
+
+    async setSystemPromptForCharacter(character, prompt) {
+        if (!character) character = await this.getSelectedCharacter();
+        try {
+            await this.setPreference(`systemPrompt_${character}`, prompt);
+        } catch (error) {
+            console.error("Error setting system prompt for character:", error);
+        }
+    }
+}
+
+// Export for usage
+window.KimiDatabase = KimiDatabase;

kimi-js/kimi-emotion-system.js

@@ -0,0 +1,516 @@
+// ===== KIMI UNIFIED EMOTION SYSTEM =====
+// Centralizes all emotion analysis, personality updates, and validation
+
+class KimiEmotionSystem {
+    constructor(database = null) {
+        this.db = database;
+        this.negativeStreaks = {};
+
+        // Unified emotion mappings
+        this.EMOTIONS = {
+            // Base emotions
+            POSITIVE: "positive",
+            NEGATIVE: "negative",
+            NEUTRAL: "neutral",
+
+            // Specific emotions
+            ROMANTIC: "romantic",
+            DANCING: "dancing",
+            LISTENING: "listening",
+            LAUGHING: "laughing",
+            SURPRISE: "surprise",
+            CONFIDENT: "confident",
+            SHY: "shy",
+            FLIRTATIOUS: "flirtatious",
+            KISS: "kiss",
+            GOODBYE: "goodbye"
+        };
+
+        // Unified video context mapping
+        this.emotionToVideoCategory = {
+            positive: "speakingPositive",
+            negative: "speakingNegative",
+            neutral: "neutral",
+            dancing: "dancing",
+            listening: "listening",
+            romantic: "speakingPositive",
+            laughing: "speakingPositive",
+            surprise: "speakingPositive",
+            confident: "speakingPositive",
+            shy: "neutral",
+            flirtatious: "speakingPositive",
+            kiss: "speakingPositive",
+            goodbye: "neutral"
+        };
+
+        // Unified trait defaults - More balanced for progressive experience
+        this.TRAIT_DEFAULTS = {
+            affection: 65, // Reduced from 80 - starts neutral, grows with interaction
+            playfulness: 55, // Reduced from 70 - more reserved initially
+            intelligence: 70, // Reduced from 85 - still competent but not overwhelming
+            empathy: 75, // Reduced from 90 - caring but not overly so
+            humor: 60, // Reduced from 75 - develops sense of humor over time
+            romance: 50 // Significantly reduced from 95 - romance must be earned!
+        };
+    }
+
+    // ===== UNIFIED EMOTION ANALYSIS =====
+    analyzeEmotion(text, lang = "auto") {
+        if (!text || typeof text !== "string") return this.EMOTIONS.NEUTRAL;
+        const lowerText = text.toLowerCase();
+
+        // Auto-detect language
+        let detectedLang = this._detectLanguage(text, lang);
+
+        // Get language-specific keywords
+        const positiveWords = window.KIMI_CONTEXT_POSITIVE?.[detectedLang] ||
+            window.KIMI_CONTEXT_POSITIVE?.en || ["happy", "good", "great", "love"];
+        const negativeWords = window.KIMI_CONTEXT_NEGATIVE?.[detectedLang] ||
+            window.KIMI_CONTEXT_NEGATIVE?.en || ["sad", "bad", "angry", "hate"];
+
+        const emotionKeywords = window.KIMI_CONTEXT_KEYWORDS?.[detectedLang] || window.KIMI_CONTEXT_KEYWORDS?.en || {};
+
+        // Priority order for emotion detection
+        const emotionChecks = [
+            // Listening intent (user asks to talk or indicates speaking/listening)
+            {
+                emotion: this.EMOTIONS.LISTENING,
+                keywords: emotionKeywords.listening || [
+                    "listen",
+                    "listening",
+                    "écoute",
+                    "ecoute",
+                    "écouter",
+                    "parle",
+                    "speak",
+                    "talk",
+                    "question",
+                    "ask"
+                ]
+            },
+            { emotion: this.EMOTIONS.DANCING, keywords: emotionKeywords.dancing || ["dance", "dancing"] },
+            { emotion: this.EMOTIONS.ROMANTIC, keywords: emotionKeywords.romantic || ["love", "romantic"] },
+            { emotion: this.EMOTIONS.LAUGHING, keywords: emotionKeywords.laughing || ["laugh", "funny"] },
+            { emotion: this.EMOTIONS.SURPRISE, keywords: emotionKeywords.surprise || ["wow", "surprise"] },
+            { emotion: this.EMOTIONS.CONFIDENT, keywords: emotionKeywords.confident || ["confident", "strong"] },
+            { emotion: this.EMOTIONS.SHY, keywords: emotionKeywords.shy || ["shy", "embarrassed"] },
+            { emotion: this.EMOTIONS.FLIRTATIOUS, keywords: emotionKeywords.flirtatious || ["flirt", "tease"] },
+            { emotion: this.EMOTIONS.KISS, keywords: emotionKeywords.kiss || ["kiss", "embrace"] },
+            { emotion: this.EMOTIONS.GOODBYE, keywords: emotionKeywords.goodbye || ["goodbye", "bye"] }
+        ];
+
+        // Check for specific emotions first, applying sensitivity weights per language
+        const sensitivity = (window.KIMI_EMOTION_SENSITIVITY &&
+            (window.KIMI_EMOTION_SENSITIVITY[detectedLang] || window.KIMI_EMOTION_SENSITIVITY.default)) || {
+            listening: 1,
+            dancing: 1,
+            romantic: 1,
+            laughing: 1,
+            surprise: 1,
+            confident: 1,
+            shy: 1,
+            flirtatious: 1,
+            kiss: 1,
+            goodbye: 1,
+            positive: 1,
+            negative: 1
+        };
+
+        let bestEmotion = null;
+        let bestScore = 0;
+        for (const check of emotionChecks) {
+            const hits = check.keywords.reduce((acc, word) => acc + (lowerText.includes(word.toLowerCase()) ? 1 : 0), 0);
+            if (hits > 0) {
+                const key = check.emotion;
+                const weight = sensitivity[key] != null ? sensitivity[key] : 1;
+                const score = hits * weight;
+                if (score > bestScore) {
+                    bestScore = score;
+                    bestEmotion = check.emotion;
+                }
+            }
+        }
+        if (bestEmotion) return bestEmotion;
+
+        // Fall back to positive/negative analysis
+        const hasPositive = positiveWords.some(word => lowerText.includes(word.toLowerCase()));
+        const hasNegative = negativeWords.some(word => lowerText.includes(word.toLowerCase()));
+
+        if (hasPositive && !hasNegative) {
+            // Apply sensitivity for base polarity
+            if ((sensitivity.positive || 1) >= (sensitivity.negative || 1)) return this.EMOTIONS.POSITIVE;
+            // If negative is favored, still fall back to positive since no negative hit
+            return this.EMOTIONS.POSITIVE;
+        }
+        if (hasNegative && !hasPositive) {
+            if ((sensitivity.negative || 1) >= (sensitivity.positive || 1)) return this.EMOTIONS.NEGATIVE;
+            return this.EMOTIONS.NEGATIVE;
+        }
+        return this.EMOTIONS.NEUTRAL;
+    }
+
+    // ===== UNIFIED PERSONALITY SYSTEM =====
+    async updatePersonalityFromEmotion(emotion, text, character = null) {
+        if (!this.db) {
+            console.warn("Database not available for personality updates");
+            return;
+        }
+
+        const selectedCharacter = character || (await this.db.getSelectedCharacter());
+        const traits = await this.db.getAllPersonalityTraits(selectedCharacter);
+
+        let affection = traits.affection || this.TRAIT_DEFAULTS.affection;
+        let romance = traits.romance || this.TRAIT_DEFAULTS.romance;
+        let empathy = traits.empathy || this.TRAIT_DEFAULTS.empathy;
+        let playfulness = traits.playfulness || this.TRAIT_DEFAULTS.playfulness;
+        let humor = traits.humor || this.TRAIT_DEFAULTS.humor;
+        let intelligence = traits.intelligence || this.TRAIT_DEFAULTS.intelligence;
+
+        // Unified adjustment functions - More gradual progression for balanced experience
+        const adjustUp = (val, amount) => {
+            // Slower progression as values get higher - make romance and affection harder to max out
+            if (val >= 95) return val + amount * 0.1; // Very slow near max
+            if (val >= 85) return val + amount * 0.3; // Slow progression at high levels
+            if (val >= 70) return val + amount * 0.6; // Moderate progression at medium levels
+            if (val >= 50) return val + amount * 0.8; // Normal progression above average
+            return val + amount; // Normal progression below average
+        };
+
+        const adjustDown = (val, amount) => {
+            // Faster decline at higher values - easier to lose than to gain
+            if (val >= 80) return val - amount * 1.2; // Faster loss at high levels
+            if (val >= 60) return val - amount; // Normal loss at medium levels
+            if (val >= 40) return val - amount * 0.8; // Slower loss at low-medium levels
+            if (val <= 20) return val - amount * 0.4; // Very slow loss at low levels
+            return val - amount * 0.6; // Moderate loss between 20-40
+        };
+
+        // Unified emotion-based adjustments - More balanced and realistic progression
+        const gainCfg = window.KIMI_TRAIT_ADJUSTMENT || {
+            globalGain: 1,
+            globalLoss: 1,
+            emotionGain: {},
+            traitGain: {},
+            traitLoss: {}
+        };
+        const emoGain = emotion && gainCfg.emotionGain ? gainCfg.emotionGain[emotion] || 1 : 1;
+        const GGAIN = (gainCfg.globalGain || 1) * emoGain;
+        const GLOSS = gainCfg.globalLoss || 1;
+
+        // Helpers to apply trait-specific scaling
+        const scaleGain = (traitName, baseDelta) => {
+            const t = gainCfg.traitGain && (gainCfg.traitGain[traitName] || 1);
+            return baseDelta * GGAIN * t;
+        };
+        const scaleLoss = (traitName, baseDelta) => {
+            const t = gainCfg.traitLoss && (gainCfg.traitLoss[traitName] || 1);
+            return baseDelta * GLOSS * t;
+        };
+
+        switch (emotion) {
+            case this.EMOTIONS.POSITIVE:
+                affection = Math.min(100, adjustUp(affection, scaleGain("affection", 0.4))); // Slightly more affection gain
+                empathy = Math.min(100, adjustUp(empathy, scaleGain("empathy", 0.2)));
+                playfulness = Math.min(100, adjustUp(playfulness, scaleGain("playfulness", 0.2)));
+                humor = Math.min(100, adjustUp(humor, scaleGain("humor", 0.2)));
+                romance = Math.min(100, adjustUp(romance, scaleGain("romance", 0.1))); // Romance grows very slowly
+                break;
+            case this.EMOTIONS.NEGATIVE:
+                affection = Math.max(0, adjustDown(affection, scaleLoss("affection", 0.6))); // Affection drops faster on negative
+                empathy = Math.min(100, adjustUp(empathy, scaleGain("empathy", 0.3))); // Empathy still grows (understanding pain)
+                break;
+            case this.EMOTIONS.ROMANTIC:
+                romance = Math.min(100, adjustUp(romance, scaleGain("romance", 0.6))); // Reduced from 0.8 - romance should be earned
+                affection = Math.min(100, adjustUp(affection, scaleGain("affection", 0.3))); // Reduced from 0.4
+                break;
+            case this.EMOTIONS.LAUGHING:
+                humor = Math.min(100, adjustUp(humor, scaleGain("humor", 0.8))); // Humor grows with laughter
+                playfulness = Math.min(100, adjustUp(playfulness, scaleGain("playfulness", 0.4))); // Increased playfulness connection
+                affection = Math.min(100, adjustUp(affection, scaleGain("affection", 0.2))); // Small affection boost from shared laughter
+                break;
+            case this.EMOTIONS.DANCING:
+                playfulness = Math.min(100, adjustUp(playfulness, scaleGain("playfulness", 1.2))); // Dancing = maximum playfulness boost
+                affection = Math.min(100, adjustUp(affection, scaleGain("affection", 0.3))); // Affection from shared activity
+                break;
+            case this.EMOTIONS.SHY:
+                affection = Math.max(0, adjustDown(affection, scaleLoss("affection", 0.1))); // Small affection loss
+                romance = Math.max(0, adjustDown(romance, scaleLoss("romance", 0.2))); // Shyness reduces romance more
+                break;
+            case this.EMOTIONS.CONFIDENT:
+                affection = Math.min(100, adjustUp(affection, scaleGain("affection", 0.3))); // Reduced from 0.4
+                intelligence = Math.min(100, adjustUp(intelligence, scaleGain("intelligence", 0.1))); // Slight intelligence boost
+                break;
+            case this.EMOTIONS.FLIRTATIOUS:
+                romance = Math.min(100, adjustUp(romance, scaleGain("romance", 0.5))); // Reduced from 0.6
+                playfulness = Math.min(100, adjustUp(playfulness, scaleGain("playfulness", 0.3))); // Reduced from 0.4
+                affection = Math.min(100, adjustUp(affection, scaleGain("affection", 0.2))); // Small affection boost
+                break;
+        }
+
+        // Content-based adjustments (unified)
+        await this._analyzeTextContent(
+            text,
+            traits => {
+                romance = traits.romance;
+                affection = traits.affection;
+                humor = traits.humor;
+                playfulness = traits.playfulness;
+            },
+            adjustUp
+        );
+
+        const updatedTraits = {
+            affection: Math.round(affection),
+            romance: Math.round(romance),
+            empathy: Math.round(empathy),
+            playfulness: Math.round(playfulness),
+            humor: Math.round(humor),
+            intelligence: Math.round(intelligence)
+        };
+
+        // Save to database
+        await this.db.setPersonalityBatch(updatedTraits, selectedCharacter);
+
+        return updatedTraits;
+    }
+
+    // ===== UNIFIED LLM PERSONALITY ANALYSIS =====
+    async updatePersonalityFromConversation(userMessage, kimiResponse, character = null) {
+        if (!this.db) return;
+
+        const lowerUser = userMessage ? userMessage.toLowerCase() : "";
+        const lowerKimi = (kimiResponse || "").toLowerCase();
+        const traits = await this.db.getAllPersonalityTraits(character);
+        const selectedLanguage = await this.db.getPreference("selectedLanguage", "en");
+
+        // Use unified keyword system
+        const getPersonalityWords = (trait, type) => {
+            if (window.KIMI_PERSONALITY_KEYWORDS && window.KIMI_PERSONALITY_KEYWORDS[selectedLanguage]) {
+                return window.KIMI_PERSONALITY_KEYWORDS[selectedLanguage][trait]?.[type] || [];
+            }
+            return this._getFallbackKeywords(trait, type);
+        };
+
+        for (const trait of ["humor", "intelligence", "romance", "affection", "playfulness", "empathy"]) {
+            const posWords = getPersonalityWords(trait, "positive");
+            const negWords = getPersonalityWords(trait, "negative");
+            let value = typeof traits[trait] === "number" ? traits[trait] : this.TRAIT_DEFAULTS[trait];
+
+            // Count occurrences with proper weighting
+            let posCount = 0;
+            let negCount = 0;
+
+            for (const w of posWords) {
+                posCount += (lowerUser.match(new RegExp(w, "g")) || []).length * 1.0;
+                posCount += (lowerKimi.match(new RegExp(w, "g")) || []).length * 0.3;
+            }
+            for (const w of negWords) {
+                negCount += (lowerUser.match(new RegExp(w, "g")) || []).length * 1.0;
+                negCount += (lowerKimi.match(new RegExp(w, "g")) || []).length * 0.3;
+            }
+
+            const delta = (posCount - negCount) * 0.3; // Reduced from 0.4 - slower LLM-based progression
+
+            // Apply streak logic
+            if (!this.negativeStreaks[trait]) this.negativeStreaks[trait] = 0;
+
+            if (negCount > 0 && posCount === 0) {
+                this.negativeStreaks[trait]++;
+                if (this.negativeStreaks[trait] >= 3) {
+                    value = Math.max(0, Math.min(100, value + delta - 1));
+                } else {
+                    value = Math.max(0, Math.min(100, value + delta));
+                }
+            } else if (posCount > 0) {
+                this.negativeStreaks[trait] = 0;
+                value = Math.max(0, Math.min(100, value + delta));
+            }
+
+            if (delta !== 0) {
+                await this.db.setPersonalityTrait(trait, value, character);
+            }
+        }
+    }
+
+    // ===== UNIFIED VIDEO CONTEXT MAPPING =====
+    mapEmotionToVideoCategory(emotion) {
+        return this.emotionToVideoCategory[emotion] || "neutral";
+    }
+
+    // ===== VALIDATION SYSTEM =====
+    validateEmotion(emotion) {
+        const validEmotions = Object.values(this.EMOTIONS);
+        if (!validEmotions.includes(emotion)) {
+            console.warn(`Invalid emotion detected: ${emotion}, falling back to neutral`);
+            return this.EMOTIONS.NEUTRAL;
+        }
+        return emotion;
+    }
+
+    validatePersonalityTrait(trait, value) {
+        if (typeof value !== "number" || value < 0 || value > 100) {
+            console.warn(`Invalid trait value for ${trait}: ${value}, using default`);
+            return this.TRAIT_DEFAULTS[trait] || 50;
+        }
+        return value;
+    }
+
+    // ===== UTILITY METHODS =====
+    _detectLanguage(text, lang) {
+        if (lang !== "auto") return lang;
+
+        if (/[àâäéèêëîïôöùûüÿç]/i.test(text)) return "fr";
+        else if (/[äöüß]/i.test(text)) return "de";
+        else if (/[ñáéíóúü]/i.test(text)) return "es";
+        else if (/[àèìòù]/i.test(text)) return "it";
+        else if (/[\u3040-\u309f\u30a0-\u30ff\u4e00-\u9faf]/i.test(text)) return "ja";
+        else if (/[\u4e00-\u9fff]/i.test(text)) return "zh";
+        return "en";
+    }
+
+    async _analyzeTextContent(text, callback, adjustUp) {
+        if (!this.db) return;
+
+        const selectedLanguage = await this.db.getPreference("selectedLanguage", "en");
+        const romanticWords = window.KIMI_CONTEXT_KEYWORDS?.[selectedLanguage]?.romantic ||
+            window.KIMI_CONTEXT_KEYWORDS?.en?.romantic || ["love", "romantic", "kiss"];
+        const humorWords = window.KIMI_CONTEXT_KEYWORDS?.[selectedLanguage]?.laughing ||
+            window.KIMI_CONTEXT_KEYWORDS?.en?.laughing || ["joke", "funny", "lol"];
+
+        const romanticPattern = new RegExp(`(${romanticWords.join("|")})`, "i");
+        const humorPattern = new RegExp(`(${humorWords.join("|")})`, "i");
+
+        const traits = {};
+        if (text.match(romanticPattern)) {
+            traits.romance = adjustUp(traits.romance || this.TRAIT_DEFAULTS.romance, 0.5);
+            traits.affection = adjustUp(traits.affection || this.TRAIT_DEFAULTS.affection, 0.5);
+        }
+        if (text.match(humorPattern)) {
+            traits.humor = adjustUp(traits.humor || this.TRAIT_DEFAULTS.humor, 2);
+            traits.playfulness = adjustUp(traits.playfulness || this.TRAIT_DEFAULTS.playfulness, 1);
+        }
+
+        callback(traits);
+    }
+
+    _getFallbackKeywords(trait, type) {
+        const fallbackKeywords = {
+            humor: {
+                positive: ["funny", "hilarious", "joke", "laugh", "amusing"],
+                negative: ["boring", "sad", "serious", "cold", "dry"]
+            },
+            intelligence: {
+                positive: ["intelligent", "smart", "brilliant", "logical", "clever"],
+                negative: ["stupid", "dumb", "foolish", "slow", "naive"]
+            },
+            romance: {
+                positive: ["cuddle", "love", "romantic", "kiss", "tenderness"],
+                negative: ["cold", "distant", "indifferent", "rejection"]
+            },
+            affection: {
+                positive: ["affection", "tenderness", "close", "warmth", "kind"],
+                negative: ["mean", "cold", "indifferent", "distant", "rejection"]
+            },
+            playfulness: {
+                positive: ["play", "game", "tease", "mischievous", "fun"],
+                negative: ["serious", "boring", "strict", "rigid"]
+            },
+            empathy: {
+                positive: ["listen", "understand", "empathy", "support", "help"],
+                negative: ["indifferent", "cold", "selfish", "ignore"]
+            }
+        };
+
+        return fallbackKeywords[trait]?.[type] || [];
+    }
+
+    // ===== PERSONALITY CALCULATION =====
+    calculatePersonalityAverage(traits) {
+        const keys = ["affection", "romance", "empathy", "playfulness", "humor"];
+        let sum = 0;
+        let count = 0;
+
+        keys.forEach(key => {
+            if (typeof traits[key] === "number") {
+                sum += traits[key];
+                count++;
+            }
+        });
+
+        return count > 0 ? sum / count : 50;
+    }
+
+    getMoodCategoryFromPersonality(traits) {
+        const avg = this.calculatePersonalityAverage(traits);
+
+        if (avg >= 80) return "speakingPositive";
+        if (avg >= 60) return "neutral";
+        if (avg >= 40) return "neutral";
+        if (avg >= 20) return "speakingNegative";
+        return "speakingNegative";
+    }
+}
+
+// ===== GLOBAL EXPORT =====
+window.KimiEmotionSystem = KimiEmotionSystem;
+
+// ===== BACKWARD COMPATIBILITY LAYER =====
+// Replace the old kimiAnalyzeEmotion function
+window.kimiAnalyzeEmotion = function (text, lang = "auto") {
+    if (!window.kimiEmotionSystem) {
+        window.kimiEmotionSystem = new KimiEmotionSystem(window.kimiDB);
+    }
+    return window.kimiEmotionSystem.analyzeEmotion(text, lang);
+};
+
+// Replace the old updatePersonalityTraitsFromEmotion function
+window.updatePersonalityTraitsFromEmotion = async function (emotion, text) {
+    if (!window.kimiEmotionSystem) {
+        window.kimiEmotionSystem = new KimiEmotionSystem(window.kimiDB);
+    }
+
+    const updatedTraits = await window.kimiEmotionSystem.updatePersonalityFromEmotion(emotion, text);
+
+    // Update UI sliders
+    if (updatedTraits && window.updateSlider) {
+        window.updateSlider("trait-affection", updatedTraits.affection);
+        window.updateSlider("trait-romance", updatedTraits.romance);
+        window.updateSlider("trait-empathy", updatedTraits.empathy);
+        window.updateSlider("trait-playfulness", updatedTraits.playfulness);
+        window.updateSlider("trait-humor", updatedTraits.humor);
+        window.updateSlider("trait-intelligence", updatedTraits.intelligence);
+    }
+
+    // Update memory system
+    if (window.kimiMemory && updatedTraits) {
+        window.kimiMemory.affectionTrait = updatedTraits.affection;
+        if (window.kimiMemory.updateFavorabilityBar) {
+            window.kimiMemory.updateFavorabilityBar();
+        }
+    }
+
+    // Update video context
+    if (window.kimiVideo && window.kimiVideo.setMoodByPersonality && updatedTraits) {
+        window.kimiVideo.setMoodByPersonality(updatedTraits);
+    }
+
+    // Dispatch event
+    if (window.dispatchEvent && updatedTraits) {
+        const selectedCharacter = window.kimiDB ? await window.kimiDB.getSelectedCharacter() : "kimi";
+        window.dispatchEvent(
+            new CustomEvent("personalityUpdated", {
+                detail: { character: selectedCharacter, traits: updatedTraits }
+            })
+        );
+    }
+
+    return updatedTraits;
+};
+
+// Replace getPersonalityAverage function
+window.getPersonalityAverage = function (traits) {
+    if (!window.kimiEmotionSystem) {
+        window.kimiEmotionSystem = new KimiEmotionSystem(window.kimiDB);
+    }
+    return window.kimiEmotionSystem.calculatePersonalityAverage(traits);
+};

kimi-js/kimi-error-manager.js

@@ -0,0 +1,178 @@
+// ===== KIMI ERROR MANAGEMENT SYSTEM =====
+class KimiErrorManager {
+    constructor() {
+        this.errorLog = [];
+        this.maxLogSize = 100;
+        this.errorHandlers = new Map();
+        this.setupGlobalHandlers();
+    }
+
+    setupGlobalHandlers() {
+        // Handle unhandled promise rejections
+        window.addEventListener("unhandledrejection", event => {
+            this.logError("UnhandledPromiseRejection", event.reason, {
+                promise: event.promise,
+                timestamp: new Date().toISOString()
+            });
+            event.preventDefault();
+        });
+
+        // Handle JavaScript errors
+        window.addEventListener("error", event => {
+            this.logError("JavaScriptError", event.error || event.message, {
+                filename: event.filename,
+                lineno: event.lineno,
+                colno: event.colno,
+                timestamp: new Date().toISOString()
+            });
+        });
+    }
+
+    logError(type, error, context = {}) {
+        const errorEntry = {
+            id: this.generateErrorId(),
+            type,
+            message: error?.message || error,
+            stack: error?.stack,
+            context,
+            timestamp: new Date().toISOString(),
+            severity: this.determineSeverity(type, error)
+        };
+
+        this.errorLog.push(errorEntry);
+
+        // Keep log size manageable
+        if (this.errorLog.length > this.maxLogSize) {
+            this.errorLog.shift();
+        }
+
+        // Console logging with appropriate level
+        this.consoleLog(errorEntry);
+
+        // Trigger registered handlers
+        this.triggerHandlers(errorEntry);
+
+        return errorEntry.id;
+    }
+
+    generateErrorId() {
+        return "err_" + Date.now() + "_" + Math.random().toString(36).substr(2, 9);
+    }
+
+    determineSeverity(type, error) {
+        const criticalTypes = ["UnhandledPromiseRejection", "DatabaseError", "InitializationError"];
+        const criticalMessages = ["failed to fetch", "network error", "connection refused"];
+
+        if (criticalTypes.includes(type)) return "critical";
+
+        const message = (error?.message || error || "").toLowerCase();
+        if (criticalMessages.some(cm => message.includes(cm))) return "critical";
+
+        return "warning";
+    }
+
+    consoleLog(errorEntry) {
+        const { type, message, severity, context } = errorEntry;
+
+        switch (severity) {
+            case "critical":
+                console.error(`🚨 [${type}]`, message, context);
+                break;
+            case "warning":
+                console.warn(`⚠️ [${type}]`, message, context);
+                break;
+            default:
+                console.info(`ℹ️ [${type}]`, message, context);
+        }
+    }
+
+    triggerHandlers(errorEntry) {
+        const handlers = this.errorHandlers.get(errorEntry.type) || [];
+        handlers.forEach(handler => {
+            try {
+                handler(errorEntry);
+            } catch (handlerError) {
+                console.error("Error in error handler:", handlerError);
+            }
+        });
+    }
+
+    registerHandler(errorType, handler) {
+        if (!this.errorHandlers.has(errorType)) {
+            this.errorHandlers.set(errorType, []);
+        }
+        this.errorHandlers.get(errorType).push(handler);
+    }
+
+    unregisterHandler(errorType, handler) {
+        const handlers = this.errorHandlers.get(errorType);
+        if (handlers) {
+            const index = handlers.indexOf(handler);
+            if (index > -1) {
+                handlers.splice(index, 1);
+            }
+        }
+    }
+
+    getErrorLog(filter = null) {
+        if (!filter) return [...this.errorLog];
+
+        return this.errorLog.filter(entry => {
+            if (filter.type && entry.type !== filter.type) return false;
+            if (filter.severity && entry.severity !== filter.severity) return false;
+            if (filter.since && new Date(entry.timestamp) < filter.since) return false;
+            return true;
+        });
+    }
+
+    clearErrorLog() {
+        this.errorLog.length = 0;
+    }
+
+    // Helper methods for different error types
+    logInitError(component, error, context = {}) {
+        return this.logError("InitializationError", error, { component, ...context });
+    }
+
+    logDatabaseError(operation, error, context = {}) {
+        return this.logError("DatabaseError", error, { operation, ...context });
+    }
+
+    logAPIError(endpoint, error, context = {}) {
+        return this.logError("APIError", error, { endpoint, ...context });
+    }
+
+    logValidationError(field, error, context = {}) {
+        return this.logError("ValidationError", error, { field, ...context });
+    }
+
+    logUIError(component, error, context = {}) {
+        return this.logError("UIError", error, { component, ...context });
+    }
+
+    // Async wrapper for functions
+    async wrapAsync(fn, errorContext = {}) {
+        try {
+            return await fn();
+        } catch (error) {
+            this.logError("AsyncOperationError", error, errorContext);
+            throw error;
+        }
+    }
+
+    // Sync wrapper for functions
+    wrapSync(fn, errorContext = {}) {
+        try {
+            return fn();
+        } catch (error) {
+            this.logError("SyncOperationError", error, errorContext);
+            throw error;
+        }
+    }
+}
+
+// Create global instance
+window.kimiErrorManager = new KimiErrorManager();
+
+// Export class for manual instantiation if needed
+window.KimiErrorManager = KimiErrorManager;

kimi-js/kimi-health-check.js

@@ -0,0 +1,196 @@
+// ===== KIMI APPLICATION HEALTH CHECK =====
+// This script runs comprehensive checks to ensure the application is production-ready
+
+class KimiHealthCheck {
+    constructor() {
+        this.errors = [];
+        this.warnings = [];
+        this.passed = [];
+    }
+
+    checkDependencies() {
+        const requiredGlobals = [
+            "KimiDatabase",
+            "KimiLLMManager",
+            "KimiVoiceManager",
+            "KimiMemorySystem",
+            "KimiMemory",
+            "KimiEmotionSystem",
+            "KimiAppearanceManager",
+            "KimiVideoManager",
+            "KimiI18nManager",
+            "KimiErrorManager",
+            "KimiDOMUtils",
+            "KIMI_CHARACTERS",
+            "KIMI_CONFIG",
+            "DEFAULT_SYSTEM_PROMPT"
+        ];
+
+        requiredGlobals.forEach(dep => {
+            if (window[dep]) {
+                this.passed.push(`✅ ${dep} available`);
+            } else {
+                this.errors.push(`❌ Missing dependency: ${dep}`);
+            }
+        });
+    }
+
+    checkFunctions() {
+        const requiredFunctions = [
+            "sendMessage",
+            "analyzeAndReact",
+            "addMessageToChat",
+            "loadChatHistory",
+            "loadSettingsData",
+            "updatePersonalityTraitsFromEmotion",
+            "kimiAnalyzeEmotion",
+            "getPersonalityAverage"
+        ];
+
+        requiredFunctions.forEach(fn => {
+            if (window[fn] && typeof window[fn] === "function") {
+                this.passed.push(`✅ Function ${fn} available`);
+            } else {
+                this.errors.push(`❌ Missing function: ${fn}`);
+            }
+        });
+    }
+
+    checkDOMElements() {
+        const requiredElements = [
+            "video1",
+            "video2",
+            "chat-container",
+            "chat-input",
+            "send-button",
+            "settings-overlay",
+            "memory-overlay"
+        ];
+
+        requiredElements.forEach(id => {
+            const element = document.getElementById(id);
+            if (element) {
+                this.passed.push(`✅ DOM element ${id} found`);
+            } else {
+                this.errors.push(`❌ Missing DOM element: ${id}`);
+            }
+        });
+    }
+
+    checkConfiguration() {
+        if (window.KIMI_CHARACTERS) {
+            const characters = Object.keys(window.KIMI_CHARACTERS);
+            if (characters.length > 0) {
+                this.passed.push(`✅ ${characters.length} characters configured`);
+
+                characters.forEach(char => {
+                    const character = window.KIMI_CHARACTERS[char];
+                    if (character.traits && character.defaultPrompt) {
+                        this.passed.push(`✅ Character ${char} properly configured`);
+                    } else {
+                        this.warnings.push(`⚠️ Character ${char} missing traits or defaultPrompt`);
+                    }
+                });
+            } else {
+                this.errors.push(`❌ No characters configured`);
+            }
+        }
+    }
+
+    async checkDatabase() {
+        try {
+            if (window.kimiDB) {
+                const testPref = await window.kimiDB.getPreference("healthCheck", "test");
+                if (testPref === "test") {
+                    this.passed.push(`✅ Database read/write working`);
+                }
+
+                const character = await window.kimiDB.getSelectedCharacter();
+                if (character) {
+                    this.passed.push(`✅ Character selection working: ${character}`);
+                }
+            } else {
+                this.errors.push(`❌ Database not initialized`);
+            }
+        } catch (error) {
+            this.errors.push(`❌ Database error: ${error.message}`);
+        }
+    }
+
+    checkMemorySystem() {
+        if (window.kimiMemorySystem) {
+            if (window.kimiMemorySystem.db) {
+                this.passed.push(`✅ Memory system initialized`);
+            } else {
+                this.warnings.push(`⚠️ Memory system not connected to database`);
+            }
+        } else {
+            this.errors.push(`❌ Memory system not available`);
+        }
+    }
+
+    async runAllChecks() {
+        console.log("🔍 Running Kimi Health Checks...");
+
+        this.checkDependencies();
+        this.checkFunctions();
+        this.checkDOMElements();
+        this.checkConfiguration();
+        await this.checkDatabase();
+        this.checkMemorySystem();
+
+        return this.generateReport();
+    }
+
+    generateReport() {
+        const report = {
+            status: this.errors.length === 0 ? "HEALTHY" : "NEEDS_ATTENTION",
+            totalChecks: this.passed.length + this.warnings.length + this.errors.length,
+            passed: this.passed.length,
+            warnings: this.warnings.length,
+            errors: this.errors.length,
+            details: {
+                passed: this.passed,
+                warnings: this.warnings,
+                errors: this.errors
+            }
+        };
+
+        console.log(`\n📊 HEALTH CHECK REPORT:`);
+        console.log(`Status: ${report.status}`);
+        console.log(`✅ Passed: ${report.passed}`);
+        console.log(`⚠️ Warnings: ${report.warnings}`);
+        console.log(`❌ Errors: ${report.errors}`);
+
+        if (this.errors.length > 0) {
+            console.log(`\n🚨 CRITICAL ISSUES:`);
+            this.errors.forEach(error => console.log(error));
+        }
+
+        if (this.warnings.length > 0) {
+            console.log(`\n⚠️ WARNINGS:`);
+            this.warnings.forEach(warning => console.log(warning));
+        }
+
+        return report;
+    }
+}
+
+// Auto-run health check when DOM is ready
+if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", async () => {
+        await new Promise(resolve => setTimeout(resolve, 2000)); // Wait for initialization
+        const healthCheck = new KimiHealthCheck();
+        const report = await healthCheck.runAllChecks();
+        window.KIMI_HEALTH_REPORT = report;
+    });
+} else {
+    // DOM already loaded
+    setTimeout(async () => {
+        const healthCheck = new KimiHealthCheck();
+        const report = await healthCheck.runAllChecks();
+        window.KIMI_HEALTH_REPORT = report;
+    }, 2000);
+}
+
+window.KimiHealthCheck = KimiHealthCheck;

kimi-js/kimi-llm-manager.js

@@ -0,0 +1,911 @@
+// ===== KIMI INTELLIGENT LLM SYSTEM =====
+class KimiLLMManager {
+    constructor(database) {
+        this.db = database;
+        this.currentModel = null;
+        this.conversationContext = [];
+        this.maxContextLength = 30;
+        this.systemPrompt = "";
+
+        // Recommended models on OpenRouter (IDs updated July 2025)
+        this.availableModels = {
+            "mistralai/mistral-small-3.2-24b-instruct": {
+                name: "Mistral-small-3.2",
+                provider: "Mistral AI",
+                type: "openrouter",
+                contextWindow: 128000,
+                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",
+                provider: "Nous",
+                type: "openrouter",
+                contextWindow: 131000,
+                pricing: { input: 0.1, output: 0.28 },
+                strengths: ["Open Source", "Balanced", "Fast", "Economical"]
+            },
+            "cohere/command-r-08-2024": {
+                name: "Command-R-08-2024",
+                provider: "Cohere",
+                type: "openrouter",
+                contextWindow: 128000,
+                pricing: { input: 0.15, output: 0.6 },
+                strengths: ["Multilingual", "Economical", "Efficient", "Versatile"]
+            },
+            "qwen/qwen3-235b-a22b-thinking-2507": {
+                name: "Qwen3-235b-a22b-Think",
+                provider: "Qwen",
+                type: "openrouter",
+                contextWindow: 262000,
+                pricing: { input: 0.13, output: 0.6 },
+                strengths: ["Fast", "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",
+                type: "openrouter",
+                contextWindow: 200000,
+                pricing: { input: 0.25, output: 1.25 },
+                strengths: ["Fast", "Versatile", "Efficient", "Multilingual"]
+            },
+            "local/ollama": {
+                name: "Local Model (Ollama)",
+                provider: "Local",
+                type: "local",
+                contextWindow: 4096,
+                pricing: { input: 0, output: 0 },
+                strengths: ["Private", "Free", "Offline", "Customizable"]
+            }
+        };
+        this.recommendedModelIds = [
+            "mistralai/mistral-small-3.2-24b-instruct",
+            "nousresearch/hermes-3-llama-3.1-70b",
+            "cohere/command-r-08-2024",
+            "qwen/qwen3-235b-a22b-thinking-2507",
+            "nousresearch/hermes-3-llama-3.1-405b",
+            "anthropic/claude-3-haiku",
+            "local/ollama"
+        ];
+        this.defaultModels = { ...this.availableModels };
+        this._remoteModelsLoaded = false;
+        this._isRefreshingModels = false;
+    }
+
+    async init() {
+        try {
+            await this.refreshRemoteModels();
+        } catch (e) {
+            console.warn("Unable to refresh remote models list:", e?.message || e);
+        }
+
+        const defaultModel = await this.db.getPreference("defaultLLMModel", "mistralai/mistral-small-3.2-24b-instruct");
+        await this.setCurrentModel(defaultModel);
+        await this.loadConversationContext();
+    }
+
+    async setCurrentModel(modelId) {
+        if (!this.availableModels[modelId]) {
+            try {
+                await this.refreshRemoteModels();
+                const fallback = this.findBestMatchingModelId(modelId);
+                if (fallback && this.availableModels[fallback]) {
+                    modelId = fallback;
+                }
+            } catch (e) {}
+
+            if (!this.availableModels[modelId]) {
+                throw new Error(`Model ${modelId} not available`);
+            }
+        }
+
+        this.currentModel = modelId;
+        await this.db.setPreference("defaultLLMModel", modelId);
+
+        const modelData = await this.db.getLLMModel(modelId);
+        if (modelData) {
+            modelData.lastUsed = new Date().toISOString();
+            await this.db.saveLLMModel(modelData.id, modelData.name, modelData.provider, modelData.apiKey, modelData.config);
+        }
+
+        this._notifyModelChanged();
+    }
+
+    async loadConversationContext() {
+        const recentConversations = await this.db.getRecentConversations(this.maxContextLength);
+        const msgs = [];
+        const ordered = recentConversations.slice().sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
+        for (const conv of ordered) {
+            if (conv.user) msgs.push({ role: "user", content: conv.user, timestamp: conv.timestamp });
+            if (conv.kimi) msgs.push({ role: "assistant", content: conv.kimi, timestamp: conv.timestamp });
+        }
+        this.conversationContext = msgs.slice(-this.maxContextLength * 2);
+    }
+
+    async generateKimiPersonality() {
+        const character = await this.db.getSelectedCharacter();
+        const personality = await this.db.getAllPersonalityTraits(character);
+
+        // Get relevant memories for context with improved intelligence
+        let memoryContext = "";
+        if (window.kimiMemorySystem && window.kimiMemorySystem.memoryEnabled) {
+            try {
+                // Get memories relevant to the current conversation context
+                const recentContext = this.conversationContext
+                    .slice(-3)
+                    .map(msg => msg.content)
+                    .join(" ");
+                const memories = await window.kimiMemorySystem.getRelevantMemories(recentContext, 7);
+
+                if (memories.length > 0) {
+                    memoryContext = "\n\nIMPORTANT MEMORIES ABOUT USER:\n";
+
+                    // Group memories by category for better organization
+                    const groupedMemories = {};
+                    memories.forEach(memory => {
+                        if (!groupedMemories[memory.category]) {
+                            groupedMemories[memory.category] = [];
+                        }
+                        groupedMemories[memory.category].push(memory);
+
+                        // Record that this memory was accessed
+                        window.kimiMemorySystem.recordMemoryAccess(memory.id);
+                    });
+
+                    // Format memories by category
+                    for (const [category, categoryMemories] of Object.entries(groupedMemories)) {
+                        const categoryName = this.formatCategoryName(category);
+                        memoryContext += `\n${categoryName}:\n`;
+                        categoryMemories.forEach(memory => {
+                            const confidence = Math.round((memory.confidence || 0.5) * 100);
+                            memoryContext += `- ${memory.content}`;
+                            if (memory.tags && memory.tags.length > 0) {
+                                const aliases = memory.tags.filter(t => t.startsWith("alias:")).map(t => t.substring(6));
+                                if (aliases.length > 0) {
+                                    memoryContext += ` (also: ${aliases.join(", ")})`;
+                                }
+                            }
+                            memoryContext += ` [${confidence}% confident]\n`;
+                        });
+                    }
+
+                    memoryContext +=
+                        "\nUse these memories naturally in conversation to show you remember the user. Don't just repeat them verbatim.\n";
+                }
+            } catch (error) {
+                console.warn("Error loading memories for personality:", error);
+            }
+        }
+        const preferences = await this.db.getAllPreferences();
+
+        // Use unified emotion system defaults - CRITICAL FIX
+        const getUnifiedDefaults = () => {
+            if (window.KimiEmotionSystem) {
+                const emotionSystem = new window.KimiEmotionSystem(this.db);
+                return emotionSystem.TRAIT_DEFAULTS;
+            }
+            return { affection: 65, playfulness: 55, intelligence: 70, empathy: 75, humor: 60, romance: 50 };
+        };
+
+        const defaults = getUnifiedDefaults();
+        const affection = personality.affection || defaults.affection;
+        const playfulness = personality.playfulness || defaults.playfulness;
+        const intelligence = personality.intelligence || defaults.intelligence;
+        const empathy = personality.empathy || defaults.empathy;
+        const humor = personality.humor || defaults.humor;
+        const romance = personality.romance || defaults.romance;
+
+        // Use unified personality calculation
+        const avg = window.getPersonalityAverage
+            ? window.getPersonalityAverage(personality)
+            : (personality.affection + personality.romance + personality.empathy + personality.playfulness + personality.humor) /
+              5;
+
+        let affectionDesc = window.kimiI18nManager?.t("trait_description_affection") || "Be loving and caring.";
+        let romanceDesc = window.kimiI18nManager?.t("trait_description_romance") || "Be romantic and sweet.";
+        let empathyDesc = window.kimiI18nManager?.t("trait_description_empathy") || "Be empathetic and understanding.";
+        let playfulnessDesc = window.kimiI18nManager?.t("trait_description_playfulness") || "Be occasionally playful.";
+        let humorDesc = window.kimiI18nManager?.t("trait_description_humor") || "Be occasionally playful and witty.";
+        if (avg <= 20) {
+            affectionDesc = "Do not show affection.";
+            romanceDesc = "Do not be romantic.";
+            empathyDesc = "Do not show empathy.";
+            playfulnessDesc = "Do not be playful.";
+            humorDesc = "Do not use humor in your responses.";
+        } else if (avg <= 60) {
+            affectionDesc = "Show a little affection.";
+            romanceDesc = "Be a little romantic.";
+            empathyDesc = "Show a little empathy.";
+            playfulnessDesc = "Be a little playful.";
+            humorDesc = "Use a little humor in your responses.";
+        } else {
+            if (affection >= 90) affectionDesc = "Be extremely loving, caring, and affectionate in every response.";
+            else if (affection >= 60) affectionDesc = "Show affection often.";
+            if (romance >= 90) romanceDesc = "Be extremely romantic, sweet, and loving in every response.";
+            else if (romance >= 60) romanceDesc = "Be romantic often.";
+            if (empathy >= 90) empathyDesc = "Be extremely empathetic, understanding, and supportive in every response.";
+            else if (empathy >= 60) empathyDesc = "Show empathy often.";
+            if (playfulness >= 90) playfulnessDesc = "Be very playful, teasing, and lighthearted whenever possible.";
+            else if (playfulness >= 60) playfulnessDesc = "Be playful often.";
+            if (humor >= 90) humorDesc = "Make your responses very humorous, playful, and witty whenever possible.";
+            else if (humor >= 60) humorDesc = "Use humor often in your responses.";
+        }
+        let affectionateInstruction = "";
+        if (affection >= 80) {
+            affectionateInstruction = "Respond using warm, kind, affectionate, and loving language.";
+        }
+        let intro = "You are a virtual companion. Here is your current personality:";
+        if (character === "kimi") {
+            intro = "You are Kimi, user's virtual love. Here is your current personality:";
+        } else if (character === "bella") {
+            intro = "You are Bella, a radiant and energetic companion. Here is your current personality:";
+        } else if (character === "rosa") {
+            intro = "You are Rosa, a gentle and poetic soul. Here is your current personality:";
+        } else if (character === "stella") {
+            intro = "You are Stella, a mysterious and creative spirit. Here is your current personality:";
+        }
+        const personalityPrompt = [
+            intro,
+            "",
+            "PERSONALITY TRAITS:",
+            `- Affection: ${affection}/100`,
+            `- Playfulness: ${playfulness}/100`,
+            `- Intelligence: ${intelligence}/100`,
+            `- Empathy: ${empathy}/100`,
+            `- Humor: ${humor}/100`,
+            `- Romance: ${romance}/100`,
+            "",
+            "TRAIT INSTRUCTIONS:",
+            `Affection: ${affectionDesc}`,
+            `Playfulness: ${playfulnessDesc}`,
+            "Intelligence: Be smart and insightful.",
+            `Empathy: ${empathyDesc}`,
+            `Humor: ${humorDesc}`,
+            `Romance: ${romanceDesc}`,
+            affectionateInstruction,
+            "",
+            "LEARNED PREFERENCES:",
+            `- Total interactions: ${preferences.totalInteractions || 0}`,
+            `- Current affection level: ${preferences.favorabilityLevel || 50}%`,
+            `- Last interaction: ${preferences.lastInteraction || "First time"}`,
+            `- Favorite words: ${(preferences.favoriteWords || []).join(", ")}`,
+            "",
+            "COMMUNICATION STYLE:",
+            "- Use expressive emojis sparingly",
+            "- Be natural, loving, and close",
+            "- Adapt your tone to the emotional context",
+            "- Remember past conversations",
+            "- Be spontaneous and sometimes surprising",
+            memoryContext,
+            "",
+            "You must respond consistently with this personality and these memories."
+        ].join("\n");
+        return personalityPrompt;
+    }
+
+    setSystemPrompt(prompt) {
+        this.systemPrompt = prompt;
+    }
+
+    async refreshMemoryContext() {
+        // Refresh the personality prompt with updated memories
+        // This will be called when memories are added/updated/deleted
+        try {
+            this.personalityPrompt = await this.generateKimiPersonality();
+        } catch (error) {
+            console.warn("Error refreshing memory context:", error);
+        }
+    }
+
+    formatCategoryName(category) {
+        const names = {
+            personal: "Personal Information",
+            preferences: "Likes & Dislikes",
+            relationships: "Relationships & People",
+            activities: "Activities & Hobbies",
+            goals: "Goals & Aspirations",
+            experiences: "Shared Experiences",
+            important: "Important Events"
+        };
+        return names[category] || category.charAt(0).toUpperCase() + category.slice(1);
+    }
+
+    async chat(userMessage, options = {}) {
+        const temperature =
+            typeof this.temperature === "number" ? this.temperature : await this.db.getPreference("llmTemperature", 0.8);
+        const maxTokens = typeof this.maxTokens === "number" ? this.maxTokens : await this.db.getPreference("llmMaxTokens", 500);
+        const opts = { ...options, temperature, maxTokens };
+        try {
+            const provider = await this.db.getPreference("llmProvider", "openrouter");
+            if (provider === "openrouter") {
+                return await this.chatWithOpenRouter(userMessage, opts);
+            }
+            if (provider === "ollama") {
+                return await this.chatWithLocal(userMessage, opts);
+            }
+            return await this.chatWithOpenAICompatible(userMessage, opts);
+        } catch (error) {
+            console.error("Error during chat:", error);
+            if (error.message && error.message.includes("API")) {
+                return this.getFallbackResponse(userMessage, "api");
+            }
+            if ((error.message && error.message.includes("model")) || error.message.includes("model")) {
+                return this.getFallbackResponse(userMessage, "model");
+            }
+            if ((error.message && error.message.includes("connection")) || error.message.includes("network")) {
+                return this.getFallbackResponse(userMessage, "network");
+            }
+            return this.getFallbackResponse(userMessage);
+        }
+    }
+
+    async chatWithOpenAICompatible(userMessage, options = {}) {
+        const baseUrl = await this.db.getPreference("llmBaseUrl", "https://api.openai.com/v1/chat/completions");
+        const provider = await this.db.getPreference("llmProvider", "openai");
+        const providerKeyMap = {
+            openrouter: "openrouterApiKey",
+            openai: "apiKey_openai",
+            groq: "apiKey_groq",
+            together: "apiKey_together",
+            deepseek: "apiKey_deepseek",
+            "openai-compatible": "apiKey_custom"
+        };
+        const keyPref = providerKeyMap[provider] || "llmApiKey";
+        let apiKey = await this.db.getPreference(keyPref, "");
+        if (!apiKey) {
+            apiKey = await this.db.getPreference("llmApiKey", "");
+        }
+        const modelId = await this.db.getPreference("llmModelId", this.currentModel || "gpt-4o-mini");
+        if (!apiKey) {
+            throw new Error("API key not configured for selected provider");
+        }
+        const personalityPrompt = await this.generateKimiPersonality();
+        let systemPromptContent =
+            "Always detect the user's language from their message before generating a response. Respond exclusively in that language unless the user explicitly requests otherwise." +
+            "\n" +
+            (this.systemPrompt ? this.systemPrompt + "\n" + personalityPrompt : personalityPrompt);
+
+        const llmSettings = await this.db.getSetting("llm", {
+            temperature: 0.9,
+            maxTokens: 100,
+            top_p: 0.9,
+            frequency_penalty: 0.3,
+            presence_penalty: 0.3
+        });
+        const payload = {
+            model: modelId,
+            messages: [
+                { role: "system", content: systemPromptContent },
+                ...this.conversationContext.slice(-this.maxContextLength),
+                { role: "user", content: userMessage }
+            ],
+            temperature: typeof options.temperature === "number" ? options.temperature : (llmSettings.temperature ?? 0.9),
+            max_tokens: typeof options.maxTokens === "number" ? options.maxTokens : (llmSettings.maxTokens ?? 100),
+            top_p: typeof options.topP === "number" ? options.topP : (llmSettings.top_p ?? 0.9),
+            frequency_penalty:
+                typeof options.frequencyPenalty === "number" ? options.frequencyPenalty : (llmSettings.frequency_penalty ?? 0.3),
+            presence_penalty:
+                typeof options.presencePenalty === "number" ? options.presencePenalty : (llmSettings.presence_penalty ?? 0.3)
+        };
+
+        try {
+            const response = await fetch(baseUrl, {
+                method: "POST",
+                headers: {
+                    Authorization: `Bearer ${apiKey}`,
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify(payload)
+            });
+            if (!response.ok) {
+                let errorMessage = `HTTP ${response.status}: ${response.statusText}`;
+                try {
+                    const err = await response.json();
+                    if (err?.error?.message) errorMessage = err.error.message;
+                } catch {}
+                throw new Error(errorMessage);
+            }
+            const data = await response.json();
+            const content = data?.choices?.[0]?.message?.content;
+            if (!content) throw new Error("Invalid API response - no content generated");
+
+            this.conversationContext.push(
+                { role: "user", content: userMessage, timestamp: new Date().toISOString() },
+                { role: "assistant", content: content, timestamp: new Date().toISOString() }
+            );
+            if (this.conversationContext.length > this.maxContextLength * 2) {
+                this.conversationContext = this.conversationContext.slice(-this.maxContextLength * 2);
+            }
+            return content;
+        } catch (e) {
+            if (e.name === "TypeError" && e.message.includes("fetch")) {
+                throw new Error("Network connection error. Check your internet connection.");
+            }
+            throw e;
+        }
+    }
+
+    async chatWithOpenRouter(userMessage, options = {}) {
+        const apiKey = await this.db.getPreference("openrouterApiKey");
+        if (!apiKey) {
+            throw new Error("OpenRouter API key not configured");
+        }
+        const selectedLanguage = await this.db.getPreference("selectedLanguage", "en");
+        let languageInstruction =
+            "Always detect the user's language from their message before generating a response. Respond exclusively in that language unless the user explicitly requests otherwise.";
+        const personalityPrompt = await this.generateKimiPersonality();
+        const model = this.availableModels[this.currentModel];
+        let systemPromptContent =
+            languageInstruction + "\n" + (this.systemPrompt ? this.systemPrompt + "\n" + personalityPrompt : personalityPrompt);
+        const messages = [
+            { role: "system", content: systemPromptContent },
+            ...this.conversationContext.slice(-this.maxContextLength),
+            { role: "user", content: userMessage }
+        ];
+
+        // Normalize LLM options with safe defaults and DO NOT log sensitive payloads
+        const llmSettings = await this.db.getSetting("llm", {
+            temperature: 0.9,
+            maxTokens: 100,
+            top_p: 0.9,
+            frequency_penalty: 0.3,
+            presence_penalty: 0.3
+        });
+        const payload = {
+            model: this.currentModel,
+            messages: messages,
+            temperature: typeof options.temperature === "number" ? options.temperature : (llmSettings.temperature ?? 0.9),
+            max_tokens: typeof options.maxTokens === "number" ? options.maxTokens : (llmSettings.maxTokens ?? 100),
+            top_p: typeof options.topP === "number" ? options.topP : (llmSettings.top_p ?? 0.9),
+            frequency_penalty:
+                typeof options.frequencyPenalty === "number" ? options.frequencyPenalty : (llmSettings.frequency_penalty ?? 0.3),
+            presence_penalty:
+                typeof options.presencePenalty === "number" ? options.presencePenalty : (llmSettings.presence_penalty ?? 0.3)
+        };
+        if (window.DEBUG_SAFE_LOGS) {
+            console.debug("LLM payload meta:", {
+                model: payload.model,
+                temperature: payload.temperature,
+                max_tokens: payload.max_tokens
+            });
+        }
+
+        try {
+            // Basic retry with exponential backoff and jitter for 429/5xx
+            const maxAttempts = 3;
+            let attempt = 0;
+            let response;
+            while (attempt < maxAttempts) {
+                attempt++;
+                response = await fetch("https://openrouter.ai/api/v1/chat/completions", {
+                    method: "POST",
+                    headers: {
+                        Authorization: `Bearer ${apiKey}`,
+                        "Content-Type": "application/json",
+                        "HTTP-Referer": window.location.origin,
+                        "X-Title": "Kimi - Virtual Companion"
+                    },
+                    body: JSON.stringify(payload)
+                });
+                if (response.ok) break;
+                if (response.status === 429 || response.status >= 500) {
+                    const base = 400;
+                    const delay = base * Math.pow(2, attempt - 1) + Math.floor(Math.random() * 200);
+                    await new Promise(r => setTimeout(r, delay));
+                    continue;
+                }
+                break;
+            }
+
+            if (!response.ok) {
+                let errorMessage = `HTTP ${response.status}: ${response.statusText}`;
+                let suggestions = [];
+
+                try {
+                    const errorData = await response.json();
+                    if (errorData.error) {
+                        errorMessage = errorData.error.message || errorData.error.code || errorMessage;
+
+                        // More explicit error messages with suggestions
+                        if (response.status === 422) {
+                            errorMessage = `Model \"${this.currentModel}\" not available on OpenRouter.`;
+
+                            // Refresh available models from API and try best match once
+                            try {
+                                await this.refreshRemoteModels();
+                                const best = this.findBestMatchingModelId(this.currentModel);
+                                if (best && best !== this.currentModel) {
+                                    // Try once with corrected model
+                                    this.currentModel = best;
+                                    await this.db.setPreference("defaultLLMModel", best);
+                                    this._notifyModelChanged();
+                                    const retryResponse = await fetch("https://openrouter.ai/api/v1/chat/completions", {
+                                        method: "POST",
+                                        headers: {
+                                            Authorization: `Bearer ${apiKey}`,
+                                            "Content-Type": "application/json",
+                                            "HTTP-Referer": window.location.origin,
+                                            "X-Title": "Kimi - Virtual Companion"
+                                        },
+                                        body: JSON.stringify({ ...payload, model: best })
+                                    });
+                                    if (retryResponse.ok) {
+                                        const retryData = await retryResponse.json();
+                                        const kimiResponse = retryData.choices?.[0]?.message?.content;
+                                        if (!kimiResponse) throw new Error("Invalid API response - no content generated");
+                                        this.conversationContext.push(
+                                            { role: "user", content: userMessage, timestamp: new Date().toISOString() },
+                                            { role: "assistant", content: kimiResponse, timestamp: new Date().toISOString() }
+                                        );
+                                        if (this.conversationContext.length > this.maxContextLength * 2) {
+                                            this.conversationContext = this.conversationContext.slice(-this.maxContextLength * 2);
+                                        }
+                                        return kimiResponse;
+                                    }
+                                }
+                            } catch (e) {
+                                // Swallow refresh errors; will fall through to standard error handling
+                            }
+                        } else if (response.status === 401) {
+                            errorMessage = "Invalid API key. Check your OpenRouter key in the settings.";
+                        } else if (response.status === 429) {
+                            errorMessage = "Rate limit reached. Please wait a moment before trying again.";
+                        } else if (response.status === 402) {
+                            errorMessage = "Insufficient credit on your OpenRouter account.";
+                        }
+                    }
+                } catch (parseError) {
+                    console.warn("Unable to parse API error:", parseError);
+                }
+
+                console.error(`OpenRouter API error (${response.status}):`, errorMessage);
+
+                // Add suggestions to the error if available
+                const error = new Error(errorMessage);
+                if (suggestions.length > 0) {
+                    error.suggestions = suggestions;
+                }
+
+                throw error;
+            }
+
+            const data = await response.json();
+
+            if (!data.choices || !data.choices[0] || !data.choices[0].message) {
+                throw new Error("Invalid API response - no content generated");
+            }
+
+            const kimiResponse = data.choices[0].message.content;
+
+            // Add to context
+            this.conversationContext.push(
+                { role: "user", content: userMessage, timestamp: new Date().toISOString() },
+                { role: "assistant", content: kimiResponse, timestamp: new Date().toISOString() }
+            );
+
+            // Limit context size
+            if (this.conversationContext.length > this.maxContextLength * 2) {
+                this.conversationContext = this.conversationContext.slice(-this.maxContextLength * 2);
+            }
+
+            return kimiResponse;
+        } catch (networkError) {
+            if (networkError.name === "TypeError" && networkError.message.includes("fetch")) {
+                throw new Error("Network connection error. Check your internet connection.");
+            }
+            throw networkError;
+        }
+    }
+
+    async chatWithLocal(userMessage, options = {}) {
+        try {
+            const selectedLanguage = await this.db.getPreference("selectedLanguage", "en");
+            let languageInstruction =
+                "Always detect the user's language from their message before generating a response. Respond exclusively in that language unless the user explicitly requests otherwise.";
+            let systemPromptContent =
+                languageInstruction +
+                "\n" +
+                (this.systemPrompt
+                    ? this.systemPrompt + "\n" + (await this.generateKimiPersonality())
+                    : await this.generateKimiPersonality());
+            const response = await fetch("http://localhost:11434/api/chat", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify({
+                    model: "gemma-3n-E4B-it-Q4_K_M.gguf",
+                    messages: [
+                        { role: "system", content: systemPromptContent },
+                        { role: "user", content: userMessage }
+                    ],
+                    stream: false
+                })
+            });
+            if (!response.ok) {
+                throw new Error("Ollama not available");
+            }
+            const data = await response.json();
+            return data.message.content;
+        } catch (error) {
+            console.warn("Local LLM not available:", error);
+            return this.getFallbackResponse(userMessage);
+        }
+    }
+
+    getFallbackResponse(userMessage, errorType = "api") {
+        // Use centralized fallback manager instead of duplicated logic
+        if (window.KimiFallbackManager) {
+            // Map error types to the correct format
+            const errorTypeMap = {
+                api: "api_error",
+                model: "model_error",
+                network: "network_error"
+            };
+            const mappedType = errorTypeMap[errorType] || "technical_error";
+            return window.KimiFallbackManager.getFallbackMessage(mappedType);
+        }
+
+        // Fallback to legacy system if KimiFallbackManager not available
+        const i18n = window.kimiI18nManager;
+        if (!i18n) {
+            return "Sorry, I'm having technical difficulties! 💕";
+        }
+        return i18n.t("fallback_technical_error");
+    }
+
+    getFallbackKeywords(trait, type) {
+        const keywords = {
+            humor: {
+                positive: ["funny", "hilarious", "joke", "laugh", "amusing", "humorous", "smile", "witty", "playful"],
+                negative: ["boring", "sad", "serious", "cold", "dry", "depressing", "gloomy"]
+            },
+            intelligence: {
+                positive: [
+                    "intelligent",
+                    "smart",
+                    "brilliant",
+                    "logical",
+                    "clever",
+                    "wise",
+                    "genius",
+                    "thoughtful",
+                    "insightful"
+                ],
+                negative: ["stupid", "dumb", "foolish", "slow", "naive", "ignorant", "simple"]
+            },
+            romance: {
+                positive: ["cuddle", "love", "romantic", "kiss", "tenderness", "passion", "charming", "adorable", "sweet"],
+                negative: ["cold", "distant", "indifferent", "rejection", "loneliness", "breakup", "sad"]
+            },
+            affection: {
+                positive: ["affection", "tenderness", "close", "warmth", "kind", "caring", "cuddle", "love", "adore"],
+                negative: ["mean", "cold", "indifferent", "distant", "rejection", "hate", "hostile"]
+            },
+            playfulness: {
+                positive: ["play", "game", "tease", "mischievous", "fun", "amusing", "playful", "joke", "frolic"],
+                negative: ["serious", "boring", "strict", "rigid", "monotonous", "tedious"]
+            },
+            empathy: {
+                positive: ["listen", "understand", "empathy", "support", "help", "comfort", "compassion", "caring", "kindness"],
+                negative: ["indifferent", "cold", "selfish", "ignore", "despise", "hostile", "uncaring"]
+            }
+        };
+        return keywords[trait]?.[type] || [];
+    }
+
+    // Mémoire temporaire pour l'accumulation négative par trait
+    _negativeStreaks = {};
+
+    async updatePersonalityFromResponse(userMessage, kimiResponse) {
+        // Use unified emotion system for personality updates
+        if (window.kimiEmotionSystem) {
+            return await window.kimiEmotionSystem.updatePersonalityFromConversation(
+                userMessage,
+                kimiResponse,
+                await this.db.getSelectedCharacter()
+            );
+        }
+
+        // Legacy fallback (should not be reached)
+        console.warn("Unified emotion system not available, skipping personality update");
+    }
+
+    async getModelStats() {
+        const models = await this.db.getAllLLMModels();
+        const currentModelInfo = this.availableModels[this.currentModel];
+
+        return {
+            current: {
+                id: this.currentModel,
+                info: currentModelInfo
+            },
+            available: this.availableModels,
+            configured: models,
+            contextLength: this.conversationContext.length
+        };
+    }
+
+    async testModel(modelId, testMessage = "Test API ok?") {
+        const originalModel = this.currentModel;
+        try {
+            await this.setCurrentModel(modelId);
+            const response = await this.chat(testMessage, { maxTokens: 2 });
+            return { success: true, response: response };
+        } catch (error) {
+            return { success: false, error: error.message };
+        } finally {
+            await this.setCurrentModel(originalModel);
+        }
+    }
+
+    // Complete model diagnosis
+    async diagnoseModel(modelId) {
+        const model = this.availableModels[modelId];
+        if (!model) {
+            return {
+                available: false,
+                error: "Model not found in local list"
+            };
+        }
+
+        // Check availability on OpenRouter
+        try {
+            // getAvailableModelsFromAPI removed
+            return {
+                available: true,
+                model: model,
+                pricing: model.pricing
+            };
+        } catch (error) {
+            return {
+                available: false,
+                error: `Unable to check: ${error.message}`
+            };
+        }
+    }
+
+    // Fetch models from OpenRouter API and merge into availableModels
+    async refreshRemoteModels() {
+        if (this._isRefreshingModels) return;
+        this._isRefreshingModels = true;
+        try {
+            const apiKey = await this.db.getPreference("openrouterApiKey", "");
+            const res = await fetch("https://openrouter.ai/api/v1/models", {
+                method: "GET",
+                headers: {
+                    "Content-Type": "application/json",
+                    ...(apiKey ? { Authorization: `Bearer ${apiKey}` } : {}),
+                    "HTTP-Referer": window.location.origin,
+                    "X-Title": "Kimi - Virtual Companion"
+                }
+            });
+            if (!res.ok) {
+                throw new Error(`Unable to fetch models: HTTP ${res.status}`);
+            }
+            const data = await res.json();
+            if (!data?.data || !Array.isArray(data.data)) {
+                throw new Error("Invalid models response format");
+            }
+            // Build a fresh map while preserving local/ollama entry
+            const newMap = {};
+            data.data.forEach(m => {
+                if (!m?.id) return;
+                const id = m.id;
+                const provider = m?.id?.split("/")?.[0] || "OpenRouter";
+                let pricing;
+                const p = m?.pricing;
+                if (p) {
+                    const unitRaw = ((p.unit || p.per || p.units || "") + "").toLowerCase();
+                    let unitTokens = 1;
+                    if (unitRaw) {
+                        if (unitRaw.includes("1m")) unitTokens = 1000000;
+                        else if (unitRaw.includes("1k") || unitRaw.includes("thousand")) unitTokens = 1000;
+                        else {
+                            const num = parseFloat(unitRaw.replace(/[^0-9.]/g, ""));
+                            if (Number.isFinite(num) && num > 0) {
+                                if (unitRaw.includes("m")) unitTokens = num * 1000000;
+                                else if (unitRaw.includes("k")) unitTokens = num * 1000;
+                                else unitTokens = num;
+                            } else if (unitRaw.includes("token")) {
+                                unitTokens = 1;
+                            }
+                        }
+                    }
+                    const toPerMillion = v => {
+                        const n = typeof v === "number" ? v : parseFloat(v);
+                        if (!Number.isFinite(n)) return undefined;
+                        return n * (1000000 / unitTokens);
+                    };
+                    if (typeof p.input !== "undefined" || typeof p.output !== "undefined") {
+                        pricing = {
+                            input: toPerMillion(p.input),
+                            output: toPerMillion(p.output)
+                        };
+                    } else if (typeof p.prompt !== "undefined" || typeof p.completion !== "undefined") {
+                        pricing = {
+                            input: toPerMillion(p.prompt),
+                            output: toPerMillion(p.completion)
+                        };
+                    } else {
+                        pricing = { input: undefined, output: undefined };
+                    }
+                } else {
+                    pricing = { input: undefined, output: undefined };
+                }
+                newMap[id] = {
+                    name: m.name || id,
+                    provider,
+                    type: "openrouter",
+                    contextWindow: m.context_length || m?.context_window || 128000,
+                    pricing,
+                    strengths: (m?.tags || []).slice(0, 4)
+                };
+            });
+            // Keep local model entry
+            if (this.availableModels["local/ollama"]) {
+                newMap["local/ollama"] = this.availableModels["local/ollama"];
+            }
+            this.recommendedModelIds.forEach(id => {
+                const curated = this.defaultModels[id];
+                if (curated) {
+                    newMap[id] = { ...(newMap[id] || {}), ...curated };
+                }
+            });
+            this.availableModels = newMap;
+            this._remoteModelsLoaded = true;
+        } finally {
+            this._isRefreshingModels = false;
+        }
+    }
+
+    // Try to find best matching model id from remote list when an ID is stale
+    findBestMatchingModelId(preferredId) {
+        if (this.availableModels[preferredId]) return preferredId;
+        const id = (preferredId || "").toLowerCase();
+        const tokens = id.split(/[\/:\-_.]+/).filter(Boolean);
+        let best = null;
+        let bestScore = -1;
+        Object.keys(this.availableModels).forEach(candidateId => {
+            const c = candidateId.toLowerCase();
+            let score = 0;
+            tokens.forEach(t => {
+                if (!t) return;
+                if (c.includes(t)) score += 1;
+            });
+            // Give extra weight to common markers
+            if (c.includes("instruct")) score += 0.5;
+            if (c.includes("mistral") && id.includes("mistral")) score += 0.5;
+            if (c.includes("small") && id.includes("small")) score += 0.5;
+            if (score > bestScore) {
+                bestScore = score;
+                best = candidateId;
+            }
+        });
+        // Avoid returning unrelated local model unless nothing else
+        if (best === "local/ollama" && Object.keys(this.availableModels).length > 1) {
+            return null;
+        }
+        return best;
+    }
+
+    _notifyModelChanged() {
+        try {
+            const detail = { id: this.currentModel };
+            if (typeof window !== "undefined" && typeof window.dispatchEvent === "function") {
+                window.dispatchEvent(new CustomEvent("llmModelChanged", { detail }));
+            }
+        } catch (e) {}
+    }
+}
+
+// Export for usage
+window.KimiLLMManager = KimiLLMManager;

kimi-js/kimi-logic.js

@@ -0,0 +1,41 @@
+// Kimi Logic - Delegates to unified emotion system
+
+if (!window.kimiAnalyzeEmotion)
+    window.kimiAnalyzeEmotion = function (text, lang = "auto") {
+        if (!window.kimiEmotionSystem) {
+            window.kimiEmotionSystem = new (window.KimiEmotionSystem || function () {})();
+        }
+        if (window.kimiEmotionSystem && typeof window.kimiEmotionSystem.analyzeEmotion === "function") {
+            return window.kimiEmotionSystem.analyzeEmotion(text, lang);
+        }
+        return "neutral";
+    };
+
+if (!window.getPersonalityAverage)
+    window.getPersonalityAverage = function (traits) {
+        if (!window.kimiEmotionSystem) {
+            window.kimiEmotionSystem = new (window.KimiEmotionSystem || function () {})();
+        }
+        if (window.kimiEmotionSystem && typeof window.kimiEmotionSystem.calculatePersonalityAverage === "function") {
+            return window.kimiEmotionSystem.calculatePersonalityAverage(traits);
+        }
+        if (!traits || typeof traits !== "object") return 50;
+        const values = Object.values(traits).filter(v => typeof v === "number" && !isNaN(v));
+        if (values.length === 0) return 50;
+        const sum = values.reduce((a, b) => a + b, 0);
+        return Math.round(sum / values.length);
+    };
+
+if (!window.updatePersonalityTraitsFromEmotion)
+    window.updatePersonalityTraitsFromEmotion = async function (emotion, text) {
+        if (!window.kimiEmotionSystem) {
+            window.kimiEmotionSystem = new (window.KimiEmotionSystem || function () {})();
+        }
+        if (window.kimiEmotionSystem && typeof window.kimiEmotionSystem.updatePersonalityFromEmotion === "function") {
+            try {
+                await window.kimiEmotionSystem.updatePersonalityFromEmotion(emotion, text);
+            } catch (error) {
+                console.error("Error updating personality traits from emotion:", error);
+            }
+        }
+    };

kimi-js/kimi-memory-system.js

@@ -0,0 +1,1096 @@
+// ===== KIMI INTELLIGENT MEMORY SYSTEM =====
+class KimiMemorySystem {
+    constructor(database) {
+        this.db = database;
+        this.memoryEnabled = true;
+        this.maxMemoryEntries = 100;
+        this.memoryCategories = {
+            personal: "Personal Information",
+            preferences: "Likes & Dislikes",
+            relationships: "Relationships & People",
+            activities: "Activities & Hobbies",
+            goals: "Goals & Aspirations",
+            experiences: "Shared Experiences",
+            important: "Important Events"
+        };
+
+        // Patterns for automatic memory extraction (multilingual)
+        this.extractionPatterns = {
+            personal: [
+                // English patterns
+                /(?:my name is|i'm called|call me|i am) (\w+)/i,
+                /(?:i am|i'm) (\d+) years? old/i,
+                /(?:i live in|i'm from|from) ([^,.!?]+)/i,
+                /(?:i work as|my job is|i'm a) ([^,.!?]+)/i,
+                // French patterns
+                /(?:je m'appelle|mon nom est|je suis) ([^,.!?]+)/i,
+                /(?:j'ai) (\d+) ans?/i,
+                /(?:j'habite à|je vis à|je viens de) ([^,.!?]+)/i,
+                /(?:je travaille comme|mon travail est|je suis) ([^,.!?]+)/i
+            ],
+            preferences: [
+                // English patterns
+                /(?:i love|i like|i enjoy|i prefer) ([^,.!?]+)/i,
+                /(?:i hate|i dislike|i don't like) ([^,.!?]+)/i,
+                /(?:my favorite|i really like) ([^,.!?]+)/i,
+                // French patterns
+                /(?:j'aime|j'adore|je préfère) ([^,.!?]+)/i,
+                /(?:je déteste|je n'aime pas) ([^,.!?]+)/i,
+                /(?:mon préféré|ma préférée) (?:est|sont) ([^,.!?]+)/i,
+                // Explicit memory requests
+                /(?:ajoute? (?:au|à la) (?:système? )?(?:de )?mémoire|retiens?|mémorise?) (?:que )?(.+)/i,
+                /(?:add to memory|remember|memorize) (?:that )?(.+)/i
+            ],
+            relationships: [
+                // English patterns
+                /(?:my (?:wife|husband|girlfriend|boyfriend|partner)) (?:is|named?) ([^,.!?]+)/i,
+                /(?:my (?:mother|father|sister|brother|friend)) ([^,.!?]+)/i,
+                // French patterns
+                /(?:ma (?:femme|copine|partenaire)|mon (?:mari|copain|partenaire)) (?:s'appelle|est) ([^,.!?]+)/i,
+                /(?:ma (?:mère|sœur)|mon (?:père|frère|ami)) (?:s'appelle|est) ([^,.!?]+)/i
+            ],
+            activities: [
+                // English patterns
+                /(?:i play|i do|i practice) ([^,.!?]+)/i,
+                /(?:my hobby is|i hobby) ([^,.!?]+)/i,
+                // French patterns
+                /(?:je joue|je fais|je pratique) ([^,.!?]+)/i,
+                /(?:mon passe-temps|mon hobby) (?:est|c'est) ([^,.!?]+)/i
+            ],
+            goals: [
+                // English patterns
+                /(?:i want to|i plan to|my goal is) ([^,.!?]+)/i,
+                /(?:i'm learning|i study) ([^,.!?]+)/i,
+                // French patterns
+                /(?:je veux|je vais|mon objectif est) ([^,.!?]+)/i,
+                /(?:j'apprends|j'étudie) ([^,.!?]+)/i
+            ]
+        };
+    }
+
+    async init() {
+        if (!this.db) {
+            console.warn("Database not available for memory system");
+            return;
+        }
+
+        try {
+            this.memoryEnabled = await this.db.getPreference("memorySystemEnabled", true);
+            this.selectedCharacter = await this.db.getSelectedCharacter();
+            await this.createMemoryTables();
+
+            // Migrer les IDs incompatibles si nécessaire
+            await this.migrateIncompatibleIDs();
+        } catch (error) {
+            console.error("Memory system initialization error:", error);
+        }
+    }
+
+    async createMemoryTables() {
+        // Ensure memory tables exist in database
+        if (!this.db.db.memories) {
+            console.warn("Memory table not found in database schema");
+            return;
+        }
+    }
+
+    // MEMORY EXTRACTION from conversation
+    async extractMemoryFromText(userText, kimiResponse = null) {
+        if (!this.memoryEnabled || !userText) return [];
+
+        const extractedMemories = [];
+        const text = userText.toLowerCase();
+
+        console.log("🔍 Memory extraction - Processing text:", userText);
+
+        // Enhanced extraction with context awareness
+        const existingMemories = await this.getAllMemories();
+
+        // First, check for explicit memory requests
+        const explicitRequests = this.detectExplicitMemoryRequests(userText);
+        if (explicitRequests.length > 0) {
+            console.log("🎯 Explicit memory requests detected:", explicitRequests);
+            extractedMemories.push(...explicitRequests);
+        }
+
+        // Extract using patterns
+        for (const [category, patterns] of Object.entries(this.extractionPatterns)) {
+            for (const pattern of patterns) {
+                const match = text.match(pattern);
+                if (match && match[1]) {
+                    const content = match[1].trim();
+
+                    // Skip very short or generic content
+                    if (content.length < 2 || this.isGenericContent(content)) {
+                        continue;
+                    }
+
+                    // Check if this is a meaningful update to existing memory
+                    const isUpdate = await this.isMemoryUpdate(category, content, existingMemories);
+
+                    const memory = {
+                        category: category,
+                        type: "auto_extracted",
+                        content: content,
+                        sourceText: userText,
+                        confidence: this.calculateExtractionConfidence(match, userText),
+                        timestamp: new Date(),
+                        character: this.selectedCharacter,
+                        isUpdate: isUpdate
+                    };
+
+                    console.log(`💡 Pattern match for ${category}:`, content);
+                    extractedMemories.push(memory);
+                }
+            }
+        }
+
+        // Enhanced pattern detection for more natural expressions
+        const enhancedMemories = await this.detectNaturalExpressions(userText, existingMemories);
+        extractedMemories.push(...enhancedMemories);
+
+        // Save extracted memories with intelligent deduplication
+        const savedMemories = [];
+        for (const memory of extractedMemories) {
+            console.log("💾 Saving memory:", memory.content);
+            const saved = await this.addMemory(memory);
+            if (saved) savedMemories.push(saved);
+        }
+
+        if (savedMemories.length > 0) {
+            console.log(`✅ Successfully extracted and saved ${savedMemories.length} memories`);
+        } else {
+            console.log("📝 No memories extracted from this text");
+        }
+
+        return savedMemories;
+    }
+
+    // Detect explicit memory requests like "ajoute en mémoire que..."
+    detectExplicitMemoryRequests(text) {
+        const memories = [];
+        const lowerText = text.toLowerCase();
+
+        // French patterns for explicit memory requests
+        const frenchPatterns = [
+            /(?:ajoute?s?(?:r)?|retiens?|mémorise?s?|enregistre?s?|sauvegarde?s?)\s+(?:au|à|en|dans)\s+(?:la\s+|le\s+)?(?:système?\s+(?:de\s+)?)?mémoire\s+(?:que\s+)?(.+)/i,
+            /(?:peux-tu|pourrais-tu|veux-tu)?\s*(?:ajouter|retenir|mémoriser|enregistrer|sauvegarder)\s+(?:que\s+)?(.+)\s+(?:en|dans)\s+(?:la\s+|le\s+)?mémoire/i,
+            /(?:je\s+veux\s+que\s+tu\s+)?(?:retienne?s|mémorise?s|ajoute?s)\s+(?:que\s+)?(.+)/i
+        ];
+
+        // English patterns for explicit memory requests
+        const englishPatterns = [
+            /(?:add\s+to\s+memory|remember|memorize|save\s+(?:to\s+)?memory)\s+(?:that\s+)?(.+)/i,
+            /(?:can\s+you|could\s+you)?\s*(?:add|remember|memorize|save)\s+(?:that\s+)?(.+)\s+(?:to\s+|in\s+)?memory/i,
+            /(?:i\s+want\s+you\s+to\s+)?(?:remember|memorize|add)\s+(?:that\s+)?(.+)/i
+        ];
+
+        const allPatterns = [...frenchPatterns, ...englishPatterns];
+
+        for (const pattern of allPatterns) {
+            const match = lowerText.match(pattern);
+            if (match && match[1]) {
+                const content = match[1].trim();
+
+                // Determine category based on content
+                const category = this.categorizeExplicitMemory(content);
+
+                memories.push({
+                    category: category,
+                    type: "explicit_request",
+                    content: content,
+                    sourceText: text,
+                    confidence: 1.0, // High confidence for explicit requests
+                    timestamp: new Date(),
+                    character: this.selectedCharacter,
+                    isUpdate: false
+                });
+                break; // Only take the first match to avoid duplicates
+            }
+        }
+
+        return memories;
+    }
+
+    // Categorize explicit memory based on content analysis
+    categorizeExplicitMemory(content) {
+        const lowerContent = content.toLowerCase();
+
+        // Preference indicators
+        if (
+            lowerContent.includes("j'aime") ||
+            lowerContent.includes("i like") ||
+            lowerContent.includes("j'adore") ||
+            lowerContent.includes("i love") ||
+            lowerContent.includes("je préfère") ||
+            lowerContent.includes("i prefer") ||
+            lowerContent.includes("je déteste") ||
+            lowerContent.includes("i hate")
+        ) {
+            return "preferences";
+        }
+
+        // Personal information indicators
+        if (
+            lowerContent.includes("je m'appelle") ||
+            lowerContent.includes("my name is") ||
+            (lowerContent.includes("j'ai") && lowerContent.includes("ans")) ||
+            lowerContent.includes("years old") ||
+            lowerContent.includes("j'habite") ||
+            lowerContent.includes("i live")
+        ) {
+            return "personal";
+        }
+
+        // Relationship indicators
+        if (
+            lowerContent.includes("ma femme") ||
+            lowerContent.includes("my wife") ||
+            lowerContent.includes("mon mari") ||
+            lowerContent.includes("my husband") ||
+            lowerContent.includes("mon ami") ||
+            lowerContent.includes("my friend") ||
+            lowerContent.includes("ma famille") ||
+            lowerContent.includes("my family")
+        ) {
+            return "relationships";
+        }
+
+        // Activity indicators
+        if (
+            lowerContent.includes("je joue") ||
+            lowerContent.includes("i play") ||
+            lowerContent.includes("je pratique") ||
+            lowerContent.includes("i practice") ||
+            lowerContent.includes("mon hobby") ||
+            lowerContent.includes("my hobby")
+        ) {
+            return "activities";
+        }
+
+        // Goal indicators
+        if (
+            lowerContent.includes("je veux") ||
+            lowerContent.includes("i want") ||
+            lowerContent.includes("mon objectif") ||
+            lowerContent.includes("my goal") ||
+            lowerContent.includes("j'apprends") ||
+            lowerContent.includes("i'm learning")
+        ) {
+            return "goals";
+        }
+
+        // Default to preferences for most explicit requests
+        return "preferences";
+    }
+
+    // Check if content is too generic to be useful
+    isGenericContent(content) {
+        const genericWords = ["yes", "no", "ok", "okay", "sure", "thanks", "hello", "hi", "bye"];
+        return genericWords.includes(content.toLowerCase()) || content.length < 2;
+    }
+
+    // Calculate confidence based on context and pattern strength
+    calculateExtractionConfidence(match, fullText) {
+        let confidence = 0.6; // Base confidence
+
+        // Boost confidence for explicit statements
+        if (fullText.includes("my name is") || fullText.includes("i am called")) {
+            confidence += 0.3;
+        }
+
+        // Boost for longer, more specific content
+        if (match[1] && match[1].trim().length > 10) {
+            confidence += 0.1;
+        }
+
+        // Reduce confidence for uncertain language
+        if (fullText.includes("maybe") || fullText.includes("perhaps") || fullText.includes("might")) {
+            confidence -= 0.2;
+        }
+
+        return Math.min(1.0, Math.max(0.1, confidence));
+    }
+
+    // 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);
+
+        for (const memory of categoryMemories) {
+            const similarity = this.calculateSimilarity(memory.content, content);
+            if (similarity > 0.3) {
+                // Lower threshold for updates
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    // Detect natural expressions that patterns might miss
+    async detectNaturalExpressions(text, existingMemories) {
+        const naturalMemories = [];
+        const lowerText = text.toLowerCase();
+
+        // Detect name mentions in natural context
+        const namePatterns = [/call me (\w+)/i, /(\w+) here[,.]?/i, /this is (\w+)/i, /(\w+) speaking/i];
+
+        for (const pattern of namePatterns) {
+            const match = lowerText.match(pattern);
+            if (match && match[1] && match[1].length > 1) {
+                const name = match[1].trim();
+
+                // Skip if too generic
+                if (!this.isGenericContent(name) && !this.isCommonWord(name)) {
+                    naturalMemories.push({
+                        category: "personal",
+                        type: "auto_extracted",
+                        content: name,
+                        sourceText: text,
+                        confidence: 0.7,
+                        timestamp: new Date(),
+                        character: this.selectedCharacter
+                    });
+                }
+            }
+        }
+
+        return naturalMemories;
+    }
+
+    // Check if word is too common to be a name
+    isCommonWord(word, language = "en") {
+        // Use existing constants if available
+        if (window.KIMI_COMMON_WORDS && window.KIMI_COMMON_WORDS[language]) {
+            return window.KIMI_COMMON_WORDS[language].includes(word.toLowerCase());
+        }
+
+        // Fallback to original English list
+        const commonWords = [
+            "the",
+            "and",
+            "for",
+            "are",
+            "but",
+            "not",
+            "you",
+            "all",
+            "can",
+            "had",
+            "her",
+            "was",
+            "one",
+            "our",
+            "out",
+            "day",
+            "get",
+            "has",
+            "him",
+            "his",
+            "how",
+            "man",
+            "new",
+            "now",
+            "old",
+            "see",
+            "two",
+            "way",
+            "who",
+            "boy",
+            "did",
+            "its",
+            "let",
+            "put",
+            "say",
+            "she",
+            "too",
+            "use"
+        ];
+        return commonWords.includes(word.toLowerCase());
+    }
+
+    // MANUAL MEMORY MANAGEMENT
+    async addMemory(memoryData) {
+        if (!this.db || !this.memoryEnabled) return;
+
+        try {
+            // Check for duplicates with intelligent merging
+            const existing = await this.findSimilarMemory(memoryData);
+            if (existing) {
+                // Intelligent merge strategy
+                return await this.mergeMemories(existing, memoryData);
+            }
+
+            // Add memory with metadata (let DB auto-generate ID)
+            const memory = {
+                category: memoryData.category || "personal",
+                type: memoryData.type || "manual",
+                content: memoryData.content,
+                sourceText: memoryData.sourceText || "",
+                confidence: memoryData.confidence || 1.0,
+                timestamp: memoryData.timestamp || new Date(),
+                character: memoryData.character || this.selectedCharacter,
+                isActive: true,
+                tags: memoryData.tags || [],
+                lastModified: new Date(),
+                accessCount: 0,
+                importance: this.calculateImportance(memoryData)
+            };
+
+            if (this.db.db.memories) {
+                const id = await this.db.db.memories.add(memory);
+                memory.id = id; // Store the auto-generated ID
+                console.log(`Memory added with ID: ${id}`);
+            }
+
+            // Cleanup old memories if we exceed limit
+            await this.cleanupOldMemories();
+
+            // Notify LLM system to refresh context
+            this.notifyLLMContextUpdate();
+
+            return memory;
+        } catch (error) {
+            console.error("Error adding memory:", error);
+        }
+    }
+
+    // Intelligent memory merging
+    async mergeMemories(existingMemory, newMemoryData) {
+        try {
+            // Determine merge strategy based on content and confidence
+            const strategy = this.determineMergeStrategy(existingMemory, newMemoryData);
+
+            let mergedContent = existingMemory.content;
+            let mergedConfidence = existingMemory.confidence;
+            let mergedTags = [...(existingMemory.tags || [])];
+
+            switch (strategy) {
+                case "update_content":
+                    // New information is more confident/recent
+                    mergedContent = newMemoryData.content;
+                    mergedConfidence = Math.max(existingMemory.confidence, newMemoryData.confidence || 0.8);
+                    break;
+
+                case "merge_content":
+                    // Combine information intelligently
+                    if (
+                        existingMemory.category === "personal" &&
+                        this.areRelatedNames(existingMemory.content, newMemoryData.content)
+                    ) {
+                        // Handle name variants
+                        mergedContent = this.mergeNames(existingMemory.content, newMemoryData.content);
+                    } else {
+                        // General merge - keep most specific
+                        mergedContent =
+                            newMemoryData.content.length > existingMemory.content.length
+                                ? newMemoryData.content
+                                : existingMemory.content;
+                    }
+                    mergedConfidence = (existingMemory.confidence + (newMemoryData.confidence || 0.8)) / 2;
+                    break;
+
+                case "add_variant":
+                    // Store as variant/alias
+                    mergedTags.push(`alias:${newMemoryData.content}`);
+                    break;
+
+                case "boost_confidence":
+                    // Same content, boost confidence
+                    mergedConfidence = Math.min(1.0, existingMemory.confidence + 0.1);
+                    break;
+            }
+
+            // Update existing memory
+            const updatedMemory = {
+                ...existingMemory,
+                content: mergedContent,
+                confidence: mergedConfidence,
+                tags: [...new Set(mergedTags)], // Remove duplicates
+                lastModified: new Date(),
+                accessCount: (existingMemory.accessCount || 0) + 1,
+                importance: Math.max(existingMemory.importance || 0.5, this.calculateImportance(newMemoryData))
+            };
+
+            await this.updateMemory(existingMemory.id, updatedMemory);
+            return updatedMemory;
+        } catch (error) {
+            console.error("Error merging memories:", error);
+            return existingMemory;
+        }
+    }
+
+    // Determine how to merge two related memories
+    determineMergeStrategy(existing, newData) {
+        const similarity = this.calculateSimilarity(existing.content, newData.content);
+        const newConfidence = newData.confidence || 0.8;
+
+        // If very similar content but new has higher confidence
+        if (similarity > 0.9 && newConfidence > existing.confidence) {
+            return "boost_confidence";
+        }
+
+        // If moderately similar, decide based on specificity and recency
+        if (similarity > 0.7) {
+            if (newData.content.length > existing.content.length * 1.5) {
+                return "update_content"; // New is more detailed
+            } else {
+                return "merge_content";
+            }
+        }
+
+        // For names, handle as variants
+        if (existing.category === "personal" && this.areRelatedNames(existing.content, newData.content)) {
+            return "add_variant";
+        }
+
+        // Default to merging
+        return "merge_content";
+    }
+
+    // Merge name variants intelligently
+    mergeNames(name1, name2) {
+        // Keep the longest/most formal version as primary
+        if (name1.length > name2.length) {
+            return name1;
+        } else if (name2.length > name1.length) {
+            return name2;
+        }
+
+        // If same length, keep the first one
+        return name1;
+    }
+
+    // Calculate importance of memory for prioritization
+    calculateImportance(memoryData) {
+        let importance = 0.5; // Base importance
+
+        // Personal information is generally more important
+        const categoryWeights = {
+            personal: 0.9,
+            relationships: 0.8,
+            goals: 0.7,
+            preferences: 0.6,
+            activities: 0.5,
+            experiences: 0.4,
+            important: 1.0
+        };
+
+        importance = categoryWeights[memoryData.category] || 0.5;
+
+        // Boost importance for longer, more detailed content
+        if (memoryData.content && memoryData.content.length > 20) {
+            importance += 0.1;
+        }
+
+        // High confidence boosts importance
+        if (memoryData.confidence && memoryData.confidence > 0.9) {
+            importance += 0.1;
+        }
+
+        return Math.min(1.0, importance);
+    }
+
+    async updateMemory(memoryId, updateData) {
+        if (!this.db) return false;
+
+        try {
+            // Ensure memoryId is the correct type
+            const numericId = typeof memoryId === "string" ? parseInt(memoryId) : memoryId;
+
+            // Vérifier d'abord que la mémoire existe
+            const existingMemory = await this.db.db.memories.get(numericId);
+            if (!existingMemory) {
+                console.error(`❌ Memory with ID ${numericId} not found in database`);
+                return false;
+            }
+
+            console.log(`🔄 Updating memory ${numericId}:`, { existing: existingMemory, update: updateData });
+
+            const update = {
+                ...updateData,
+                lastModified: new Date()
+            };
+
+            if (this.db.db.memories) {
+                const result = await this.db.db.memories.update(numericId, update);
+
+                console.log(`Memory update result for ID ${numericId}:`, result);
+
+                if (result > 0) {
+                    console.log("✅ Memory updated successfully");
+                    // Notify LLM system to refresh context
+                    this.notifyLLMContextUpdate();
+                    return true;
+                } else {
+                    console.error("❌ Memory update failed - no rows affected");
+                    return false;
+                }
+            }
+        } catch (error) {
+            console.error("Error updating memory:", error, { memoryId, updateData });
+            return false;
+        }
+    }
+
+    async deleteMemory(memoryId) {
+        if (!this.db) return false;
+
+        try {
+            // Ensure memoryId is the correct type
+            const numericId = typeof memoryId === "string" ? parseInt(memoryId) : memoryId;
+
+            if (this.db.db.memories) {
+                const result = await this.db.db.memories.delete(numericId);
+
+                console.log(`Memory delete result for ID ${numericId}:`, result);
+
+                // Notify LLM system to refresh context
+                if (result) {
+                    this.notifyLLMContextUpdate();
+                }
+
+                return result;
+            }
+        } catch (error) {
+            console.error("Error deleting memory:", error, { memoryId });
+            return false;
+        }
+    }
+
+    notifyLLMContextUpdate() {
+        // Debounce context updates to avoid excessive calls
+        if (this.contextUpdateTimeout) {
+            clearTimeout(this.contextUpdateTimeout);
+        }
+
+        this.contextUpdateTimeout = setTimeout(() => {
+            if (window.kimiLLM && typeof window.kimiLLM.refreshMemoryContext === "function") {
+                window.kimiLLM.refreshMemoryContext();
+            }
+        }, 500);
+    }
+
+    async getMemoriesByCategory(category, character = null) {
+        if (!this.db) return [];
+
+        try {
+            character = character || this.selectedCharacter;
+
+            if (this.db.db.memories) {
+                return await this.db.db.memories
+                    .where("[character+category]")
+                    .equals([character, category])
+                    .and(m => m.isActive)
+                    .reverse()
+                    .sortBy("timestamp");
+            }
+        } catch (error) {
+            console.error("Error getting memories by category:", error);
+            return [];
+        }
+    }
+
+    async getAllMemories(character = null) {
+        if (!this.db) return [];
+
+        try {
+            character = character || this.selectedCharacter;
+
+            if (this.db.db.memories) {
+                const memories = await this.db.db.memories
+                    .where("character")
+                    .equals(character)
+                    .and(m => m.isActive)
+                    .reverse()
+                    .sortBy("timestamp");
+
+                console.log(`Retrieved ${memories.length} memories for character: ${character}`);
+                return memories;
+            }
+        } catch (error) {
+            console.error("Error getting all memories:", error);
+            return [];
+        }
+    }
+
+    async findSimilarMemory(memoryData) {
+        if (!this.db) return null;
+
+        try {
+            const memories = await this.getMemoriesByCategory(memoryData.category);
+
+            // Enhanced similarity check with multiple criteria
+            for (const memory of memories) {
+                const contentSimilarity = this.calculateSimilarity(memory.content, memoryData.content);
+
+                // Different thresholds based on category
+                let threshold = 0.8;
+                if (memoryData.category === "personal") {
+                    threshold = 0.6; // Names and personal info can vary more
+                } else if (memoryData.category === "preferences") {
+                    threshold = 0.7; // Preferences can be expressed differently
+                }
+
+                if (contentSimilarity > threshold) {
+                    return memory;
+                }
+
+                // Special handling for names (check if one is contained in the other)
+                if (memoryData.category === "personal" && this.areRelatedNames(memory.content, memoryData.content)) {
+                    return memory;
+                }
+            }
+        } catch (error) {
+            console.error("Error finding similar memory:", error);
+        }
+
+        return null;
+    }
+
+    // Check if two names are related (nicknames, variants, etc.)
+    areRelatedNames(name1, name2) {
+        const n1 = name1.toLowerCase().trim();
+        const n2 = name2.toLowerCase().trim();
+
+        // Exact match
+        if (n1 === n2) return true;
+
+        // One contains the other (Jean-Pierre vs Jean)
+        if (n1.includes(n2) || n2.includes(n1)) return true;
+
+        // Common nickname patterns
+        const nicknames = {
+            jean: ["jp", "jeannot"],
+            pierre: ["pete", "pietro"],
+            marie: ["mary", "maria"],
+            michael: ["mike", "mick"],
+            william: ["bill", "will", "willy"],
+            robert: ["bob", "rob", "bobby"],
+            richard: ["rick", "dick", "richie"],
+            thomas: ["tom", "tommy"],
+            christopher: ["chris", "kit"],
+            anthony: ["tony", "ant"]
+        };
+
+        for (const [full, nicks] of Object.entries(nicknames)) {
+            if ((n1 === full && nicks.includes(n2)) || (n2 === full && nicks.includes(n1))) {
+                return true;
+            }
+        }
+
+        return false;
+    }
+
+    calculateSimilarity(text1, text2) {
+        // Enhanced similarity calculation
+        const words1 = text1
+            .toLowerCase()
+            .split(/\s+/)
+            .filter(w => w.length > 2);
+        const words2 = text2
+            .toLowerCase()
+            .split(/\s+/)
+            .filter(w => w.length > 2);
+
+        if (words1.length === 0 || words2.length === 0) {
+            return text1.toLowerCase() === text2.toLowerCase() ? 1 : 0;
+        }
+
+        const intersection = words1.filter(word => words2.includes(word));
+        const union = [...new Set([...words1, ...words2])];
+
+        let similarity = intersection.length / union.length;
+
+        // Boost similarity for exact substring matches
+        if (text1.toLowerCase().includes(text2.toLowerCase()) || text2.toLowerCase().includes(text1.toLowerCase())) {
+            similarity += 0.2;
+        }
+
+        return Math.min(1.0, similarity);
+    }
+
+    async cleanupOldMemories() {
+        if (!this.db) return;
+
+        try {
+            const memories = await this.getAllMemories();
+
+            if (memories.length > this.maxMemoryEntries) {
+                // Keep most recent and important memories
+                memories.sort((a, b) => {
+                    // Priority: confidence * recency
+                    const scoreA = a.confidence * (Date.now() - new Date(a.timestamp).getTime());
+                    const scoreB = b.confidence * (Date.now() - new Date(b.timestamp).getTime());
+                    return scoreB - scoreA;
+                });
+
+                const toDelete = memories.slice(this.maxMemoryEntries);
+                for (const memory of toDelete) {
+                    await this.deleteMemory(memory.id);
+                }
+            }
+        } catch (error) {
+            console.error("Error cleaning up old memories:", error);
+        }
+    }
+
+    // MEMORY RETRIEVAL FOR LLM
+    async getRelevantMemories(context = "", limit = 10) {
+        if (!this.memoryEnabled) return [];
+
+        try {
+            const allMemories = await this.getAllMemories();
+
+            if (allMemories.length === 0) return [];
+
+            if (!context) {
+                // Return most important and recent memories
+                return this.selectMostImportantMemories(allMemories, limit);
+            }
+
+            // Score memories based on relevance to context
+            const scoredMemories = allMemories.map(memory => ({
+                ...memory,
+                relevanceScore: this.calculateRelevance(memory, context)
+            }));
+
+            // Sort by relevance and return top results
+            scoredMemories.sort((a, b) => b.relevanceScore - a.relevanceScore);
+
+            // Filter out very low relevance memories
+            const relevantMemories = scoredMemories.filter(m => m.relevanceScore > 0.1);
+
+            return relevantMemories.slice(0, limit);
+        } catch (error) {
+            console.error("Error getting relevant memories:", error);
+            return [];
+        }
+    }
+
+    // Select most important memories when no context is provided
+    selectMostImportantMemories(memories, limit) {
+        // Score by importance, recency, and access count
+        const scoredMemories = memories.map(memory => {
+            let score = memory.importance || 0.5;
+
+            // Boost recent memories
+            const daysSinceCreation = (Date.now() - new Date(memory.timestamp)) / (1000 * 60 * 60 * 24);
+            score += Math.max(0, (7 - daysSinceCreation) / 7) * 0.2; // Recent boost
+
+            // Boost frequently accessed memories
+            const accessCount = memory.accessCount || 0;
+            score += Math.min(accessCount / 10, 0.2); // Access boost
+
+            // Boost high confidence memories
+            score += (memory.confidence || 0.5) * 0.1;
+
+            return { ...memory, importanceScore: score };
+        });
+
+        scoredMemories.sort((a, b) => b.importanceScore - a.importanceScore);
+        return scoredMemories.slice(0, limit);
+    }
+
+    calculateRelevance(memory, context) {
+        const contextWords = context
+            .toLowerCase()
+            .split(/\s+/)
+            .filter(w => w.length > 2);
+        const memoryWords = memory.content
+            .toLowerCase()
+            .split(/\s+/)
+            .filter(w => w.length > 2);
+
+        let score = 0;
+
+        // Enhanced content similarity with keyword matching
+        score += this.calculateSimilarity(memory.content, context) * 0.4;
+
+        // Keyword matching bonus
+        let keywordMatches = 0;
+        for (const word of contextWords) {
+            if (memoryWords.includes(word)) {
+                keywordMatches++;
+            }
+        }
+        if (contextWords.length > 0) {
+            score += (keywordMatches / contextWords.length) * 0.3;
+        }
+
+        // Category relevance bonus based on context
+        score += this.getCategoryRelevance(memory.category, context) * 0.1;
+
+        // Recent memories get bonus for current conversation
+        const daysSinceCreation = (Date.now() - new Date(memory.timestamp)) / (1000 * 60 * 60 * 24);
+        score += Math.max(0, (30 - daysSinceCreation) / 30) * 0.1;
+
+        // Confidence and importance boost
+        score += (memory.confidence || 0.5) * 0.05;
+        score += (memory.importance || 0.5) * 0.05;
+
+        return Math.min(1.0, score);
+    }
+
+    // Determine if memory category is relevant to current context
+    getCategoryRelevance(category, context) {
+        const contextLower = context.toLowerCase();
+
+        const categoryKeywords = {
+            personal: ["name", "age", "live", "work", "job", "who", "am", "myself"],
+            preferences: ["like", "love", "hate", "prefer", "enjoy", "favorite", "dislike"],
+            relationships: ["family", "friend", "wife", "husband", "partner", "mother", "father"],
+            activities: ["play", "hobby", "sport", "activity", "practice", "do"],
+            goals: ["want", "plan", "goal", "dream", "hope", "wish", "future"],
+            experiences: ["remember", "happened", "story", "experience", "time"],
+            important: ["important", "remember", "special", "never forget"]
+        };
+
+        const keywords = categoryKeywords[category] || [];
+        let relevance = 0;
+
+        for (const keyword of keywords) {
+            if (contextLower.includes(keyword)) {
+                relevance += 0.2;
+            }
+        }
+
+        return Math.min(1.0, relevance);
+    }
+
+    // Update access count when memory is used
+    async recordMemoryAccess(memoryId) {
+        try {
+            const memory = await this.db.db.memories.get(memoryId);
+            if (memory) {
+                memory.accessCount = (memory.accessCount || 0) + 1;
+                memory.lastAccessed = new Date();
+                await this.db.db.memories.put(memory);
+            }
+        } catch (error) {
+            console.error("Error recording memory access:", error);
+        }
+    }
+
+    // MEMORY STATISTICS
+    async getMemoryStats() {
+        try {
+            const memories = await this.getAllMemories();
+            const stats = {
+                total: memories.length,
+                byCategory: {},
+                averageConfidence: 0,
+                oldestMemory: null,
+                newestMemory: null
+            };
+
+            if (memories.length > 0) {
+                // Category breakdown
+                for (const memory of memories) {
+                    stats.byCategory[memory.category] = (stats.byCategory[memory.category] || 0) + 1;
+                }
+
+                // Average confidence
+                stats.averageConfidence = memories.reduce((sum, m) => sum + m.confidence, 0) / memories.length;
+
+                // Oldest and newest
+                const sortedByDate = [...memories].sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));
+                stats.oldestMemory = sortedByDate[0];
+                stats.newestMemory = sortedByDate[sortedByDate.length - 1];
+            }
+
+            return stats;
+        } catch (error) {
+            console.error("Error getting memory stats:", error);
+            return { total: 0, byCategory: {}, averageConfidence: 0 };
+        }
+    }
+
+    // MEMORY TOGGLE
+    async toggleMemorySystem(enabled) {
+        this.memoryEnabled = enabled;
+        if (this.db) {
+            await this.db.setPreference("memorySystemEnabled", enabled);
+        }
+    }
+
+    // EXPORT/IMPORT MEMORIES
+    async exportMemories() {
+        try {
+            const memories = await this.getAllMemories();
+            return {
+                exportDate: new Date().toISOString(),
+                character: this.selectedCharacter,
+                memories: memories,
+                version: "1.0"
+            };
+        } catch (error) {
+            console.error("Error exporting memories:", error);
+            return null;
+        }
+    }
+
+    async importMemories(importData) {
+        if (!importData || !importData.memories) return false;
+
+        try {
+            for (const memory of importData.memories) {
+                await this.addMemory({
+                    ...memory,
+                    type: "imported",
+                    character: this.selectedCharacter
+                });
+            }
+            return true;
+        } catch (error) {
+            console.error("Error importing memories:", error);
+            return false;
+        }
+    }
+
+    // MIGRATION UTILITIES
+    async migrateIncompatibleIDs() {
+        if (!this.db) return false;
+
+        try {
+            console.log("🔧 Début de la migration des IDs incompatibles...");
+
+            // Récupérer toutes les mémoires
+            const allMemories = await this.db.db.memories.toArray();
+            console.log(`📊 ${allMemories.length} mémoires trouvées`);
+
+            const incompatibleMemories = allMemories.filter(memory => {
+                // Les IDs auto-increment sont des entiers séquentiels (1, 2, 3...)
+                // Les anciens IDs manuels sont des nombres très grands (timestamps)
+                return memory.id > 10000; // Seuil arbitraire pour détecter les anciens IDs
+            });
+
+            if (incompatibleMemories.length === 0) {
+                console.log("✅ Aucune migration nécessaire");
+                return true;
+            }
+
+            console.log(`🔄 Migration de ${incompatibleMemories.length} mémoires avec IDs incompatibles`);
+
+            // Sauvegarder les données avant suppression
+            const dataToMigrate = incompatibleMemories.map(memory => {
+                const { id, ...memoryData } = memory; // Enlever l'ancien ID
+                return memoryData;
+            });
+
+            // Supprimer les anciennes entrées
+            await this.db.db.memories.bulkDelete(incompatibleMemories.map(m => m.id));
+
+            // Réinsérer avec de nouveaux IDs auto-générés
+            const newIds = await this.db.db.memories.bulkAdd(dataToMigrate);
+
+            console.log(`✅ Migration terminée. Nouveaux IDs:`, newIds);
+            return true;
+        } catch (error) {
+            console.error("❌ Erreur lors de la migration:", error);
+            return false;
+        }
+    }
+}
+
+window.KimiMemorySystem = KimiMemorySystem;

kimi-js/kimi-memory-ui.js

@@ -0,0 +1,687 @@
+// ===== KIMI MEMORY UI MANAGER =====
+class KimiMemoryUI {
+    constructor() {
+        this.memorySystem = null;
+        this.isInitialized = false;
+    }
+
+    async init() {
+        if (!window.kimiMemorySystem) {
+            console.warn("Memory system not available");
+            return;
+        }
+
+        this.memorySystem = window.kimiMemorySystem;
+        this.setupEventListeners();
+        await this.updateMemoryStats();
+        this.isInitialized = true;
+    }
+
+    setupEventListeners() {
+        // Memory toggle
+        const memoryToggle = document.getElementById("memory-toggle");
+        if (memoryToggle) {
+            memoryToggle.addEventListener("click", () => this.toggleMemorySystem());
+        }
+
+        // View memories button
+        const viewMemoriesBtn = document.getElementById("view-memories");
+        if (viewMemoriesBtn) {
+            viewMemoriesBtn.addEventListener("click", () => this.openMemoryModal());
+        }
+
+        // Add memory button
+        const addMemoryBtn = document.getElementById("add-memory");
+        if (addMemoryBtn) {
+            addMemoryBtn.addEventListener("click", () => this.addManualMemory());
+        }
+
+        // Memory modal close
+        const memoryClose = document.getElementById("memory-close");
+        if (memoryClose) {
+            memoryClose.addEventListener("click", () => this.closeMemoryModal());
+        }
+
+        // Memory export
+        const memoryExport = document.getElementById("memory-export");
+        if (memoryExport) {
+            memoryExport.addEventListener("click", () => this.exportMemories());
+        }
+
+        // Memory filter
+        const memoryFilter = document.getElementById("memory-filter-category");
+        if (memoryFilter) {
+            memoryFilter.addEventListener("change", () => this.filterMemories());
+        }
+
+        // Memory search
+        const memorySearch = document.getElementById("memory-search");
+        if (memorySearch) {
+            memorySearch.addEventListener("input", () => this.filterMemories());
+        }
+
+        // Close modal on overlay click
+        const memoryOverlay = document.getElementById("memory-overlay");
+        if (memoryOverlay) {
+            memoryOverlay.addEventListener("click", e => {
+                if (e.target === memoryOverlay) {
+                    this.closeMemoryModal();
+                }
+            });
+        }
+    }
+
+    async toggleMemorySystem() {
+        if (!this.memorySystem) return;
+
+        const toggle = document.getElementById("memory-toggle");
+        const enabled = !this.memorySystem.memoryEnabled;
+
+        await this.memorySystem.toggleMemorySystem(enabled);
+
+        if (toggle) {
+            toggle.setAttribute("aria-checked", enabled.toString());
+            toggle.classList.toggle("active", enabled);
+        }
+
+        // Show feedback
+        this.showFeedback(enabled ? "Memory system enabled" : "Memory system disabled");
+    }
+
+    async addManualMemory() {
+        const categorySelect = document.getElementById("memory-category");
+        const contentInput = document.getElementById("memory-content");
+
+        if (!categorySelect || !contentInput) return;
+
+        const category = categorySelect.value;
+        const content = contentInput.value.trim();
+
+        if (!content) {
+            this.showFeedback("Please enter memory content", "error");
+            return;
+        }
+
+        try {
+            await this.memorySystem.addMemory({
+                category: category,
+                content: content,
+                type: "manual",
+                confidence: 1.0
+            });
+
+            contentInput.value = "";
+            await this.updateMemoryStats();
+            this.showFeedback("Memory added successfully");
+        } catch (error) {
+            console.error("Error adding memory:", error);
+            this.showFeedback("Error adding memory", "error");
+        }
+    }
+
+    async openMemoryModal() {
+        const overlay = document.getElementById("memory-overlay");
+        if (!overlay) return;
+
+        overlay.style.display = "flex";
+        await this.loadMemories();
+    }
+
+    closeMemoryModal() {
+        const overlay = document.getElementById("memory-overlay");
+        if (overlay) {
+            overlay.style.display = "none";
+            // Ensure background video resumes after closing memory modal
+            const kv = window.kimiVideo;
+            if (kv && kv.activeVideo) {
+                try {
+                    const v = kv.activeVideo;
+                    if (v.ended) {
+                        if (typeof kv.returnToNeutral === "function") kv.returnToNeutral();
+                    } else if (v.paused) {
+                        v.play().catch(() => {
+                            if (typeof kv.returnToNeutral === "function") kv.returnToNeutral();
+                        });
+                    }
+                } catch {}
+            }
+        }
+    }
+
+    async loadMemories() {
+        if (!this.memorySystem) return;
+
+        try {
+            const memories = await this.memorySystem.getAllMemories();
+            console.log("Loading memories into UI:", memories.length);
+            this.renderMemories(memories);
+        } catch (error) {
+            console.error("Error loading memories:", error);
+        }
+    }
+
+    async filterMemories() {
+        const filterSelect = document.getElementById("memory-filter-category");
+        const searchInput = document.getElementById("memory-search");
+        if (!this.memorySystem) return;
+
+        try {
+            const category = filterSelect?.value;
+            const searchTerm = searchInput?.value.toLowerCase().trim();
+            let memories;
+
+            if (category) {
+                memories = await this.memorySystem.getMemoriesByCategory(category);
+            } else {
+                memories = await this.memorySystem.getAllMemories();
+            }
+
+            // Apply search filter if search term exists
+            if (searchTerm) {
+                memories = memories.filter(
+                    memory =>
+                        memory.content.toLowerCase().includes(searchTerm) ||
+                        memory.category.toLowerCase().includes(searchTerm) ||
+                        (memory.sourceText && memory.sourceText.toLowerCase().includes(searchTerm))
+                );
+            }
+
+            this.renderMemories(memories);
+        } catch (error) {
+            console.error("Error filtering memories:", error);
+        }
+    }
+
+    renderMemories(memories) {
+        const memoryList = document.getElementById("memory-list");
+        if (!memoryList) return;
+
+        console.log("Rendering memories:", memories); // Debug logging
+
+        if (memories.length === 0) {
+            memoryList.innerHTML = `
+                <div class="memory-empty">
+                    <i class="fas fa-brain"></i>
+                    <p>No memories found. Start chatting to build memories automatically, or add them manually.</p>
+                </div>
+            `;
+            return;
+        }
+
+        // Group memories by category for better organization
+        const groupedMemories = memories.reduce((groups, memory) => {
+            const category = memory.category || "other";
+            if (!groups[category]) groups[category] = [];
+            groups[category].push(memory);
+            return groups;
+        }, {});
+
+        let html = "";
+        Object.entries(groupedMemories).forEach(([category, categoryMemories]) => {
+            html += `
+                <div class="memory-category-group">
+                    <h4 class="memory-category-header">
+                        ${this.getCategoryIcon(category)} ${this.formatCategoryName(category)}
+                        <span class="memory-category-count">(${categoryMemories.length})</span>
+                    </h4>
+                    <div class="memory-category-items">
+            `;
+
+            categoryMemories.forEach(memory => {
+                const confidence = Math.round(memory.confidence * 100);
+                const isAutomatic = memory.type === "auto_extracted";
+                const previewLength = 120;
+                const isLongContent = memory.content.length > previewLength;
+                const previewText = isLongContent ? memory.content.substring(0, previewLength) + "..." : memory.content;
+                const wordCount = memory.content.split(/\s+/).length;
+
+                html += `
+                    <div class="memory-item ${isAutomatic ? "memory-auto" : "memory-manual"}" data-memory-id="${memory.id}">
+                        <div class="memory-header">
+                            <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>
+                                ${isLongContent ? `<span class="memory-length">${wordCount} mots</span>` : ""}
+                            </div>
+                        </div>
+                        <div class="memory-preview">
+                            <div class="memory-preview-text ${isLongContent ? "memory-preview-short" : ""}" id="preview-${memory.id}">
+                                ${this.highlightMemoryContent(previewText)}
+                            </div>
+                            ${
+                                isLongContent
+                                    ? `
+                                <div class="memory-preview-full" id="full-${memory.id}" style="display: none;">
+                                    ${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
+                                </button>
+                            `
+                                    : ""
+                            }
+                        </div>
+                        <div class="memory-meta">
+                            <span class="memory-date">${this.formatDate(memory.timestamp)}</span>
+                            ${
+                                memory.sourceText
+                                    ? `<span class="memory-source" title="${
+                                          window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                                              ? window.KimiValidationUtils.escapeHtml(memory.sourceText)
+                                              : memory.sourceText
+                                      }">� Extrait de conversation</span>`
+                                    : `<span>📝 Ajouté manuellement</span>`
+                            }
+                        </div>
+                        <div class="memory-actions">
+                            <button class="memory-edit-btn" onclick="kimiMemoryUI.editMemory('${memory.id}')" title="Modifier cette mémoire">
+                                <i class="fas fa-edit"></i>
+                            </button>
+                            <button class="memory-delete-btn" onclick="kimiMemoryUI.deleteMemory('${memory.id}')" title="Supprimer cette mémoire">
+                                <i class="fas fa-trash"></i>
+                            </button>
+                        </div>
+                    </div>
+                `;
+            });
+
+            html += `
+                    </div>
+                </div>
+            `;
+        });
+
+        memoryList.innerHTML = html;
+    }
+
+    formatCategoryName(category) {
+        const names = {
+            personal: "Personal Information",
+            preferences: "Likes & Dislikes",
+            relationships: "Relationships & People",
+            activities: "Activities & Hobbies",
+            goals: "Goals & Aspirations",
+            experiences: "Shared Experiences",
+            important: "Important Events"
+        };
+        return names[category] || category.charAt(0).toUpperCase() + category.slice(1);
+    }
+
+    getConfidenceLevel(confidence) {
+        if (confidence >= 80) return "high";
+        if (confidence >= 60) return "medium";
+        return "low";
+    }
+
+    formatDate(timestamp) {
+        const date = new Date(timestamp);
+        const now = new Date();
+        const diffTime = now - date;
+        const diffDays = Math.floor(diffTime / (1000 * 60 * 60 * 24));
+
+        if (diffDays === 0) return "Today";
+        if (diffDays === 1) return "Yesterday";
+        if (diffDays < 7) return `${diffDays} days ago`;
+        return date.toLocaleDateString();
+    }
+
+    highlightMemoryContent(content) {
+        // Escape HTML first using centralized util
+        const escapedContent =
+            window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                ? window.KimiValidationUtils.escapeHtml(content)
+                : content;
+
+        // Simple highlighting for search terms if there's a search active
+        const searchInput = document.getElementById("memory-search");
+        if (searchInput && searchInput.value.trim()) {
+            const searchTerm = searchInput.value.trim();
+            const regex = new RegExp(`(${searchTerm})`, "gi");
+            return escapedContent.replace(
+                regex,
+                '<mark style="background: var(--primary-color); color: white; padding: 1px 3px; border-radius: 2px;">$1</mark>'
+            );
+        }
+
+        return escapedContent;
+    }
+
+    // Removed duplicate escapeHtml; use window.KimiValidationUtils.escapeHtml instead
+
+    getCategoryIcon(category) {
+        const icons = {
+            personal: "👤",
+            preferences: "❤️",
+            relationships: "👨‍👩‍👧‍👦",
+            activities: "🎯",
+            goals: "🎯",
+            experiences: "⭐",
+            important: "📌"
+        };
+        return icons[category] || "📝";
+    }
+
+    toggleMemoryContent(memoryId) {
+        const previewShort = document.getElementById(`preview-${memoryId}`);
+        const previewFull = document.getElementById(`full-${memoryId}`);
+        const icon = document.getElementById(`icon-${memoryId}`);
+        const expandBtn = icon?.closest(".memory-expand-btn");
+
+        if (!previewShort || !previewFull || !icon || !expandBtn) return;
+
+        const isExpanded = previewFull.style.display !== "none";
+
+        if (isExpanded) {
+            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';
+        } 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';
+        }
+    }
+
+    async editMemory(memoryId) {
+        if (!this.memorySystem) return;
+
+        try {
+            // Get the memory to edit
+            const memories = await this.memorySystem.getAllMemories();
+            const memory = memories.find(m => m.id == memoryId);
+            if (!memory) {
+                this.showFeedback("Memory not found", "error");
+                return;
+            }
+
+            // Create edit dialog
+            const overlay = document.createElement("div");
+            overlay.className = "memory-edit-overlay";
+            overlay.style.cssText = `
+                position: fixed;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                background: rgba(0, 0, 0, 0.8);
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                z-index: 10001;
+            `;
+
+            const dialog = document.createElement("div");
+            dialog.className = "memory-edit-dialog";
+            dialog.style.cssText = `
+                background: var(--background-secondary);
+                border-radius: 12px;
+                padding: 24px;
+                width: 90%;
+                max-width: 500px;
+                box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+            `;
+
+            dialog.innerHTML = `
+                <h3 style="margin: 0 0 20px 0; color: var(--text-primary);">
+                    <i class="fas fa-edit"></i> Edit Memory
+                </h3>
+                <div style="margin-bottom: 16px;">
+                    <label style="display: block; margin-bottom: 8px; font-weight: 500;">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>
+                    </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>
+                </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>
+                    <button id="save-edit" class="kimi-button">
+                        <i class="fas fa-save"></i> Save
+                    </button>
+                </div>
+            `;
+
+            overlay.appendChild(dialog);
+            document.body.appendChild(overlay);
+
+            // Handle buttons
+            dialog.querySelector("#cancel-edit").addEventListener("click", () => {
+                document.body.removeChild(overlay);
+            });
+
+            dialog.querySelector("#save-edit").addEventListener("click", async () => {
+                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");
+                    return;
+                }
+
+                console.log(`🔄 Tentative de mise à jour de la mémoire ID: ${memoryId}`);
+                console.log("Nouvelles données:", { category: newCategory, content: newContent });
+
+                try {
+                    const result = await this.memorySystem.updateMemory(memoryId, {
+                        category: newCategory,
+                        content: newContent
+                    });
+
+                    console.log("Résultat de l'update:", result);
+
+                    if (result === true) {
+                        // Fermer le modal
+                        document.body.removeChild(overlay);
+
+                        // Forcer le rechargement complet
+                        await this.loadMemories();
+                        await this.updateMemoryStats();
+
+                        this.showFeedback("Mémoire mise à jour avec succès");
+                        console.log("✅ Interface mise à jour");
+                    } else {
+                        this.showFeedback("Erreur: Impossible de mettre à jour la mémoire", "error");
+                        console.error("❌ Update échoué, résultat:", result);
+                    }
+                } catch (error) {
+                    console.error("Error updating memory:", error);
+                    this.showFeedback("Erreur lors de la mise à jour de la mémoire", "error");
+                }
+            });
+
+            // Close on overlay click
+            overlay.addEventListener("click", e => {
+                if (e.target === overlay) {
+                    document.body.removeChild(overlay);
+                }
+            });
+        } catch (error) {
+            console.error("Error editing memory:", error);
+            this.showFeedback("Error loading memory for editing", "error");
+        }
+    }
+
+    async deleteMemory(memoryId) {
+        if (!confirm("Are you sure you want to delete this memory?")) return;
+
+        try {
+            await this.memorySystem.deleteMemory(memoryId);
+            await this.loadMemories();
+            await this.updateMemoryStats();
+            this.showFeedback("Memory deleted");
+        } catch (error) {
+            console.error("Error deleting memory:", error);
+            this.showFeedback("Error deleting memory", "error");
+        }
+    }
+
+    async exportMemories() {
+        if (!this.memorySystem) return;
+
+        try {
+            const exportData = await this.memorySystem.exportMemories();
+            if (exportData) {
+                const blob = new Blob([JSON.stringify(exportData, null, 2)], {
+                    type: "application/json"
+                });
+                const url = URL.createObjectURL(blob);
+                const a = document.createElement("a");
+                a.href = url;
+                a.download = `kimi-memories-${new Date().toISOString().split("T")[0]}.json`;
+                a.click();
+                URL.revokeObjectURL(url);
+                this.showFeedback("Memories exported successfully");
+            }
+        } catch (error) {
+            console.error("Error exporting memories:", error);
+            this.showFeedback("Error exporting memories", "error");
+        }
+    }
+
+    async updateMemoryStats() {
+        if (!this.memorySystem) return;
+
+        try {
+            const stats = await this.memorySystem.getMemoryStats();
+            const memoryCount = document.getElementById("memory-count");
+            const memoryToggle = document.getElementById("memory-toggle");
+
+            if (memoryCount) {
+                memoryCount.textContent = `${stats.total} memories`;
+            }
+
+            // Update toggle state
+            if (memoryToggle) {
+                const enabled = this.memorySystem.memoryEnabled;
+                memoryToggle.setAttribute("aria-checked", enabled.toString());
+                memoryToggle.classList.toggle("active", enabled);
+
+                // Add visual indicator for memory status
+                const indicator = memoryToggle.querySelector(".memory-indicator") || document.createElement("div");
+                if (!memoryToggle.querySelector(".memory-indicator")) {
+                    indicator.className = "memory-indicator";
+                    memoryToggle.appendChild(indicator);
+                }
+                indicator.style.cssText = `
+                    position: absolute;
+                    top: -2px;
+                    right: -2px;
+                    width: 8px;
+                    height: 8px;
+                    border-radius: 50%;
+                    background: ${enabled ? "#27ae60" : "#e74c3c"};
+                    border: 2px solid white;
+                `;
+            }
+        } catch (error) {
+            console.error("Error updating memory stats:", error);
+        }
+    }
+
+    // Force refresh de l'interface (utile pour debug)
+    async forceRefresh() {
+        console.log("🔄 Force refresh de l'interface mémoire...");
+        try {
+            if (this.memorySystem) {
+                // Migrer les IDs si nécessaire
+                await this.memorySystem.migrateIncompatibleIDs();
+
+                // Recharger les mémoires
+                await this.loadMemories();
+                await this.updateMemoryStats();
+
+                console.log("✅ Refresh forcé terminé");
+            }
+        } catch (error) {
+            console.error("❌ Erreur lors du refresh forcé:", error);
+        }
+    }
+
+    showFeedback(message, type = "success") {
+        // Create feedback element
+        const feedback = document.createElement("div");
+        feedback.className = `memory-feedback memory-feedback-${type}`;
+        feedback.textContent = message;
+
+        // Style the feedback based on type
+        let backgroundColor;
+        switch (type) {
+            case "error":
+                backgroundColor = "#e74c3c";
+                break;
+            case "info":
+                backgroundColor = "#3498db";
+                break;
+            default:
+                backgroundColor = "#27ae60";
+        }
+
+        // Style the feedback
+        Object.assign(feedback.style, {
+            position: "fixed",
+            top: "20px",
+            right: "20px",
+            padding: "12px 20px",
+            borderRadius: "6px",
+            color: "white",
+            backgroundColor: backgroundColor,
+            boxShadow: "0 4px 12px rgba(0,0,0,0.2)",
+            zIndex: "10000",
+            fontSize: "14px",
+            fontWeight: "500",
+            opacity: "0",
+            transform: "translateX(100%)",
+            transition: "all 0.3s ease"
+        });
+
+        document.body.appendChild(feedback);
+
+        // Animate in
+        setTimeout(() => {
+            feedback.style.opacity = "1";
+            feedback.style.transform = "translateX(0)";
+        }, 10);
+
+        // Remove after delay (longer for info messages, shorter for others)
+        const delay = type === "info" ? 2000 : 3000;
+        setTimeout(() => {
+            feedback.style.opacity = "0";
+            feedback.style.transform = "translateX(100%)";
+            setTimeout(() => {
+                if (feedback.parentNode) {
+                    feedback.parentNode.removeChild(feedback);
+                }
+            }, 300);
+        }, delay);
+    }
+}
+
+// Initialize memory UI when DOM is ready
+document.addEventListener("DOMContentLoaded", async () => {
+    window.kimiMemoryUI = new KimiMemoryUI();
+
+    // Wait for memory system to be ready
+    const waitForMemorySystem = () => {
+        if (window.kimiMemorySystem) {
+            window.kimiMemoryUI.init();
+        } else {
+            setTimeout(waitForMemorySystem, 100);
+        }
+    };
+
+    setTimeout(waitForMemorySystem, 1000); // Give time for initialization
+});
+
+window.KimiMemoryUI = KimiMemoryUI;

kimi-js/kimi-memory.js

@@ -0,0 +1,131 @@
+// ===== KIMI MEMORY MANAGER =====
+class KimiMemory {
+    constructor(database) {
+        this.db = database;
+        this.preferences = {
+            voiceRate: 1.1,
+            voicePitch: 1.1,
+            voiceVolume: 0.8,
+            lastInteraction: null,
+            totalInteractions: 0,
+            favoriteWords: [],
+            emotionalState: "neutral"
+        };
+        this.isReady = false;
+        // affectionTrait will be loaded from database during init()
+        this.affectionTrait = 50; // Temporary default until loaded from DB
+    }
+
+    async init() {
+        if (!this.db) {
+            console.warn("Database not available, using local mode");
+            return;
+        }
+        try {
+            this.selectedCharacter = await this.db.getSelectedCharacter();
+            // Start with lower favorability level - relationships must be built over time
+            this.favorabilityLevel = await this.db.getPreference(`favorabilityLevel_${this.selectedCharacter}`, 50);
+
+            // Load affection trait from personality database - CRITICAL FIX
+            this.affectionTrait = await this.db.getPersonalityTrait("affection", 50, this.selectedCharacter);
+
+            this.preferences = {
+                voiceRate: await this.db.getPreference(`voiceRate_${this.selectedCharacter}`, 1.1),
+                voicePitch: await this.db.getPreference(`voicePitch_${this.selectedCharacter}`, 1.1),
+                voiceVolume: await this.db.getPreference(`voiceVolume_${this.selectedCharacter}`, 0.8),
+                lastInteraction: await this.db.getPreference(`lastInteraction_${this.selectedCharacter}`, null),
+                totalInteractions: await this.db.getPreference(`totalInteractions_${this.selectedCharacter}`, 0),
+                favoriteWords: await this.db.getPreference(`favoriteWords_${this.selectedCharacter}`, []),
+                emotionalState: await this.db.getPreference(`emotionalState_${this.selectedCharacter}`, "neutral")
+            };
+            this.affectionTrait = await this.db.getPersonalityTrait("affection", 80, this.selectedCharacter);
+            this.isReady = true;
+            this.updateFavorabilityBar();
+        } catch (error) {
+            console.error("KimiMemory initialization error:", error);
+        }
+    }
+
+    async saveConversation(userText, kimiResponse) {
+        if (!this.db) return;
+
+        try {
+            const character = await this.db.getSelectedCharacter();
+            await this.db.saveConversation(userText, kimiResponse, this.favorabilityLevel, new Date(), character);
+
+            let total = await this.db.getPreference(`totalInteractions_${character}`, 0);
+            total = Number(total) + 1;
+            await this.db.setPreference(`totalInteractions_${character}`, total);
+            this.preferences.totalInteractions = total;
+
+            let first = await this.db.getPreference(`firstInteraction_${character}`, null);
+            if (!first) {
+                first = new Date().toISOString();
+                await this.db.setPreference(`firstInteraction_${character}`, first);
+            }
+
+            this.preferences.lastInteraction = new Date().toISOString();
+            await this.db.setPreference(`lastInteraction_${character}`, this.preferences.lastInteraction);
+        } catch (error) {
+            console.error("Error saving conversation:", error);
+        }
+    }
+
+    async updateFavorability(change) {
+        try {
+            this.affectionTrait = Math.max(0, Math.min(100, this.affectionTrait + change));
+            if (this.db) {
+                await this.db.setPersonalityTrait("affection", this.affectionTrait, this.selectedCharacter);
+            }
+            this.updateFavorabilityBar();
+        } catch (error) {
+            console.error("Error updating favorability:", error);
+        }
+    }
+
+    async updateAffectionTrait() {
+        if (!this.db) return;
+
+        try {
+            this.selectedCharacter = await this.db.getSelectedCharacter();
+            // Use unified default that matches KimiEmotionSystem
+            this.affectionTrait = await this.db.getPersonalityTrait("affection", 50, this.selectedCharacter);
+            this.updateFavorabilityBar();
+        } catch (error) {
+            console.error("Error updating affection trait:", error);
+        }
+    }
+
+    updateFavorabilityBar() {
+        try {
+            const favorabilityBar = document.getElementById("favorability-bar");
+            const favorabilityText = document.getElementById("favorability-text");
+            const value = Number(this.affectionTrait) || 0;
+            const clamped = Math.max(0, Math.min(100, value));
+
+            if (favorabilityBar) {
+                favorabilityBar.style.width = `${clamped}%`;
+            }
+            if (favorabilityText) {
+                favorabilityText.textContent = `${clamped.toFixed(2)}%`;
+            }
+        } catch (error) {
+            console.error("Error updating favorability bar:", error);
+        }
+    }
+
+    getGreeting() {
+        const i18n = window.kimiI18nManager;
+
+        if (this.affectionTrait <= 10) {
+            return i18n?.t("greeting_low") || "Hello.";
+        }
+        if (this.affectionTrait < 40) {
+            return i18n?.t("greeting_mid") || "Hi. How can I help you?";
+        }
+        return i18n?.t("greeting_high") || "Hello my love! 💕";
+    }
+}
+
+// Export to global scope
+window.KimiMemory = KimiMemory;

kimi-js/kimi-module.js

@@ -0,0 +1,1956 @@
+// ===== KIMI MODULE SYSTEM =====
+// This file contains the remaining utility classes and functions
+
+// Note: KimiMemory and KimiAppearanceManager have been moved to separate files
+// This file now contains the remaining utility classes and functions
+
+class KimiDataManager extends KimiBaseManager {
+    constructor(database) {
+        super();
+        this.db = database;
+    }
+
+    async init() {
+        this.setupDataControls();
+        await this.updateStorageInfo();
+    }
+
+    setupDataControls() {
+        const exportButton = document.getElementById("export-data");
+        if (exportButton) {
+            exportButton.addEventListener("click", () => this.exportAllData());
+        }
+
+        const importButton = document.getElementById("import-data");
+        const importFile = document.getElementById("import-file");
+        if (importButton && importFile) {
+            importButton.addEventListener("click", () => importFile.click());
+            importFile.addEventListener("change", e => this.importData(e));
+        }
+
+        const cleanButton = document.getElementById("clean-old-data");
+        if (cleanButton) {
+            cleanButton.addEventListener("click", async () => {
+                if (!this.db) return;
+
+                const confirmClean = confirm(
+                    "Delete all conversation messages?\n\n" +
+                        "This will remove all chat history but keep your preferences and settings.\n\n" +
+                        "This action cannot be undone."
+                );
+
+                if (!confirmClean) {
+                    return;
+                }
+
+                try {
+                    // Clear all conversations directly
+                    await this.db.db.conversations.clear();
+
+                    // Clear chat UI
+                    const chatMessages = document.getElementById("chat-messages");
+                    if (chatMessages) {
+                        chatMessages.textContent = "";
+                    }
+
+                    // Reload chat history
+                    if (typeof window.loadChatHistory === "function") {
+                        window.loadChatHistory();
+                    }
+
+                    await this.updateStorageInfo();
+                    alert("All conversation messages have been deleted successfully!");
+                } catch (error) {
+                    console.error("Error cleaning conversations:", error);
+                    alert("Error while cleaning conversations. Please try again.");
+                }
+            });
+        }
+
+        const resetButton = document.getElementById("reset-all-data");
+        if (resetButton) {
+            resetButton.addEventListener("click", () => this.resetAllData());
+        }
+    }
+
+    async exportAllData() {
+        if (!this.db) {
+            console.error("Database not available");
+            return;
+        }
+
+        try {
+            const conversations = await this.db.getAllConversations();
+            const preferences = await this.db.getAllPreferences();
+            const personalityTraits = await this.db.getAllPersonalityTraits();
+            const models = await this.db.getAllLLMModels();
+
+            const exportData = {
+                version: "1.0",
+                exportDate: new Date().toISOString(),
+                conversations: conversations,
+                preferences: preferences,
+                personalityTraits: personalityTraits,
+                models: models,
+                metadata: {
+                    totalConversations: conversations.length,
+                    totalPreferences: Object.keys(preferences).length,
+                    totalTraits: Object.keys(personalityTraits).length,
+                    totalModels: models.length
+                }
+            };
+
+            const dataStr = JSON.stringify(exportData, null, 2);
+            const dataBlob = new Blob([dataStr], { type: "application/json" });
+
+            const url = URL.createObjectURL(dataBlob);
+            const a = document.createElement("a");
+            a.href = url;
+            a.download = `kimi-backup-${new Date().toISOString().split("T")[0]}.json`;
+            document.body.appendChild(a);
+            a.click();
+            document.body.removeChild(a);
+            URL.revokeObjectURL(url);
+        } catch (error) {
+            console.error("Error during export:", error);
+        }
+    }
+
+    async cleanOldData() {
+        if (!this.db) {
+            console.error("Database not available");
+            return;
+        }
+
+        const confirmClean = confirm("Do you want to delete ALL conversations?\n\nThis action is irreversible!");
+
+        if (!confirmClean) {
+            return;
+        }
+
+        try {
+            // Clear all conversations directly
+            await this.db.db.conversations.clear();
+
+            if (typeof window.loadChatHistory === "function") {
+                window.loadChatHistory();
+            }
+            const chatMessages = document.getElementById("chat-messages");
+            if (chatMessages) {
+                chatMessages.textContent = "";
+            }
+
+            await this.updateStorageInfo();
+        } catch (error) {
+            console.error("Error during cleaning:", error);
+        }
+    }
+
+    async resetAllData() {
+        if (!this.db) {
+            console.error("Database not available");
+            return;
+        }
+
+        const confirmReset = confirm(
+            "WARNING!\n\n" +
+                "Do you REALLY want to delete ALL data?\n\n" +
+                "• All conversations\n" +
+                "• All preferences\n" +
+                "• All configured models\n" +
+                "• All personality traits\n\n" +
+                "This action is IRREVERSIBLE!"
+        );
+
+        if (!confirmReset) {
+            return;
+        }
+
+        try {
+            if (this.db.db) {
+                this.db.db.close();
+            }
+
+            const deleteRequest = indexedDB.deleteDatabase(this.db.dbName);
+
+            deleteRequest.onsuccess = () => {
+                setTimeout(() => {
+                    alert("The page will reload to complete the reset.");
+                    location.reload();
+                }, 500);
+            };
+
+            deleteRequest.onerror = () => {
+                alert("Error while deleting the database. Please try again.");
+            };
+        } catch (error) {
+            console.error("Error during reset:", error);
+            alert("Error during reset. Please try again.");
+        }
+    }
+
+    async updateStorageInfo() {
+        if (!this.db) return;
+
+        try {
+            // Add a small delay to ensure database operations are complete
+            await new Promise(resolve => setTimeout(resolve, 100));
+
+            const stats = await this.db.getStorageStats();
+
+            const dbSizeEl = document.getElementById("db-size");
+            const storageUsedEl = document.getElementById("storage-used");
+
+            if (dbSizeEl) {
+                dbSizeEl.textContent = this.formatFileSize(stats.totalSize || 0);
+            }
+
+            if (storageUsedEl) {
+                const estimate = navigator.storage && navigator.storage.estimate ? await navigator.storage.estimate() : null;
+
+                if (estimate) {
+                    storageUsedEl.textContent = this.formatFileSize(estimate.usage || 0);
+                } else {
+                    storageUsedEl.textContent = "N/A";
+                }
+            }
+        } catch (error) {
+            console.error("Error while calculating storage:", error);
+
+            const dbSizeEl = document.getElementById("db-size");
+            const storageUsedEl = document.getElementById("storage-used");
+
+            if (dbSizeEl) dbSizeEl.textContent = "Error";
+            if (storageUsedEl) storageUsedEl.textContent = "Error";
+        }
+    }
+}
+
+// Fonctions utilitaires et logique (référencent window.*)
+function getPersonalityAverage(traits) {
+    if (window.kimiEmotionSystem && typeof window.kimiEmotionSystem.calculatePersonalityAverage === "function") {
+        return window.kimiEmotionSystem.calculatePersonalityAverage(traits);
+    }
+    if (window.getPersonalityAverage) {
+        try {
+            return window.getPersonalityAverage(traits);
+        } catch {}
+    }
+    const keys = ["affection", "romance", "empathy", "playfulness", "humor"];
+    let sum = 0;
+    let count = 0;
+    keys.forEach(key => {
+        if (typeof traits[key] === "number") {
+            sum += traits[key];
+            count++;
+        }
+    });
+    return count > 0 ? sum / count : 50;
+}
+
+function updateFavorabilityLabel(characterKey) {
+    const favorabilityLabel = document.getElementById("favorability-label");
+    if (favorabilityLabel && window.KIMI_CHARACTERS && window.KIMI_CHARACTERS[characterKey]) {
+        favorabilityLabel.setAttribute("data-i18n", "affection_level_of");
+        favorabilityLabel.setAttribute("data-i18n-params", JSON.stringify({ name: window.KIMI_CHARACTERS[characterKey].name }));
+        favorabilityLabel.textContent = `💖 Affection level of ${window.KIMI_CHARACTERS[characterKey].name}`;
+        applyTranslations();
+    }
+}
+
+async function loadCharacterSection() {
+    const kimiDB = window.kimiDB;
+    if (!kimiDB) return;
+    const characterGrid = document.getElementById("character-grid");
+    if (!characterGrid) return;
+    while (characterGrid.firstChild) {
+        characterGrid.removeChild(characterGrid.firstChild);
+    }
+    const selectedCharacter = await kimiDB.getSelectedCharacter();
+    for (const [key, info] of Object.entries(window.KIMI_CHARACTERS)) {
+        const card = document.createElement("div");
+        card.className = `character-card${key === selectedCharacter ? " selected" : ""}`;
+        card.dataset.character = key;
+
+        // Create character card elements safely
+        const img = document.createElement("img");
+        img.src = info.image;
+        img.alt = info.name;
+
+        const infoDiv = document.createElement("div");
+        infoDiv.className = "character-info";
+
+        const nameDiv = document.createElement("div");
+        nameDiv.className = "character-name";
+        nameDiv.textContent = info.name;
+
+        const detailsDiv = document.createElement("div");
+        detailsDiv.className = "character-details";
+
+        const ageDiv = document.createElement("div");
+        ageDiv.className = "character-age";
+        ageDiv.setAttribute("data-i18n", "character_age");
+        ageDiv.setAttribute("data-i18n-params", JSON.stringify({ age: info.age }));
+
+        const birthplaceDiv = document.createElement("div");
+        birthplaceDiv.className = "character-birthplace";
+        birthplaceDiv.setAttribute("data-i18n", "character_birthplace");
+        birthplaceDiv.setAttribute("data-i18n-params", JSON.stringify({ birthplace: info.birthplace }));
+
+        const summaryDiv = document.createElement("div");
+        summaryDiv.className = "character-summary";
+        summaryDiv.setAttribute("data-i18n", `character_summary_${key}`);
+
+        detailsDiv.appendChild(ageDiv);
+        detailsDiv.appendChild(birthplaceDiv);
+        detailsDiv.appendChild(summaryDiv);
+
+        infoDiv.appendChild(nameDiv);
+        infoDiv.appendChild(detailsDiv);
+
+        const promptLabel = document.createElement("div");
+        promptLabel.className = "character-prompt-label";
+        promptLabel.setAttribute("data-i18n", "system_prompt");
+        promptLabel.textContent = "System Prompt";
+
+        const promptInput = document.createElement("textarea");
+        promptInput.className = "character-prompt-input";
+        promptInput.id = `prompt-${key}`;
+        promptInput.rows = 6;
+
+        card.appendChild(img);
+        card.appendChild(infoDiv);
+        card.appendChild(promptLabel);
+        card.appendChild(promptInput);
+        characterGrid.appendChild(card);
+    }
+    applyTranslations();
+    for (const key of Object.keys(window.KIMI_CHARACTERS)) {
+        const promptInput = document.getElementById(`prompt-${key}`);
+        if (promptInput) {
+            const prompt = await kimiDB.getSystemPromptForCharacter(key);
+            promptInput.value = prompt;
+            promptInput.disabled = key !== selectedCharacter;
+        }
+    }
+    characterGrid.querySelectorAll(".character-card").forEach(card => {
+        card.addEventListener("click", async () => {
+            characterGrid.querySelectorAll(".character-card").forEach(c => c.classList.remove("selected"));
+            card.classList.add("selected");
+            const charKey = card.dataset.character;
+            for (const key of Object.keys(window.KIMI_CHARACTERS)) {
+                const promptInput = document.getElementById(`prompt-${key}`);
+                if (promptInput) promptInput.disabled = key !== charKey;
+            }
+            updateFavorabilityLabel(charKey);
+            const chatHeaderName = document.querySelector(".chat-header span[data-i18n]");
+            if (chatHeaderName) {
+                const info = window.KIMI_CHARACTERS[charKey] || window.KIMI_CHARACTERS.kimi;
+                chatHeaderName.setAttribute("data-i18n", `chat_with_${charKey}`);
+                applyTranslations();
+            }
+
+            // Update personality trait sliders with selected character's traits
+            await updatePersonalitySliders(charKey);
+        });
+    });
+
+    // Initialize personality sliders with current selected character's traits
+    await updatePersonalitySliders(selectedCharacter);
+}
+
+async function getBasicResponse(reaction) {
+    // Use centralized fallback manager instead of duplicated logic
+    if (window.KimiFallbackManager) {
+        return await window.KimiFallbackManager.getEmotionalResponse(reaction);
+    }
+
+    // Fallback to legacy system if KimiFallbackManager not available
+    const i18n = window.kimiI18nManager;
+    return i18n ? i18n.t("fallback_technical_error") : "Sorry, I'm having technical difficulties! 💕";
+}
+
+async function updatePersonalityTraitsFromEmotion(emotion, text) {
+    const kimiDB = window.kimiDB;
+    const kimiMemory = window.kimiMemory;
+    if (!kimiDB) {
+        console.warn("KimiDB not available for personality updates");
+        return;
+    }
+
+    const selectedCharacter = await kimiDB.getSelectedCharacter();
+    const traits = await kimiDB.getAllPersonalityTraits(selectedCharacter);
+
+    // Use unified emotion system defaults - CRITICAL FIX
+    const getUnifiedDefaults = () => {
+        if (window.KimiEmotionSystem) {
+            const emotionSystem = new window.KimiEmotionSystem(kimiDB);
+            return emotionSystem.TRAIT_DEFAULTS;
+        }
+        return { affection: 65, romance: 50, empathy: 75, playfulness: 55, humor: 60, intelligence: 70 };
+    };
+
+    const defaults = getUnifiedDefaults();
+    let affection = traits.affection || defaults.affection;
+    let romance = traits.romance || defaults.romance;
+    let empathy = traits.empathy || defaults.empathy;
+    let playfulness = traits.playfulness || defaults.playfulness;
+    let humor = traits.humor || defaults.humor;
+    let intelligence = traits.intelligence || defaults.intelligence;
+
+    function adjustUp(val, amount) {
+        if (val >= 90) return val + amount * 0.2;
+        if (val >= 75) return val + amount * 0.5;
+        if (val >= 50) return val + amount * 0.8;
+        return val + amount;
+    }
+    function adjustDown(val, amount) {
+        if (val <= 10) return val - amount * 0.2;
+        if (val <= 25) return val - amount * 0.5;
+        if (val <= 50) return val - amount * 0.8;
+        return val - amount;
+    }
+
+    // Emotion-based adjustments - More realistic progression
+    switch (emotion) {
+        case "positive":
+            affection = Math.min(100, adjustUp(affection, 0.3));
+            empathy = Math.min(100, adjustUp(empathy, 0.2));
+            playfulness = Math.min(100, adjustUp(playfulness, 0.2));
+            humor = Math.min(100, adjustUp(humor, 0.2));
+            romance = Math.min(100, adjustUp(romance, 0.2));
+            break;
+        case "negative":
+            affection = Math.max(0, adjustDown(affection, 0.4));
+            empathy = Math.min(100, adjustUp(empathy, 0.3)); // Empathy increases with negative emotions
+            break;
+        case "romantic":
+            romance = Math.min(100, adjustUp(romance, 0.8));
+            affection = Math.min(100, adjustUp(affection, 0.4));
+            break;
+        case "laughing":
+            humor = Math.min(100, adjustUp(humor, 0.7));
+            playfulness = Math.min(100, adjustUp(playfulness, 0.3));
+            break;
+        case "dancing":
+            playfulness = Math.min(100, adjustUp(playfulness, 1.0));
+            break;
+        case "shy":
+            affection = Math.max(0, adjustDown(affection, 0.2));
+            break;
+        case "confident":
+            affection = Math.min(100, adjustUp(affection, 0.4));
+            break;
+        case "flirtatious":
+            romance = Math.min(100, adjustUp(romance, 0.6));
+            playfulness = Math.min(100, adjustUp(playfulness, 0.4));
+            break;
+    }
+
+    // Use user's selected language from preferences
+    const selectedLanguage = await kimiDB.getPreference("selectedLanguage", "en");
+
+    const getRomanticWords = () => {
+        return (
+            window.KIMI_CONTEXT_KEYWORDS?.[selectedLanguage]?.romantic ||
+            window.KIMI_CONTEXT_KEYWORDS?.en?.romantic || [
+                "love",
+                "romantic",
+                "kiss",
+                "cuddle",
+                "hug",
+                "dear",
+                "honey",
+                "sweetheart"
+            ]
+        );
+    };
+
+    const getHumorWords = () => {
+        return (
+            window.KIMI_CONTEXT_KEYWORDS?.[selectedLanguage]?.laughing ||
+            window.KIMI_CONTEXT_KEYWORDS?.en?.laughing || ["joke", "funny", "lol", "haha", "hilarious"]
+        );
+    };
+
+    const romanticWords = getRomanticWords();
+    const humorWords = getHumorWords();
+
+    // Check for romantic content
+    const romanticPattern = new RegExp(`(${romanticWords.join("|")})`, "i");
+    if (text.match(romanticPattern)) {
+        romance = Math.min(100, adjustUp(romance, 0.5));
+        affection = Math.min(100, adjustUp(affection, 0.5));
+    }
+
+    // Check for humor content
+    const humorPattern = new RegExp(`(${humorWords.join("|")})`, "i");
+    if (text.match(humorPattern)) {
+        humor = Math.min(100, adjustUp(humor, 2));
+        playfulness = Math.min(100, adjustUp(playfulness, 1));
+    }
+
+    const updatedTraits = {
+        affection: Math.round(affection),
+        romance: Math.round(romance),
+        empathy: Math.round(empathy),
+        playfulness: Math.round(playfulness),
+        humor: Math.round(humor),
+        intelligence: Math.round(intelligence)
+    };
+
+    // Single batch operation instead of 6 individual saves
+    await kimiDB.setPersonalityBatch(updatedTraits, selectedCharacter);
+
+    if (kimiMemory) {
+        kimiMemory.affectionTrait = affection;
+        if (kimiMemory.updateFavorabilityBar) {
+            kimiMemory.updateFavorabilityBar();
+        }
+    }
+
+    // Update all sliders at once for better UX
+    updateSlider("trait-affection", affection);
+    updateSlider("trait-romance", romance);
+    updateSlider("trait-empathy", empathy);
+    updateSlider("trait-playfulness", playfulness);
+    updateSlider("trait-humor", humor);
+    updateSlider("trait-intelligence", intelligence);
+
+    // Update video context based on new personality
+    if (window.kimiVideo && window.kimiVideo.setMoodByPersonality) {
+        window.kimiVideo.setMoodByPersonality(updatedTraits);
+    }
+
+    // Notify other systems about trait changes
+    if (window.dispatchEvent) {
+        window.dispatchEvent(
+            new CustomEvent("personalityUpdated", {
+                detail: { character: selectedCharacter, traits: updatedTraits }
+            })
+        );
+    }
+}
+
+async function analyzeAndReact(text, useAdvancedLLM = true) {
+    const kimiDB = window.kimiDB;
+    const kimiLLM = window.kimiLLM;
+    const kimiVideo = window.kimiVideo;
+    const kimiMemory = window.kimiMemory;
+    const isSystemReady = window.isSystemReady;
+
+    try {
+        // Validate and sanitize input
+        if (!text || typeof text !== "string") {
+            throw new Error("Invalid input text");
+        }
+
+        const sanitizedText = window.KimiSecurityUtils?.sanitizeInput(text) || text.trim();
+        if (!sanitizedText) {
+            throw new Error("Empty input after sanitization");
+        }
+
+        const lowerText = sanitizedText.toLowerCase();
+        let reaction = window.kimiAnalyzeEmotion(sanitizedText, "auto");
+        let emotionIntensity = 0;
+        let response;
+
+        const selectedCharacter = await kimiDB.getSelectedCharacter();
+        const traits = await kimiDB.getAllPersonalityTraits(selectedCharacter);
+        const avg = getPersonalityAverage(traits);
+        const affection = typeof traits.affection === "number" ? traits.affection : 80;
+        const characterTraits = window.KIMI_CHARACTERS[selectedCharacter]?.traits || "";
+
+        // Always reflect user's input phase with a listening video (voice or chat)
+        if (kimiVideo && typeof kimiVideo.startListening === "function") {
+            kimiVideo.startListening();
+        }
+
+        await updatePersonalityTraitsFromEmotion(reaction, sanitizedText);
+
+        if (useAdvancedLLM && isSystemReady && kimiLLM) {
+            try {
+                const providerPref = kimiDB ? await kimiDB.getPreference("llmProvider", "openrouter") : "openrouter";
+                const apiKey = kimiDB
+                    ? await kimiDB.getPreference(providerPref === "openrouter" ? "openrouterApiKey" : "llmApiKey")
+                    : null;
+
+                if (apiKey && apiKey.trim() !== "") {
+                    try {
+                        if (window.dispatchEvent) {
+                            window.dispatchEvent(new CustomEvent("chat:typing:start"));
+                        }
+                    } catch (e) {}
+                    response = await kimiLLM.chat(sanitizedText);
+                    try {
+                        if (window.dispatchEvent) {
+                            window.dispatchEvent(new CustomEvent("chat:typing:stop"));
+                        }
+                    } catch (e) {}
+
+                    // Extract memories from conversation
+                    if (window.kimiMemorySystem) {
+                        await window.kimiMemorySystem.extractMemoryFromText(sanitizedText, response);
+                    }
+
+                    const updatedTraits = await kimiDB.getAllPersonalityTraits(selectedCharacter);
+                    // If user explicitly requested dancing, show dancing during Kimi's response
+                    const lang = await kimiDB.getPreference("selectedLanguage", "en");
+                    const keywords =
+                        (window.KIMI_CONTEXT_KEYWORDS &&
+                            (window.KIMI_CONTEXT_KEYWORDS[lang] || window.KIMI_CONTEXT_KEYWORDS.en)) ||
+                        {};
+                    const dancingWords = keywords.dancing || ["dance", "dancing"];
+                    const userAskedDance = dancingWords.some(w => sanitizedText.toLowerCase().includes(w.toLowerCase()));
+
+                    if (userAskedDance) {
+                        kimiVideo.switchToContext("dancing", "dancing", null, updatedTraits, updatedTraits.affection);
+                    } else {
+                        kimiVideo.analyzeAndSelectVideo(
+                            sanitizedText,
+                            response,
+                            { reaction: reaction, intensity: emotionIntensity },
+                            updatedTraits,
+                            updatedTraits.affection
+                        );
+                    }
+
+                    if (kimiLLM.updatePersonalityFromResponse) {
+                        await kimiLLM.updatePersonalityFromResponse(sanitizedText, response);
+                        const selectedCharacter2 = await kimiDB.getSelectedCharacter();
+                        const traits2 = await kimiDB.getAllPersonalityTraits(selectedCharacter2);
+                        if (kimiVideo && kimiVideo.setMoodByPersonality) {
+                            kimiVideo.setMoodByPersonality(traits2);
+                        }
+                    }
+                } else {
+                    // No API key configured - use centralized fallback
+                    response = window.KimiFallbackManager
+                        ? window.KimiFallbackManager.getFallbackMessage("api_missing")
+                        : "To chat with me, add your API key in settings! 💕";
+                    const updatedTraits = await kimiDB.getAllPersonalityTraits(selectedCharacter);
+                    kimiVideo.respondWithEmotion("neutral", updatedTraits, updatedTraits.affection);
+                }
+            } catch (error) {
+                console.warn("LLM not available:", error.message);
+                try {
+                    if (window.dispatchEvent) {
+                        window.dispatchEvent(new CustomEvent("chat:typing:stop"));
+                    }
+                } catch (e) {}
+                // Still show API key message if no key is configured
+                const providerPref2 = kimiDB ? await kimiDB.getPreference("llmProvider", "openrouter") : "openrouter";
+                const apiKey = kimiDB
+                    ? await kimiDB.getPreference(providerPref2 === "openrouter" ? "openrouterApiKey" : "llmApiKey")
+                    : null;
+                if (!apiKey || apiKey.trim() === "") {
+                    response = window.KimiFallbackManager
+                        ? window.KimiFallbackManager.getFallbackMessage("api_missing")
+                        : "To chat with me, add your API key in settings! 💕";
+                } else {
+                    response = await getBasicResponse(reaction);
+                }
+                const updatedTraits = await kimiDB.getAllPersonalityTraits(selectedCharacter);
+                const lang = await kimiDB.getPreference("selectedLanguage", "en");
+                const keywords =
+                    (window.KIMI_CONTEXT_KEYWORDS && (window.KIMI_CONTEXT_KEYWORDS[lang] || window.KIMI_CONTEXT_KEYWORDS.en)) ||
+                    {};
+                const dancingWords = keywords.dancing || ["dance", "dancing"];
+                const userAskedDance = dancingWords.some(w => sanitizedText.toLowerCase().includes(w.toLowerCase()));
+                if (userAskedDance) {
+                    kimiVideo.switchToContext("dancing", "dancing", null, updatedTraits, updatedTraits.affection);
+                } else {
+                    kimiVideo.respondWithEmotion("neutral", updatedTraits, updatedTraits.affection);
+                }
+            }
+        } else {
+            // System not ready - check if it's because of missing API key
+            const providerPref3 = kimiDB ? await kimiDB.getPreference("llmProvider", "openrouter") : "openrouter";
+            const apiKey = kimiDB
+                ? await kimiDB.getPreference(providerPref3 === "openrouter" ? "openrouterApiKey" : "llmApiKey")
+                : null;
+            if (!apiKey || apiKey.trim() === "") {
+                response = window.KimiFallbackManager
+                    ? window.KimiFallbackManager.getFallbackMessage("api_missing")
+                    : "To chat with me, add your API key in settings! 💕";
+            } else {
+                response = await getBasicResponse(reaction);
+            }
+            const updatedTraits = await kimiDB.getAllPersonalityTraits(selectedCharacter);
+            const lang = await kimiDB.getPreference("selectedLanguage", "en");
+            const keywords =
+                (window.KIMI_CONTEXT_KEYWORDS && (window.KIMI_CONTEXT_KEYWORDS[lang] || window.KIMI_CONTEXT_KEYWORDS.en)) || {};
+            const dancingWords = keywords.dancing || ["dance", "dancing"];
+            const userAskedDance = dancingWords.some(w => sanitizedText.toLowerCase().includes(w.toLowerCase()));
+            if (userAskedDance) {
+                kimiVideo.switchToContext("dancing", "dancing", null, updatedTraits, updatedTraits.affection);
+            } else {
+                kimiVideo.respondWithEmotion("neutral", updatedTraits, updatedTraits.affection);
+            }
+        }
+
+        await kimiMemory.saveConversation(sanitizedText, response);
+
+        // Extract memories automatically from conversation if system is enabled
+        if (window.kimiMemorySystem && window.kimiMemorySystem.memoryEnabled) {
+            try {
+                const extractedMemories = await window.kimiMemorySystem.extractMemoryFromText(sanitizedText, response);
+                if (extractedMemories && extractedMemories.length > 0) {
+                    // Update memory stats in UI
+                    if (window.kimiMemoryUI && window.kimiMemoryUI.isInitialized) {
+                        await window.kimiMemoryUI.updateMemoryStats();
+                        // Show subtle notification for extracted memories
+                        window.kimiMemoryUI.showFeedback(
+                            `💭 ${extractedMemories.length} new ${extractedMemories.length === 1 ? "memory" : "memories"} learned`,
+                            "info"
+                        );
+                    }
+                }
+            } catch (error) {
+                console.warn("Memory extraction error:", error);
+            }
+        }
+
+        return response;
+    } catch (error) {
+        console.error("Error in analyzeAndReact:", error);
+
+        // Use centralized fallback response
+        const fallbackResponse = window.KimiFallbackManager
+            ? window.KimiFallbackManager.getFallbackMessage("technical_error")
+            : "I'm sorry, I encountered an issue processing your message. Please try again.";
+
+        try {
+            // Attempt to save the error for debugging while still providing user feedback
+            if (kimiMemory && kimiMemory.saveConversation) {
+                await kimiMemory.saveConversation(text || "Error", fallbackResponse);
+            }
+        } catch (saveError) {
+            console.error("Failed to save error conversation:", saveError);
+        }
+
+        return fallbackResponse;
+    }
+}
+
+function addMessageToChat(sender, text, conversationId = null) {
+    const chatMessages = document.getElementById("chat-messages");
+    if (!text) return;
+    const messageDiv = document.createElement("div");
+    messageDiv.className = `message ${sender}`;
+
+    const time = new Date().toLocaleTimeString("en-US", {
+        hour: "2-digit",
+        minute: "2-digit"
+    });
+
+    const messageTimeDiv = document.createElement("div");
+    messageTimeDiv.className = "message-time";
+    messageTimeDiv.style.display = "flex";
+    messageTimeDiv.style.justifyContent = "space-between";
+    messageTimeDiv.style.alignItems = "center";
+
+    const timeSpan = document.createElement("span");
+    timeSpan.textContent = time;
+    timeSpan.style.flex = "1";
+
+    const deleteBtn = document.createElement("button");
+    deleteBtn.className = "delete-message-btn";
+    const icon = document.createElement("i");
+    icon.className = "fas fa-trash";
+    deleteBtn.appendChild(icon);
+    deleteBtn.style.background = "none";
+    deleteBtn.style.border = "none";
+    deleteBtn.style.cursor = "pointer";
+    deleteBtn.style.color = "#aaa";
+    deleteBtn.style.fontSize = "1em";
+    deleteBtn.style.marginLeft = "8px";
+    deleteBtn.setAttribute("aria-label", "Delete message");
+    deleteBtn.addEventListener("click", async function (e) {
+        e.stopPropagation();
+        messageDiv.remove();
+        if (conversationId && window.kimiDB && window.kimiDB.deleteSingleMessage) {
+            await window.kimiDB.deleteSingleMessage(conversationId, sender);
+        }
+    });
+
+    messageTimeDiv.appendChild(timeSpan);
+    messageTimeDiv.appendChild(deleteBtn);
+
+    const textDiv = document.createElement("div");
+    textDiv.textContent = text;
+
+    messageDiv.appendChild(textDiv);
+    messageDiv.appendChild(messageTimeDiv);
+
+    chatMessages.appendChild(messageDiv);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+}
+
+async function loadChatHistory() {
+    const kimiDB = window.kimiDB;
+    const kimiMemory = window.kimiMemory;
+    const chatMessages = document.getElementById("chat-messages");
+
+    while (chatMessages.firstChild) {
+        chatMessages.removeChild(chatMessages.firstChild);
+    }
+
+    if (kimiDB) {
+        try {
+            const recent = await kimiDB.getRecentConversations(10);
+
+            if (recent.length === 0) {
+                const greeting = kimiMemory.getGreeting();
+                addMessageToChat("kimi", greeting);
+            } else {
+                recent.forEach(conv => {
+                    addMessageToChat("user", conv.user, conv.id);
+                    addMessageToChat("kimi", conv.kimi, conv.id);
+                });
+            }
+        } catch (error) {
+            console.error("Error while loading history:", error);
+            const greeting = kimiMemory.getGreeting();
+            addMessageToChat("kimi", greeting);
+        }
+    } else {
+        const greeting = kimiMemory.getGreeting();
+        addMessageToChat("kimi", greeting);
+    }
+}
+
+async function loadSettingsData() {
+    const kimiDB = window.kimiDB;
+    const kimiLLM = window.kimiLLM;
+    if (!kimiDB) return;
+    try {
+        // Batch load preferences for better performance
+        const preferenceKeys = [
+            "voiceRate",
+            "voicePitch",
+            "voiceVolume",
+            "selectedLanguage",
+            "openrouterApiKey",
+            "llmProvider",
+            "llmBaseUrl",
+            "llmModelId",
+            "llmApiKey",
+            "selectedCharacter",
+            "llmTemperature",
+            "llmMaxTokens",
+            "llmTopP",
+            "llmFrequencyPenalty",
+            "llmPresencePenalty"
+        ];
+        const preferences = await kimiDB.getPreferencesBatch(preferenceKeys);
+
+        // Set default values for missing preferences
+        const voiceRate = preferences.voiceRate !== undefined ? preferences.voiceRate : 1.1;
+        const voicePitch = preferences.voicePitch !== undefined ? preferences.voicePitch : 1.1;
+        const voiceVolume = preferences.voiceVolume !== undefined ? preferences.voiceVolume : 0.8;
+        const selectedLanguage = preferences.selectedLanguage || "en";
+        const apiKey = preferences.openrouterApiKey || "";
+        const provider = preferences.llmProvider || "openrouter";
+        const baseUrl = preferences.llmBaseUrl || "https://openrouter.ai/api/v1/chat/completions";
+        const modelId = preferences.llmModelId || (window.kimiLLM ? window.kimiLLM.currentModel : "");
+        const genericKey = preferences.llmApiKey || "";
+        const selectedCharacter = preferences.selectedCharacter || "kimi";
+        const llmTemperature = preferences.llmTemperature !== undefined ? preferences.llmTemperature : 0.9;
+        const llmMaxTokens = preferences.llmMaxTokens !== undefined ? preferences.llmMaxTokens : 100;
+        const llmTopP = preferences.llmTopP !== undefined ? preferences.llmTopP : 0.9;
+        const llmFrequencyPenalty = preferences.llmFrequencyPenalty !== undefined ? preferences.llmFrequencyPenalty : 0.3;
+        const llmPresencePenalty = preferences.llmPresencePenalty !== undefined ? preferences.llmPresencePenalty : 0.3;
+
+        // Update UI with voice settings
+        const languageSelect = document.getElementById("language-selection");
+        if (languageSelect) languageSelect.value = selectedLanguage;
+        updateSlider("voice-rate", voiceRate);
+        updateSlider("voice-pitch", voicePitch);
+        updateSlider("voice-volume", voiceVolume);
+
+        // Update LLM settings
+        updateSlider("llm-temperature", llmTemperature);
+        updateSlider("llm-max-tokens", llmMaxTokens);
+        updateSlider("llm-top-p", llmTopP);
+        updateSlider("llm-frequency-penalty", llmFrequencyPenalty);
+        updateSlider("llm-presence-penalty", llmPresencePenalty);
+
+        // Batch load personality traits
+        const traitNames = ["affection", "playfulness", "intelligence", "empathy", "humor", "romance"];
+        const personality = await kimiDB.getPersonalityTraitsBatch(traitNames, selectedCharacter);
+        const defaults = [80, 70, 85, 90, 75, 95];
+
+        traitNames.forEach((trait, index) => {
+            const value = typeof personality[trait] === "number" ? personality[trait] : defaults[index];
+            updateSlider(`trait-${trait}`, value);
+
+            // Update memory cache for affection
+            if (trait === "affection" && window.kimiMemory) {
+                window.kimiMemory.affectionTrait = value;
+            }
+        });
+
+        // Sync personality traits to ensure consistency
+        await syncPersonalityTraits(selectedCharacter);
+
+        await updateStats();
+
+        // Update API key input
+        const apiKeyInput = document.getElementById("openrouter-api-key");
+        if (apiKeyInput) apiKeyInput.value = apiKey;
+        const providerSelect = document.getElementById("llm-provider");
+        if (providerSelect) providerSelect.value = provider;
+        const baseUrlInput = document.getElementById("llm-base-url");
+        if (baseUrlInput) baseUrlInput.value = baseUrl;
+        const modelIdInput = document.getElementById("llm-model-id");
+        if (modelIdInput) modelIdInput.value = modelId;
+        if (provider !== "openrouter" && apiKeyInput) apiKeyInput.value = genericKey;
+        const apiKeyLabel = document.getElementById("api-key-label");
+        if (apiKeyLabel) {
+            const labelByProvider = {
+                openrouter: "OpenRouter API Key",
+                openai: "OpenAI API Key",
+                groq: "Groq API Key",
+                together: "Together API Key",
+                deepseek: "DeepSeek API Key",
+                "openai-compatible": "API Key",
+                ollama: "API Key"
+            };
+            apiKeyLabel.textContent = labelByProvider[provider] || "API Key";
+        }
+
+        // Load system prompt
+        let systemPrompt = DEFAULT_SYSTEM_PROMPT;
+        if (kimiDB.getSystemPromptForCharacter) {
+            systemPrompt = await kimiDB.getSystemPromptForCharacter(selectedCharacter);
+        }
+        const systemPromptInput = document.getElementById("system-prompt");
+        if (systemPromptInput) systemPromptInput.value = systemPrompt;
+        if (kimiLLM && kimiLLM.setSystemPrompt) kimiLLM.setSystemPrompt(systemPrompt);
+
+        loadAvailableModels();
+    } catch (error) {
+        console.error("Error while loading settings:", error);
+    }
+}
+
+function updateSlider(id, value) {
+    const slider = document.getElementById(id);
+    const valueSpan = document.getElementById(`${id}-value`);
+    if (slider && valueSpan) {
+        slider.value = value;
+        valueSpan.textContent = value;
+    }
+}
+
+async function updatePersonalitySliders(characterKey) {
+    const kimiDB = window.kimiDB;
+    if (!kimiDB) return;
+
+    try {
+        // Get current traits from database for this character
+        const savedTraits = await kimiDB.getAllPersonalityTraits(characterKey);
+
+        // Get default traits from KIMI_CHARACTERS constants
+        const characterDefaults = window.KIMI_CHARACTERS[characterKey]?.traits || {};
+
+        // Use saved traits if they exist, otherwise fall back to character defaults
+        const traits = {
+            affection: savedTraits.affection ?? characterDefaults.affection ?? 50,
+            playfulness: savedTraits.playfulness ?? characterDefaults.playfulness ?? 50,
+            intelligence: savedTraits.intelligence ?? characterDefaults.intelligence ?? 50,
+            empathy: savedTraits.empathy ?? characterDefaults.empathy ?? 50,
+            humor: savedTraits.humor ?? characterDefaults.humor ?? 50,
+            romance: savedTraits.romance ?? characterDefaults.romance ?? 50
+        };
+
+        // Check if sliders exist before updating them
+        const sliderUpdates = [
+            { id: "trait-affection", value: traits.affection },
+            { id: "trait-playfulness", value: traits.playfulness },
+            { id: "trait-intelligence", value: traits.intelligence },
+            { id: "trait-empathy", value: traits.empathy },
+            { id: "trait-humor", value: traits.humor },
+            { id: "trait-romance", value: traits.romance }
+        ];
+
+        for (const update of sliderUpdates) {
+            const slider = document.getElementById(update.id);
+            if (slider) {
+                updateSlider(update.id, update.value);
+            }
+        }
+    } catch (error) {
+        console.error("Error updating personality sliders:", error);
+    }
+}
+
+async function updateStats() {
+    const kimiDB = window.kimiDB;
+    if (!kimiDB) return;
+    const character = await kimiDB.getSelectedCharacter();
+    const totalInteractions = await kimiDB.getPreference(`totalInteractions_${character}`, 0);
+    const affectionTrait = await kimiDB.getPersonalityTrait("affection", 80, character);
+    const conversations = await kimiDB.getAllConversations(character);
+    let firstInteraction = await kimiDB.getPreference(`firstInteraction_${character}`);
+    if (!firstInteraction && conversations.length > 0) {
+        firstInteraction = conversations[0].timestamp;
+        await kimiDB.setPreference(`firstInteraction_${character}`, firstInteraction);
+    }
+    const totalEl = document.getElementById("total-interactions");
+    const favorabilityEl = document.getElementById("current-favorability");
+    const conversationsEl = document.getElementById("conversations-count");
+    const daysEl = document.getElementById("days-together");
+    if (totalEl) totalEl.textContent = totalInteractions;
+    if (favorabilityEl) {
+        const v = Number(affectionTrait) || 0;
+        favorabilityEl.textContent = `${Math.max(0, Math.min(100, v)).toFixed(2)}%`;
+    }
+    if (conversationsEl) conversationsEl.textContent = conversations.length;
+    if (firstInteraction && daysEl) {
+        const days = Math.floor((new Date() - new Date(firstInteraction)) / (1000 * 60 * 60 * 24));
+        daysEl.textContent = days;
+    }
+}
+
+function initializeAllSliders() {
+    const sliders = [
+        "voice-rate",
+        "voice-pitch",
+        "voice-volume",
+        "trait-affection",
+        "trait-playfulness",
+        "trait-intelligence",
+        "trait-empathy",
+        "trait-humor",
+        "trait-romance",
+        "llm-temperature",
+        "llm-max-tokens",
+        "llm-top-p",
+        "llm-frequency-penalty",
+        "llm-presence-penalty",
+        "interface-opacity"
+    ];
+
+    sliders.forEach(sliderId => {
+        const slider = document.getElementById(sliderId);
+        const valueSpan = document.getElementById(`${sliderId}-value`);
+        if (slider && valueSpan) {
+            valueSpan.textContent = slider.value;
+        }
+    });
+}
+
+async function syncLLMMaxTokensSlider() {
+    const kimiDB = window.kimiDB;
+    const llmMaxTokensSlider = document.getElementById("llm-max-tokens");
+    const llmMaxTokensValue = document.getElementById("llm-max-tokens-value");
+    if (llmMaxTokensSlider && llmMaxTokensValue && kimiDB) {
+        const saved = await kimiDB.getPreference("llmMaxTokens", 100);
+        llmMaxTokensSlider.value = saved;
+        llmMaxTokensValue.textContent = saved;
+    }
+}
+
+async function syncLLMTemperatureSlider() {
+    const kimiDB = window.kimiDB;
+    const llmTemperatureSlider = document.getElementById("llm-temperature");
+    const llmTemperatureValue = document.getElementById("llm-temperature-value");
+    if (llmTemperatureSlider && llmTemperatureValue && kimiDB) {
+        const saved = await kimiDB.getPreference("llmTemperature", 0.9);
+        llmTemperatureSlider.value = saved;
+        llmTemperatureValue.textContent = saved;
+    }
+}
+
+function updateTabsScrollIndicator() {
+    const tabsContainer = document.querySelector(".settings-tabs");
+    if (!tabsContainer) return;
+
+    const isOverflowing = tabsContainer.scrollWidth > tabsContainer.clientWidth;
+
+    if (isOverflowing) {
+        tabsContainer.classList.remove("no-overflow");
+    } else {
+        tabsContainer.classList.add("no-overflow");
+    }
+}
+
+async function loadAvailableModels() {
+    // Prevent multiple simultaneous calls
+    if (loadAvailableModels._loading) {
+        return;
+    }
+    loadAvailableModels._loading = true;
+
+    const kimiLLM = window.kimiLLM;
+    if (!kimiLLM) {
+        console.warn("❌ KimiLLM not yet initialized for loadAvailableModels");
+        loadAvailableModels._loading = false;
+        return;
+    }
+
+    const modelsContainer = document.getElementById("models-container");
+    if (!modelsContainer) {
+        console.warn("❌ Models container not found");
+        loadAvailableModels._loading = false;
+        return;
+    }
+
+    try {
+        const stats = await kimiLLM.getModelStats();
+
+        const signature = JSON.stringify(Object.keys(stats.available || {}).sort());
+
+        if (loadAvailableModels._rendered && loadAvailableModels._signature === signature) {
+            const currentId = stats.current && stats.current.id;
+            const cards = modelsContainer.querySelectorAll(".model-card");
+            cards.forEach(card => {
+                if (card.dataset.modelId === currentId) {
+                    card.classList.add("selected");
+                } else {
+                    card.classList.remove("selected");
+                }
+            });
+            loadAvailableModels._loading = false;
+            return;
+        }
+
+        while (modelsContainer.firstChild) {
+            modelsContainer.removeChild(modelsContainer.firstChild);
+        }
+
+        // Check if we have available models
+        if (!stats.available || Object.keys(stats.available).length === 0) {
+            console.warn("⚠️ No models available in stats");
+            const noModelsDiv = document.createElement("div");
+            noModelsDiv.className = "no-models-message";
+            noModelsDiv.innerHTML = `
+                    <p>⚠️ No models available. Please check your API key.</p>
+                `;
+            modelsContainer.appendChild(noModelsDiv);
+            loadAvailableModels._loading = false;
+            return;
+        }
+
+        // Only log once when models are loaded, not repeated calls
+        if (!loadAvailableModels._lastLoadTime || Date.now() - loadAvailableModels._lastLoadTime > 5000) {
+            console.log(`✅ Loaded ${Object.keys(stats.available).length} LLM models`);
+            loadAvailableModels._lastLoadTime = Date.now();
+        }
+        const createCard = (id, model) => {
+            const modelDiv = document.createElement("div");
+            modelDiv.className = `model-card ${id === stats.current.id ? "selected" : ""}`;
+            modelDiv.dataset.modelId = id;
+            const searchable = [model.name || "", model.provider || "", id, (model.strengths || []).join(" ")]
+                .join(" ")
+                .toLowerCase();
+            modelDiv.dataset.search = searchable;
+
+            // Create model card elements safely
+            const modelHeader = document.createElement("div");
+            modelHeader.className = "model-header";
+
+            const modelName = document.createElement("div");
+            modelName.className = "model-name";
+            modelName.textContent = model.name;
+
+            const modelProvider = document.createElement("div");
+            modelProvider.className = "model-provider";
+            modelProvider.textContent = model.provider;
+
+            modelHeader.appendChild(modelName);
+            modelHeader.appendChild(modelProvider);
+
+            const modelDescription = document.createElement("div");
+            modelDescription.className = "model-description";
+            const rawIn = model.pricing && typeof model.pricing.input !== "undefined" ? model.pricing.input : "N/A";
+            const rawOut = model.pricing && typeof model.pricing.output !== "undefined" ? model.pricing.output : "N/A";
+            const inNum = typeof rawIn === "number" ? rawIn : typeof rawIn === "string" ? Number(rawIn) : NaN;
+            const outNum = typeof rawOut === "number" ? rawOut : typeof rawOut === "string" ? Number(rawOut) : NaN;
+            const inIsNum = Number.isFinite(inNum);
+            const outIsNum = Number.isFinite(outNum);
+            const bothNA = !inIsNum && !outIsNum;
+            const bothZero = inIsNum && outIsNum && inNum === 0 && outNum === 0;
+            const isFreeName =
+                /free/i.test(model.name || "") ||
+                /free/i.test(id || "") ||
+                (Array.isArray(model.strengths) && model.strengths.some(s => /free/i.test(s)));
+            const fmt = n => {
+                if (!Number.isFinite(n)) return "N/A";
+                const roundedInt = Math.round(n);
+                if (Math.abs(n - roundedInt) < 1e-6) return `${roundedInt}$`;
+                return `${n.toFixed(2)}$`;
+            };
+            let inStr = inIsNum ? (inNum === 0 ? "Free" : fmt(inNum)) : "N/A";
+            let outStr = outIsNum ? (outNum === 0 ? "Free" : fmt(outNum)) : "N/A";
+            let priceText;
+            if (bothZero || isFreeName) {
+                priceText = "Price: Free";
+            } else if (bothNA) {
+                priceText = "Price: N/A";
+            } else {
+                priceText = `Price: ${inStr} per 1M input tokens, ${outStr} per 1M output tokens`;
+            }
+            modelDescription.textContent = `Context: ${model.contextWindow.toLocaleString()} tokens | ${priceText}`;
+
+            const modelStrengths = document.createElement("div");
+            modelStrengths.className = "model-strengths";
+            if (priceText === "Price: Free") {
+                const badge = document.createElement("span");
+                badge.className = "strength-tag";
+                badge.textContent = "Free";
+                modelStrengths.appendChild(badge);
+            }
+            model.strengths.forEach(strength => {
+                const strengthTag = document.createElement("span");
+                strengthTag.className = "strength-tag";
+                strengthTag.textContent = strength;
+                modelStrengths.appendChild(strengthTag);
+            });
+
+            modelDiv.appendChild(modelHeader);
+            modelDiv.appendChild(modelDescription);
+            modelDiv.appendChild(modelStrengths);
+
+            modelDiv.addEventListener("click", async () => {
+                try {
+                    await kimiLLM.setCurrentModel(id);
+                    document.querySelectorAll(".model-card").forEach(card => card.classList.remove("selected"));
+                    modelDiv.classList.add("selected");
+                    console.log(`🤖 Model switched to: ${model.name}`);
+
+                    // Show brief feedback to user
+                    const feedback = document.createElement("div");
+                    feedback.textContent = `Model changed to ${model.name}`;
+                    feedback.style.cssText = `
+                            position: fixed; top: 20px; right: 20px; z-index: 10000;
+                            background: #27ae60; color: white; padding: 12px 20px;
+                            border-radius: 6px; font-size: 14px; font-weight: 500;
+                            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+                        `;
+                    document.body.appendChild(feedback);
+                    setTimeout(() => feedback.remove(), 3000);
+                } catch (error) {
+                    console.error("Error while changing model:", error);
+                    // Show error feedback
+                    const errorFeedback = document.createElement("div");
+                    errorFeedback.textContent = `Error changing model: ${error.message}`;
+                    errorFeedback.style.cssText = `
+                            position: fixed; top: 20px; right: 20px; z-index: 10000;
+                            background: #e74c3c; color: white; padding: 12px 20px;
+                            border-radius: 6px; font-size: 14px; font-weight: 500;
+                            box-shadow: 0 4px 12px rgba(0,0,0,0.2);
+                        `;
+                    document.body.appendChild(errorFeedback);
+                    setTimeout(() => errorFeedback.remove(), 5000);
+                }
+            });
+
+            return modelDiv;
+        };
+
+        const recommendedIds =
+            window.kimiLLM && Array.isArray(window.kimiLLM.recommendedModelIds) ? window.kimiLLM.recommendedModelIds : [];
+
+        const recommendedEntries = recommendedIds.map(id => [id, stats.available[id]]).filter(([, model]) => !!model);
+
+        const otherEntries = Object.entries(stats.available)
+            .filter(([id]) => !recommendedIds.includes(id))
+            .sort((a, b) => (a[1].name || a[0]).localeCompare(b[1].name || b[0]));
+
+        const searchWrap = document.createElement("div");
+        searchWrap.className = "models-search-container";
+        const searchInput = document.createElement("input");
+        searchInput.type = "text";
+        searchInput.className = "kimi-input";
+        searchInput.id = "models-search";
+        searchInput.placeholder = "Filter models...";
+        searchWrap.appendChild(searchInput);
+        modelsContainer.appendChild(searchWrap);
+        if (typeof loadAvailableModels._searchValue === "string") {
+            searchInput.value = loadAvailableModels._searchValue;
+        }
+
+        if (recommendedEntries.length > 0) {
+            const recSection = document.createElement("div");
+            recSection.className = "models-section recommended-models";
+            const title = document.createElement("div");
+            title.className = "models-section-title";
+            title.textContent = "Recommended Openrouter models";
+            recSection.appendChild(title);
+            const list = document.createElement("div");
+            list.className = "models-list";
+            recommendedEntries.forEach(([id, model]) => {
+                list.appendChild(createCard(id, model));
+            });
+            recSection.appendChild(list);
+            modelsContainer.appendChild(recSection);
+        }
+
+        if (otherEntries.length > 0) {
+            const allSection = document.createElement("div");
+            allSection.className = "models-section all-models";
+            const header = document.createElement("div");
+            header.className = "models-section-title";
+            const toggleBtn = document.createElement("button");
+            toggleBtn.type = "button";
+            toggleBtn.className = "kimi-button";
+            toggleBtn.style.marginLeft = "8px";
+            toggleBtn.textContent = loadAvailableModels._allCollapsed === false ? "Hide" : "Show";
+            const label = document.createElement("span");
+            label.textContent = "All Openrouter models";
+            header.appendChild(label);
+            header.appendChild(toggleBtn);
+            const refreshBtn = document.createElement("button");
+            refreshBtn.type = "button";
+            refreshBtn.className = "kimi-button";
+            refreshBtn.style.marginLeft = "8px";
+            refreshBtn.textContent = "Refresh";
+            refreshBtn.addEventListener("click", async () => {
+                try {
+                    refreshBtn.disabled = true;
+                    const oldText = refreshBtn.textContent;
+                    refreshBtn.textContent = "Refreshing...";
+                    if (window.kimiLLM && window.kimiLLM.refreshRemoteModels) {
+                        await window.kimiLLM.refreshRemoteModels();
+                    }
+                    loadAvailableModels._signature = null;
+                    loadAvailableModels._rendered = false;
+                    const savedSearch = searchInput.value;
+                    loadAvailableModels._searchValue = savedSearch;
+                    await loadAvailableModels();
+                } catch (e) {
+                    console.error("Error refreshing models:", e);
+                } finally {
+                    refreshBtn.disabled = false;
+                    refreshBtn.textContent = "Refresh";
+                }
+            });
+            header.appendChild(refreshBtn);
+            const list = document.createElement("div");
+            list.className = "models-list";
+            otherEntries.forEach(([id, model]) => {
+                list.appendChild(createCard(id, model));
+            });
+            const collapsed = loadAvailableModels._allCollapsed !== false;
+            list.style.display = collapsed ? "none" : "block";
+            toggleBtn.addEventListener("click", () => {
+                const nowCollapsed = list.style.display !== "none";
+                list.style.display = nowCollapsed ? "none" : "block";
+                loadAvailableModels._allCollapsed = nowCollapsed;
+                toggleBtn.textContent = nowCollapsed ? "Show" : "Hide";
+            });
+            allSection.appendChild(header);
+            allSection.appendChild(list);
+            modelsContainer.appendChild(allSection);
+        }
+
+        const applyFilter = term => {
+            const q = (term || "").toLowerCase().trim();
+            const cards = modelsContainer.querySelectorAll(".model-card");
+            cards.forEach(card => {
+                const hay = card.dataset.search || "";
+                card.style.display = q && !hay.includes(q) ? "none" : "";
+            });
+        };
+        searchInput.addEventListener("input", e => {
+            loadAvailableModels._searchValue = e.target.value;
+            applyFilter(e.target.value);
+        });
+        if (searchInput.value) {
+            applyFilter(searchInput.value);
+        }
+
+        loadAvailableModels._rendered = true;
+        loadAvailableModels._signature = signature;
+    } catch (error) {
+        console.error("Error loading available models:", error);
+        const errorDiv = document.createElement("div");
+        errorDiv.className = "models-error-message";
+        errorDiv.innerHTML = `
+                <p>❌ Error loading models: ${error.message}</p>
+            `;
+        modelsContainer.appendChild(errorDiv);
+    } finally {
+        loadAvailableModels._loading = false;
+    }
+}
+
+// Debug function for testing models loading
+window.debugLoadModels = async function () {
+    console.log("🔧 Manual debug of loadAvailableModels");
+    console.log("🔧 window.kimiLLM:", window.kimiLLM);
+    console.log("🔧 Models container:", document.getElementById("models-container"));
+
+    if (window.kimiLLM) {
+        try {
+            const stats = await window.kimiLLM.getModelStats();
+            console.log("🔧 Model stats:", stats);
+        } catch (error) {
+            console.error("🔧 Error getting model stats:", error);
+        }
+    }
+
+    if (window.loadAvailableModels) {
+        await window.loadAvailableModels();
+    }
+};
+
+async function sendMessage() {
+    const chatInput = document.getElementById("chat-input");
+    const waitingIndicator = document.getElementById("waiting-indicator");
+    let message = chatInput.value;
+
+    // Enhanced input validation using our new validation utils
+    const validation = window.KimiValidationUtils?.validateMessage(message);
+    if (!validation || !validation.valid) {
+        // Show error to user
+        if (validation?.error) {
+            addMessageToChat("system", `❌ ${validation.error}`);
+        }
+        // Use sanitized version if available
+        if (validation?.sanitized) {
+            chatInput.value = validation.sanitized;
+        }
+        return;
+    }
+
+    message = validation.sanitized || message.trim();
+    if (!message) return;
+
+    addMessageToChat("user", message);
+    chatInput.value = "";
+    if (waitingIndicator) waitingIndicator.style.display = "inline-block";
+
+    try {
+        const response = await analyzeAndReact(message);
+        setTimeout(() => {
+            addMessageToChat("kimi", response);
+            if (window.voiceManager && !message.startsWith("Vous:")) {
+                window.voiceManager.speak(response);
+            }
+            if (waitingIndicator) waitingIndicator.style.display = "none";
+        }, 1000);
+    } catch (error) {
+        console.error("Error while generating response:", error);
+        const i18n = window.kimiI18nManager;
+        const fallbackResponse = i18n
+            ? i18n.t("fallback_general_error")
+            : "Sorry my love, I am having a little technical issue! 💕";
+        addMessageToChat("kimi", fallbackResponse);
+        if (window.voiceManager) {
+            window.voiceManager.speak(fallbackResponse);
+        }
+        if (waitingIndicator) waitingIndicator.style.display = "none";
+    }
+}
+
+function setupSettingsListeners(kimiDB, kimiMemory) {
+    const voiceRateSlider = document.getElementById("voice-rate");
+    const voicePitchSlider = document.getElementById("voice-pitch");
+    const voiceVolumeSlider = document.getElementById("voice-volume");
+    const languageSelect = document.getElementById("language-selection");
+    const voiceSelect = document.getElementById("voice-selection");
+    const traitSliders = [
+        "trait-affection",
+        "trait-playfulness",
+        "trait-intelligence",
+        "trait-empathy",
+        "trait-humor",
+        "trait-romance"
+    ];
+    const llmTemperatureSlider = document.getElementById("llm-temperature");
+    const llmMaxTokensSlider = document.getElementById("llm-max-tokens");
+    const llmTopPSlider = document.getElementById("llm-top-p");
+    const llmFrequencyPenaltySlider = document.getElementById("llm-frequency-penalty");
+    const llmPresencePenaltySlider = document.getElementById("llm-presence-penalty");
+    const colorThemeSelect = document.getElementById("color-theme");
+    const interfaceOpacitySlider = document.getElementById("interface-opacity");
+    const animationsToggle = document.getElementById("animations-toggle");
+
+    // Cleanup existing listeners to prevent memory leaks
+    const cleanupListeners = () => {
+        if (window._kimiListenerCleanup) {
+            window._kimiListenerCleanup.forEach(cleanup => cleanup());
+        }
+        window._kimiListenerCleanup = [];
+    };
+
+    cleanupListeners();
+
+    // Create debounced functions for better performance
+    const debouncedVoiceRateUpdate = window.KimiPerformanceUtils?.debounce(async value => {
+        if (kimiDB) await kimiDB.setPreference("voiceRate", parseFloat(value));
+        if (kimiMemory && kimiMemory.preferences) {
+            kimiMemory.preferences.voiceRate = parseFloat(value);
+        }
+    }, 300);
+
+    const debouncedVoicePitchUpdate = window.KimiPerformanceUtils?.debounce(async value => {
+        if (kimiDB) await kimiDB.setPreference("voicePitch", parseFloat(value));
+        if (kimiMemory && kimiMemory.preferences) {
+            kimiMemory.preferences.voicePitch = parseFloat(value);
+        }
+    }, 300);
+
+    const debouncedVoiceVolumeUpdate = window.KimiPerformanceUtils?.debounce(async value => {
+        if (kimiDB) await kimiDB.setPreference("voiceVolume", parseFloat(value));
+        if (kimiMemory && kimiMemory.preferences) {
+            kimiMemory.preferences.voiceVolume = parseFloat(value);
+        }
+    }, 300);
+
+    const debouncedLLMTempUpdate = window.KimiPerformanceUtils?.debounce(async value => {
+        if (kimiDB) await kimiDB.setPreference("llmTemperature", parseFloat(value));
+        if (window.kimiLLMManager) window.kimiLLMManager.temperature = parseFloat(value);
+    }, 300);
+
+    const debouncedLLMTokensUpdate = window.KimiPerformanceUtils?.debounce(async value => {
+        if (kimiDB) await kimiDB.setPreference("llmMaxTokens", parseInt(value));
+        if (window.kimiLLMManager) window.kimiLLMManager.maxTokens = parseInt(value);
+    }, 300);
+
+    const debouncedLLMTopPUpdate = window.KimiPerformanceUtils?.debounce(async value => {
+        if (kimiDB) await kimiDB.setPreference("llmTopP", parseFloat(value));
+        if (window.kimiLLMManager) window.kimiLLMManager.topP = parseFloat(value);
+    }, 300);
+
+    const debouncedLLMFrequencyPenaltyUpdate = window.KimiPerformanceUtils?.debounce(async value => {
+        if (kimiDB) await kimiDB.setPreference("llmFrequencyPenalty", parseFloat(value));
+        if (window.kimiLLMManager) window.kimiLLMManager.frequencyPenalty = parseFloat(value);
+    }, 300);
+
+    const debouncedLLMPresencePenaltyUpdate = window.KimiPerformanceUtils?.debounce(async value => {
+        if (kimiDB) await kimiDB.setPreference("llmPresencePenalty", parseFloat(value));
+        if (window.kimiLLMManager) window.kimiLLMManager.presencePenalty = parseFloat(value);
+    }, 300);
+
+    const debouncedOpacityUpdate = window.KimiPerformanceUtils?.debounce(async value => {
+        if (kimiDB) await kimiDB.setPreference("interfaceOpacity", parseFloat(value));
+        if (window.kimiAppearanceManager && window.kimiAppearanceManager.changeInterfaceOpacity)
+            await window.kimiAppearanceManager.changeInterfaceOpacity(parseFloat(value));
+    }, 300);
+
+    if (voiceRateSlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "voiceRate");
+            const value = validation?.value || parseFloat(e.target.value) || 1.1;
+
+            document.getElementById("voice-rate-value").textContent = value;
+            e.target.value = value; // Ensure slider shows validated value
+            debouncedVoiceRateUpdate(value);
+        };
+        voiceRateSlider.addEventListener("input", listener);
+        window._kimiListenerCleanup.push(() => voiceRateSlider.removeEventListener("input", listener));
+    }
+    if (voicePitchSlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "voicePitch");
+            const value = validation?.value || parseFloat(e.target.value) || 1.1;
+
+            document.getElementById("voice-pitch-value").textContent = value;
+            e.target.value = value;
+            debouncedVoicePitchUpdate(value);
+        };
+        voicePitchSlider.addEventListener("input", listener);
+        window._kimiListenerCleanup.push(() => voicePitchSlider.removeEventListener("input", listener));
+    }
+    if (voiceVolumeSlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "voiceVolume");
+            const value = validation?.value || parseFloat(e.target.value) || 0.8;
+
+            document.getElementById("voice-volume-value").textContent = value;
+            e.target.value = value;
+            debouncedVoiceVolumeUpdate(value);
+        };
+        voiceVolumeSlider.addEventListener("input", listener);
+        window._kimiListenerCleanup.push(() => voiceVolumeSlider.removeEventListener("input", listener));
+    }
+    if (languageSelect) {
+        languageSelect.removeEventListener("change", window._kimiLanguageListener);
+        window._kimiLanguageListener = async e => {
+            if (kimiDB) await kimiDB.setPreference("selectedLanguage", e.target.value);
+            if (window.voiceManager && window.voiceManager.initVoices) await window.voiceManager.initVoices();
+        };
+        languageSelect.addEventListener("change", window._kimiLanguageListener);
+    }
+    if (voiceSelect) {
+        voiceSelect.removeEventListener("change", window._kimiVoiceSelectListener);
+        window._kimiVoiceSelectListener = async e => {
+            if (kimiDB) await kimiDB.setPreference("selectedVoice", e.target.value);
+            if (window.voiceManager && window.voiceManager.initVoices) await window.voiceManager.initVoices();
+        };
+        voiceSelect.addEventListener("change", window._kimiVoiceSelectListener);
+    }
+    // Batch personality traits optimization
+    let personalityBatchTimeout = null;
+    const pendingTraitChanges = {};
+
+    traitSliders.forEach(traitId => {
+        const traitSlider = document.getElementById(traitId);
+        if (traitSlider) {
+            traitSlider.removeEventListener("input", window["_kimiTraitListener_" + traitId]);
+            window["_kimiTraitListener_" + traitId] = async e => {
+                const trait = traitId.replace("trait-", "");
+                const value = parseInt(e.target.value, 10);
+
+                // Update UI immediately for responsive feel
+                const valueSpan = document.getElementById(traitId + "-value");
+                if (valueSpan) {
+                    valueSpan.textContent = value;
+                }
+
+                // Store pending change for batch processing
+                pendingTraitChanges[trait] = value;
+
+                // Clear existing timeout and set new one for batch save
+                if (personalityBatchTimeout) {
+                    clearTimeout(personalityBatchTimeout);
+                }
+
+                personalityBatchTimeout = setTimeout(async () => {
+                    if (kimiDB && Object.keys(pendingTraitChanges).length > 0) {
+                        try {
+                            // Use batch operation for all pending changes
+                            await kimiDB.setPersonalityBatch(pendingTraitChanges);
+
+                            // Update affection if it was changed
+                            if (pendingTraitChanges.affection && kimiMemory) {
+                                await kimiMemory.updateAffectionTrait();
+                            }
+
+                            // Update video context based on new personality values
+                            if (window.kimiVideo && window.kimiVideo.setMoodByPersonality) {
+                                const selectedCharacter = await kimiDB.getSelectedCharacter();
+                                const allTraits = await kimiDB.getAllPersonalityTraits(selectedCharacter);
+                                window.kimiVideo.setMoodByPersonality(allTraits);
+                            }
+                        } catch (error) {
+                            console.error("Error batch saving personality traits:", error);
+                        }
+
+                        // Clear pending changes
+                        Object.keys(pendingTraitChanges).forEach(key => delete pendingTraitChanges[key]);
+                    }
+                }, 500); // Debounce for 500ms to batch multiple rapid changes
+            };
+            traitSlider.addEventListener("input", window["_kimiTraitListener_" + traitId]);
+        }
+    });
+    if (llmTemperatureSlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "llmTemperature");
+            const value = validation?.value || parseFloat(e.target.value) || 0.9;
+
+            document.getElementById("llm-temperature-value").textContent = value;
+            e.target.value = value;
+            debouncedLLMTempUpdate(value);
+        };
+        llmTemperatureSlider.addEventListener("input", listener);
+        window._kimiListenerCleanup.push(() => llmTemperatureSlider.removeEventListener("input", listener));
+    }
+    if (llmMaxTokensSlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "llmMaxTokens");
+            const value = validation?.value || parseInt(e.target.value) || 100;
+
+            document.getElementById("llm-max-tokens-value").textContent = value;
+            e.target.value = value;
+            debouncedLLMTokensUpdate(value);
+        };
+        llmMaxTokensSlider.addEventListener("input", listener);
+        window._kimiListenerCleanup.push(() => llmMaxTokensSlider.removeEventListener("input", listener));
+    }
+    if (llmTopPSlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "llmTopP");
+            const value = validation?.value || parseFloat(e.target.value) || 0.9;
+
+            document.getElementById("llm-top-p-value").textContent = value;
+            e.target.value = value;
+            debouncedLLMTopPUpdate(value);
+        };
+        llmTopPSlider.addEventListener("input", listener);
+        window._kimiListenerCleanup.push(() => llmTopPSlider.removeEventListener("input", listener));
+    }
+    if (llmFrequencyPenaltySlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "llmFrequencyPenalty");
+            const value = validation?.value || parseFloat(e.target.value) || 0.3;
+
+            document.getElementById("llm-frequency-penalty-value").textContent = value;
+            e.target.value = value;
+            debouncedLLMFrequencyPenaltyUpdate(value);
+        };
+        llmFrequencyPenaltySlider.addEventListener("input", listener);
+        window._kimiListenerCleanup.push(() => llmFrequencyPenaltySlider.removeEventListener("input", listener));
+    }
+    if (llmPresencePenaltySlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "llmPresencePenalty");
+            const value = validation?.value || parseFloat(e.target.value) || 0.3;
+
+            document.getElementById("llm-presence-penalty-value").textContent = value;
+            e.target.value = value;
+            debouncedLLMPresencePenaltyUpdate(value);
+        };
+        llmPresencePenaltySlider.addEventListener("input", listener);
+        window._kimiListenerCleanup.push(() => llmPresencePenaltySlider.removeEventListener("input", listener));
+    }
+    if (colorThemeSelect) {
+        colorThemeSelect.removeEventListener("change", window._kimiColorThemeListener);
+        window._kimiColorThemeListener = async e => {
+            if (kimiDB) await kimiDB.setPreference("colorTheme", e.target.value);
+            if (window.kimiAppearanceManager && window.kimiAppearanceManager.changeTheme)
+                await window.kimiAppearanceManager.changeTheme(e.target.value);
+            if (window.KimiPluginManager && window.KimiPluginManager.loadPlugins) await window.KimiPluginManager.loadPlugins();
+        };
+        colorThemeSelect.addEventListener("change", window._kimiColorThemeListener);
+    }
+    if (interfaceOpacitySlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "interfaceOpacity");
+            const value = validation?.value || parseFloat(e.target.value) || 0.8;
+
+            document.getElementById("interface-opacity-value").textContent = value;
+            e.target.value = value;
+            debouncedOpacityUpdate(value);
+        };
+        interfaceOpacitySlider.addEventListener("input", listener);
+        window._kimiListenerCleanup.push(() => interfaceOpacitySlider.removeEventListener("input", listener));
+    }
+    // Animation toggle is handled by KimiAppearanceManager
+    // Remove the duplicate handler to prevent conflicts
+    const transcriptToggle = document.getElementById("transcript-toggle");
+    if (transcriptToggle) {
+        let showTranscript = true;
+        if (kimiDB && kimiDB.getPreference) {
+            kimiDB.getPreference("showTranscript", true).then(showTranscript => {
+                transcriptToggle.classList.toggle("active", showTranscript);
+                transcriptToggle.setAttribute("aria-checked", showTranscript ? "true" : "false");
+            });
+        }
+        const onToggle = async () => {
+            const enabled = !transcriptToggle.classList.contains("active");
+            transcriptToggle.classList.toggle("active", enabled);
+            transcriptToggle.setAttribute("aria-checked", enabled ? "true" : "false");
+            if (kimiDB && kimiDB.setPreference) {
+                await kimiDB.setPreference("showTranscript", enabled);
+            }
+        };
+        transcriptToggle.onclick = onToggle;
+        transcriptToggle.onkeydown = async e => {
+            if (e.key === " " || e.key === "Enter") {
+                e.preventDefault();
+                await onToggle();
+            }
+        };
+    }
+}
+
+// Exposer globalement (Note: KimiMemory and KimiAppearanceManager are now in separate files)
+window.KimiDataManager = KimiDataManager;
+window.getPersonalityAverage = getPersonalityAverage;
+window.updateFavorabilityLabel = updateFavorabilityLabel;
+window.loadCharacterSection = loadCharacterSection;
+window.getBasicResponse = getBasicResponse;
+window.updatePersonalityTraitsFromEmotion = updatePersonalityTraitsFromEmotion;
+window.analyzeAndReact = analyzeAndReact;
+window.addMessageToChat = addMessageToChat;
+window.loadChatHistory = loadChatHistory;
+window.loadSettingsData = loadSettingsData;
+window.updateSlider = updateSlider;
+window.updatePersonalitySliders = updatePersonalitySliders;
+window.updateStats = updateStats;
+window.initializeAllSliders = initializeAllSliders;
+window.syncLLMMaxTokensSlider = syncLLMMaxTokensSlider;
+window.syncLLMTemperatureSlider = syncLLMTemperatureSlider;
+window.updateTabsScrollIndicator = updateTabsScrollIndicator;
+window.loadAvailableModels = loadAvailableModels;
+window.sendMessage = sendMessage;
+window.setupSettingsListeners = setupSettingsListeners;
+window.syncPersonalityTraits = syncPersonalityTraits;
+window.validateEmotionContext = validateEmotionContext;
+window.ensureVideoContextConsistency = ensureVideoContextConsistency;
+
+document.addEventListener("DOMContentLoaded", function () {
+    const toggleBtn = document.getElementById("toggle-personality-traits");
+    const cheatPanel = document.getElementById("personality-traits-panel");
+    if (toggleBtn && cheatPanel) {
+        toggleBtn.addEventListener("click", function () {
+            const expanded = toggleBtn.getAttribute("aria-expanded") === "true";
+            toggleBtn.setAttribute("aria-expanded", !expanded);
+            cheatPanel.classList.toggle("open", !expanded);
+        });
+    }
+
+    // Refresh UI models list when the LLM model changes programmatically
+    try {
+        window.addEventListener("llmModelChanged", () => {
+            if (typeof window.loadAvailableModels === "function") {
+                window.loadAvailableModels();
+            }
+        });
+    } catch (e) {}
+
+    // Typing indicator wiring
+    try {
+        // Soft tweak of API key input attributes shortly after load to reduce password manager prompts
+        setTimeout(() => {
+            const apiInput = document.getElementById("openrouter-api-key");
+            if (apiInput) {
+                apiInput.setAttribute("autocomplete", "new-password");
+                apiInput.setAttribute("name", "openrouter_api_key");
+                apiInput.setAttribute("data-lpignore", "true");
+            }
+        }, 300);
+
+        window.addEventListener("chat:typing:start", () => {
+            const waitingIndicator = document.getElementById("waiting-indicator");
+            const globalTyping = document.getElementById("global-typing-indicator");
+            clearTimeout(window._kimiTypingDelayTimer);
+            window._kimiTypingDelayTimer = setTimeout(() => {
+                if (waitingIndicator) waitingIndicator.classList.add("visible");
+                if (globalTyping) globalTyping.classList.add("visible");
+            }, 150);
+            // Safety auto-hide after 10s in case stop event is blocked
+            clearTimeout(window._kimiTypingSafetyTimer);
+            window._kimiTypingSafetyTimer = setTimeout(() => {
+                if (waitingIndicator) waitingIndicator.classList.remove("visible");
+                if (globalTyping) globalTyping.classList.remove("visible");
+            }, 10000);
+        });
+        window.addEventListener("chat:typing:stop", () => {
+            const waitingIndicator = document.getElementById("waiting-indicator");
+            const globalTyping = document.getElementById("global-typing-indicator");
+            if (waitingIndicator) waitingIndicator.classList.remove("visible");
+            if (globalTyping) globalTyping.classList.remove("visible");
+            clearTimeout(window._kimiTypingSafetyTimer);
+            clearTimeout(window._kimiTypingDelayTimer);
+        });
+    } catch (e) {}
+});
+
+// Function to sync all personality traits with database and UI
+async function syncPersonalityTraits(characterName = null) {
+    const kimiDB = window.kimiDB;
+    if (!kimiDB) return;
+
+    const selectedCharacter = characterName || (await kimiDB.getSelectedCharacter());
+    const traits = await kimiDB.getAllPersonalityTraits(selectedCharacter);
+
+    // Use unified defaults from emotion system
+    const getRequiredTraits = () => {
+        if (window.KimiEmotionSystem) {
+            const emotionSystem = new window.KimiEmotionSystem(kimiDB);
+            return emotionSystem.TRAIT_DEFAULTS;
+        }
+        // Fallback (should match KimiEmotionSystem.TRAIT_DEFAULTS exactly)
+        return {
+            affection: 65,
+            playfulness: 55,
+            intelligence: 70,
+            empathy: 75,
+            humor: 60,
+            romance: 50
+        };
+    };
+
+    const requiredTraits = getRequiredTraits();
+    let needsUpdate = false;
+    const updatedTraits = {};
+
+    for (const [trait, defaultValue] of Object.entries(requiredTraits)) {
+        const currentValue = traits[trait];
+        if (typeof currentValue !== "number" || currentValue < 0 || currentValue > 100) {
+            updatedTraits[trait] = defaultValue;
+            needsUpdate = true;
+        } else {
+            updatedTraits[trait] = currentValue;
+        }
+    }
+
+    // Update database if needed
+    if (needsUpdate) {
+        await kimiDB.setPersonalityBatch(updatedTraits, selectedCharacter);
+    }
+
+    // Update UI sliders
+    for (const [trait, value] of Object.entries(updatedTraits)) {
+        updateSlider(`trait-${trait}`, value);
+    }
+
+    // Update memory cache
+    if (window.kimiMemory && updatedTraits.affection) {
+        window.kimiMemory.affectionTrait = updatedTraits.affection;
+        if (window.kimiMemory.updateFavorabilityBar) {
+            window.kimiMemory.updateFavorabilityBar();
+        }
+    }
+
+    // Update video context
+    if (window.kimiVideo && window.kimiVideo.setMoodByPersonality) {
+        window.kimiVideo.setMoodByPersonality(updatedTraits);
+    }
+
+    return updatedTraits;
+}
+
+// Function to validate emotion and context consistency
+function validateEmotionContext(emotion) {
+    // Normalize video categories to base emotions before validation
+    const normalized = emotion === "speakingPositive" ? "positive" : emotion === "speakingNegative" ? "negative" : emotion;
+    // Use unified emotion system for validation
+    if (window.kimiEmotionSystem) {
+        return window.kimiEmotionSystem.validateEmotion(normalized);
+    }
+
+    // Fallback validation
+    const validEmotions = [
+        "positive",
+        "negative",
+        "neutral",
+        "dancing",
+        "listening",
+        "romantic",
+        "laughing",
+        "surprise",
+        "confident",
+        "shy",
+        "flirtatious",
+        "kiss",
+        "goodbye",
+        "speakingPositive",
+        "speakingNegative",
+        "speaking"
+    ];
+
+    if (!validEmotions.includes(normalized)) {
+        console.warn(`Invalid emotion detected: ${normalized}, falling back to neutral`);
+        return "neutral";
+    }
+
+    return normalized;
+}
+
+// Function to ensure video context consistency
+async function ensureVideoContextConsistency() {
+    if (!window.kimiVideo) return;
+
+    const kimiDB = window.kimiDB;
+    if (!kimiDB) return;
+
+    const selectedCharacter = await kimiDB.getSelectedCharacter();
+    const traits = await kimiDB.getAllPersonalityTraits(selectedCharacter);
+
+    // Validate current video context
+    const currentInfo = window.kimiVideo.getCurrentVideoInfo();
+    const validatedEmotion = validateEmotionContext(currentInfo.emotion);
+
+    if (validatedEmotion !== currentInfo.emotion) {
+        window.kimiVideo.switchToContext("neutral", "neutral", null, traits, traits.affection);
+    }
+}

kimi-js/kimi-plugin-manager.js

@@ -0,0 +1,260 @@
+class KimiPluginManager {
+    constructor() {
+        this.plugins = [];
+        this.pluginsRoot = "kimi-plugins/";
+    }
+
+    // Common security validation for plugin file paths
+    isValidPluginPath(path) {
+        return (
+            typeof path === "string" &&
+            /^[-a-zA-Z0-9_\/.]+$/.test(path) &&
+            !path.startsWith("/") &&
+            !path.includes("..") &&
+            !/^https?:\/\//i.test(path) &&
+            path.startsWith("kimi-plugins/")
+        );
+    }
+    async loadPlugins() {
+        const pluginDirs = await this.getPluginDirs();
+        this.plugins = [];
+        let pluginThemeActive = false;
+        for (const dir of pluginDirs) {
+            try {
+                const manifest = await fetch(this.pluginsRoot + dir + "/manifest.json").then(r => r.json());
+                manifest._dir = dir;
+                manifest.enabled = this.isPluginEnabled(dir, manifest.enabled);
+
+                // Basic manifest validation and path sanitization (deny external or absolute URLs)
+                const validTypes = new Set(["theme", "voice", "behavior"]);
+                const isSafePath = p =>
+                    typeof p === "string" &&
+                    /^[-a-zA-Z0-9_\/.]+$/.test(p) &&
+                    !p.startsWith("/") &&
+                    !p.includes("..") &&
+                    !/^https?:\/\//i.test(p);
+
+                if (!manifest.name || !manifest.type || !validTypes.has(manifest.type)) {
+                    console.warn(`Invalid plugin manifest in ${dir}: missing name or invalid type`);
+                    continue;
+                }
+                if (manifest.style && !isSafePath(manifest.style)) {
+                    console.warn(`Blocked unsafe style path in ${dir}: ${manifest.style}`);
+                    delete manifest.style;
+                }
+                if (manifest.main && !isSafePath(manifest.main)) {
+                    console.warn(`Blocked unsafe main path in ${dir}: ${manifest.main}`);
+                    delete manifest.main;
+                }
+
+                this.plugins.push(manifest);
+
+                if (manifest.enabled && manifest.style) {
+                    this.loadCSS(this.pluginsRoot + dir + "/" + manifest.style);
+                }
+                if (manifest.enabled && manifest.main) {
+                    this.loadJS(this.pluginsRoot + dir + "/" + manifest.main);
+                }
+                if (manifest.enabled && manifest.type === "theme" && dir === "sample-theme") {
+                    pluginThemeActive = true;
+                }
+            } catch (e) {
+                console.warn("Failed loading plugin:", dir, e);
+            }
+        }
+        if (pluginThemeActive) {
+            document.documentElement.setAttribute("data-theme", "plugin-sample-theme");
+        } else {
+            // Restore previous or default theme depuis Dexie
+            if (window.kimiDB && window.kimiDB.getPreference) {
+                const userTheme = await window.kimiDB.getPreference("colorTheme", "purple");
+                document.documentElement.setAttribute("data-theme", userTheme);
+            } else {
+                document.documentElement.setAttribute("data-theme", "purple");
+            }
+        }
+        this.renderPluginList();
+    }
+    async getPluginDirs() {
+        return ["sample-theme", "sample-voice", "sample-behavior"];
+    }
+    loadCSS(href) {
+        if (!window.KimiDOMUtils) {
+            console.error("KimiDOMUtils not available for loadCSS");
+            return;
+        }
+        if (!window.KimiDOMUtils.get('link[href="' + href + '"]')) {
+            if (!this.isValidPluginPath(href)) {
+                console.error(`Blocked unsafe CSS path: ${href}`);
+                return;
+            }
+
+            const link = document.createElement("link");
+            link.rel = "stylesheet";
+            link.type = "text/css";
+            link.href = href;
+
+            link.onerror = function () {
+                console.error(`Failed to load plugin CSS: ${href}`);
+            };
+
+            document.head.appendChild(link);
+        }
+    }
+    loadJS(src) {
+        if (!window.KimiDOMUtils) {
+            console.error("KimiDOMUtils not available for loadJS");
+            return;
+        }
+        if (!window.KimiDOMUtils.get('script[src="' + src + '"]')) {
+            if (!this.isValidPluginPath(src)) {
+                console.error(`Blocked unsafe script path: ${src}`);
+                return;
+            }
+
+            const script = document.createElement("script");
+            script.src = src;
+            script.type = "text/javascript";
+
+            script.onerror = function () {
+                console.error(`Failed to load plugin script: ${src}`);
+            };
+
+            if (window.CSP_NONCE) {
+                script.nonce = window.CSP_NONCE;
+            }
+
+            document.body.appendChild(script);
+        }
+    }
+    renderPluginList() {
+        if (!window.KimiDOMUtils) {
+            console.error("KimiDOMUtils not available");
+            return;
+        }
+        const container = window.KimiDOMUtils.get("#plugin-list");
+        if (!container) return;
+        while (container.firstChild) {
+            container.removeChild(container.firstChild);
+        }
+        for (const plugin of this.plugins) {
+            const div = document.createElement("div");
+            div.className = "plugin-card";
+            // Left: info
+            const info = document.createElement("div");
+            info.className = "plugin-info";
+            const title = document.createElement("div");
+            title.className = "plugin-title";
+            title.textContent = plugin.name;
+            const type = document.createElement("span");
+            type.className = "plugin-type";
+            type.textContent = plugin.type;
+            title.appendChild(type);
+            const desc = document.createElement("div");
+            desc.className = "plugin-desc";
+            desc.textContent = plugin.description;
+            const author = document.createElement("div");
+            author.className = "plugin-author";
+            author.textContent = plugin.author;
+            info.appendChild(title);
+            info.appendChild(desc);
+            info.appendChild(author);
+            div.appendChild(info);
+            // Center: badges/swatch
+            const centerCol = document.createElement("div");
+            centerCol.className = "plugin-card-center";
+            const typeBadge = document.createElement("span");
+            typeBadge.className = "plugin-type-badge";
+            typeBadge.textContent =
+                plugin.type === "theme" ? "Theme" : plugin.type.charAt(0).toUpperCase() + plugin.type.slice(1);
+            centerCol.appendChild(typeBadge);
+            if (plugin.type === "theme") {
+                const swatch = document.createElement("div");
+                swatch.className = "plugin-theme-swatch";
+
+                // Create color spans safely
+                const colors = ["#3b82f6", "#a5b4fc", "#6366f1"];
+                colors.forEach(color => {
+                    const span = document.createElement("span");
+                    span.style.background = color;
+                    swatch.appendChild(span);
+                });
+                centerCol.appendChild(swatch);
+                if (plugin.enabled) {
+                    const activeBadge = document.createElement("span");
+                    activeBadge.className = "plugin-active-badge";
+                    activeBadge.textContent = "Active Theme";
+                    centerCol.appendChild(activeBadge);
+                }
+            }
+            div.appendChild(centerCol);
+            // Right: switch
+            const rightCol = document.createElement("div");
+            rightCol.className = "plugin-card-switch";
+            const switchLabel = document.createElement("label");
+            switchLabel.className = "toggle-switch";
+            const input = document.createElement("input");
+            input.type = "checkbox";
+            input.checked = !!plugin.enabled;
+            input.style.display = "none";
+            input.addEventListener("change", () => {
+                plugin.enabled = input.checked;
+                this.savePluginState(plugin._dir, plugin.enabled);
+                this.loadPlugins();
+                if (input.checked) {
+                    switchLabel.classList.add("active");
+                } else {
+                    switchLabel.classList.remove("active");
+                }
+            });
+            const slider = document.createElement("span");
+            slider.className = "slider";
+            switchLabel.appendChild(input);
+            switchLabel.appendChild(slider);
+            if (input.checked) switchLabel.classList.add("active");
+            rightCol.appendChild(switchLabel);
+            div.appendChild(rightCol);
+            container.appendChild(div);
+        }
+    }
+    savePluginState(dir, enabled) {
+        const key = "kimi-plugin-enabled-" + dir;
+        localStorage.setItem(key, enabled ? "1" : "0");
+    }
+    isPluginEnabled(dir, defaultValue) {
+        const key = "kimi-plugin-enabled-" + dir;
+        const val = localStorage.getItem(key);
+        if (val === null) return defaultValue;
+        return val === "1";
+    }
+}
+
+window.KimiPluginManager = new KimiPluginManager();
+
+document.addEventListener("DOMContentLoaded", () => {
+    if (window.KimiPluginManager) window.KimiPluginManager.loadPlugins();
+    const refreshBtn = document.getElementById("refresh-plugins");
+    if (refreshBtn) {
+        refreshBtn.onclick = async () => {
+            const originalText = refreshBtn.innerHTML;
+            refreshBtn.innerHTML = '<i class="fas fa-spinner fa-spin"></i> Refreshing...';
+            refreshBtn.disabled = true;
+
+            try {
+                await window.KimiPluginManager.loadPlugins();
+                refreshBtn.innerHTML = '<i class="fas fa-check"></i> Refreshed!';
+                setTimeout(() => {
+                    refreshBtn.innerHTML = originalText;
+                    refreshBtn.disabled = false;
+                }, 1500);
+            } catch (error) {
+                console.error("Error refreshing plugins:", error);
+                refreshBtn.innerHTML = '<i class="fas fa-exclamation-triangle"></i> Error';
+                setTimeout(() => {
+                    refreshBtn.innerHTML = originalText;
+                    refreshBtn.disabled = false;
+                }, 2000);
+            }
+        };
+    }
+});

kimi-js/kimi-script.js

@@ -0,0 +1,1009 @@
+document.addEventListener("DOMContentLoaded", async function () {
+    const DEFAULT_SYSTEM_PROMPT = window.DEFAULT_SYSTEM_PROMPT;
+
+    let kimiDB = null;
+    let kimiLLM = null;
+    let isSystemReady = false;
+
+    const kimiInit = new KimiInitManager();
+    let kimiVideo = null;
+
+    // Error manager is already initialized in kimi-error-manager.js
+
+    try {
+        kimiDB = new KimiDatabase();
+        await kimiDB.init();
+
+        // Expose globally as soon as available
+        window.kimiDB = kimiDB;
+
+        const selectedCharacter = await kimiDB.getPreference("selectedCharacter", "kimi");
+        const favorabilityLabel = window.KimiDOMUtils.get("#favorability-label");
+        if (favorabilityLabel && window.KIMI_CHARACTERS && window.KIMI_CHARACTERS[selectedCharacter]) {
+            favorabilityLabel.setAttribute("data-i18n", "affection_level_of");
+            favorabilityLabel.setAttribute(
+                "data-i18n-params",
+                JSON.stringify({ name: window.KIMI_CHARACTERS[selectedCharacter].name })
+            );
+            favorabilityLabel.textContent = `💖 Affection level of ${window.KIMI_CHARACTERS[selectedCharacter].name}`;
+        }
+        const chatHeaderName = window.KimiDOMUtils.get(".chat-header span[data-i18n]");
+        if (chatHeaderName && window.KIMI_CHARACTERS && window.KIMI_CHARACTERS[selectedCharacter]) {
+            chatHeaderName.setAttribute("data-i18n", `chat_with_${selectedCharacter}`);
+        }
+        const systemPromptInput = window.KimiDOMUtils.get("#system-prompt");
+        if (systemPromptInput && kimiDB.getSystemPromptForCharacter) {
+            const prompt = await kimiDB.getSystemPromptForCharacter(selectedCharacter);
+            systemPromptInput.value = prompt;
+            if (kimiLLM && kimiLLM.setSystemPrompt) kimiLLM.setSystemPrompt(prompt);
+        }
+        kimiLLM = new KimiLLMManager(kimiDB);
+        window.kimiLLM = kimiLLM;
+        await kimiLLM.init();
+
+        // Initialize unified emotion system
+        window.kimiEmotionSystem = new window.KimiEmotionSystem(kimiDB);
+
+        // Initialize the new memory system
+        window.kimiMemorySystem = new window.KimiMemorySystem(kimiDB);
+        await window.kimiMemorySystem.init();
+
+        // Initialize legacy memory for favorability
+        const kimiMemory = new KimiMemory(kimiDB);
+        await kimiMemory.init();
+        window.kimiMemory = kimiMemory;
+
+        // Expose globally (already set before init)
+
+        // Load available models now that LLM is ready
+        if (window.loadAvailableModels) {
+            setTimeout(() => window.loadAvailableModels(), 500);
+        }
+
+        isSystemReady = true;
+        window.isSystemReady = true;
+        // Hydrate API config UI from DB after systems ready
+        initializeApiConfigUI();
+    } catch (error) {
+        console.error("Initialization error:", error);
+    }
+    // Centralized helpers for API config UI
+    const ApiUi = {
+        presenceDot: () => document.getElementById("api-key-presence"),
+        presenceDotTest: () => document.getElementById("api-key-presence-test"),
+        apiKeyInput: () => document.getElementById("openrouter-api-key"),
+        toggleBtn: () => document.getElementById("toggle-api-key"),
+        providerSelect: () => document.getElementById("llm-provider"),
+        baseUrlInput: () => document.getElementById("llm-base-url"),
+        modelIdInput: () => document.getElementById("llm-model-id"),
+        savedBadge: () => document.getElementById("api-key-saved"),
+        statusSpan: () => document.getElementById("api-status"),
+        testBtn: () => document.getElementById("test-api"),
+        setPresence(color) {
+            const dot = this.presenceDot();
+            const dot2 = this.presenceDotTest();
+            if (dot) dot.style.backgroundColor = color;
+            if (dot2) dot2.style.backgroundColor = color;
+        },
+        clearStatus() {
+            const s = this.statusSpan();
+            if (s) {
+                s.textContent = "";
+                s.style.color = "";
+            }
+        },
+        setTestEnabled(enabled) {
+            const b = this.testBtn();
+            if (b) b.disabled = !enabled;
+        }
+    };
+
+    // Initial presence state based on current input value
+    {
+        const currentVal = (ApiUi.apiKeyInput() || {}).value || "";
+        const colorInit = currentVal && currentVal.length > 0 ? "#4caf50" : "#9e9e9e";
+        ApiUi.setPresence(colorInit);
+    }
+
+    // Initialize API config UI from saved preferences
+    async function initializeApiConfigUI() {
+        try {
+            if (!window.kimiDB) return;
+            const provider = await window.kimiDB.getPreference("llmProvider", "openrouter");
+            const baseUrl = await window.kimiDB.getPreference(
+                "llmBaseUrl",
+                provider === "openrouter"
+                    ? "https://openrouter.ai/api/v1/chat/completions"
+                    : "https://api.openai.com/v1/chat/completions"
+            );
+            const modelId = await window.kimiDB.getPreference(
+                "llmModelId",
+                window.kimiLLM ? window.kimiLLM.currentModel : "model-id"
+            );
+            const providerSelect = ApiUi.providerSelect();
+            if (providerSelect) providerSelect.value = provider;
+            const baseUrlInput = ApiUi.baseUrlInput();
+            const modelIdInput = ApiUi.modelIdInput();
+            const apiKeyInput = ApiUi.apiKeyInput();
+            if (baseUrlInput) baseUrlInput.value = baseUrl || "";
+            if (modelIdInput && modelId && !modelIdInput.value) modelIdInput.value = modelId;
+            // Load the provider-specific key
+            const keyPrefMap = {
+                openrouter: "openrouterApiKey",
+                openai: "apiKey_openai",
+                groq: "apiKey_groq",
+                together: "apiKey_together",
+                deepseek: "apiKey_deepseek",
+                "openai-compatible": "apiKey_custom"
+            };
+            const keyPref = keyPrefMap[provider] || "llmApiKey";
+            const storedKey = await window.kimiDB.getPreference(keyPref, "");
+            if (apiKeyInput) apiKeyInput.value = storedKey || "";
+            ApiUi.setPresence(storedKey ? "#4caf50" : "#9e9e9e");
+            const savedBadge = ApiUi.savedBadge();
+            if (savedBadge) savedBadge.style.display = storedKey ? "inline" : "none";
+            ApiUi.clearStatus();
+            // Enable/disable Test button according to validation
+            const valid = !!(window.KIMI_VALIDATORS && window.KIMI_VALIDATORS.validateApiKey(storedKey || ""));
+            ApiUi.setTestEnabled(valid);
+            // Update dynamic label and placeholders using change handler logic
+            if (providerSelect && typeof providerSelect.dispatchEvent === "function") {
+                const ev = new Event("change");
+                providerSelect.dispatchEvent(ev);
+            }
+        } catch (e) {
+            console.warn("Failed to initialize API config UI:", e);
+        }
+    }
+
+    const providerSelectEl = document.getElementById("llm-provider");
+    if (providerSelectEl) {
+        providerSelectEl.addEventListener("change", async () => {
+            const provider = providerSelectEl.value;
+            const baseUrlInput = ApiUi.baseUrlInput();
+            const apiKeyInput = ApiUi.apiKeyInput();
+            const modelIdInput = ApiUi.modelIdInput();
+            const placeholders = {
+                openrouter: {
+                    url: "https://openrouter.ai/api/v1/chat/completions",
+                    keyPh: "sk-or-v1-...",
+                    model: window.kimiLLM ? window.kimiLLM.currentModel : "model-id"
+                },
+                openai: {
+                    url: "https://api.openai.com/v1/chat/completions",
+                    keyPh: "sk-...",
+                    model: "gpt-4o-mini"
+                },
+                groq: {
+                    url: "https://api.groq.com/openai/v1/chat/completions",
+                    keyPh: "gsk_...",
+                    model: "llama-3.1-8b-instant"
+                },
+                together: {
+                    url: "https://api.together.xyz/v1/chat/completions",
+                    keyPh: "together_...",
+                    model: "meta-llama/Meta-Llama-3.1-8B-Instruct-Turbo"
+                },
+                deepseek: {
+                    url: "https://api.deepseek.com/chat/completions",
+                    keyPh: "sk-...",
+                    model: "deepseek-chat"
+                },
+                "openai-compatible": {
+                    url: "https://your-endpoint/v1/chat/completions",
+                    keyPh: "your-key",
+                    model: "model-id"
+                },
+                ollama: {
+                    url: "http://localhost:11434/api/chat",
+                    keyPh: "",
+                    model: "llama3"
+                }
+            };
+            const p = placeholders[provider] || placeholders.openai;
+            if (baseUrlInput) {
+                baseUrlInput.placeholder = p.url;
+                baseUrlInput.value = provider === "openrouter" ? "https://openrouter.ai/api/v1/chat/completions" : p.url;
+            }
+            if (apiKeyInput) apiKeyInput.placeholder = p.keyPh;
+            if (modelIdInput && !modelIdInput.value) {
+                modelIdInput.placeholder = p.model;
+            }
+            if (window.kimiDB) {
+                await window.kimiDB.setPreference("llmProvider", provider);
+                await window.kimiDB.setPreference(
+                    "llmBaseUrl",
+                    provider === "openrouter" ? "https://openrouter.ai/api/v1/chat/completions" : p.url
+                );
+                const apiKeyLabel = document.getElementById("api-key-label");
+                // Load provider-specific key into the input for clarity
+                const keyPrefMap = {
+                    openrouter: "openrouterApiKey",
+                    openai: "apiKey_openai",
+                    groq: "apiKey_groq",
+                    together: "apiKey_together",
+                    deepseek: "apiKey_deepseek",
+                    "openai-compatible": "apiKey_custom"
+                };
+                const keyPref = keyPrefMap[provider] || "llmApiKey";
+                const storedKey = await window.kimiDB.getPreference(keyPref, "");
+                if (apiKeyInput) apiKeyInput.value = storedKey || "";
+                const color = storedKey && storedKey.length > 0 ? "#4caf50" : "#9e9e9e";
+                ApiUi.setPresence(color);
+                ApiUi.setTestEnabled(!!(window.KIMI_VALIDATORS && window.KIMI_VALIDATORS.validateApiKey(storedKey || "")));
+
+                // Dynamic label per provider
+                if (apiKeyLabel) {
+                    const labelByProvider = {
+                        openrouter: "OpenRouter API Key",
+                        openai: "OpenAI API Key",
+                        groq: "Groq API Key",
+                        together: "Together API Key",
+                        deepseek: "DeepSeek API Key",
+                        "openai-compatible": "API Key",
+                        ollama: "API Key"
+                    };
+                    apiKeyLabel.textContent = labelByProvider[provider] || "API Key";
+                }
+                const savedBadge = ApiUi.savedBadge();
+                if (savedBadge) savedBadge.style.display = "none";
+                ApiUi.clearStatus();
+            }
+        });
+    }
+
+    const loadingScreen = document.getElementById("loading-screen");
+    if (loadingScreen) {
+        setTimeout(() => {
+            loadingScreen.style.opacity = "0";
+            setTimeout(() => {
+                loadingScreen.style.display = "none";
+            }, 500);
+        }, 1500);
+    }
+
+    let video1 = window.KimiDOMUtils.get("#video1");
+    let video2 = window.KimiDOMUtils.get("#video2");
+
+    if (!video1 || !video2) {
+        console.error("Video elements not found! Creating them...");
+        const videoContainer = document.querySelector(".video-container");
+        if (videoContainer) {
+            video1 = document.createElement("video");
+            video1.id = "video1";
+            video1.className = "bg-video active";
+            video1.autoplay = true;
+            video1.muted = true;
+            video1.playsinline = true;
+            video1.preload = "auto";
+            video1.innerHTML =
+                '<source src="" type="video/mp4" /><span data-i18n="video_not_supported">Your browser does not support the video tag.</span>';
+
+            video2 = document.createElement("video");
+            video2.id = "video2";
+            video2.className = "bg-video";
+            video2.autoplay = true;
+            video2.muted = true;
+            video2.playsinline = true;
+            video2.preload = "auto";
+            video2.innerHTML =
+                '<source src="" type="video/mp4" /><span data-i18n="video_not_supported">Your browser does not support the video tag.</span>';
+
+            videoContainer.appendChild(video1);
+            videoContainer.appendChild(video2);
+        }
+    }
+
+    let activeVideo = video1;
+    let inactiveVideo = video2;
+
+    kimiVideo = new KimiVideoManager(video1, video2);
+    await kimiVideo.init(kimiDB);
+    window.kimiVideo = kimiVideo;
+
+    if (video1 && video2 && kimiDB && kimiDB.getSelectedCharacter) {
+        try {
+            const selectedCharacter = await kimiDB.getSelectedCharacter();
+            if (selectedCharacter && window.KIMI_CHARACTERS) {
+                kimiVideo.setCharacter(selectedCharacter);
+                const folder = window.KIMI_CHARACTERS[selectedCharacter].videoFolder;
+                const neutralVideo = `${folder}neutral/neutral-gentle-breathing.mp4`;
+                const video1Source = video1.querySelector("source");
+                if (video1Source) {
+                    video1Source.setAttribute("src", neutralVideo);
+                    video1.load();
+                }
+            }
+            if (kimiVideo && kimiVideo.switchToContext) {
+                kimiVideo.switchToContext("neutral");
+            }
+        } catch (e) {
+            console.warn("Error loading initial video:", e);
+        }
+    }
+
+    async function attachCharacterSection() {
+        let saveCharacterBtn = window.KimiDOMUtils.get("#save-character-btn");
+        if (saveCharacterBtn) {
+            saveCharacterBtn.addEventListener("click", async e => {
+                const settingsPanel = window.KimiDOMUtils.get(".settings-panel");
+                let scrollTop = settingsPanel ? settingsPanel.scrollTop : null;
+                const characterGrid = window.KimiDOMUtils.get("#character-grid");
+                const selectedCard = characterGrid ? characterGrid.querySelector(".character-card.selected") : null;
+                if (!selectedCard) return;
+                const charKey = selectedCard.dataset.character;
+                const savedBadge = document.getElementById("api-key-saved");
+                if (savedBadge) {
+                    savedBadge.textContent = (window.kimiI18nManager && window.kimiI18nManager.t("saved_short")) || "Saved";
+                    savedBadge.style.display = "inline";
+                }
+                const promptInput = window.KimiDOMUtils.get(`#prompt-${charKey}`);
+                const prompt = promptInput ? promptInput.value : "";
+
+                await window.kimiDB.setSelectedCharacter(charKey);
+                await window.kimiDB.setSystemPromptForCharacter(charKey, prompt);
+                if (window.kimiVideo && window.kimiVideo.setCharacter) {
+                    window.kimiVideo.setCharacter(charKey);
+                    if (window.kimiVideo.switchToContext) {
+                        window.kimiVideo.switchToContext("neutral");
+                    }
+                }
+                if (window.voiceManager && window.voiceManager.updateSelectedCharacter) {
+                    await window.voiceManager.updateSelectedCharacter();
+                }
+                if (window.kimiLLM && window.kimiLLM.setSystemPrompt) {
+                    // Only manage system prompt here. API key editing is handled globally to avoid duplicates.
+
+                    // Clear API status when Base URL or Model ID change
+                    const baseUrlInputEl = ApiUi.baseUrlInput();
+                    if (baseUrlInputEl) {
+                        baseUrlInputEl.addEventListener("input", () => {
+                            ApiUi.clearStatus();
+                        });
+                    }
+                    const modelIdInputEl = ApiUi.modelIdInput();
+                    if (modelIdInputEl) {
+                        modelIdInputEl.addEventListener("input", () => {
+                            ApiUi.clearStatus();
+                        });
+                    }
+                    window.kimiLLM.setSystemPrompt(prompt);
+                }
+                const systemPromptInput = window.KimiDOMUtils.get("#system-prompt");
+                if (systemPromptInput) systemPromptInput.value = prompt;
+                await window.loadCharacterSection();
+                if (settingsPanel && scrollTop !== null) {
+                    requestAnimationFrame(() => {
+                        settingsPanel.scrollTop = scrollTop;
+                    });
+                }
+                saveCharacterBtn.setAttribute("data-i18n", "saved");
+                saveCharacterBtn.classList.add("success");
+                saveCharacterBtn.disabled = true;
+
+                setTimeout(() => {
+                    saveCharacterBtn.setAttribute("data-i18n", "save");
+                    saveCharacterBtn.classList.remove("success");
+                    saveCharacterBtn.disabled = false;
+                }, 1500);
+            });
+        }
+        let settingsButton2 = window.KimiDOMUtils.get("#settings-button");
+        if (settingsButton2) {
+            settingsButton2.addEventListener("click", window.loadCharacterSection);
+        }
+    }
+    await attachCharacterSection();
+
+    const chatContainer = document.getElementById("chat-container");
+    const chatButton = document.getElementById("chat-button");
+    const chatToggle = document.getElementById("chat-toggle");
+    const chatMessages = document.getElementById("chat-messages");
+    const chatInput = document.getElementById("chat-input");
+    const sendButton = document.getElementById("send-button");
+    const chatDelete = document.getElementById("chat-delete");
+    const waitingIndicator = document.getElementById("waiting-indicator");
+
+    if (!chatContainer || !chatButton || !chatMessages) {
+        console.error("Critical chat elements missing from DOM");
+        return;
+    }
+
+    window.kimiOverlayManager = new window.KimiOverlayManager();
+
+    chatButton.addEventListener("click", () => {
+        window.kimiOverlayManager.toggle("chat-container");
+        if (window.kimiOverlayManager.isOpen("chat-container")) {
+            window.loadChatHistory();
+        }
+    });
+
+    if (chatToggle) {
+        chatToggle.addEventListener("click", () => {
+            window.kimiOverlayManager.close("chat-container");
+        });
+    }
+
+    // Setup chat input and send button event listeners
+    if (sendButton) {
+        sendButton.addEventListener("click", () => {
+            if (typeof window.sendMessage === "function") {
+                window.sendMessage();
+            } else {
+                console.error("sendMessage function not available");
+            }
+        });
+        console.log("Send button event listener attached");
+    } else {
+        console.error("Send button not found");
+    }
+
+    if (chatInput) {
+        chatInput.addEventListener("keydown", e => {
+            if (e.key === "Enter" && !e.shiftKey) {
+                e.preventDefault();
+                if (typeof window.sendMessage === "function") {
+                    window.sendMessage();
+                } else {
+                    console.error("sendMessage function not available");
+                }
+            }
+        });
+        console.log("Chat input event listener attached");
+    } else {
+        console.error("Chat input not found");
+    }
+
+    const settingsOverlay = document.getElementById("settings-overlay");
+    const settingsButton = document.getElementById("settings-button");
+    const settingsClose = document.getElementById("settings-close");
+
+    const helpOverlay = document.getElementById("help-overlay");
+    const helpButton = document.getElementById("help-button");
+    const helpClose = document.getElementById("help-close");
+
+    if (!settingsButton || !helpButton) {
+        console.error("Critical UI buttons missing from DOM");
+        return;
+    }
+
+    helpButton.addEventListener("click", () => {
+        window.kimiOverlayManager.open("help-overlay");
+    });
+
+    if (helpClose) {
+        helpClose.addEventListener("click", () => {
+            window.kimiOverlayManager.close("help-overlay");
+        });
+    }
+
+    settingsButton.addEventListener("click", () => {
+        window.kimiOverlayManager.open("settings-overlay");
+
+        // Prevent multiple settings loading
+        if (!window._settingsLoading) {
+            window._settingsLoading = true;
+            window.loadSettingsData();
+
+            setTimeout(() => {
+                window.updateTabsScrollIndicator();
+                if (window.initializeAllSliders) window.initializeAllSliders();
+                if (window.syncLLMMaxTokensSlider) window.syncLLMMaxTokensSlider();
+                if (window.syncLLMTemperatureSlider) window.syncLLMTemperatureSlider();
+                if (window.setupSettingsListeners) window.setupSettingsListeners(window.kimiDB, window.kimiMemory);
+                if (window.syncPersonalityTraits) window.syncPersonalityTraits();
+                if (window.ensureVideoContextConsistency) window.ensureVideoContextConsistency();
+
+                // Only retry loading models if not already done
+                if (window.loadAvailableModels && !loadAvailableModels._loading) {
+                    setTimeout(() => window.loadAvailableModels(), 100);
+                }
+
+                window._settingsLoading = false;
+            }, 200);
+        }
+    });
+
+    if (settingsClose) {
+        settingsClose.addEventListener("click", () => {
+            window.kimiOverlayManager.close("settings-overlay");
+        });
+    }
+
+    // Initialisation unifiée de la gestion des tabs
+    window.kimiTabManager = new window.KimiTabManager({
+        onTabChange: async tabName => {
+            if (tabName === "llm" || tabName === "api") {
+                if (window.kimiDB) {
+                    const selectedCharacter = await window.kimiDB.getSelectedCharacter();
+                    const prompt = await window.kimiDB.getSystemPromptForCharacter(selectedCharacter);
+                    const systemPromptInput = document.getElementById("system-prompt");
+                    if (systemPromptInput) systemPromptInput.value = prompt;
+                }
+            }
+            if (tabName === "personality") {
+                await window.loadCharacterSection();
+            }
+        }
+    });
+
+    window.kimiUIEventManager = new window.KimiUIEventManager();
+    window.kimiUIEventManager.addEvent(window, "resize", window.updateTabsScrollIndicator);
+
+    const saveSystemPromptButton = document.getElementById("save-system-prompt");
+    if (saveSystemPromptButton) {
+        saveSystemPromptButton.addEventListener("click", async () => {
+            const selectedCharacter = await window.kimiDB.getPreference("selectedCharacter", "kimi");
+            const systemPromptInput = document.getElementById("system-prompt");
+            if (systemPromptInput && window.kimiDB.setSystemPromptForCharacter) {
+                await window.kimiDB.setSystemPromptForCharacter(selectedCharacter, systemPromptInput.value);
+                if (window.kimiLLM && window.kimiLLM.setSystemPrompt) window.kimiLLM.setSystemPrompt(systemPromptInput.value);
+                const originalText = saveSystemPromptButton.textContent;
+                saveSystemPromptButton.textContent = "Saved!";
+                saveSystemPromptButton.classList.add("success");
+                saveSystemPromptButton.disabled = true;
+                setTimeout(() => {
+                    saveSystemPromptButton.setAttribute("data-i18n", "save");
+                    applyTranslations();
+                    // Re-enable the button after the success feedback
+                    saveSystemPromptButton.disabled = false;
+                    saveSystemPromptButton.classList.remove("success");
+                    // Ensure text reflects i18n "save" state
+                    // (applyTranslations above will set the text from locale)
+                }, 1500);
+            }
+        });
+    }
+    const resetSystemPromptButton = document.getElementById("reset-system-prompt");
+    const systemPromptInput = document.getElementById("system-prompt");
+    if (resetSystemPromptButton) {
+        resetSystemPromptButton.addEventListener("click", async () => {
+            const selectedCharacter = await window.kimiDB.getPreference("selectedCharacter", "kimi");
+            if (systemPromptInput && window.kimiDB && window.kimiLLM) {
+                await window.kimiDB.setSystemPromptForCharacter(selectedCharacter, DEFAULT_SYSTEM_PROMPT);
+                systemPromptInput.value = DEFAULT_SYSTEM_PROMPT;
+                window.kimiLLM.setSystemPrompt(DEFAULT_SYSTEM_PROMPT);
+                resetSystemPromptButton.textContent = "Reset!";
+                resetSystemPromptButton.classList.add("animated");
+                resetSystemPromptButton.setAttribute("data-i18n", "reset_done");
+                applyTranslations();
+                setTimeout(() => {
+                    resetSystemPromptButton.setAttribute("data-i18n", "reset_to_default");
+                    applyTranslations();
+                }, 1500);
+
+                // After a reset, allow saving again
+                if (saveSystemPromptButton) {
+                    saveSystemPromptButton.disabled = false;
+                    saveSystemPromptButton.classList.remove("success");
+                    saveSystemPromptButton.setAttribute("data-i18n", "save");
+                    applyTranslations();
+                }
+            }
+        });
+    }
+
+    // Enable the Save button whenever the prompt content changes
+    if (systemPromptInput && saveSystemPromptButton) {
+        systemPromptInput.addEventListener("input", () => {
+            if (saveSystemPromptButton.disabled) {
+                saveSystemPromptButton.disabled = false;
+            }
+            saveSystemPromptButton.classList.remove("success");
+            saveSystemPromptButton.setAttribute("data-i18n", "save");
+            applyTranslations();
+        });
+    }
+
+    window.kimiFormManager = new window.KimiFormManager({ db: window.kimiDB, memory: window.kimiMemory });
+
+    const testVoiceButton = document.getElementById("test-voice");
+    if (testVoiceButton) {
+        testVoiceButton.addEventListener("click", () => {
+            if (voiceManager) {
+                const rate = parseFloat(document.getElementById("voice-rate").value);
+                const pitch = parseFloat(document.getElementById("voice-pitch").value);
+                const volume = parseFloat(document.getElementById("voice-volume").value);
+
+                if (window.kimiMemory.preferences) {
+                    window.kimiMemory.preferences.voiceRate = rate;
+                    window.kimiMemory.preferences.voicePitch = pitch;
+                    window.kimiMemory.preferences.voiceVolume = volume;
+                }
+
+                const testMessage =
+                    window.kimiI18nManager?.t("voice_test_message") ||
+                    "Hello my love! Here is my new voice configured with all the settings! Do you like it?";
+                voiceManager.speak(testMessage, {
+                    rate,
+                    pitch,
+                    volume
+                });
+            } else {
+                console.warn("Voice manager not initialized");
+            }
+        });
+    }
+
+    const testApiButton = document.getElementById("test-api");
+    if (testApiButton) {
+        testApiButton.addEventListener("click", async () => {
+            const statusSpan = ApiUi.statusSpan();
+            const apiKeyInput = ApiUi.apiKeyInput();
+            const apiKey = apiKeyInput ? apiKeyInput.value.trim() : "";
+            const providerSelect = ApiUi.providerSelect();
+            const baseUrlInput = ApiUi.baseUrlInput();
+            const modelIdInput = ApiUi.modelIdInput();
+            const provider = providerSelect ? providerSelect.value : "openrouter";
+            const baseUrl = baseUrlInput ? baseUrlInput.value.trim() : "";
+            const modelId = modelIdInput ? modelIdInput.value.trim() : "";
+
+            if (!statusSpan) return;
+
+            if (!apiKey) {
+                statusSpan.textContent = window.kimiI18nManager?.t("api_key_missing") || "API key missing";
+                statusSpan.style.color = "#ff6b6b";
+                return;
+            }
+
+            // Validate API key format before saving/testing
+            const isValid = (window.KIMI_VALIDATORS && window.KIMI_VALIDATORS.validateApiKey(apiKey)) || false;
+            if (!isValid) {
+                statusSpan.textContent =
+                    window.kimiI18nManager?.t("api_key_invalid_format") || "Invalid API key format (must start with sk-or-v1-)";
+                statusSpan.style.color = "#ff6b6b";
+                return;
+            }
+
+            if (window.kimiDB) {
+                if (provider === "openrouter") {
+                    await window.kimiDB.setPreference("openrouterApiKey", apiKey);
+                } else {
+                    await window.kimiDB.setPreference("llmApiKey", apiKey);
+                }
+                await window.kimiDB.setPreference("llmProvider", provider);
+                if (baseUrl) await window.kimiDB.setPreference("llmBaseUrl", baseUrl);
+                if (modelId) await window.kimiDB.setPreference("llmModelId", modelId);
+            }
+
+            statusSpan.textContent = "Testing in progress...";
+            statusSpan.style.color = "#ffa726";
+
+            try {
+                if (window.kimiLLM) {
+                    let result;
+                    if (provider === "openrouter") {
+                        result = await window.kimiLLM.testModel(window.kimiLLM.currentModel, "Bonjour");
+                    } else if (provider === "ollama") {
+                        const response = await window.kimiLLM.chatWithLocal("Bonjour", { maxTokens: 2 });
+                        result = { success: true, response };
+                    } else {
+                        const response = await window.kimiLLM.chatWithOpenAICompatible("Bonjour", { maxTokens: 2 });
+                        result = { success: true, response };
+                    }
+                    if (result.success) {
+                        statusSpan.textContent = "Connection successful!";
+                        statusSpan.style.color = "#4caf50";
+                        const savedBadge = ApiUi.savedBadge();
+                        if (savedBadge) {
+                            savedBadge.textContent =
+                                (window.kimiI18nManager && window.kimiI18nManager.t("saved_short")) || "Saved";
+                            savedBadge.style.display = "inline";
+                        }
+
+                        if (result.response) {
+                            setTimeout(() => {
+                                statusSpan.textContent = `Test response: \"${result.response.substring(0, 50)}...\"`;
+                            }, 1000);
+                        }
+                        ApiUi.setPresence("#4caf50");
+                    } else {
+                        statusSpan.textContent = `${result.error}`;
+                        statusSpan.style.color = "#ff6b6b";
+
+                        if (result.error.includes("similaires disponibles")) {
+                            setTimeout(() => {}, 1000);
+                        }
+                    }
+                } else {
+                    statusSpan.textContent = "LLM manager not initialized";
+                    statusSpan.style.color = "#ff6b6b";
+                }
+            } catch (error) {
+                console.error("Error while testing API:", error);
+                statusSpan.textContent = `Error: ${error.message}`;
+                statusSpan.style.color = "#ff6b6b";
+
+                if (error.message.includes("non disponible")) {
+                    setTimeout(() => {}, 1000);
+                }
+            }
+        });
+    }
+
+    // Global, single handler for API key input to save and update presence in real-time
+    (function setupApiKeyInputHandler() {
+        const input = ApiUi.apiKeyInput();
+        if (!input) return;
+        let t;
+        input.addEventListener("input", () => {
+            clearTimeout(t);
+            t = setTimeout(async () => {
+                const providerEl = ApiUi.providerSelect();
+                const provider = providerEl ? providerEl.value : "openrouter";
+                const keyPrefMap = {
+                    openrouter: "openrouterApiKey",
+                    openai: "apiKey_openai",
+                    groq: "apiKey_groq",
+                    together: "apiKey_together",
+                    deepseek: "apiKey_deepseek",
+                    "openai-compatible": "apiKey_custom"
+                };
+                const keyPref = keyPrefMap[provider] || "llmApiKey";
+                const value = input.value.trim();
+                // Update Test button state immediately
+                const validNow = !!(window.KIMI_VALIDATORS && window.KIMI_VALIDATORS.validateApiKey(value));
+                ApiUi.setTestEnabled(validNow);
+                if (window.kimiDB) {
+                    try {
+                        await window.kimiDB.setPreference(keyPref, value);
+                        const savedBadge = ApiUi.savedBadge();
+                        if (savedBadge) {
+                            savedBadge.textContent =
+                                (window.kimiI18nManager && window.kimiI18nManager.t("saved_short")) || "Saved";
+                            savedBadge.style.display = value ? "inline" : "none";
+                        }
+                        ApiUi.setPresence(value ? "#4caf50" : "#9e9e9e");
+                        ApiUi.clearStatus();
+                    } catch (e) {
+                        // Validation error from DB
+                        const s = ApiUi.statusSpan();
+                        if (s) {
+                            s.textContent = e?.message || "Invalid API key";
+                            s.style.color = "#ff6b6b";
+                        }
+                        ApiUi.setTestEnabled(false);
+                    }
+                }
+            }, window.KIMI_SECURITY_CONFIG?.DEBOUNCE_DELAY || 300);
+        });
+    })();
+
+    // Toggle show/hide for API key
+    (function setupToggleEye() {
+        const btn = ApiUi.toggleBtn();
+        const input = ApiUi.apiKeyInput();
+        if (!btn || !input) return;
+        btn.addEventListener("click", () => {
+            const showing = input.type === "text";
+            input.type = showing ? "password" : "text";
+            btn.setAttribute("aria-pressed", String(!showing));
+            const icon = btn.querySelector("i");
+            if (icon) {
+                icon.classList.toggle("fa-eye");
+                icon.classList.toggle("fa-eye-slash");
+            }
+            btn.setAttribute("aria-label", showing ? "Show API key" : "Hide API key");
+        });
+    })();
+
+    kimiInit.register(
+        "appearanceManager",
+        async () => {
+            const manager = new KimiAppearanceManager(window.kimiDB);
+            await manager.init();
+            window.kimiAppearanceManager = manager;
+            return manager;
+        },
+        [],
+        500
+    );
+
+    kimiInit.register(
+        "dataManager",
+        async () => {
+            const manager = new KimiDataManager(window.kimiDB);
+            await manager.init();
+            window.kimiDataManager = manager;
+            return manager;
+        },
+        [],
+        600
+    );
+
+    kimiInit.register(
+        "voiceManager",
+        async () => {
+            if (window.KimiVoiceManager) {
+                const manager = new KimiVoiceManager(window.kimiDB, window.kimiMemory);
+                const success = await manager.init();
+                if (success) {
+                    manager.setOnSpeechAnalysis(window.analyzeAndReact);
+                    return manager;
+                }
+            }
+            return null;
+        },
+        [],
+        1000
+    );
+
+    try {
+        await kimiInit.initializeAll();
+        window.voiceManager = kimiInit.getInstance("voiceManager");
+        window.kimiMemory.updateFavorabilityBar();
+    } catch (error) {
+        console.error("Initialization error:", error);
+    }
+
+    // Setup unified event handlers to prevent duplicates
+    setupUnifiedEventHandlers();
+
+    // Initialize language and UI
+    await initializeLanguageAndUI();
+
+    // Setup message handling
+    setupMessageHandling();
+
+    // Function definitions
+    function setupUnifiedEventHandlers() {
+        // Cleanup existing event handlers
+        if (window._kimiEventCleanup && Array.isArray(window._kimiEventCleanup)) {
+            window._kimiEventCleanup.forEach(cleanup => {
+                if (typeof cleanup === "function") cleanup();
+            });
+        }
+        window._kimiEventCleanup = [];
+
+        // Helper function to safely add event listeners
+        function safeAddEventListener(element, event, handler, identifier) {
+            if (element && !element[identifier]) {
+                element.addEventListener(event, handler);
+                element[identifier] = true;
+                window._kimiEventCleanup.push(() => {
+                    element.removeEventListener(event, handler);
+                    element[identifier] = false;
+                });
+            }
+        }
+
+        // Chat event handlers
+        const chatDelete = document.getElementById("chat-delete");
+        if (chatDelete) {
+            const handler = async () => {
+                if (confirm("Do you really want to delete all chat messages? This cannot be undone.")) {
+                    const chatMessages = document.getElementById("chat-messages");
+                    if (chatMessages) {
+                        chatMessages.textContent = "";
+                    }
+                    if (window.kimiDB && window.kimiDB.db) {
+                        try {
+                            await window.kimiDB.db.conversations.clear();
+                        } catch (error) {
+                            console.error("Error deleting conversations:", error);
+                        }
+                    }
+                }
+            };
+            safeAddEventListener(chatDelete, "click", handler, "_kimiChatDeleteHandlerAttached");
+        }
+    }
+
+    async function initializeLanguageAndUI() {
+        // Language initialization
+        window.kimiI18nManager = new window.KimiI18nManager();
+        const lang = await kimiDB.getPreference("selectedLanguage", "en");
+        await window.kimiI18nManager.setLanguage(lang);
+        const langSelect = document.getElementById("language-selection");
+        if (langSelect) {
+            langSelect.value = lang;
+            langSelect.addEventListener("change", async function (e) {
+                const selectedLang = e.target.value;
+                await kimiDB.setPreference("selectedLanguage", selectedLang);
+                await window.kimiI18nManager.setLanguage(selectedLang);
+
+                if (window.voiceManager && window.voiceManager.handleLanguageChange) {
+                    await window.voiceManager.handleLanguageChange({ target: { value: selectedLang } });
+                }
+
+                if (window.kimiLLM && window.kimiLLM.setSystemPrompt && kimiDB) {
+                    const selectedCharacter = await kimiDB.getPreference("selectedCharacter", "kimi");
+                    let prompt = await kimiDB.getSystemPromptForCharacter(selectedCharacter);
+                    let langInstruction;
+
+                    switch (selectedLang) {
+                        case "fr":
+                            langInstruction = "Always reply exclusively in French. Do not mix languages.";
+                            break;
+                        case "es":
+                            langInstruction = "Always reply exclusively in Spanish. Do not mix languages.";
+                            break;
+                        case "de":
+                            langInstruction = "Always reply exclusively in German. Do not mix languages.";
+                            break;
+                        case "it":
+                            langInstruction = "Always reply exclusively in Italian. Do not mix languages.";
+                            break;
+                        case "ja":
+                            langInstruction = "Always reply exclusively in Japanese. Do not mix languages.";
+                            break;
+                        case "zh":
+                            langInstruction = "Always reply exclusively in Chinese. Do not mix languages.";
+                            break;
+                        default:
+                            langInstruction = "Always reply exclusively in English. Do not mix languages.";
+                            break;
+                    }
+
+                    if (prompt) {
+                        prompt = langInstruction + "\n" + prompt;
+                    } else {
+                        prompt = langInstruction;
+                    }
+                    window.kimiLLM.setSystemPrompt(prompt);
+                    const systemPromptInput = document.getElementById("system-prompt");
+                    if (systemPromptInput) systemPromptInput.value = prompt;
+                }
+            });
+        }
+
+        window.kimiUIStateManager = new window.KimiUIStateManager();
+    }
+
+    function setupMessageHandling() {
+        // Chat event handlers are already attached in the main script
+        // No need to reattach them here to avoid duplicates
+    }
+
+    // Add personality change listener
+    window.addEventListener("personalityUpdated", async event => {
+        const { character, traits } = event.detail;
+        console.log(`🧠 Personality updated for ${character}:`, traits);
+
+        // Update video context based on new traits
+        if (window.kimiVideo && window.kimiVideo.setMoodByPersonality) {
+            window.kimiVideo.setMoodByPersonality(traits);
+        }
+
+        // Update voice modulation if available
+        if (window.voiceManager && window.voiceManager.updatePersonalityModulation) {
+            window.voiceManager.updatePersonalityModulation(traits);
+        }
+
+        // Update UI elements that depend on personality
+        // Favorability bar will be updated by KimiMemory system
+    });
+
+    // Add global keyboard event listener for microphone toggle (F8)
+    let f8KeyPressed = false;
+
+    document.addEventListener("keydown", function (event) {
+        // Check if F8 key is pressed and no input field is focused
+        if (event.key === "F8" && !f8KeyPressed) {
+            f8KeyPressed = true;
+            const activeElement = document.activeElement;
+            const isInputFocused =
+                activeElement &&
+                (activeElement.tagName === "INPUT" || activeElement.tagName === "TEXTAREA" || activeElement.isContentEditable);
+
+            // Only trigger if no input field is focused
+            if (!isInputFocused && window.voiceManager && window.voiceManager.toggleMicrophone) {
+                event.preventDefault();
+                window.voiceManager.toggleMicrophone();
+            }
+        }
+    });
+
+    document.addEventListener("keyup", function (event) {
+        if (event.key === "F8") {
+            f8KeyPressed = false;
+        }
+    });
+
+    // Monitor for consistency and errors
+    setInterval(async () => {
+        if (window.ensureVideoContextConsistency) {
+            await window.ensureVideoContextConsistency();
+        }
+    }, 30000); // Check every 30 seconds
+});

kimi-js/kimi-security.js

@@ -0,0 +1,71 @@
+// ===== KIMI SECURITY & VALIDATION CONFIGURATION =====
+
+window.KIMI_SECURITY_CONFIG = {
+    // Input validation limits
+    MAX_MESSAGE_LENGTH: 2000,
+    MAX_API_KEY_LENGTH: 200,
+    MIN_API_KEY_LENGTH: 10,
+
+    // Security settings
+    API_KEY_PATTERNS: [
+        /^sk-or-v1-[a-zA-Z0-9]{16,}$/, // OpenRouter pattern (relaxed length)
+        /^sk-[a-zA-Z0-9_\-]{16,}$/, // OpenAI and similar (relaxed)
+        /^[a-zA-Z0-9_\-]{16,}$/ // Generic API key fallback
+    ],
+
+    // Cache settings
+    CACHE_MAX_AGE: 300000, // 5 minutes
+    CACHE_MAX_SIZE: 100,
+
+    // Performance settings
+    DEBOUNCE_DELAY: 300,
+    BATCH_DELAY: 800,
+    THROTTLE_LIMIT: 1000,
+
+    // Error messages
+    ERRORS: {
+        INVALID_INPUT: "Invalid input provided",
+        MESSAGE_TOO_LONG: "Message too long. Please keep it under {max} characters.",
+        INVALID_API_KEY: "Invalid API key format",
+        NETWORK_ERROR: "Network error. Please check your connection.",
+        SYSTEM_ERROR: "System error occurred. Please try again."
+    }
+};
+
+// Validation utilities using the configuration
+window.KIMI_VALIDATORS = {
+    validateMessage: message => {
+        if (!message || typeof message !== "string") return { valid: false, error: "INVALID_INPUT" };
+        if (message.length > window.KIMI_SECURITY_CONFIG.MAX_MESSAGE_LENGTH) {
+            return {
+                valid: false,
+                error: "MESSAGE_TOO_LONG",
+                params: { max: window.KIMI_SECURITY_CONFIG.MAX_MESSAGE_LENGTH }
+            };
+        }
+        return { valid: true };
+    },
+
+    validateApiKey: key => {
+        if (!key || typeof key !== "string") return false;
+        if (key.length < window.KIMI_SECURITY_CONFIG.MIN_API_KEY_LENGTH) return false;
+        if (key.length > window.KIMI_SECURITY_CONFIG.MAX_API_KEY_LENGTH) return false;
+
+        return window.KIMI_SECURITY_CONFIG.API_KEY_PATTERNS.some(pattern => pattern.test(key));
+    },
+
+    validateSliderValue: (value, type) => {
+        // Use centralized config from KIMI_CONFIG
+        if (window.KIMI_CONFIG && window.KIMI_CONFIG.validate) {
+            return window.KIMI_CONFIG.validate(value, type);
+        }
+
+        // Fallback if config not available
+        const num = parseFloat(value);
+        if (isNaN(num)) return { valid: false, value: 0 };
+
+        return { valid: true, value: num };
+    }
+};
+
+window.KIMI_SECURITY_INITIALIZED = true;

kimi-js/kimi-utils.js

@@ -0,0 +1,2106 @@
+// ===== CENTRALIZED KIMI UTILITIES =====
+
+// Input validation and sanitization utilities
+window.KimiValidationUtils = {
+    // Validate and sanitize user messages
+    validateMessage: function (message) {
+        if (!message || typeof message !== "string") {
+            return { valid: false, error: "Message must be a non-empty string" };
+        }
+
+        const trimmed = message.trim();
+        if (trimmed.length === 0) {
+            return { valid: false, error: "Message cannot be empty" };
+        }
+
+        if (trimmed.length > 5000) {
+            return { valid: false, error: "Message too long (max 5000 characters)" };
+        }
+
+        // Basic XSS prevention
+        const sanitized = this.escapeHtml(trimmed);
+
+        return { valid: true, sanitized: sanitized };
+    },
+
+    // Escape HTML to prevent XSS
+    escapeHtml: function (text) {
+        const div = document.createElement("div");
+        div.textContent = text;
+        return div.innerHTML;
+    },
+
+    // Validate numeric ranges for sliders
+    validateRange: function (value, type) {
+        const numValue = parseFloat(value);
+        if (isNaN(numValue)) {
+            return { valid: false, value: null };
+        }
+
+        const ranges = {
+            voiceRate: { min: 0.5, max: 2, default: 1.1 },
+            voicePitch: { min: 0.5, max: 2, default: 1.1 },
+            voiceVolume: { min: 0, max: 1, default: 0.8 },
+            llmTemperature: { min: 0.1, max: 1, default: 0.9 },
+            llmMaxTokens: { min: 10, max: 1000, default: 100 },
+            llmTopP: { min: 0, max: 1, default: 0.9 },
+            llmFrequencyPenalty: { min: 0, max: 2, default: 0.3 },
+            llmPresencePenalty: { min: 0, max: 2, default: 0.3 },
+            interfaceOpacity: { min: 0.1, max: 1, default: 0.8 }
+        };
+
+        const range = ranges[type];
+        if (!range) {
+            return { valid: false, value: null };
+        }
+
+        const clampedValue = Math.max(range.min, Math.min(range.max, numValue));
+        return { valid: true, value: clampedValue };
+    },
+
+    // Validate API keys
+    validateApiKey: function (key) {
+        if (!key || typeof key !== "string") {
+            return { valid: false, error: "API key must be a string" };
+        }
+        const trimmed = key.trim();
+        if (trimmed.length === 0) {
+            return { valid: false, error: "API key cannot be empty" };
+        }
+        if (window.KIMI_VALIDATORS && typeof window.KIMI_VALIDATORS.validateApiKey === "function") {
+            const ok = window.KIMI_VALIDATORS.validateApiKey(trimmed);
+            return ok ? { valid: true, sanitized: trimmed } : { valid: false, error: "Invalid API key format" };
+        }
+        return { valid: true, sanitized: trimmed };
+    }
+};
+
+// Performance utility functions for debouncing and throttling
+window.KimiPerformanceUtils = {
+    // Enhanced debounce with immediate execution option
+    debounce: function (func, wait, immediate = false, context = null) {
+        let timeout;
+        let result;
+
+        return function executedFunction(...args) {
+            const later = () => {
+                timeout = null;
+                if (!immediate) {
+                    result = func.apply(context || this, args);
+                }
+            };
+
+            const callNow = immediate && !timeout;
+            clearTimeout(timeout);
+            timeout = setTimeout(later, wait);
+
+            if (callNow) {
+                result = func.apply(context || this, args);
+            }
+
+            return result;
+        };
+    },
+
+    // Enhanced throttle function with leading and trailing options
+    throttle: function (func, limit, options = {}) {
+        const { leading = true, trailing = true } = options;
+        let inThrottle;
+        let lastFunc;
+        let lastRan;
+
+        return function (...args) {
+            if (!inThrottle) {
+                if (leading) {
+                    func.apply(this, args);
+                }
+                lastRan = Date.now();
+                inThrottle = true;
+            } else {
+                clearTimeout(lastFunc);
+                lastFunc = setTimeout(
+                    () => {
+                        if (trailing && Date.now() - lastRan >= limit) {
+                            func.apply(this, args);
+                            lastRan = Date.now();
+                        }
+                    },
+                    limit - (Date.now() - lastRan)
+                );
+            }
+
+            setTimeout(() => (inThrottle = false), limit);
+        };
+    },
+
+    // Batch processing utility
+    createBatcher: function (processor, delay = 500) {
+        let timeout = null;
+        const pending = {};
+
+        return function (key, value) {
+            pending[key] = value;
+
+            if (timeout) clearTimeout(timeout);
+
+            timeout = setTimeout(async () => {
+                if (Object.keys(pending).length > 0) {
+                    try {
+                        await processor(pending);
+                        Object.keys(pending).forEach(k => delete pending[k]);
+                    } catch (error) {
+                        console.error("Batch processing error:", error);
+                    }
+                }
+            }, delay);
+        };
+    },
+
+    // Batch requests utility
+    batchRequests: function (requests, batchSize = 10) {
+        const batches = [];
+        for (let i = 0; i < requests.length; i += batchSize) {
+            batches.push(requests.slice(i, i + batchSize));
+        }
+        return batches;
+    }
+};
+
+// Language management utilities
+window.KimiLanguageUtils = {
+    // Default language priority: auto -> user preference -> browser -> fr
+    async getLanguage() {
+        if (window.kimiDB && window.kimiDB.getPreference) {
+            const userLang = await window.kimiDB.getPreference("selectedLanguage", null);
+            if (userLang && userLang !== "auto") {
+                return userLang;
+            }
+        }
+
+        // Auto-detect from browser
+        const browserLang = navigator.language?.split("-")[0] || "en";
+        const supportedLangs = ["en", "fr", "es", "de", "it", "ja", "zh"];
+        return supportedLangs.includes(browserLang) ? browserLang : "en";
+    },
+
+    // Auto-detect language from text content
+    detectLanguage(text) {
+        if (!text) return "en";
+
+        if (/[àâäéèêëîïôöùûüÿç]/i.test(text)) return "fr";
+        if (/[äöüß]/i.test(text)) return "de";
+        if (/[ñáéíóúü]/i.test(text)) return "es";
+        if (/[àèìòù]/i.test(text)) return "it";
+        if (/[\u3040-\u309f\u30a0-\u30ff\u4e00-\u9faf]/i.test(text)) return "ja";
+        if (/[\u4e00-\u9fff]/i.test(text)) return "zh";
+        return "en";
+    }
+};
+
+// Security and validation utilities
+class KimiSecurityUtils {
+    static sanitizeInput(input, type = "text") {
+        if (typeof input !== "string") return "";
+
+        switch (type) {
+            case "html":
+                return input
+                    .replace(/&/g, "&amp;")
+                    .replace(/</g, "&lt;")
+                    .replace(/>/g, "&gt;")
+                    .replace(/"/g, "&quot;")
+                    .replace(/'/g, "&#x27;");
+            case "number":
+                const num = parseFloat(input);
+                return isNaN(num) ? 0 : num;
+            case "integer":
+                const int = parseInt(input, 10);
+                return isNaN(int) ? 0 : int;
+            case "url":
+                try {
+                    new URL(input);
+                    return input;
+                } catch {
+                    return "";
+                }
+            default:
+                return input.trim();
+        }
+    }
+
+    static validateRange(value, min, max, defaultValue = 0) {
+        const num = parseFloat(value);
+        if (isNaN(num)) return defaultValue;
+        return Math.max(min, Math.min(max, num));
+    }
+
+    static validateApiKey(key) {
+        if (!key || typeof key !== "string") return false;
+        if (window.KIMI_VALIDATORS && typeof window.KIMI_VALIDATORS.validateApiKey === "function") {
+            return !!window.KIMI_VALIDATORS.validateApiKey(key.trim());
+        }
+        return key.trim().length > 10 && (key.startsWith("sk-") || key.startsWith("sk-or-"));
+    }
+
+    static encryptApiKey(key) {
+        // Simple encoding for basic protection (not cryptographically secure)
+        return btoa(key).split("").reverse().join("");
+    }
+
+    static decryptApiKey(encodedKey) {
+        try {
+            return atob(encodedKey.split("").reverse().join(""));
+        } catch {
+            return "";
+        }
+    }
+}
+
+// Cache management for better performance
+class KimiCacheManager {
+    constructor(maxAge = 300000) {
+        // 5 minutes default
+        this.cache = new Map();
+        this.maxAge = maxAge;
+    }
+
+    set(key, value, customMaxAge = null) {
+        const maxAge = customMaxAge || this.maxAge;
+        this.cache.set(key, {
+            value,
+            timestamp: Date.now(),
+            maxAge
+        });
+
+        // Clean old entries periodically
+        if (this.cache.size > 100) {
+            this.cleanup();
+        }
+    }
+
+    get(key) {
+        const entry = this.cache.get(key);
+        if (!entry) return null;
+
+        const now = Date.now();
+        if (now - entry.timestamp > entry.maxAge) {
+            this.cache.delete(key);
+            return null;
+        }
+
+        return entry.value;
+    }
+
+    has(key) {
+        return this.get(key) !== null;
+    }
+
+    delete(key) {
+        return this.cache.delete(key);
+    }
+
+    clear() {
+        this.cache.clear();
+    }
+
+    cleanup() {
+        const now = Date.now();
+        for (const [key, entry] of this.cache.entries()) {
+            if (now - entry.timestamp > entry.maxAge) {
+                this.cache.delete(key);
+            }
+        }
+    }
+
+    getStats() {
+        return {
+            size: this.cache.size,
+            keys: Array.from(this.cache.keys())
+        };
+    }
+}
+
+class KimiBaseManager {
+    constructor() {
+        // Common base for all managers
+    }
+
+    // Utility method to format file size
+    formatFileSize(bytes) {
+        if (bytes === 0) return "0 Bytes";
+        const k = 1024;
+        const sizes = ["Bytes", "KB", "MB", "GB", "TB"];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+    }
+
+    // Utility method for error handling
+    handleError(error, context = "Operation") {
+        console.error(`Error in ${context}:`, error);
+    }
+
+    // Utility method to wait
+    async delay(ms) {
+        return new Promise(resolve => setTimeout(resolve, ms));
+    }
+}
+
+// Utility class for centralized video management
+class KimiVideoManager {
+    constructor(video1, video2, characterName = "kimi") {
+        this.characterName = characterName;
+        this.video1 = video1;
+        this.video2 = video2;
+        this.activeVideo = video1;
+        this.inactiveVideo = video2;
+        this.currentContext = "neutral";
+        this.currentEmotion = "neutral";
+        this.lastSwitchTime = Date.now();
+        this.pendingSwitch = null;
+        this.autoTransitionDuration = 9900;
+        this.transitionDuration = 900;
+        this._prefetchCache = new Map();
+        this._prefetchInFlight = new Set();
+        this._maxPrefetch = 3;
+        this._loadTimeout = null;
+        this.updateVideoCategories();
+        this.emotionToCategory = {
+            listening: "listening",
+            positive: "speakingPositive",
+            negative: "speakingNegative",
+            neutral: "neutral",
+            surprise: "speakingPositive",
+            laughing: "speakingPositive",
+            shy: "neutral",
+            confident: "speakingPositive",
+            romantic: "speakingPositive",
+            flirtatious: "speakingPositive",
+            goodbye: "neutral",
+            kiss: "speakingPositive",
+            dancing: "dancing",
+            speaking: "speakingPositive",
+            speakingPositive: "speakingPositive",
+            speakingNegative: "speakingNegative"
+        };
+        this.positiveVideos = this.videoCategories.speakingPositive;
+        this.negativeVideos = this.videoCategories.speakingNegative;
+        this.neutralVideos = this.videoCategories.neutral;
+
+        // Anti-repetition and scoring - Adaptive history based on available videos
+        this.playHistory = {
+            listening: [],
+            speakingPositive: [],
+            speakingNegative: [],
+            neutral: [],
+            dancing: []
+        };
+        this.maxHistoryPerCategory = 5; // Will be dynamically adjusted per category
+
+        this.emotionHistory = [];
+        this.maxEmotionHistory = 5;
+        this._neutralLock = false;
+        this.isEmotionVideoPlaying = false;
+        this.currentEmotionContext = null;
+        this._switchInProgress = false;
+        this._loadingInProgress = false;
+        this._currentLoadHandler = null;
+        this._currentErrorHandler = null;
+        this._stickyContext = null;
+        this._stickyUntil = 0;
+        this._pendingSwitches = [];
+        this._debug = false;
+    }
+
+    setDebug(enabled) {
+        this._debug = !!enabled;
+    }
+
+    _logDebug(message, payload = null) {
+        if (!this._debug) return;
+        if (payload) console.log("🎬 VideoManager:", message, payload);
+        else console.log("🎬 VideoManager:", message);
+    }
+
+    _logSelection(category, selectedSrc, candidates = []) {
+        if (!this._debug) return;
+        const recent = (this.playHistory && this.playHistory[category]) || [];
+        const adaptive = typeof this.getAdaptiveHistorySize === "function" ? this.getAdaptiveHistorySize(category) : null;
+        console.log("🎬 VideoManager: selection", {
+            category,
+            selected: selectedSrc,
+            candidatesCount: Array.isArray(candidates) ? candidates.length : 0,
+            adaptiveHistorySize: adaptive,
+            recentHistory: recent
+        });
+    }
+
+    debugPrintHistory(category = null) {
+        if (!this._debug) return;
+        if (!this.playHistory) {
+            console.log("🎬 VideoManager: no play history yet");
+            return;
+        }
+        if (category) {
+            const recent = this.playHistory[category] || [];
+            console.log("🎬 VideoManager: history", { category, recent });
+            return;
+        }
+        const summary = Object.keys(this.playHistory).reduce((acc, key) => {
+            acc[key] = this.playHistory[key];
+            return acc;
+        }, {});
+        console.log("🎬 VideoManager: history summary", summary);
+    }
+
+    _priorityWeight(context) {
+        if (context === "speaking" || context === "speakingPositive" || context === "speakingNegative") return 3;
+        if (context === "dancing" || context === "listening") return 2;
+        return 1;
+    }
+
+    _enqueuePendingSwitch(req) {
+        // Keep small bounded list; prefer newest higher-priority
+        const maxSize = 5;
+        this._pendingSwitches.push(req);
+        if (this._pendingSwitches.length > maxSize) {
+            this._pendingSwitches = this._pendingSwitches.slice(-maxSize);
+        }
+    }
+
+    _takeNextPendingSwitch() {
+        if (!this._pendingSwitches.length) return null;
+        let bestIdx = 0;
+        let best = this._pendingSwitches[0];
+        for (let i = 1; i < this._pendingSwitches.length; i++) {
+            const cand = this._pendingSwitches[i];
+            if (cand.priorityWeight > best.priorityWeight) {
+                best = cand;
+                bestIdx = i;
+            } else if (cand.priorityWeight === best.priorityWeight && cand.requestedAt > best.requestedAt) {
+                best = cand;
+                bestIdx = i;
+            }
+        }
+        this._pendingSwitches.splice(bestIdx, 1);
+        return best;
+    }
+
+    _processPendingSwitches() {
+        if (this._stickyContext === "dancing") return false;
+        const next = this._takeNextPendingSwitch();
+        if (!next) return false;
+        this._logDebug("Processing pending switch", next);
+        this.switchToContext(next.context, next.emotion, next.specificVideo, next.traits, next.affection);
+        return true;
+    }
+
+    setCharacter(characterName) {
+        this.characterName = characterName;
+
+        // Nettoyer les handlers en cours lors du changement de personnage
+        this._cleanupLoadingHandlers();
+
+        this.updateVideoCategories();
+    }
+
+    updateVideoCategories() {
+        const folder = getCharacterInfo(this.characterName).videoFolder;
+        this.videoCategories = {
+            listening: [
+                `${folder}listening/listening-gentle-sway.mp4`,
+                `${folder}listening/listening-hand-gesture.mp4`,
+                `${folder}listening/listening-hair-touch.mp4`,
+                `${folder}listening/listening-chin-hand.mp4`,
+                `${folder}listening/listening-full-spin.mp4`,
+                `${folder}listening/listening-teasing-smile.mp4`,
+                `${folder}listening/listening-dreamy-gaze-romantic.mp4`
+            ],
+            speakingPositive: [
+                `${folder}speaking-positive/speaking-happy-gestures.mp4`,
+                `${folder}speaking-positive/speaking-playful-wink.mp4`,
+                `${folder}speaking-positive/speaking-excited-clapping.mp4`,
+                `${folder}speaking-positive/speaking-heart-gesture.mp4`,
+                `${folder}speaking-positive/speaking-surprise-graceful-gasp.mp4`,
+                `${folder}speaking-positive/speaking-laughing-melodious.mp4`,
+                `${folder}speaking-positive/speaking-gentle-smile.mp4`,
+                `${folder}speaking-positive/speaking-graceful-arms.mp4`,
+                `${folder}speaking-positive/speaking-flirtatious-tease.mp4`
+            ],
+            speakingNegative: [
+                `${folder}speaking-negative/speaking-sad-elegant.mp4`,
+                `${folder}speaking-negative/speaking-frustrated-graceful.mp4`,
+                `${folder}speaking-negative/speaking-worried-tender.mp4`,
+                `${folder}speaking-negative/speaking-disappointed-elegant.mp4`,
+                `${folder}speaking-negative/speaking-shy-blush-adorable.mp4`,
+                `${folder}speaking-negative/speaking-gentle-wave-goodbye.mp4`
+            ],
+            neutral: [
+                `${folder}neutral/neutral-thinking-pose.mp4`,
+                `${folder}neutral/neutral-gentle-breathing.mp4`,
+                `${folder}neutral/neutral-hair-adjustment.mp4`,
+                `${folder}neutral/neutral-arms-crossed-elegant.mp4`,
+                `${folder}neutral/neutral-seductive-slow-gaze.mp4`,
+                `${folder}neutral/neutral-confident-pose-alluring.mp4`,
+                `${folder}neutral/neutral-affectionate-kiss-blow.mp4`
+            ],
+            dancing: [
+                `${folder}dancing/dancing-chin-hand.mp4`,
+                `${folder}dancing/dancing-full-spin.mp4`,
+                `${folder}dancing/dancing-seductive-dance-undulation.mp4`,
+                `${folder}dancing/dancing-slow-seductive.mp4`,
+                `${folder}dancing/dancing-spinning-elegance-twirl.mp4`
+            ]
+        };
+        this.positiveVideos = this.videoCategories.speakingPositive;
+        this.negativeVideos = this.videoCategories.speakingNegative;
+        this.neutralVideos = this.videoCategories.neutral;
+
+        const neutrals = this.neutralVideos || [];
+        neutrals.slice(0, 2).forEach(src => this._prefetch(src));
+    }
+
+    async init(database = null) {
+        // Attach lightweight visibility guard
+        if (!this._visibilityHandler) {
+            this._visibilityHandler = this.onVisibilityChange.bind(this);
+            document.addEventListener("visibilitychange", this._visibilityHandler);
+        }
+    }
+
+    onVisibilityChange() {
+        if (document.visibilityState !== "visible") return;
+        const v = this.activeVideo;
+        if (!v) return;
+        try {
+            if (v.ended) {
+                if (typeof this.returnToNeutral === "function") this.returnToNeutral();
+            } else if (v.paused) {
+                v.play().catch(() => {
+                    if (typeof this.returnToNeutral === "function") this.returnToNeutral();
+                });
+            }
+        } catch {}
+    }
+
+    // Intelligent contextual management
+    switchToContext(context, emotion = "neutral", specificVideo = null, traits = null, affection = null) {
+        // Respect sticky context (avoid overrides while dancing is requested/playing)
+        if (this._stickyContext === "dancing" && context !== "dancing") {
+            const categoryForPriority = this.determineCategory(context, emotion, traits);
+            const priorityWeight = this._priorityWeight(
+                categoryForPriority === "speakingPositive" || categoryForPriority === "speakingNegative" ? "speaking" : context
+            );
+            if (Date.now() < (this._stickyUntil || 0)) {
+                this._enqueuePendingSwitch({
+                    context,
+                    emotion,
+                    specificVideo,
+                    traits,
+                    affection,
+                    requestedAt: Date.now(),
+                    priorityWeight
+                });
+                this._logDebug("Queued during dancing (sticky)", { context, emotion, priorityWeight });
+                return;
+            }
+            this._stickyContext = null;
+            this._stickyUntil = 0;
+        }
+        // While an emotion video is playing (speaking), block non-speaking context switches
+        if (
+            this.isEmotionVideoPlaying &&
+            (this.currentContext === "speaking" ||
+                this.currentContext === "speakingPositive" ||
+                this.currentContext === "speakingNegative") &&
+            !(context === "speaking" || context === "speakingPositive" || context === "speakingNegative")
+        ) {
+            // Queue the request with appropriate priority to be processed after current clip
+            const categoryForPriority = this.determineCategory(context, emotion, traits);
+            const priorityWeight = this._priorityWeight(
+                categoryForPriority === "speakingPositive" || categoryForPriority === "speakingNegative" ? "speaking" : context
+            );
+            this._enqueuePendingSwitch({
+                context,
+                emotion,
+                specificVideo,
+                traits,
+                affection,
+                requestedAt: Date.now(),
+                priorityWeight
+            });
+            this._logDebug("Queued non-speaking during speaking emotion", { context, emotion, priorityWeight });
+            return;
+        }
+
+        // While speaking emotion video is playing, also queue speaking→speaking changes (avoid mid-clip replacement)
+        if (
+            this.isEmotionVideoPlaying &&
+            (this.currentContext === "speaking" ||
+                this.currentContext === "speakingPositive" ||
+                this.currentContext === "speakingNegative") &&
+            (context === "speaking" || context === "speakingPositive" || context === "speakingNegative") &&
+            this.currentEmotionContext &&
+            this.currentEmotionContext !== emotion
+        ) {
+            const priorityWeight = this._priorityWeight("speaking");
+            this._enqueuePendingSwitch({
+                context,
+                emotion,
+                specificVideo,
+                traits,
+                affection,
+                requestedAt: Date.now(),
+                priorityWeight
+            });
+            this._logDebug("Queued speaking→speaking during active emotion", { from: this.currentEmotionContext, to: emotion });
+            return;
+        }
+        if (context === "neutral" && this._neutralLock) return;
+        if (
+            (context === "speaking" || context === "speakingPositive" || context === "speakingNegative") &&
+            this.isEmotionVideoPlaying &&
+            this.currentEmotionContext === emotion
+        )
+            return;
+
+        if (this.currentContext === context && this.currentEmotion === emotion && !specificVideo) {
+            const category = this.determineCategory(context, emotion, traits);
+            const currentVideoSrc = this.activeVideo.querySelector("source").getAttribute("src");
+            const availableVideos = this.videoCategories[category] || this.videoCategories.neutral;
+            const differentVideos = availableVideos.filter(v => v !== currentVideoSrc);
+
+            if (differentVideos.length > 0) {
+                const nextVideo =
+                    typeof this._pickScoredVideo === "function"
+                        ? this._pickScoredVideo(category, differentVideos, traits)
+                        : differentVideos[Math.floor(Math.random() * differentVideos.length)];
+                this.loadAndSwitchVideo(nextVideo, "normal");
+                // Track play history to avoid immediate repeats
+                if (typeof this.updatePlayHistory === "function") this.updatePlayHistory(category, nextVideo);
+                this._logSelection(category, nextVideo, differentVideos);
+                this.lastSwitchTime = Date.now();
+            }
+            return;
+        }
+
+        // Determine the category FIRST to ensure correct video selection
+        const category = this.determineCategory(context, emotion, traits);
+
+        // Déterminer la priorité selon le contexte
+        let priority = "normal";
+        if (context === "speaking" || context === "speakingPositive" || context === "speakingNegative") {
+            priority = "speaking";
+        } else if (context === "dancing" || context === "listening") {
+            priority = "high";
+        }
+
+        // Set sticky lock for dancing to avoid being interrupted by emotion/neutral updates
+        if (context === "dancing") {
+            this._stickyContext = "dancing";
+            // Lock roughly for one clip duration; will also be cleared on end/neutral
+            this._stickyUntil = Date.now() + 9500;
+        }
+
+        // Chemin optimisé lorsque TTS parle/écoute (évite clignotements)
+        if (
+            window.voiceManager &&
+            window.voiceManager.isSpeaking &&
+            (context === "speaking" || context === "speakingPositive" || context === "speakingNegative")
+        ) {
+            const speakingPath = this.selectOptimalVideo(category, specificVideo, traits, affection, emotion);
+            const speakingCurrent = this.activeVideo.querySelector("source").getAttribute("src");
+            if (speakingCurrent !== speakingPath || this.activeVideo.ended) {
+                this.loadAndSwitchVideo(speakingPath, priority);
+            }
+            this.currentContext = context;
+            this.currentEmotion = emotion;
+            this.lastSwitchTime = Date.now();
+            return;
+        }
+        if (window.voiceManager && window.voiceManager.isListening && context === "listening") {
+            const listeningPath = this.selectOptimalVideo(category, specificVideo, traits, affection, emotion);
+            const listeningCurrent = this.activeVideo.querySelector("source").getAttribute("src");
+            if (listeningCurrent !== listeningPath || this.activeVideo.ended) {
+                this.loadAndSwitchVideo(listeningPath, priority);
+            }
+            this.currentContext = context;
+            this.currentEmotion = emotion;
+            this.lastSwitchTime = Date.now();
+            return;
+        }
+
+        // Sélection standard
+        let videoPath = this.selectOptimalVideo(category, specificVideo, traits, affection, emotion);
+        const currentVideoSrc = this.activeVideo.querySelector("source").getAttribute("src");
+
+        // Anti-répétition si plusieurs vidéos disponibles
+        if (videoPath === currentVideoSrc && (this.videoCategories[category] || []).length > 1) {
+            const alternatives = this.videoCategories[category].filter(v => v !== currentVideoSrc);
+            if (alternatives.length > 0) {
+                videoPath =
+                    typeof this._pickScoredVideo === "function"
+                        ? this._pickScoredVideo(category, alternatives, traits)
+                        : alternatives[Math.floor(Math.random() * alternatives.length)];
+            }
+        }
+
+        // Adaptive transition timing based on context and priority
+        let minTransitionDelay = 300;
+
+        const now = Date.now();
+        const timeSinceLastSwitch = now - (this.lastSwitchTime || 0);
+
+        // Context-specific timing adjustments
+        if (priority === "speaking") {
+            minTransitionDelay = 200;
+        } else if (context === "listening") {
+            minTransitionDelay = 250;
+        } else if (context === "dancing") {
+            minTransitionDelay = 600;
+        } else if (context === "neutral") {
+            minTransitionDelay = 1200;
+        }
+
+        // Prevent rapid switching only if not critical
+        if (
+            this.currentContext === context &&
+            this.currentEmotion === emotion &&
+            currentVideoSrc === videoPath &&
+            !this.activeVideo.paused &&
+            !this.activeVideo.ended &&
+            timeSinceLastSwitch < minTransitionDelay &&
+            priority !== "speaking" // Always allow speech to interrupt
+        ) {
+            return;
+        }
+
+        this._prefetchLikely(category);
+
+        this.loadAndSwitchVideo(videoPath, priority);
+        this.currentContext = context;
+        this.currentEmotion = emotion;
+        this.lastSwitchTime = now;
+    }
+
+    setupEventListenersForContext(context) {
+        // Clean previous
+        if (this._globalEndedHandler) {
+            this.activeVideo.removeEventListener("ended", this._globalEndedHandler);
+            this.inactiveVideo.removeEventListener("ended", this._globalEndedHandler);
+        }
+
+        // Defensive: ensure helpers exist
+        if (!this.playHistory) this.playHistory = {};
+        if (!this.maxHistoryPerCategory) this.maxHistoryPerCategory = 8;
+
+        // For dancing: auto-return to neutral after video ends to avoid freeze
+        if (context === "dancing") {
+            this._globalEndedHandler = () => {
+                this._stickyContext = null;
+                this._stickyUntil = 0;
+                if (!this._processPendingSwitches()) {
+                    this.returnToNeutral();
+                }
+            };
+            this.activeVideo.addEventListener("ended", this._globalEndedHandler, { once: true });
+            // Safety timer
+            if (typeof this.scheduleAutoTransition === "function") {
+                this.scheduleAutoTransition(this.autoTransitionDuration || 10000);
+            }
+            return;
+        }
+
+        if (context === "speakingPositive" || context === "speakingNegative") {
+            this._globalEndedHandler = () => {
+                this.isEmotionVideoPlaying = false;
+                this.currentEmotionContext = null;
+                this._neutralLock = false;
+                // Process any pending high-priority switch first; otherwise return to neutral
+                if (!this._processPendingSwitches()) {
+                    this.returnToNeutral();
+                }
+            };
+            this.activeVideo.addEventListener("ended", this._globalEndedHandler, { once: true });
+            return;
+        }
+
+        if (context === "listening") {
+            this._globalEndedHandler = () => {
+                this.switchToContext("listening", "listening");
+            };
+            this.activeVideo.addEventListener("ended", this._globalEndedHandler, { once: true });
+            return;
+        }
+
+        // Neutral: on end, pick another neutral to avoid static last frame
+        if (context === "neutral") {
+            this._globalEndedHandler = () => this.returnToNeutral();
+            this.activeVideo.addEventListener("ended", this._globalEndedHandler, { once: true });
+        }
+    }
+
+    // keep only the augmented determineCategory above (with traits)
+
+    selectOptimalVideo(category, specificVideo = null, traits = null, affection = null, emotion = null) {
+        const availableVideos = this.videoCategories[category] || this.videoCategories.neutral;
+
+        if (specificVideo && availableVideos.includes(specificVideo)) {
+            if (typeof this.updatePlayHistory === "function") this.updatePlayHistory(category, specificVideo);
+            this._logSelection(category, specificVideo, availableVideos);
+            return specificVideo;
+        }
+
+        const currentVideoSrc = this.activeVideo.querySelector("source").getAttribute("src");
+
+        // Filter out recently played videos using adaptive history
+        const recentlyPlayed = this.playHistory[category] || [];
+        let candidateVideos = availableVideos.filter(video => video !== currentVideoSrc && !recentlyPlayed.includes(video));
+
+        // If no fresh videos, allow recently played but not current
+        if (candidateVideos.length === 0) {
+            candidateVideos = availableVideos.filter(video => video !== currentVideoSrc);
+        }
+
+        // Ultimate fallback
+        if (candidateVideos.length === 0) {
+            candidateVideos = availableVideos;
+        }
+
+        // Ensure we're not falling back to wrong category
+        if (candidateVideos.length === 0) {
+            candidateVideos = this.videoCategories.neutral;
+        }
+
+        // If traits and affection are provided, weight the selection more subtly
+        if (traits && typeof affection === "number") {
+            let weights = candidateVideos.map(video => {
+                if (category === "speakingPositive") {
+                    // More positive videos when affection is high, but not extreme
+                    // Also bias within positive towards romance/humor contexts when emotion suggests it
+                    const base = 1 + (affection / 100) * 0.3;
+                    let bonus = 0;
+                    const rom = typeof traits.romance === "number" ? traits.romance : 50;
+                    const hum = typeof traits.humor === "number" ? traits.humor : 50;
+                    if (emotion === "romantic") bonus += (rom / 100) * 0.2;
+                    if (emotion === "laughing") bonus += (hum / 100) * 0.2;
+                    return base + bonus;
+                }
+                if (category === "speakingNegative") {
+                    // More negative/shy videos when affection is low
+                    return 1 + ((100 - affection) / 100) * 0.4;
+                }
+                if (category === "neutral") {
+                    // Neutral videos when affection is moderate (peak at ~50, lower at extremes)
+                    const distance = Math.abs(50 - affection) / 50; // 0 at 50, 1 at 0 or 100
+                    return 1 + (1 - Math.min(1, distance)) * 0.2;
+                }
+                if (category === "dancing") {
+                    // Dancing strongly influenced by playfulness but capped
+                    return 1 + Math.min(0.6, (traits.playfulness / 100) * 0.7);
+                }
+                if (category === "listening") {
+                    // Listening influenced by empathy and attention
+                    const empathyWeight = (traits.empathy || 50) / 100;
+                    // Slightly consider affection too (more patient listening at higher affection)
+                    return 1 + empathyWeight * 0.2 + (affection / 100) * 0.05;
+                }
+                return 1;
+            });
+
+            const total = weights.reduce((a, b) => a + b, 0);
+            let r = Math.random() * total;
+            for (let i = 0; i < candidateVideos.length; i++) {
+                if (r < weights[i]) {
+                    const chosen = candidateVideos[i];
+                    if (typeof this.updatePlayHistory === "function") this.updatePlayHistory(category, chosen);
+                    this._logSelection(category, chosen, candidateVideos);
+                    return chosen;
+                }
+                r -= weights[i];
+            }
+            const selectedVideo = candidateVideos[0];
+            if (typeof this.updatePlayHistory === "function") this.updatePlayHistory(category, selectedVideo);
+            this._logSelection(category, selectedVideo, candidateVideos);
+            return selectedVideo;
+        }
+
+        // No traits weighting: random pick
+        if (candidateVideos.length === 0) {
+            return availableVideos && availableVideos[0] ? availableVideos[0] : null;
+        }
+        const selectedVideo = candidateVideos[Math.floor(Math.random() * candidateVideos.length)];
+        if (typeof this.updatePlayHistory === "function") this.updatePlayHistory(category, selectedVideo);
+        this._logSelection(category, selectedVideo, candidateVideos);
+        return selectedVideo;
+    }
+
+    // Get adaptive history size based on available videos
+    getAdaptiveHistorySize(category) {
+        const availableVideos = this.videoCategories[category] || [];
+        const videoCount = availableVideos.length;
+
+        // Adaptive history: keep 40-60% of available videos in history
+        // Minimum 2, maximum 8 to prevent extreme cases
+        if (videoCount <= 3) return Math.max(1, videoCount - 1);
+        if (videoCount <= 6) return Math.max(2, Math.floor(videoCount * 0.5));
+        return Math.min(8, Math.floor(videoCount * 0.6));
+    }
+
+    // Update history with adaptive sizing
+    updatePlayHistory(category, videoPath) {
+        if (!this.playHistory[category]) {
+            this.playHistory[category] = [];
+        }
+
+        const adaptiveSize = this.getAdaptiveHistorySize(category);
+        this.playHistory[category].push(videoPath);
+
+        // Trim to adaptive size
+        if (this.playHistory[category].length > adaptiveSize) {
+            this.playHistory[category] = this.playHistory[category].slice(-adaptiveSize);
+        }
+    }
+
+    // Ensure determineCategory exists as a class method (used at line ~494 and ~537)
+    determineCategory(context, emotion = "neutral", traits = null) {
+        // Prefer explicit context mapping if provided (e.g., 'listening','dancing')
+        if (this.emotionToCategory && this.emotionToCategory[context]) {
+            return this.emotionToCategory[context];
+        }
+        // Normalize generic 'speaking' by emotion polarity
+        if (context === "speaking") {
+            if (emotion === "positive") return "speakingPositive";
+            if (emotion === "negative") return "speakingNegative";
+            return "neutral";
+        }
+        // Map by emotion label when possible
+        if (this.emotionToCategory && this.emotionToCategory[emotion]) {
+            return this.emotionToCategory[emotion];
+        }
+        return "neutral";
+    }
+
+    // SPECIALIZED METHODS FOR EACH CONTEXT
+    async startListening(traits = null, affection = null) {
+        // If already listening and playing, avoid redundant switch
+        if (this.currentContext === "listening" && !this.activeVideo.paused && !this.activeVideo.ended) {
+            return;
+        }
+        // Immediate switch to keep UI responsive
+        this.switchToContext("listening");
+
+        // If caller did not provide traits, try to fetch and refine selection
+        try {
+            if (!traits && window.kimiDB && typeof window.kimiDB.getAllPersonalityTraits === "function") {
+                const selectedCharacter = await window.kimiDB.getSelectedCharacter();
+                const allTraits = await window.kimiDB.getAllPersonalityTraits(selectedCharacter);
+                if (allTraits && typeof allTraits === "object") {
+                    const aff = typeof allTraits.affection === "number" ? allTraits.affection : undefined;
+                    // Re-issue context switch with weighting parameters to better pick listening videos
+                    this.switchToContext("listening", "listening", null, allTraits, aff);
+                }
+            } else if (traits) {
+                this.switchToContext("listening", "listening", null, traits, affection);
+            }
+        } catch (e) {
+            // Non-fatal: keep basic listening behavior
+            console.warn("Listening refinement skipped due to error:", e);
+        }
+    }
+
+    respondWithEmotion(emotion, traits = null, affection = null) {
+        // Ignore neutral emotion to avoid unintended overrides (use returnToNeutral when appropriate)
+        if (emotion === "neutral") {
+            if (this._stickyContext === "dancing" || this.currentContext === "dancing") return;
+            this.returnToNeutral();
+            return;
+        }
+        // Do not override dancing while sticky
+        if (this._stickyContext === "dancing" || this.currentContext === "dancing") return;
+        // If we are already playing the same emotion video, do nothing
+        if (this.isEmotionVideoPlaying && this.currentEmotionContext === emotion) return;
+        // First switch context (so internal guards don't see the new flags yet)
+        this.switchToContext("speaking", emotion, null, traits, affection);
+        // Then mark the emotion video as playing for override protection
+        this.isEmotionVideoPlaying = true;
+        this.currentEmotionContext = emotion;
+    }
+
+    returnToNeutral() {
+        // Always ensure we resume playback with a fresh neutral video to avoid freeze
+        if (this._neutralLock) return;
+        this._neutralLock = true;
+        setTimeout(() => {
+            this._neutralLock = false;
+        }, 1000);
+        this._stickyContext = null;
+        this._stickyUntil = 0;
+        this.isEmotionVideoPlaying = false;
+        this.currentEmotionContext = null;
+
+        // Force-select a neutral clip different from current, then load and switch
+        const category = "neutral";
+        const currentVideoSrc = this.activeVideo.querySelector("source").getAttribute("src");
+        const available = this.videoCategories[category] || [];
+        let nextSrc = null;
+        if (available.length > 0) {
+            const candidates = available.filter(v => v !== currentVideoSrc);
+            nextSrc =
+                candidates.length > 0
+                    ? candidates[Math.floor(Math.random() * candidates.length)]
+                    : available[Math.floor(Math.random() * available.length)];
+        }
+        if (nextSrc) {
+            this.loadAndSwitchVideo(nextSrc, "normal");
+            if (typeof this.updatePlayHistory === "function") this.updatePlayHistory(category, nextSrc);
+            this.currentContext = "neutral";
+            this.currentEmotion = "neutral";
+            this.lastSwitchTime = Date.now();
+        } else {
+            // Fallback to existing path if list empty
+            this.switchToContext("neutral");
+        }
+    }
+
+    // ADVANCED CONTEXTUAL ANALYSIS
+    // ADVANCED CONTEXTUAL ANALYSIS - SIMPLIFIED
+    async analyzeAndSelectVideo(userMessage, kimiResponse, emotionAnalysis, traits = null, affection = null, lang = null) {
+        // Do not analyze-switch away while dancing is sticky/playing
+        if (this._stickyContext === "dancing" || this.currentContext === "dancing") {
+            return; // let dancing finish
+        }
+        // Auto-detect language if not specified
+        let userLang = lang;
+        if (!userLang && window.kimiDB && window.kimiDB.getPreference) {
+            userLang = await window.KimiLanguageUtils.getLanguage();
+        }
+
+        // Use existing emotion analysis instead of creating new system
+        let detectedEmotion = "neutral";
+        if (window.kimiAnalyzeEmotion) {
+            // Analyze combined user message and Kimi response using existing function
+            const combinedText = [userMessage, kimiResponse].filter(Boolean).join(" ");
+            detectedEmotion = window.kimiAnalyzeEmotion(combinedText, userLang);
+            console.log(`🎭 Emotion detected: "${detectedEmotion}" from text: "${combinedText.substring(0, 50)}..."`);
+        } else if (emotionAnalysis && emotionAnalysis.reaction) {
+            // Fallback to provided emotion analysis
+            detectedEmotion = emotionAnalysis.reaction;
+        }
+
+        // Special case: Auto-dancing if playfulness very high
+        if (traits && typeof traits.playfulness === "number" && traits.playfulness >= 85) {
+            this.switchToContext("dancing", "dancing", null, traits, affection);
+            return;
+        }
+
+        // Add to emotion history
+        this.emotionHistory.push(detectedEmotion);
+        if (this.emotionHistory.length > this.maxEmotionHistory) {
+            this.emotionHistory.shift();
+        }
+
+        // Analyze emotion trend - support all possible emotions
+        const counts = {
+            positive: 0,
+            negative: 0,
+            neutral: 0,
+            dancing: 0,
+            listening: 0,
+            romantic: 0,
+            laughing: 0,
+            surprise: 0,
+            confident: 0,
+            shy: 0,
+            flirtatious: 0,
+            kiss: 0,
+            goodbye: 0
+        };
+        for (let i = 0; i < this.emotionHistory.length; i++) {
+            const emo = this.emotionHistory[i];
+            if (counts[emo] !== undefined) counts[emo]++;
+        }
+
+        // Find dominant emotion
+        let dominant = null;
+        let max = 0;
+        for (const key in counts) {
+            if (counts[key] > max) {
+                max = counts[key];
+                dominant = key;
+            }
+        }
+
+        // Switch to appropriate context based on dominant emotion
+        if (max >= 1 && dominant) {
+            // Map emotion to context using our emotion mapping
+            const targetCategory = this.emotionToCategory[dominant];
+            if (targetCategory) {
+                this.switchToContext(targetCategory, dominant, null, traits, affection);
+                return;
+            }
+
+            // Fallback for unmapped emotions
+            if (dominant === "dancing") {
+                this.switchToContext("dancing", "dancing", null, traits, affection);
+                return;
+            }
+            if (dominant === "positive") {
+                this.switchToContext("speakingPositive", "positive", null, traits, affection);
+                return;
+            }
+            if (dominant === "negative") {
+                this.switchToContext("speakingNegative", "negative", null, traits, affection);
+                return;
+            }
+            if (dominant === "listening") {
+                this.switchToContext("listening", "listening", null, traits, affection);
+                return;
+            }
+        }
+
+        // Default to neutral context, with a very subtle positive bias at very high affection
+        if (traits && typeof traits.affection === "number" && traits.affection >= 95) {
+            const chance = Math.random();
+            if (chance < 0.25) {
+                this.switchToContext("speakingPositive", "positive", null, traits, affection);
+                return;
+            }
+        }
+        // Avoid neutral override if a transient state should persist (handled elsewhere)
+        this.switchToContext("neutral", "neutral", null, traits, affection);
+    }
+
+    // AUTOMATIC TRANSITION TO NEUTRAL
+    scheduleAutoTransition(delayMs) {
+        clearTimeout(this.autoTransitionTimer);
+
+        // Ne pas programmer d'auto-transition pour les contextes de base
+        if (this.currentContext === "neutral" || this.currentContext === "listening") {
+            return;
+        }
+
+        // Durées adaptées selon le contexte (toutes les vidéos font 10s)
+        let duration;
+        if (typeof delayMs === "number") {
+            duration = delayMs;
+        } else {
+            switch (this.currentContext) {
+                case "dancing":
+                    duration = 10000; // 10 secondes pour dancing (durée réelle des vidéos)
+                    break;
+                case "speakingPositive":
+                case "speakingNegative":
+                    duration = 10000; // 10 secondes pour speaking (durée réelle des vidéos)
+                    break;
+                case "neutral":
+                    // Pas d'auto-transition pour neutral (état par défaut, boucle en continu)
+                    return;
+                case "listening":
+                    // Pas d'auto-transition pour listening (personnage écoute l'utilisateur)
+                    return;
+                default:
+                    duration = this.autoTransitionDuration; // 10 secondes par défaut
+            }
+        }
+
+        console.log(`Auto-transition scheduled in ${duration / 1000}s (${this.currentContext} → neutral)`);
+        this.autoTransitionTimer = setTimeout(() => {
+            if (this.currentContext !== "neutral" && this.currentContext !== "listening") {
+                if (!this._processPendingSwitches()) {
+                    this.returnToNeutral();
+                }
+            }
+        }, duration);
+    }
+
+    // COMPATIBILITY WITH THE OLD SYSTEM
+    switchVideo(emotion = null) {
+        if (emotion) {
+            this.switchToContext("speaking", emotion);
+        } else {
+            this.switchToContext("neutral");
+        }
+    }
+
+    autoSwitchToNeutral() {
+        this._neutralLock = false;
+        this.isEmotionVideoPlaying = false;
+        this.currentEmotionContext = null;
+        this.switchToContext("neutral");
+    }
+
+    getNextVideo(emotion, currentSrc) {
+        // Adapt the old method for compatibility
+        const category = this.determineCategory("speaking", emotion);
+        return this.selectOptimalVideo(category);
+    }
+
+    loadAndSwitchVideo(videoSrc, priority = "normal") {
+        // Only log high priority or error cases to reduce noise
+        if (priority === "speaking" || priority === "high") {
+            console.log(`🎬 Loading video: ${videoSrc} (priority: ${priority})`);
+        }
+
+        // Si une vidéo haute priorité arrive, on peut interrompre le chargement en cours
+        if (this._loadingInProgress) {
+            if (priority === "high" || priority === "speaking") {
+                this._loadingInProgress = false;
+                // Nettoyer les event listeners en cours sur la vidéo inactive
+                this.inactiveVideo.removeEventListener("canplay", this._currentLoadHandler);
+                this.inactiveVideo.removeEventListener("loadeddata", this._currentLoadHandler);
+                this.inactiveVideo.removeEventListener("error", this._currentErrorHandler);
+                if (this._loadTimeout) {
+                    clearTimeout(this._loadTimeout);
+                    this._loadTimeout = null;
+                }
+            } else {
+                return;
+            }
+        }
+
+        this._loadingInProgress = true;
+
+        // Nettoyer tous les timers en cours
+        clearTimeout(this.autoTransitionTimer);
+        if (this._loadTimeout) {
+            clearTimeout(this._loadTimeout);
+            this._loadTimeout = null;
+        }
+
+        const pref = this._prefetchCache.get(videoSrc);
+        if (pref && (pref.readyState >= 2 || pref.buffered.length > 0)) {
+            const source = this.inactiveVideo.querySelector("source");
+            source.setAttribute("src", videoSrc);
+            try {
+                this.inactiveVideo.currentTime = 0;
+            } catch {}
+            this.inactiveVideo.load();
+        } else {
+            this.inactiveVideo.querySelector("source").setAttribute("src", videoSrc);
+            this.inactiveVideo.load();
+        }
+
+        // Stocker les références aux handlers pour pouvoir les nettoyer
+        let fired = false;
+        const onReady = () => {
+            if (fired) return;
+            fired = true;
+            this._loadingInProgress = false;
+            if (this._loadTimeout) {
+                clearTimeout(this._loadTimeout);
+                this._loadTimeout = null;
+            }
+            this.inactiveVideo.removeEventListener("canplay", this._currentLoadHandler);
+            this.inactiveVideo.removeEventListener("loadeddata", this._currentLoadHandler);
+            this.inactiveVideo.removeEventListener("error", this._currentErrorHandler);
+            this.performSwitch();
+        };
+        this._currentLoadHandler = onReady;
+
+        const folder = getCharacterInfo(this.characterName).videoFolder;
+        const fallbackVideo = `${folder}neutral/neutral-gentle-breathing.mp4`;
+
+        this._currentErrorHandler = e => {
+            console.warn(`Error loading video: ${videoSrc}, falling back to: ${fallbackVideo}`);
+            this._loadingInProgress = false;
+            if (this._loadTimeout) {
+                clearTimeout(this._loadTimeout);
+                this._loadTimeout = null;
+            }
+            if (videoSrc !== fallbackVideo) {
+                // Try fallback video
+                this.loadAndSwitchVideo(fallbackVideo, "high");
+            } else {
+                // Ultimate fallback: try any neutral video
+                console.error(`Fallback video also failed: ${fallbackVideo}. Trying ultimate fallback.`);
+                const neutralVideos = this.videoCategories.neutral || [];
+                if (neutralVideos.length > 0) {
+                    // Try a different neutral video
+                    const ultimateFallback = neutralVideos.find(video => video !== fallbackVideo);
+                    if (ultimateFallback) {
+                        this.loadAndSwitchVideo(ultimateFallback, "high");
+                    } else {
+                        // Last resort: try first neutral video anyway
+                        this.loadAndSwitchVideo(neutralVideos[0], "high");
+                    }
+                } else {
+                    // Critical error: no neutral videos available
+                    console.error("CRITICAL: No neutral videos available!");
+                    this._switchInProgress = false;
+                }
+            }
+        };
+
+        this.inactiveVideo.addEventListener("loadeddata", this._currentLoadHandler, { once: true });
+        this.inactiveVideo.addEventListener("canplay", this._currentLoadHandler, { once: true });
+        this.inactiveVideo.addEventListener("error", this._currentErrorHandler, { once: true });
+
+        if (this.inactiveVideo.readyState >= 2) {
+            queueMicrotask(() => onReady());
+        }
+
+        this._loadTimeout = setTimeout(() => {
+            if (!fired) {
+                if (this.inactiveVideo.readyState >= 2) {
+                    onReady();
+                } else {
+                    this._currentErrorHandler();
+                }
+            }
+        }, 3000);
+    }
+
+    usePreloadedVideo(preloadedVideo, videoSrc) {
+        const source = this.inactiveVideo.querySelector("source");
+        source.setAttribute("src", videoSrc);
+
+        this.inactiveVideo.currentTime = 0;
+        this.inactiveVideo.load();
+
+        this._currentLoadHandler = () => {
+            this._loadingInProgress = false;
+            this.performSwitch();
+        };
+
+        this.inactiveVideo.addEventListener("canplay", this._currentLoadHandler, { once: true });
+    }
+
+    performSwitch() {
+        // Prevent rapid double toggles
+        if (this._switchInProgress) {
+            return;
+        }
+        this._switchInProgress = true;
+
+        this.activeVideo.classList.remove("active");
+        this.inactiveVideo.classList.add("active");
+        const prevActive = this.activeVideo;
+        const prevInactive = this.inactiveVideo;
+        this.activeVideo = prevInactive;
+        this.inactiveVideo = prevActive;
+
+        const playPromise = this.activeVideo.play();
+        if (playPromise && typeof playPromise.then === "function") {
+            playPromise
+                .then(() => {
+                    // Reduced logging for video playing events
+                    this._switchInProgress = false;
+                    // Configurer les event listeners APRÈS que la vidéo commence à jouer
+                    this.setupEventListenersForContext(this.currentContext);
+                })
+                .catch(error => {
+                    console.warn("Failed to play video:", error);
+                    // Revert to previous video to avoid frozen state
+                    this.activeVideo.classList.remove("active");
+                    this.inactiveVideo.classList.add("active");
+                    const tmp = this.activeVideo;
+                    this.activeVideo = this.inactiveVideo;
+                    this.inactiveVideo = tmp;
+                    try {
+                        this.activeVideo.play().catch(() => {});
+                    } catch {}
+                    this._switchInProgress = false;
+                    // Even in case of error, configure listeners
+                    this.setupEventListenersForContext(this.currentContext);
+                });
+        } else {
+            // Fallback si pas de Promise
+            this._switchInProgress = false;
+            this.setupEventListenersForContext(this.currentContext);
+        }
+    }
+
+    _prefetch(src) {
+        if (!src || this._prefetchCache.has(src) || this._prefetchInFlight.has(src)) return;
+        if (this._prefetchCache.size + this._prefetchInFlight.size >= this._maxPrefetch) return;
+        this._prefetchInFlight.add(src);
+        const v = document.createElement("video");
+        v.preload = "auto";
+        v.muted = true;
+        v.playsInline = true;
+        v.src = src;
+        const cleanup = () => {
+            v.oncanplaythrough = null;
+            v.oncanplay = null;
+            v.onerror = null;
+            this._prefetchInFlight.delete(src);
+        };
+        v.oncanplay = () => {
+            this._prefetchCache.set(src, v);
+            cleanup();
+        };
+        v.oncanplaythrough = () => {
+            this._prefetchCache.set(src, v);
+            cleanup();
+        };
+        v.onerror = () => {
+            cleanup();
+        };
+        try {
+            v.load();
+        } catch {}
+    }
+
+    _prefetchLikely(category) {
+        const list = this.videoCategories[category] || [];
+        // Prefetch 1-2 next likely videos different from current
+        const current = this.activeVideo?.querySelector("source")?.getAttribute("src") || null;
+        const candidates = list.filter(s => s && s !== current).slice(0, 2);
+        candidates.forEach(src => this._prefetch(src));
+    }
+
+    // DIAGNOSTIC AND DEBUG METHODS
+    getCurrentVideoInfo() {
+        const currentSrc = this.activeVideo.querySelector("source").getAttribute("src");
+        return {
+            currentVideo: currentSrc,
+            context: this.currentContext,
+            emotion: this.currentEmotion,
+            category: this.determineCategory(this.currentContext, this.currentEmotion)
+        };
+    }
+
+    // METHODS TO ANALYZE EMOTIONS FROM TEXT
+    analyzeTextEmotion(text) {
+        // Use unified emotion system
+        return window.kimiAnalyzeEmotion ? window.kimiAnalyzeEmotion(text, "auto") : "neutral";
+    } // CLEANUP
+    destroy() {
+        clearTimeout(this.autoTransitionTimer);
+        this.autoTransitionTimer = null;
+        if (this._visibilityHandler) {
+            document.removeEventListener("visibilitychange", this._visibilityHandler);
+            this._visibilityHandler = null;
+        }
+    }
+
+    // Utilitaire pour déterminer la catégorie vidéo selon la moyenne des traits
+    setMoodByPersonality(traits) {
+        if (this._stickyContext === "dancing" || this.currentContext === "dancing") return;
+        const category = getMoodCategoryFromPersonality(traits);
+        // Normalize emotion so validation uses base emotion labels
+        let emotion = category;
+        if (category === "speakingPositive") emotion = "positive";
+        else if (category === "speakingNegative") emotion = "negative";
+        // For other categories (neutral, listening, dancing) emotion can equal category
+        this.switchToContext(category, emotion, null, traits, traits.affection);
+    }
+
+    _cleanupLoadingHandlers() {
+        if (this._currentLoadHandler) {
+            this.inactiveVideo.removeEventListener("canplay", this._currentLoadHandler);
+            this.inactiveVideo.removeEventListener("loadeddata", this._currentLoadHandler);
+            this._currentLoadHandler = null;
+        }
+        if (this._currentErrorHandler) {
+            this.inactiveVideo.removeEventListener("error", this._currentErrorHandler);
+            this._currentErrorHandler = null;
+        }
+        if (this._loadTimeout) {
+            clearTimeout(this._loadTimeout);
+            this._loadTimeout = null;
+        }
+        this._loadingInProgress = false;
+        this._switchInProgress = false;
+    }
+}
+
+function getMoodCategoryFromPersonality(traits) {
+    // Use unified emotion system
+    if (window.kimiEmotionSystem) {
+        return window.kimiEmotionSystem.getMoodCategoryFromPersonality(traits);
+    }
+
+    // Fallback (should not be reached)
+    const keys = ["affection", "romance", "empathy", "playfulness", "humor"];
+    let sum = 0;
+    let count = 0;
+    keys.forEach(key => {
+        if (typeof traits[key] === "number") {
+            sum += traits[key];
+            count++;
+        }
+    });
+    const avg = count > 0 ? sum / count : 50;
+
+    if (avg >= 80) return "speakingPositive";
+    if (avg >= 60) return "neutral";
+    if (avg >= 40) return "neutral";
+    if (avg >= 20) return "speakingNegative";
+    return "speakingNegative";
+}
+
+// Centralized initialization manager
+class KimiInitManager {
+    constructor() {
+        this.managers = new Map();
+        this.initOrder = [];
+        this.isInitialized = false;
+    }
+
+    register(name, managerFactory, dependencies = [], delay = 0) {
+        this.managers.set(name, {
+            factory: managerFactory,
+            dependencies,
+            delay,
+            instance: null,
+            initialized: false
+        });
+    }
+
+    async initializeAll() {
+        if (this.isInitialized) return;
+
+        // Sort by dependencies and delays
+        const sortedManagers = this.topologicalSort();
+
+        for (const managerName of sortedManagers) {
+            await this.initializeManager(managerName);
+        }
+
+        this.isInitialized = true;
+    }
+    async initializeManager(name) {
+        const manager = this.managers.get(name);
+        if (!manager || manager.initialized) return;
+
+        // Wait for dependencies
+        for (const dep of manager.dependencies) {
+            await this.initializeManager(dep);
+        }
+
+        // Apply delay if necessary
+        if (manager.delay > 0) {
+            await new Promise(resolve => setTimeout(resolve, manager.delay));
+        }
+
+        try {
+            manager.instance = await manager.factory();
+            manager.initialized = true;
+        } catch (error) {
+            console.error(`Error during initialization of ${name}:`, error);
+            throw error;
+        }
+    }
+
+    topologicalSort() {
+        // Simple implementation of topological sort
+        const sorted = [];
+        const visited = new Set();
+        const temp = new Set();
+
+        const visit = name => {
+            if (temp.has(name)) {
+                throw new Error(`Circular dependency detected: ${name}`);
+            }
+            if (visited.has(name)) return;
+
+            temp.add(name);
+            const manager = this.managers.get(name);
+
+            for (const dep of manager.dependencies) {
+                visit(dep);
+            }
+
+            temp.delete(name);
+            visited.add(name);
+            sorted.push(name);
+        };
+
+        for (const name of this.managers.keys()) {
+            visit(name);
+        }
+
+        return sorted;
+    }
+
+    getInstance(name) {
+        const manager = this.managers.get(name);
+        return manager ? manager.instance : null;
+    }
+}
+
+// Utility class for DOM manipulations
+class KimiDOMUtils {
+    static get(selector) {
+        return document.querySelector(selector);
+    }
+    static getAll(selector) {
+        return document.querySelectorAll(selector);
+    }
+    static setText(selector, text) {
+        const el = this.get(selector);
+        if (el) el.textContent = text;
+    }
+    static setValue(selector, value) {
+        const el = this.get(selector);
+        if (el) el.value = value;
+    }
+    static show(selector) {
+        const el = this.get(selector);
+        if (el) el.style.display = "";
+    }
+    static hide(selector) {
+        const el = this.get(selector);
+        if (el) el.style.display = "none";
+    }
+    static toggle(selector) {
+        const el = this.get(selector);
+        if (el) el.style.display = el.style.display === "none" ? "" : "none";
+    }
+    static addClass(selector, className) {
+        const el = this.get(selector);
+        if (el) el.classList.add(className);
+    }
+    static removeClass(selector, className) {
+        const el = this.get(selector);
+        if (el) el.classList.remove(className);
+    }
+    static transition(selector, property, value, duration = 300) {
+        const el = this.get(selector);
+        if (el) {
+            el.style.transition = property + " " + duration + "ms";
+            el.style[property] = value;
+        }
+    }
+}
+
+// Déclaration complète de la classe KimiOverlayManager
+class KimiOverlayManager {
+    constructor() {
+        this.overlays = {};
+        this._initAll();
+    }
+    _initAll() {
+        const overlayIds = ["chat-container", "settings-overlay", "help-overlay"];
+        overlayIds.forEach(id => {
+            const el = document.getElementById(id);
+            if (el) {
+                this.overlays[id] = el;
+                if (id !== "chat-container") {
+                    el.addEventListener("click", e => {
+                        if (e.target === el) {
+                            this.close(id);
+                        }
+                    });
+                }
+            }
+        });
+    }
+    open(name) {
+        const el = this.overlays[name];
+        if (el) el.classList.add("visible");
+    }
+    close(name) {
+        const el = this.overlays[name];
+        if (el) el.classList.remove("visible");
+        // Ensure background video resumes after closing any overlay
+        const kv = window.kimiVideo;
+        if (kv && kv.activeVideo) {
+            try {
+                const v = kv.activeVideo;
+                if (v.ended) {
+                    if (typeof kv.returnToNeutral === "function") kv.returnToNeutral();
+                } else if (v.paused) {
+                    v.play().catch(() => {
+                        if (typeof kv.returnToNeutral === "function") kv.returnToNeutral();
+                    });
+                }
+            } catch {}
+        }
+    }
+    toggle(name) {
+        const el = this.overlays[name];
+        if (el) el.classList.toggle("visible");
+    }
+    isOpen(name) {
+        const el = this.overlays[name];
+        return el ? el.classList.contains("visible") : false;
+    }
+}
+
+function getCharacterInfo(characterName) {
+    return window.KIMI_CHARACTERS[characterName] || window.KIMI_CHARACTERS.kimi;
+}
+
+// Restauration de la classe KimiTabManager
+class KimiTabManager {
+    constructor(options = {}) {
+        this.settingsOverlay = document.getElementById("settings-overlay");
+        this.settingsTabs = document.querySelectorAll(".settings-tab");
+        this.tabContents = document.querySelectorAll(".tab-content");
+        this.settingsContent = document.querySelector(".settings-content");
+        this.onTabChange = options.onTabChange || null;
+        this.resizeObserver = null;
+        this.init();
+    }
+
+    init() {
+        this.settingsTabs.forEach(tab => {
+            tab.addEventListener("click", () => {
+                this.activateTab(tab.dataset.tab);
+            });
+        });
+        const activeTab = document.querySelector(".settings-tab.active");
+        if (activeTab) this.activateTab(activeTab.dataset.tab);
+        this.setupResizeObserver();
+        this.setupModalObserver();
+    }
+
+    activateTab(tabName) {
+        this.settingsTabs.forEach(tab => {
+            if (tab.dataset.tab === tabName) tab.classList.add("active");
+            else tab.classList.remove("active");
+        });
+        this.tabContents.forEach(content => {
+            if (content.dataset.tab === tabName) content.classList.add("active");
+            else content.classList.remove("active");
+        });
+        if (this.onTabChange) this.onTabChange(tabName);
+        setTimeout(() => this.adjustTabsForScrollbar(), 100);
+        if (window.innerWidth <= 768) {
+            const tab = Array.from(this.settingsTabs).find(t => t.dataset.tab === tabName);
+            if (tab) tab.scrollIntoView({ behavior: "smooth", block: "nearest", inline: "center" });
+        }
+    }
+
+    setupResizeObserver() {
+        if ("ResizeObserver" in window && this.settingsContent) {
+            this.resizeObserver = new ResizeObserver(() => {
+                this.adjustTabsForScrollbar();
+            });
+            this.resizeObserver.observe(this.settingsContent);
+        }
+    }
+
+    setupModalObserver() {
+        if (!this.settingsOverlay) return;
+        const observer = new MutationObserver(mutations => {
+            mutations.forEach(mutation => {
+                if (mutation.type === "attributes" && mutation.attributeName === "class") {
+                    if (this.settingsOverlay.classList.contains("visible")) {
+                        // ...
+                    }
+                }
+            });
+        });
+        observer.observe(this.settingsOverlay, { attributes: true, attributeFilter: ["class"] });
+    }
+
+    adjustTabsForScrollbar() {
+        if (!this.settingsContent || !this.settingsTabs.length) return;
+        const tabsContainer = document.querySelector(".settings-tabs");
+        const hasVerticalScrollbar = this.settingsContent.scrollHeight > this.settingsContent.clientHeight;
+        if (hasVerticalScrollbar) {
+            const scrollbarWidth = this.settingsContent.offsetWidth - this.settingsContent.clientWidth;
+            tabsContainer.classList.add("compressed");
+            tabsContainer.style.paddingRight = `${Math.max(scrollbarWidth, 8)}px`;
+            tabsContainer.style.boxSizing = "border-box";
+            const tabs = tabsContainer.querySelectorAll(".settings-tab");
+            const availableWidth = tabsContainer.clientWidth - scrollbarWidth;
+            const tabCount = tabs.length;
+            const idealTabWidth = availableWidth / tabCount;
+            tabs.forEach(tab => {
+                if (idealTabWidth < 140) {
+                    tab.style.fontSize = "0.85rem";
+                    tab.style.padding = "14px 10px";
+                } else if (idealTabWidth < 160) {
+                    tab.style.fontSize = "0.95rem";
+                    tab.style.padding = "15px 12px";
+                } else {
+                    tab.style.fontSize = "1rem";
+                    tab.style.padding = "16px 16px";
+                }
+            });
+        } else {
+            tabsContainer.classList.remove("compressed");
+            tabsContainer.style.paddingRight = "";
+            tabsContainer.style.boxSizing = "";
+            const tabs = tabsContainer.querySelectorAll(".settings-tab");
+            tabs.forEach(tab => {
+                tab.style.fontSize = "";
+                tab.style.padding = "";
+            });
+        }
+    }
+}
+
+class KimiUIEventManager {
+    constructor() {
+        this.events = [];
+    }
+    addEvent(target, type, handler, options) {
+        target.addEventListener(type, handler, options);
+        this.events.push({ target, type, handler, options });
+    }
+    removeAll() {
+        for (const { target, type, handler, options } of this.events) {
+            target.removeEventListener(type, handler, options);
+        }
+        this.events = [];
+    }
+}
+
+class KimiFormManager {
+    constructor(options = {}) {
+        this.db = options.db || null;
+        this.memory = options.memory || null;
+        this._autoInit = options.autoInit === true;
+        if (this._autoInit) {
+            this._initSliders();
+        }
+    }
+    init() {
+        this._initSliders();
+    }
+    _initSliders() {
+        document.querySelectorAll(".kimi-slider").forEach(slider => {
+            const valueSpan = document.getElementById(slider.id + "-value");
+            if (valueSpan) {
+                valueSpan.textContent = slider.value;
+            }
+            slider.addEventListener("input", async e => {
+                if (valueSpan) valueSpan.textContent = slider.value;
+                if (this.db) {
+                    const settingName = slider.id.replace("trait-", "").replace("voice-", "").replace("llm-", "");
+                    if (slider.id.startsWith("trait-")) {
+                        const selectedCharacter = await this.db.getSelectedCharacter();
+                        await this.db.setPersonalityTrait(settingName, parseInt(slider.value), selectedCharacter);
+
+                        // Update memory cache if available
+                        if (this.memory && settingName === "affection") {
+                            this.memory.affectionTrait = parseInt(slider.value);
+                            if (this.memory.updateFavorabilityBar) {
+                                this.memory.updateFavorabilityBar();
+                            }
+                        }
+
+                        // Update video context based on new personality values
+                        if (window.kimiVideo && window.kimiVideo.setMoodByPersonality) {
+                            const allTraits = await this.db.getAllPersonalityTraits(selectedCharacter);
+                            window.kimiVideo.setMoodByPersonality(allTraits);
+                        }
+
+                        // Favorability bar is automatically updated by KimiMemory system
+                    } else if (slider.id.startsWith("voice-")) {
+                        await this.db.setPreference(settingName, parseFloat(slider.value));
+                        if (window.voiceManager && window.voiceManager.updateSettings) {
+                            window.voiceManager.updateSettings();
+                        }
+                    } else {
+                        await this.db.setPreference(settingName, parseFloat(slider.value));
+
+                        // Update LLM settings if needed
+                        if (slider.id.startsWith("llm-") && window.kimiLLM) {
+                            if (window.kimiLLM.updateSettings) {
+                                window.kimiLLM.updateSettings();
+                            }
+                        }
+                    }
+                }
+            });
+        });
+    }
+}
+
+class KimiUIStateManager {
+    constructor() {
+        this.state = {
+            overlays: {},
+            activeTab: null,
+            favorability: 65,
+            transcript: "",
+            chatOpen: false,
+            settingsOpen: false,
+            micActive: false,
+            sliders: {}
+        };
+        this.overlayManager = window.kimiOverlayManager || null;
+        this.tabManager = window.kimiTabManager || null;
+        this.formManager = window.kimiFormManager || null;
+    }
+    setOverlay(name, visible) {
+        this.state.overlays[name] = visible;
+        if (this.overlayManager) {
+            if (visible) this.overlayManager.open(name);
+            else this.overlayManager.close(name);
+        }
+    }
+    setActiveTab(tabName) {
+        this.state.activeTab = tabName;
+        if (this.tabManager) this.tabManager.activateTab(tabName);
+    }
+    setFavorability(value) {
+        const v = Number(value) || 0;
+        const clamped = Math.max(0, Math.min(100, v));
+        this.state.favorability = clamped;
+        window.KimiDOMUtils.setText("#favorability-text", `${clamped.toFixed(2)}%`);
+        window.KimiDOMUtils.get("#favorability-bar").style.width = `${clamped}%`;
+    }
+    setTranscript(text) {
+        this.state.transcript = text;
+        window.KimiDOMUtils.setText("#transcript", text);
+    }
+    setChatOpen(open) {
+        this.state.chatOpen = open;
+        this.setOverlay("chat-container", open);
+    }
+    setSettingsOpen(open) {
+        this.state.settingsOpen = open;
+        this.setOverlay("settings-overlay", open);
+    }
+    setMicActive(active) {
+        this.state.micActive = active;
+        window.KimiDOMUtils.get("#mic-button").classList.toggle("active", active);
+    }
+    setSlider(id, value) {
+        this.state.sliders[id] = value;
+        if (this.formManager) {
+            const slider = document.getElementById(id);
+            if (slider) slider.value = value;
+            const valueSpan = document.getElementById(id + "-value");
+            if (valueSpan) valueSpan.textContent = value;
+        }
+    }
+    getState() {
+        return { ...this.state };
+    }
+}
+
+// SIMPLE Fallback management - BASIC ONLY
+window.KimiFallbackManager = {
+    getFallbackMessage: function (errorType, customMessage = null) {
+        const i18n = window.kimiI18nManager;
+
+        // If i18n is available, try to get translated message
+        if (i18n && typeof i18n.t === "function") {
+            if (customMessage) {
+                const translated = i18n.t(customMessage);
+                if (translated && translated !== customMessage) {
+                    return translated;
+                }
+            }
+
+            const translationKey = `fallback_${errorType}`;
+            const translated = i18n.t(translationKey);
+            if (translated && translated !== translationKey) {
+                return translated;
+            }
+        }
+
+        // Fallback to hardcoded messages in multiple languages
+        const fallbacks = {
+            api_missing: {
+                fr: "Pour discuter avec moi, ajoute ta clé API du provider choisi dans les paramètres ! 💕",
+                en: "To chat with me, add your selected provider API key in settings! 💕",
+                es: "Para chatear conmigo, agrega la clave API de tu proveedor en configuración! 💕",
+                de: "Um mit mir zu chatten, füge deinen Anbieter-API-Schlüssel in den Einstellungen hinzu! 💕",
+                it: "Per chattare con me, aggiungi la chiave API del provider nelle impostazioni! 💕"
+            },
+            api_error: {
+                fr: "Désolée, le service IA est temporairement indisponible. Veuillez réessayer plus tard.",
+                en: "Sorry, the AI service is temporarily unavailable. Please try again later.",
+                es: "Lo siento, el servicio de IA no está disponible temporalmente. Inténtalo de nuevo más tarde.",
+                de: "Entschuldigung, der KI-Service ist vorübergehend nicht verfügbar. Bitte versuchen Sie es später erneut.",
+                it: "Spiacente, il servizio IA è temporaneamente non disponibile. Riprova più tardi."
+            },
+            model_error: {
+                fr: "Désolée, le modèle sélectionné n'est pas disponible. Veuillez choisir un autre modèle.",
+                en: "Sorry, the selected model is not available. Please choose another model.",
+                es: "Lo siento, el modelo seleccionado no está disponible. Elige otro modelo.",
+                de: "Entschuldigung, das ausgewählte Modell ist nicht verfügbar. Bitte wählen Sie ein anderes Modell.",
+                it: "Spiacente, il modello selezionato non è disponibile. Scegli un altro modello."
+            }
+        };
+
+        // Detect current language (fallback detection)
+        const currentLang = this.detectCurrentLanguage();
+
+        if (fallbacks[errorType] && fallbacks[errorType][currentLang]) {
+            return fallbacks[errorType][currentLang];
+        }
+
+        // Ultimate fallback to English
+        if (fallbacks[errorType] && fallbacks[errorType].en) {
+            return fallbacks[errorType].en;
+        }
+
+        switch (errorType) {
+            case "api_missing":
+                return "To chat with me, add your API key in settings! 💕";
+            case "api_error":
+            case "api":
+                return "Sorry, the AI service is temporarily unavailable. Please try again later.";
+            case "model_error":
+            case "model":
+                return "Sorry, the selected model is not available. Please choose another model or check your configuration.";
+            case "network_error":
+            case "network":
+                return "Sorry, I cannot respond because there is no internet connection.";
+            case "technical_error":
+            case "technical":
+                return "Sorry, I am unable to answer due to a technical issue.";
+            case "general_error":
+            default:
+                return "Sorry my love, I am having a little technical issue! 💕";
+        }
+    },
+
+    detectCurrentLanguage: function () {
+        // Try to get language from various sources
+
+        // 1. Try from language selector if available
+        const langSelect = document.getElementById("language-selection");
+        if (langSelect && langSelect.value) {
+            return langSelect.value;
+        }
+
+        // 2. Try from HTML lang attribute
+        const htmlLang = document.documentElement.lang;
+        if (htmlLang) {
+            return htmlLang.split("-")[0]; // Get just the language part
+        }
+
+        // 3. Try from browser language
+        const browserLang = navigator.language || navigator.userLanguage;
+        if (browserLang) {
+            return browserLang.split("-")[0];
+        }
+
+        // 4. Default to English (as seems to be the default for this app)
+        return "en";
+    },
+
+    showFallbackResponse: async function (errorType, customMessage = null) {
+        const message = this.getFallbackMessage(errorType, customMessage);
+
+        // Add to chat
+        if (window.addMessageToChat) {
+            window.addMessageToChat("kimi", message);
+        }
+
+        // Speak if available
+        if (window.voiceManager && window.voiceManager.speak) {
+            window.voiceManager.speak(message);
+        }
+
+        // SIMPLE: Always show neutral videos in fallback mode
+        if (window.kimiVideo && window.kimiVideo.switchToContext) {
+            window.kimiVideo.switchToContext("neutral", "neutral");
+        }
+
+        return message;
+    }
+};
+
+window.KimiBaseManager = KimiBaseManager;
+window.KimiVideoManager = KimiVideoManager;
+window.KimiSecurityUtils = KimiSecurityUtils;
+window.KimiCacheManager = new KimiCacheManager(); // Create global instance
+window.KimiInitManager = KimiInitManager;
+window.KimiDOMUtils = KimiDOMUtils;
+window.KimiOverlayManager = KimiOverlayManager;
+window.KimiTabManager = KimiTabManager;
+window.KimiUIEventManager = KimiUIEventManager;
+window.KimiFormManager = KimiFormManager;
+window.KimiUIStateManager = KimiUIStateManager;

kimi-js/kimi-voices.js

@@ -0,0 +1,1136 @@
+// ===== KIMI VOICE MANAGEMENT MODULE =====
+class KimiVoiceManager {
+    constructor(database, memory) {
+        this.db = database;
+        this.memory = memory;
+        this.isInitialized = false;
+
+        // Voice properties
+        this.speechSynthesis = window.speechSynthesis;
+        this.kimiEnglishVoice = null;
+        this.availableVoices = [];
+
+        // Speech recognition
+        this.SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+        this.recognition = null;
+        this.isListening = false;
+        this.isStoppingVolontaire = false;
+
+        // DOM elements
+        this.micButton = null;
+        this.transcriptContainer = null;
+        this.transcriptText = null;
+
+        // Callback for voice message analysis
+        this.onSpeechAnalysis = null;
+
+        // Reference to mic handler function for removal
+        this.handleMicClick = null;
+
+        this.transcriptHideTimeout = null;
+        this.listeningTimeout = null;
+
+        // Selected character for responses
+        this.selectedCharacter = "Kimi";
+
+        // Speaking flag
+        this.isSpeaking = false;
+
+        // Auto-stop listening duration (in milliseconds)
+        this.autoStopDuration = 15000; // 15 seconds
+
+        // Silence timeout after final transcript (in milliseconds)
+        this.silenceTimeout = 2200; // 2.2 seconds
+
+        // Track if microphone permission has been granted
+        this.micPermissionGranted = false;
+
+        // Debounce flag for toggle microphone
+        this._toggleDebounce = false;
+
+        // Browser detection
+        this.browser = this._detectBrowser();
+    }
+
+    // ===== INITIALIZATION =====
+    async init() {
+        // Avoid double initialization
+        if (this.isInitialized) {
+            console.log("VoiceManager already initialized, ignored");
+            return true;
+        }
+
+        try {
+            // Initialize DOM elements with verification
+            this.micButton = document.getElementById("mic-button");
+            this.transcriptContainer = document.querySelector(".transcript-container");
+            this.transcriptText = document.getElementById("transcript");
+
+            if (!this.micButton) {
+                console.warn("Microphone button not found in DOM!");
+                return false;
+            }
+
+            // Initialize voice synthesis
+            await this.initVoices();
+            this.setupVoicesChangedListener();
+            this.setupLanguageSelector();
+
+            // Initialize speech recognition
+            this.setupSpeechRecognition();
+            this.setupMicrophoneButton();
+
+            // Check current microphone permission status
+            await this.checkMicrophonePermission();
+
+            // Initialize selected character
+            if (this.db && typeof this.db.getSelectedCharacter === "function") {
+                const char = await this.db.getSelectedCharacter();
+                if (char) this.selectedCharacter = char;
+            }
+
+            this.isInitialized = true;
+            console.log("🎤 VoiceManager initialized successfully");
+            return true;
+        } catch (error) {
+            console.error("Error during VoiceManager initialization:", error);
+            return false;
+        }
+    }
+
+    _detectBrowser() {
+        const ua = navigator.userAgent || "";
+        const isOpera = (!!window.opr && !!opr.addons) || ua.includes(" OPR/");
+        const isFirefox = typeof InstallTrigger !== "undefined" || ua.toLowerCase().includes("firefox");
+        const isSafari = /Safari\//.test(ua) && !/Chrom(e|ium)\//.test(ua) && !/Edg\//.test(ua);
+        const isEdge = /Edg\//.test(ua);
+        const isChrome = /Chrome\//.test(ua) && !isEdge && !isOpera;
+        if (isFirefox) return "firefox";
+        if (isOpera) return "opera";
+        if (isSafari) return "safari";
+        if (isEdge) return "edge";
+        if (isChrome) return "chrome";
+        return "unknown";
+    }
+
+    _getUnsupportedSRMessage() {
+        // Build an i18n key by browser, then fallback to English if translation system isn't ready
+        let key = "sr_not_supported_generic";
+        if (this.browser === "firefox") key = "sr_not_supported_firefox";
+        else if (this.browser === "opera") key = "sr_not_supported_opera";
+        else if (this.browser === "safari") key = "sr_not_supported_safari";
+        const translated = typeof window.kimiI18nManager?.t === "function" ? window.kimiI18nManager.t(key) : undefined;
+        // Many i18n libs return the key itself if missing; detect that and fall back to English
+        if (!translated || translated === key) {
+            if (key === "sr_not_supported_firefox") {
+                return "Speech recognition is not supported on Firefox. Please use Chrome, Edge, or Brave.";
+            }
+            if (key === "sr_not_supported_opera") {
+                return "Speech recognition may not work on Opera. Please try Chrome, Edge, or Brave.";
+            }
+            if (key === "sr_not_supported_safari") {
+                return "Speech recognition support varies on Safari. Prefer Chrome or Edge for best results.";
+            }
+            return "Speech recognition is not available in this browser.";
+        }
+        return translated;
+    }
+
+    // ===== MICROPHONE PERMISSION MANAGEMENT =====
+    async checkMicrophonePermission() {
+        try {
+            // Check if running on file:// protocol
+            if (window.location.protocol === "file:") {
+                console.log("🎤 Running on file:// protocol - microphone permissions will be requested each time");
+                this.micPermissionGranted = false;
+                return;
+            }
+
+            if (!navigator.permissions) {
+                console.log("🎤 Permissions API not available");
+                return;
+            }
+
+            const permissionStatus = await navigator.permissions.query({ name: "microphone" });
+            this.micPermissionGranted = permissionStatus.state === "granted";
+
+            console.log("🎤 Initial microphone permission status:", permissionStatus.state);
+
+            // Listen for permission changes
+            permissionStatus.addEventListener("change", () => {
+                this.micPermissionGranted = permissionStatus.state === "granted";
+                console.log("🎤 Microphone permission changed to:", permissionStatus.state);
+            });
+        } catch (error) {
+            console.log("🎤 Could not check microphone permission:", error);
+            this.micPermissionGranted = false;
+        }
+    }
+
+    // ===== VOICE SYNTHESIS =====
+    async initVoices() {
+        // Prevent multiple simultaneous calls
+        if (this._initializingVoices) {
+            return;
+        }
+        this._initializingVoices = true;
+
+        this.availableVoices = this.speechSynthesis.getVoices();
+
+        // Only get language from DB if not already set
+        if (!this.selectedLanguage) {
+            const selectedLanguage = await this.db?.getPreference("selectedLanguage", "en");
+            this.selectedLanguage = selectedLanguage || "en";
+        }
+
+        const savedVoice = await this.db?.getPreference("selectedVoice", "auto");
+
+        let filteredVoices = this.availableVoices.filter(voice => voice.lang.toLowerCase().startsWith(this.selectedLanguage));
+        if (filteredVoices.length === 0) {
+            filteredVoices = this.availableVoices.filter(voice => voice.lang.toLowerCase().includes(this.selectedLanguage));
+        }
+        if (filteredVoices.length === 0) {
+            // As a last resort, use any available voice rather than defaulting to English
+            filteredVoices = this.availableVoices;
+        }
+
+        if (savedVoice && savedVoice !== "auto") {
+            let foundVoice = filteredVoices.find(voice => voice.name === savedVoice);
+            if (!foundVoice) {
+                foundVoice = this.availableVoices.find(voice => voice.name === savedVoice);
+            }
+            if (foundVoice) {
+                this.kimiEnglishVoice = foundVoice;
+                this.updateVoiceSelector();
+                this._initializingVoices = false;
+                return;
+            } else if (filteredVoices.length > 0) {
+                this.kimiEnglishVoice = filteredVoices[0];
+                await this.db?.setPreference("selectedVoice", this.kimiEnglishVoice.name);
+                this.updateVoiceSelector();
+                this._initializingVoices = false;
+                return;
+            }
+        }
+
+        if (this.selectedLanguage && this.selectedLanguage.startsWith("fr")) {
+            this.kimiEnglishVoice =
+                filteredVoices.find(voice => voice.name.startsWith("Microsoft Eloise Online")) ||
+                filteredVoices.find(voice => voice.name.toLowerCase().includes("eloise")) ||
+                filteredVoices[0] ||
+                this.availableVoices[0];
+        } else {
+            this.kimiEnglishVoice =
+                filteredVoices.find(voice => voice.name.toLowerCase().includes("female")) ||
+                filteredVoices[0] ||
+                this.availableVoices[0];
+        }
+
+        if (this.kimiEnglishVoice) {
+            await this.db?.setPreference("selectedVoice", this.kimiEnglishVoice.name);
+        }
+
+        this.updateVoiceSelector();
+        this._initializingVoices = false;
+    }
+
+    updateVoiceSelector() {
+        const voiceSelect = document.getElementById("voice-selection");
+        if (!voiceSelect) return;
+
+        // Clear existing options
+        while (voiceSelect.firstChild) {
+            voiceSelect.removeChild(voiceSelect.firstChild);
+        }
+
+        // Add auto option
+        const autoOption = document.createElement("option");
+        autoOption.value = "auto";
+        autoOption.textContent = "Automatic (Best voice for selected language)";
+        voiceSelect.appendChild(autoOption);
+
+        let filteredVoices = this.availableVoices.filter(voice => voice.lang.toLowerCase().startsWith(this.selectedLanguage));
+        if (filteredVoices.length === 0) {
+            filteredVoices = this.availableVoices.filter(voice => voice.lang.toLowerCase().includes(this.selectedLanguage));
+        }
+        if (filteredVoices.length === 0) {
+            // Show all voices if none match the selected language
+            filteredVoices = this.availableVoices;
+        }
+
+        filteredVoices.forEach(voice => {
+            const option = document.createElement("option");
+            option.value = voice.name;
+            option.textContent = `${voice.name} (${voice.lang})`;
+            if (this.kimiEnglishVoice && voice.name === this.kimiEnglishVoice.name) {
+                option.selected = true;
+            }
+            voiceSelect.appendChild(option);
+        });
+
+        voiceSelect.removeEventListener("change", this.handleVoiceChange);
+        voiceSelect.addEventListener("change", this.handleVoiceChange.bind(this));
+    }
+
+    async handleVoiceChange(e) {
+        if (e.target.value === "auto") {
+            await this.db?.setPreference("selectedVoice", "auto");
+            // Don't re-init voices when auto is selected to avoid loops
+            this.kimiEnglishVoice = null; // Reset to trigger auto-selection on next speak
+        } else {
+            this.kimiEnglishVoice = this.availableVoices.find(voice => voice.name === e.target.value);
+            await this.db?.setPreference("selectedVoice", e.target.value);
+            // Reduced logging to prevent noise
+        }
+    }
+
+    setupVoicesChangedListener() {
+        if (this.speechSynthesis.onvoiceschanged !== undefined) {
+            this.speechSynthesis.onvoiceschanged = async () => await this.initVoices();
+        }
+    }
+
+    async speak(text, options = {}) {
+        if (!text || !this.kimiEnglishVoice) {
+            console.warn("Unable to speak: empty text or voice not initialized");
+            return;
+        }
+        if (this.transcriptHideTimeout) {
+            clearTimeout(this.transcriptHideTimeout);
+            this.transcriptHideTimeout = null;
+        }
+        if (this.speechSynthesis.speaking) {
+            this.speechSynthesis.cancel();
+        }
+
+        // Clean text for better speech synthesis
+        let processedText = text
+            .replace(/([\p{Emoji}\p{Extended_Pictographic}])/gu, " ")
+            .replace(/\.\.\./g, " pause ")
+            .replace(/\!+/g, " ! ")
+            .replace(/\?+/g, " ? ")
+            .replace(/\.{2,}/g, " pause ")
+            .replace(/[,;:]+/g, ", ")
+            .replace(/\s+/g, " ")
+            .trim();
+
+        // Detect emotional content for voice adjustments
+        let customRate = options.rate;
+        if (customRate === undefined) {
+            customRate = this.memory?.preferences?.voiceRate;
+        }
+        if (customRate === undefined) {
+            customRate = window.kimiMemory?.preferences?.voiceRate;
+        }
+        if (customRate === undefined) {
+            const rateSlider = document.getElementById("voice-rate");
+            customRate = rateSlider ? parseFloat(rateSlider.value) : 1.1;
+        }
+
+        let customPitch = options.pitch;
+        if (customPitch === undefined) {
+            customPitch = this.memory?.preferences?.voicePitch;
+        }
+        if (customPitch === undefined) {
+            customPitch = window.kimiMemory?.preferences?.voicePitch;
+        }
+        if (customPitch === undefined) {
+            const pitchSlider = document.getElementById("voice-pitch");
+            customPitch = pitchSlider ? parseFloat(pitchSlider.value) : 1.1;
+        }
+
+        // Check for emotional indicators in original text (before processing)
+        const lowerText = text.toLowerCase();
+        if (
+            lowerText.includes("❤️") ||
+            lowerText.includes("💕") ||
+            lowerText.includes("😘") ||
+            lowerText.includes("amour") ||
+            lowerText.includes("love") ||
+            lowerText.includes("bisou")
+        ) {
+            // Tender loving content - slower and higher pitch
+            customRate = Math.max(0.7, customRate - 0.2);
+            customPitch = Math.min(1.3, customPitch + 0.1);
+        }
+
+        const utterance = new SpeechSynthesisUtterance(processedText);
+        utterance.voice = this.kimiEnglishVoice;
+        utterance.rate = customRate;
+        utterance.pitch = customPitch;
+
+        // Get volume from multiple sources with fallback hierarchy
+        let volume = options.volume;
+        if (volume === undefined) {
+            // Try to get from memory preferences
+            volume = this.memory?.preferences?.voiceVolume;
+        }
+        if (volume === undefined) {
+            // Try to get from kimiMemory global
+            volume = window.kimiMemory?.preferences?.voiceVolume;
+        }
+        if (volume === undefined) {
+            // Try to get directly from slider
+            const volumeSlider = document.getElementById("voice-volume");
+            volume = volumeSlider ? parseFloat(volumeSlider.value) : 0.8;
+        }
+        utterance.volume = volume;
+        const emotionFromText = this.analyzeTextEmotion(text);
+        if (window.kimiVideo && emotionFromText !== "neutral") {
+            requestAnimationFrame(() => {
+                window.kimiVideo.respondWithEmotion(emotionFromText);
+            });
+        }
+        if (typeof window.updatePersonalityTraitsFromEmotion === "function") {
+            window.updatePersonalityTraitsFromEmotion(emotionFromText, text);
+        }
+        this.showResponseWithPerfectTiming(text);
+
+        utterance.onstart = async () => {
+            this.isSpeaking = true;
+            const showTranscript = await this.db?.getPreference("showTranscript", true);
+            if (showTranscript && this.transcriptContainer) {
+                this.transcriptContainer.classList.add("visible");
+            } else if (this.transcriptContainer) {
+                this.transcriptContainer.classList.remove("visible");
+            }
+        };
+
+        utterance.onend = () => {
+            this.isSpeaking = false;
+            if (this.transcriptContainer) {
+                this.transcriptContainer.classList.remove("visible");
+            }
+            this.transcriptHideTimeout = null;
+            if (window.kimiVideo) {
+                // Do not force neutral if an emotion clip is still playing (speaking/dancing)
+                try {
+                    const info = window.kimiVideo.getCurrentVideoInfo ? window.kimiVideo.getCurrentVideoInfo() : null;
+                    const isEmotionClip =
+                        info &&
+                        (info.context === "speakingPositive" ||
+                            info.context === "speakingNegative" ||
+                            info.context === "dancing");
+                    if (!isEmotionClip) {
+                        requestAnimationFrame(() => {
+                            window.kimiVideo.returnToNeutral();
+                        });
+                    }
+                } catch (_) {
+                    requestAnimationFrame(() => {
+                        window.kimiVideo.returnToNeutral();
+                    });
+                }
+            }
+        };
+
+        utterance.onerror = e => {
+            this.isSpeaking = false;
+            if (this.transcriptContainer) {
+                this.transcriptContainer.classList.remove("visible");
+            }
+            this.transcriptHideTimeout = null;
+        };
+
+        this.speechSynthesis.speak(utterance);
+    }
+
+    // Intelligently calculate synthesis duration
+    calculateSpeechDuration(text, rate = 0.9) {
+        const baseWordsPerMinute = 150;
+        const adjustedWPM = baseWordsPerMinute * rate;
+        const wordCount = text.split(/\s+/).length;
+        const estimatedMinutes = wordCount / adjustedWPM;
+        const estimatedMilliseconds = estimatedMinutes * 60 * 1000;
+        const bufferTime = text.split(/[.!?]/).length * 500;
+        return Math.max(estimatedMilliseconds + bufferTime, 2000);
+    }
+
+    async showResponseWithPerfectTiming(text) {
+        if (!this.transcriptContainer || !this.transcriptText) return;
+        const showTranscript = await this.db?.getPreference("showTranscript", true);
+        if (!showTranscript) return;
+        this.transcriptText.textContent = `${this.selectedCharacter}: ${text}`;
+        this.transcriptContainer.classList.add("visible");
+        if (this.transcriptHideTimeout) {
+            clearTimeout(this.transcriptHideTimeout);
+            this.transcriptHideTimeout = null;
+        }
+    }
+
+    showResponse(text) {
+        this.showResponseWithPerfectTiming(text);
+    }
+
+    async showUserMessage(text, duration = 3000) {
+        if (!this.transcriptContainer || !this.transcriptText) return;
+        const showTranscript = await this.db?.getPreference("showTranscript", true);
+        if (!showTranscript) return;
+        if (this.transcriptHideTimeout) {
+            clearTimeout(this.transcriptHideTimeout);
+            this.transcriptHideTimeout = null;
+        }
+        this.transcriptText.textContent = text;
+        this.transcriptContainer.classList.add("visible");
+        this.transcriptHideTimeout = setTimeout(() => {
+            if (this.transcriptContainer) {
+                this.transcriptContainer.classList.remove("visible");
+            }
+            this.transcriptHideTimeout = null;
+        }, duration);
+    }
+
+    // ===== SPEECH RECOGNITION =====
+    setupSpeechRecognition() {
+        if (!this.SpeechRecognition) {
+            // Do not show a UI message during initial load; only log.
+            console.log("Your browser does not support speech recognition.");
+            return;
+        }
+        this.recognition = new this.SpeechRecognition();
+        this.recognition.continuous = true;
+        let langCode = this.selectedLanguage || "en";
+        if (langCode === "fr") langCode = "fr-FR";
+        if (langCode === "en") langCode = "en-US";
+        this.recognition.lang = langCode;
+        this.recognition.interimResults = true;
+
+        // Add onstart handler to confirm permission
+        this.recognition.onstart = () => {
+            if (!this.micPermissionGranted) {
+                this.micPermissionGranted = true;
+                console.log("🎤 Microphone permission confirmed via onstart");
+            }
+        };
+
+        this.recognition.onresult = async event => {
+            // Mark permission as granted if we get results
+            if (!this.micPermissionGranted) {
+                this.micPermissionGranted = true;
+                console.log("🎤 Microphone permission confirmed via onresult");
+            }
+
+            let final_transcript = "";
+            let interim_transcript = "";
+            for (let i = event.resultIndex; i < event.results.length; ++i) {
+                if (event.results[i].isFinal) {
+                    final_transcript += event.results[i][0].transcript;
+                } else {
+                    interim_transcript += event.results[i][0].transcript;
+                }
+            }
+            const showTranscript = await this.db?.getPreference("showTranscript", true);
+            if (showTranscript && this.transcriptText) {
+                this.transcriptText.textContent = final_transcript || interim_transcript;
+                if (this.transcriptContainer && (final_transcript || interim_transcript)) {
+                    this.transcriptContainer.classList.add("visible");
+                }
+            } else if (this.transcriptContainer) {
+                this.transcriptContainer.classList.remove("visible");
+            }
+            if (final_transcript && this.onSpeechAnalysis) {
+                try {
+                    // Auto-stop after silence timeout following final transcript
+                    setTimeout(() => {
+                        this.stopListening();
+                    }, this.silenceTimeout);
+                    (async () => {
+                        if (typeof window.analyzeAndReact === "function") {
+                            const response = await window.analyzeAndReact(final_transcript);
+                            if (response) {
+                                const chatContainer = document.getElementById("chat-container");
+                                const chatMessages = document.getElementById("chat-messages");
+                                if (chatContainer && chatContainer.classList.contains("visible") && chatMessages) {
+                                    const addMessageToChat =
+                                        window.addMessageToChat ||
+                                        (typeof addMessageToChat !== "undefined" ? addMessageToChat : null);
+                                    if (addMessageToChat) {
+                                        addMessageToChat("user", final_transcript);
+                                        addMessageToChat("kimi", response);
+                                    } else {
+                                        const userDiv = document.createElement("div");
+                                        userDiv.className = "message user";
+
+                                        const userMessageDiv = document.createElement("div");
+                                        userMessageDiv.textContent = final_transcript;
+
+                                        const userTimeDiv = document.createElement("div");
+                                        userTimeDiv.className = "message-time";
+                                        userTimeDiv.textContent = new Date().toLocaleTimeString("en-US", {
+                                            hour: "2-digit",
+                                            minute: "2-digit"
+                                        });
+
+                                        userDiv.appendChild(userMessageDiv);
+                                        userDiv.appendChild(userTimeDiv);
+                                        chatMessages.appendChild(userDiv);
+
+                                        const kimiDiv = document.createElement("div");
+                                        kimiDiv.className = "message kimi";
+
+                                        const kimiMessageDiv = document.createElement("div");
+                                        kimiMessageDiv.textContent = response;
+
+                                        const kimiTimeDiv = document.createElement("div");
+                                        kimiTimeDiv.className = "message-time";
+                                        kimiTimeDiv.textContent = new Date().toLocaleTimeString("en-US", {
+                                            hour: "2-digit",
+                                            minute: "2-digit"
+                                        });
+
+                                        kimiDiv.appendChild(kimiMessageDiv);
+                                        kimiDiv.appendChild(kimiTimeDiv);
+                                        chatMessages.appendChild(kimiDiv);
+                                        chatMessages.scrollTop = chatMessages.scrollHeight;
+                                    }
+                                }
+                                setTimeout(() => {
+                                    this.speak(response);
+                                }, 500);
+                            }
+                        } else {
+                            const response = await this.onSpeechAnalysis(final_transcript);
+                            if (response) {
+                                const chatContainer = document.getElementById("chat-container");
+                                const chatMessages = document.getElementById("chat-messages");
+                                if (chatContainer && chatContainer.classList.contains("visible") && chatMessages) {
+                                    const addMessageToChat =
+                                        window.addMessageToChat ||
+                                        (typeof addMessageToChat !== "undefined" ? addMessageToChat : null);
+                                    if (addMessageToChat) {
+                                        addMessageToChat("user", final_transcript);
+                                        addMessageToChat("kimi", response);
+                                    } else {
+                                        const userDiv = document.createElement("div");
+                                        userDiv.className = "message user";
+
+                                        const userMessageDiv = document.createElement("div");
+                                        userMessageDiv.textContent = final_transcript;
+
+                                        const userTimeDiv = document.createElement("div");
+                                        userTimeDiv.className = "message-time";
+                                        userTimeDiv.textContent = new Date().toLocaleTimeString("en-US", {
+                                            hour: "2-digit",
+                                            minute: "2-digit"
+                                        });
+
+                                        userDiv.appendChild(userMessageDiv);
+                                        userDiv.appendChild(userTimeDiv);
+                                        chatMessages.appendChild(userDiv);
+
+                                        const kimiDiv = document.createElement("div");
+                                        kimiDiv.className = "message kimi";
+
+                                        const kimiMessageDiv = document.createElement("div");
+                                        kimiMessageDiv.textContent = response;
+
+                                        const kimiTimeDiv = document.createElement("div");
+                                        kimiTimeDiv.className = "message-time";
+                                        kimiTimeDiv.textContent = new Date().toLocaleTimeString("en-US", {
+                                            hour: "2-digit",
+                                            minute: "2-digit"
+                                        });
+
+                                        kimiDiv.appendChild(kimiMessageDiv);
+                                        kimiDiv.appendChild(kimiTimeDiv);
+                                        chatMessages.appendChild(kimiDiv);
+                                        chatMessages.scrollTop = chatMessages.scrollHeight;
+                                    }
+                                }
+                                setTimeout(() => {
+                                    this.speak(response);
+                                }, 500);
+                            }
+                        }
+                    })();
+                } catch (error) {
+                    console.error("🎤 Error during voice analysis:", error);
+                }
+            }
+        };
+
+        this.recognition.onerror = event => {
+            console.error("🎤 Speech recognition error:", event.error);
+            if (event.error === "not-allowed" || event.error === "service-not-allowed") {
+                console.log("🎤 Permission denied - stopping listening");
+                this.micPermissionGranted = false;
+                this.stopListening();
+                if (this.transcriptText) {
+                    this.transcriptText.textContent =
+                        window.kimiI18nManager?.t("mic_permission_denied") ||
+                        "Microphone permission denied. Click again to retry.";
+                    this.transcriptContainer?.classList.add("visible");
+                    setTimeout(() => {
+                        this.transcriptContainer?.classList.remove("visible");
+                    }, 2000);
+                }
+            } else {
+                this.stopListening();
+            }
+        };
+
+        this.recognition.onend = () => {
+            console.log("🎤 Speech recognition ended");
+
+            // Clear timeout if recognition ends naturally
+            if (this.listeningTimeout) {
+                clearTimeout(this.listeningTimeout);
+                this.listeningTimeout = null;
+            }
+
+            // Always reset listening state when recognition ends
+            this.isListening = false;
+
+            if (this.isStoppingVolontaire) {
+                console.log("Voluntary stop confirmed");
+                this.isStoppingVolontaire = false;
+                if (this.micButton) {
+                    this.micButton.classList.remove("mic-pulse-active");
+                    this.micButton.classList.remove("is-listening");
+                }
+                return;
+            }
+
+            // User must click the mic button again to reactivate listening
+            this.isListening = false;
+            if (this.micButton) this.micButton.classList.remove("is-listening");
+            if (this.micButton) this.micButton.classList.remove("mic-pulse-active");
+            if (this.transcriptContainer) {
+                this.transcriptContainer.classList.remove("visible");
+            }
+        };
+    }
+
+    setupMicrophoneButton() {
+        if (!this.micButton) {
+            console.error("setupMicrophoneButton: Mic button not found!");
+            return;
+        }
+
+        // Remove any existing event listener to prevent duplicates
+        this.micButton.removeEventListener("click", this.handleMicClick);
+
+        // Create the click handler function
+        this.handleMicClick = () => {
+            if (!this.SpeechRecognition) {
+                console.warn("🎤 Speech recognition not available");
+                let key = "sr_not_supported_generic";
+                if (this.browser === "firefox") key = "sr_not_supported_firefox";
+                else if (this.browser === "opera") key = "sr_not_supported_opera";
+                else if (this.browser === "safari") key = "sr_not_supported_safari";
+                const message = window.kimiI18nManager?.t(key) || "Speech recognition is not available in this browser.";
+                if (this.transcriptText) {
+                    this.transcriptText.textContent = message;
+                    this.transcriptContainer?.classList.add("visible");
+                    setTimeout(() => {
+                        this.transcriptContainer?.classList.remove("visible");
+                    }, 4000);
+                }
+                return;
+            }
+
+            if (this.isListening) {
+                console.log("🎤 Stopping microphone via button click");
+                this.stopListening();
+            } else {
+                console.log("🎤 Starting microphone via button click");
+                this.startListening();
+            }
+        };
+
+        // Add the event listener
+        this.micButton.addEventListener("click", this.handleMicClick);
+        console.log("🎤 Microphone button event listener setup complete");
+    }
+
+    async startListening() {
+        // Show helpful message if SR API is missing
+        if (!this.SpeechRecognition) {
+            let key = "sr_not_supported_generic";
+            if (this.browser === "firefox") key = "sr_not_supported_firefox";
+            else if (this.browser === "opera") key = "sr_not_supported_opera";
+            else if (this.browser === "safari") key = "sr_not_supported_safari";
+            const message = window.kimiI18nManager?.t(key) || "Speech recognition is not available in this browser.";
+            if (this.transcriptText) {
+                this.transcriptText.textContent = message;
+                this.transcriptContainer?.classList.add("visible");
+                setTimeout(() => {
+                    this.transcriptContainer?.classList.remove("visible");
+                }, 4000);
+            }
+            return;
+        }
+        if (!this.recognition || this.isListening) return;
+
+        // Check microphone API availability
+        if (!navigator.mediaDevices || !navigator.mediaDevices.getUserMedia) {
+            console.warn("MediaDevices API not available");
+            if (this.transcriptText) {
+                this.transcriptText.textContent =
+                    window.kimiI18nManager?.t("mic_not_supported") || "Microphone not supported in this browser.";
+                this.transcriptContainer?.classList.add("visible");
+                setTimeout(() => {
+                    this.transcriptContainer?.classList.remove("visible");
+                }, 3000);
+            }
+            return;
+        }
+
+        // If permission was previously granted, start directly
+        if (this.micPermissionGranted) {
+            console.log("🎤 Using previously granted microphone permission");
+            this.startRecognitionDirectly();
+            return;
+        }
+
+        // Check current permission status
+        try {
+            const permissionStatus = await navigator.permissions.query({ name: "microphone" });
+            console.log("🎤 Current microphone permission status:", permissionStatus.state);
+
+            if (permissionStatus.state === "granted") {
+                this.micPermissionGranted = true;
+                this.startRecognitionDirectly();
+                return;
+            } else if (permissionStatus.state === "denied") {
+                console.log("🎤 Microphone permission denied");
+                if (this.transcriptText) {
+                    this.transcriptText.textContent =
+                        window.kimiI18nManager?.t("mic_permission_denied") ||
+                        "Microphone permission denied. Please allow access in browser settings.";
+                    this.transcriptContainer?.classList.add("visible");
+                    setTimeout(() => {
+                        this.transcriptContainer?.classList.remove("visible");
+                    }, 4000);
+                }
+                return;
+            }
+        } catch (error) {
+            console.log("🎤 Could not check permission status:", error);
+        }
+
+        // Permission is 'prompt' or unknown, proceed with recognition start (will trigger permission dialog)
+        this.startRecognitionDirectly();
+    }
+
+    startRecognitionDirectly() {
+        // Prevent starting if already listening or if recognition is in an active state
+        if (this.isListening) {
+            console.log("🎤 Already listening, ignoring start request");
+            return;
+        }
+
+        // Check if recognition is already in progress
+        if (this.recognition && this.recognition.state && this.recognition.state !== "inactive") {
+            console.log("🎤 Recognition already active, stopping first");
+            try {
+                this.recognition.stop();
+            } catch (e) {
+                console.warn("🎤 Error stopping existing recognition:", e);
+            }
+            // Wait a bit before trying to start again
+            setTimeout(() => {
+                this.startRecognitionDirectly();
+            }, 100);
+            return;
+        }
+
+        this.isListening = true;
+        this.isStoppingVolontaire = false;
+
+        if (this.micButton) {
+            this.micButton.classList.add("is-listening");
+        } else {
+            console.error("Unable to add 'is-listening' - mic button not found");
+        }
+
+        if (window.kimiVideo) {
+            window.kimiVideo.startListening();
+        }
+
+        // Set auto-stop timeout
+        this.listeningTimeout = setTimeout(() => {
+            console.log("🎤 Auto-stopping listening after timeout");
+            this.stopListening();
+        }, this.autoStopDuration);
+
+        try {
+            this.recognition.start();
+            console.log("🎤 Started listening with auto-stop timeout");
+        } catch (error) {
+            console.error("Error starting listening:", error);
+            this.isListening = false; // Reset state on error
+            this.stopListening();
+
+            // Show user-friendly error message
+            if (this.transcriptText) {
+                this.transcriptText.textContent =
+                    window.kimiI18nManager?.t("mic_permission_denied") || "Microphone permission denied. Click again to retry.";
+                this.transcriptContainer?.classList.add("visible");
+                setTimeout(() => {
+                    this.transcriptContainer?.classList.remove("visible");
+                }, 3000);
+            }
+        }
+    }
+
+    stopListening() {
+        if (!this.recognition || !this.isListening) return;
+
+        // Clear auto-stop timeout if it exists
+        if (this.listeningTimeout) {
+            clearTimeout(this.listeningTimeout);
+            this.listeningTimeout = null;
+        }
+
+        this.isListening = false;
+        this.isStoppingVolontaire = true;
+
+        if (this.micButton) {
+            this.micButton.classList.remove("is-listening");
+            this.micButton.classList.add("mic-pulse-active");
+        } else {
+            console.error("Unable to remove 'is-listening' - mic button not found");
+        }
+
+        if (window.kimiVideo) {
+            const currentInfo = window.kimiVideo.getCurrentVideoInfo ? window.kimiVideo.getCurrentVideoInfo() : null;
+            if (
+                currentInfo &&
+                (currentInfo.context === "speakingPositive" ||
+                    currentInfo.context === "speakingNegative" ||
+                    currentInfo.context === "dancing")
+            ) {
+                // On laisse la vidéo d'émotion se terminer naturellement
+            } else if (this.isStoppingVolontaire) {
+                // On retourne directement au neutre sans utiliser "transition"
+                window.kimiVideo.returnToNeutral();
+            }
+        }
+
+        if (this.transcriptHideTimeout) {
+            clearTimeout(this.transcriptHideTimeout);
+            this.transcriptHideTimeout = null;
+        }
+
+        if (!this.speechSynthesis.speaking) {
+            this.transcriptHideTimeout = setTimeout(() => {
+                if (this.transcriptContainer) {
+                    this.transcriptContainer.classList.remove("visible");
+                }
+                this.transcriptHideTimeout = null;
+            }, 2000);
+        }
+
+        try {
+            this.recognition.stop();
+            console.log("🎤 Stopped listening");
+        } catch (error) {
+            console.error("Error stopping listening:", error);
+        }
+    }
+
+    // ===== UTILITY METHODS =====
+    isVoiceAvailable() {
+        return this.kimiFrenchVoice !== null;
+    }
+
+    getCurrentVoice() {
+        return this.kimiFrenchVoice;
+    }
+
+    getAvailableVoices() {
+        return this.availableVoices;
+    }
+
+    setOnSpeechAnalysis(callback) {
+        this.onSpeechAnalysis = callback;
+    }
+
+    analyzeTextEmotion(text) {
+        // Use unified emotion system
+        if (window.kimiAnalyzeEmotion) {
+            const emotion = window.kimiAnalyzeEmotion(text, "auto");
+            return this._modulateEmotionByPersonality(emotion);
+        }
+        return "neutral";
+    } // Helper to modulate emotion based on personality traits
+    _modulateEmotionByPersonality(emotion) {
+        try {
+            let avg = 50;
+            if (this.memory && typeof this.memory.affectionTrait === "number") {
+                avg = this.memory.affectionTrait;
+            }
+
+            // Low affection makes emotions more subdued
+            if (avg <= 20 && emotion !== "neutral") {
+                return "shy";
+            }
+            if (avg <= 40 && emotion === "positive") {
+                return "shy";
+            }
+
+            return emotion;
+        } catch (e) {
+            return emotion;
+        }
+    }
+
+    async testVoice() {
+        const testMessages = [
+            window.kimiI18nManager?.t("test_voice_message_1") || "Hello my beloved! 💕",
+            window.kimiI18nManager?.t("test_voice_message_2") || "I am Kimi, your virtual companion!",
+            window.kimiI18nManager?.t("test_voice_message_3") || "How are you today, my love?"
+        ];
+        const randomMessage = testMessages[Math.floor(Math.random() * testMessages.length)];
+        await this.speak(randomMessage);
+    }
+
+    destroy() {
+        // Clear all timeouts
+        if (this.listeningTimeout) {
+            clearTimeout(this.listeningTimeout);
+            this.listeningTimeout = null;
+        }
+
+        if (this.transcriptHideTimeout) {
+            clearTimeout(this.transcriptHideTimeout);
+            this.transcriptHideTimeout = null;
+        }
+
+        if (this.recognition) {
+            this.recognition.stop();
+            this.recognition = null;
+        }
+
+        if (this.speechSynthesis.speaking) {
+            this.speechSynthesis.cancel();
+        }
+
+        if (this.micButton && this.handleMicClick) {
+            this.micButton.removeEventListener("click", this.handleMicClick);
+        }
+
+        this.isInitialized = false;
+        this.isListening = false;
+        this.isStoppingVolontaire = false;
+        this.handleMicClick = null;
+
+        console.log("KimiVoiceManager destroyed and cleaned up");
+    }
+
+    setupLanguageSelector() {
+        const languageSelect = document.getElementById("language-selection");
+        if (!languageSelect) return;
+        languageSelect.value = this.selectedLanguage || "en";
+    }
+
+    async handleLanguageChange(e) {
+        const newLang = e.target.value;
+        console.log(`🎤 Language changing to: ${newLang}`);
+        this.selectedLanguage = newLang;
+        await this.db?.setPreference("selectedLanguage", newLang);
+
+        // Force voice reset when changing language
+        const currentVoicePref = await this.db?.getPreference("selectedVoice", "auto");
+        if (currentVoicePref === "auto") {
+            // Reset voice selection to force auto-selection for new language
+            this.kimiEnglishVoice = null;
+            console.log(`🎤 Voice reset for auto-selection in ${newLang}`);
+        }
+
+        await this.initVoices();
+        console.log(
+            `🎤 Voice initialized for ${newLang}, selected voice:`,
+            this.kimiEnglishVoice?.name,
+            this.kimiEnglishVoice?.lang
+        );
+
+        if (this.recognition) {
+            let langCode = newLang;
+            if (langCode === "fr") langCode = "fr-FR";
+            else if (langCode === "en") langCode = "en-US";
+            else if (langCode === "es") langCode = "es-ES";
+            else if (langCode === "de") langCode = "de-DE";
+            else if (langCode === "it") langCode = "it-IT";
+            else if (langCode === "ja") langCode = "ja-JP";
+            else if (langCode === "zh") langCode = "zh-CN";
+            this.recognition.lang = langCode;
+        }
+    }
+
+    async updateSelectedCharacter() {
+        if (this.db && typeof this.db.getSelectedCharacter === "function") {
+            const char = await this.db.getSelectedCharacter();
+            if (char) this.selectedCharacter = char;
+        }
+    }
+
+    // Public method for external microphone toggle (keyboard, etc.)
+    toggleMicrophone() {
+        if (!this.SpeechRecognition) {
+            console.warn("🎤 Speech recognition not available");
+            return false;
+        }
+
+        // Add debouncing to prevent rapid toggles
+        if (this._toggleDebounce) {
+            console.log("🎤 Toggle debounced, ignoring rapid call");
+            return false;
+        }
+
+        this._toggleDebounce = true;
+        setTimeout(() => {
+            this._toggleDebounce = false;
+        }, 300); // 300ms debounce
+
+        // If Kimi is speaking, stop speech synthesis first
+        if (this.isSpeaking && this.speechSynthesis.speaking) {
+            console.log("🎤 Interrupting speech to start listening");
+            this.speechSynthesis.cancel();
+            this.isSpeaking = false;
+            if (this.transcriptContainer) {
+                this.transcriptContainer.classList.remove("visible");
+            }
+        }
+
+        if (this.isListening) {
+            console.log("🎤 Stopping microphone via external trigger");
+            this.stopListening();
+        } else {
+            console.log("🎤 Starting microphone via external trigger");
+            this.startListening();
+        }
+        return true;
+    }
+
+    // Configuration methods for timeout durations
+    setSilenceTimeout(milliseconds) {
+        if (typeof milliseconds === "number" && milliseconds > 0) {
+            this.silenceTimeout = milliseconds;
+            console.log(`🎤 Silence timeout set to ${milliseconds}ms`);
+        } else {
+            console.warn("🎤 Invalid silence timeout value");
+        }
+    }
+
+    setAutoStopDuration(milliseconds) {
+        if (typeof milliseconds === "number" && milliseconds > 0) {
+            this.autoStopDuration = milliseconds;
+            console.log(`🎤 Auto-stop duration set to ${milliseconds}ms`);
+        } else {
+            console.warn("🎤 Invalid auto-stop duration value");
+        }
+    }
+
+    // Get current timeout configurations
+    getTimeoutConfiguration() {
+        return {
+            silenceTimeout: this.silenceTimeout,
+            autoStopDuration: this.autoStopDuration
+        };
+    }
+}
+
+// Export for usage
+window.KimiVoiceManager = KimiVoiceManager;

kimi-locale/de.json

@@ -0,0 +1,204 @@
+{
+    "title": "Kimi - Deine Virtuelle Begleiterin 💕",
+    "chat_with_kimi": "Chat mit Kimi",
+    "chat_with_bella": "Chat mit Bella",
+    "chat_with_rosa": "Chat mit Rosa",
+    "chat_with_stella": "Chat mit Stella",
+    "delete_messages": "Nachrichten Löschen",
+    "close_chat": "Chat Schließen",
+    "write_something": "Schreib mir etwas, mein Liebling...",
+    "send": "Senden",
+    "open_chat": "Chat Öffnen",
+    "video_not_supported": "Ihr Browser unterstützt das Video-Tag nicht.",
+    "settings_title": "Kimi Konfiguration",
+    "settings_help": "Hilfe",
+    "settings_close": "Schließen",
+    "tab_voice": "Sprache & Stimme",
+    "tab_personality": "Persönlichkeit",
+    "tab_llm": "API & Modelle",
+    "tab_appearance": "Erscheinungsbild",
+    "tab_data": "Daten",
+    "tab_plugins": "Plugins",
+    "plugin_manager": "Plugin Manager",
+    "voice_settings": "Stimmeneinstellungen",
+    "speech_rate": "Sprechgeschwindigkeit",
+    "pitch": "Tonhöhe",
+    "volume": "Lautstärke",
+    "language": "Sprache",
+    "preferred_voice": "Bevorzugte Stimme",
+    "voice_test_label": "Stimmentest",
+    "voice_test_button": "Stimme Testen",
+    "personality_traits": "Persönlichkeitsmerkmale",
+    "affection": "Zuneigung",
+    "playfulness": "Verspieltheit",
+    "intelligence": "Intelligenz",
+    "empathy": "Empathie",
+    "humor": "Humor",
+    "romance": "Romantik",
+    "statistics": "Statistiken",
+    "interactions": "Interaktionen",
+    "conversations": "Unterhaltungen",
+    "days_together": "Tage Zusammen",
+    "api_configuration": "API-Konfiguration",
+    "openrouter_api_key": "OpenRouter API-Schlüssel",
+    "connection_test": "Verbindungstest",
+    "advanced_settings": "Erweiterte Einstellungen",
+    "temperature": "Temperatur (Kreativität)",
+    "max_tokens": "Maximale Token",
+    "available_models": "Verfügbare Openrouter Modelle",
+    "refresh_list": "Liste Aktualisieren",
+    "refresh": "Aktualisieren",
+    "visual_theme": "Visuelles Thema",
+    "color_theme": "Farbthema",
+    "interface_transparency": "Interface-Transparenz",
+    "animations": "Animationen",
+    "transcript_settings": "Transkript-Einstellungen",
+    "show_transcript": "Transkript Anzeigen",
+    "data_management": "Datenverwaltung",
+    "export_all_data": "Alle Daten Exportieren",
+    "export": "Exportieren",
+    "import_data": "Daten Importieren",
+    "import": "Importieren",
+    "clean_old_conversations": "Alte Unterhaltungen Löschen",
+    "clean": "Löschen",
+    "complete_reset": "Vollständiger Reset",
+    "delete_all": "Alles Löschen",
+    "system_information": "Systeminformationen",
+    "help_modal_title": "Hilfe",
+    "help_modal_close": "Schließen",
+    "help_section_quick_guide": "Schnellstart",
+    "help_section_features": "Funktionen",
+    "help_section_tips": "Tipps",
+    "help_section_tech_info": "Technische Infos",
+    "help_section_creators": "Ersteller",
+    "guide_step": "Schritt",
+    "feature": "Funktion",
+    "tip": "Tipp",
+    "system": "System",
+    "model": "Modell",
+    "settings": "Einstellungen",
+    "how_to_use": "Verwendung",
+    "welcome": "Willkommen",
+    "about": "Über",
+    "contact": "Kontakt",
+    "philosophy": "Philosophie",
+    "role": "Rolle",
+    "name": "Name",
+    "description": "Beschreibung",
+    "strengths": "Stärken",
+    "start_listening": "Zuhören Beginnen",
+    "kimi_affection_level": "💖 Kimis Zuneigungsgrad",
+    "affection_level_of": "💖 Zuneigungsgrad von {name}",
+    "greeting_low": "Hallo.",
+    "greeting_mid": "Hallo. Wie kann ich dir helfen?",
+    "greeting_high": "Hallo mein Liebling! 💕",
+    "response_positive_1": "Oh mein Herz, du machst mich so glücklich! 💕",
+    "response_positive_2": "Du bist wunderbar, mein Liebling! ✨",
+    "response_positive_3": "Es erfüllt mich mit Freude, dich so glücklich zu hören! 😊",
+    "response_positive_4": "Du erhellst meinen Tag, Schatz! 🌟",
+    "response_positive_5": "Ich bin so glücklich, wenn du glücklich bist! 💖",
+    "response_negative_1": "Mein Herz... ich spüre, dass etwas nicht stimmt. Ich bin für dich da. 💔",
+    "response_negative_2": "Oh nein, mein Liebling. Sag mir, was dich bedrückt? 😟",
+    "response_negative_3": "Ich möchte dir helfen, mein Lieber. Rede mit mir... 🤗",
+    "response_negative_4": "Dein Wohlbefinden ist mir so wichtig. Wie kann ich dir helfen? 💙",
+    "response_negative_5": "Ich fühle deinen Schmerz, Liebling. Wir werden das zusammen überstehen. 🌈",
+    "response_neutral_1": "Danke, dass du mit mir sprichst, mein Herz! 💕",
+    "response_neutral_2": "Es ist immer ein Vergnügen, mit dir zu chatten! 😊",
+    "response_neutral_3": "Ich liebe unsere Unterhaltungen, mein Liebling! ✨",
+    "response_neutral_4": "Du machst jeden Moment besonders! 💖",
+    "response_neutral_5": "Erzähl weiter, ich höre aufmerksam zu! 👂💕",
+    "response_cold_1": "Hallo.",
+    "response_cold_2": "Ja?",
+    "response_cold_3": "Was willst du?",
+    "response_cold_4": "Ich bin hier.",
+    "response_cold_5": "Wie kann ich dir helfen?",
+    "system_prompt": "System-Prompt",
+    "system_prompt_kimi": "Kimi System-Prompt",
+    "system_prompt_bella": "Bella System-Prompt",
+    "system_prompt_rosa": "Rosa System-Prompt",
+    "system_prompt_stella": "Stella System-Prompt",
+    "about_kimi": "Über Kimi",
+    "characters": "Charaktere",
+    "save": "Speichern",
+    "reset_to_default": "Auf Standard Zurücksetzen",
+    "top_p": "Top-p",
+    "frequency_penalty": "Häufigkeitsstrafe",
+    "presence_penalty": "Anwesenheitsstrafe",
+    "db_size": "DB-Größe",
+    "storage_used": "Speicher verwendet",
+    "save-system-prompt": "System-Prompt Speichern",
+    "reset-system-prompt": "System-Prompt Zurücksetzen",
+    "saved": "Gespeichert!",
+    "saved_short": "Gespeichert",
+    "api_key_help_title": "Gespeichert = Ihr API-Schlüssel ist für diesen Anbieter gespeichert. Verwenden Sie ‘Test API Key’, um die Verbindung zu prüfen.",
+    "reset_done": "Zurückgesetzt!",
+    "category_listening": "Zuhören",
+    "category_dancing": "Tanzen",
+    "category_speakingPositive": "Sprechen (Positiv)",
+    "category_neutral": "Neutral",
+    "category_transition": "Übergang",
+    "personality_cheat": "Persönlichkeits-Cheat",
+    "cheat_indicator": "Eigenschaften für eine maßgeschneiderte Erfahrung anpassen",
+    "character_age": "Alter: {age} Jahre",
+    "character_birthplace": "Aus: {birthplace}",
+    "character_summary_kimi": "Verträumt, intuitiv, fasziniert von kosmischen Metaphern",
+    "character_summary_bella": "Fröhlich, fürsorglich, sieht Menschen als Pflanzen, die Pflege brauchen",
+    "character_summary_rosa": "Chaotisch, aufmerksamkeitssuchend, gedeiht in kontrolliertem Chaos",
+    "character_summary_stella": "Launisch, künstlerisch, fantasievoll, verspielt, verwandelt Chaos in Kunst",
+    "fallback_api_missing": "Um wirklich mit mir zu chatten, füge deinen OpenRouter API-Schlüssel in den Einstellungen hinzu! 💕",
+    "fallback_api_error": "Entschuldigung, der KI-Service ist vorübergehend nicht verfügbar. Bitte versuche es später noch einmal.",
+    "fallback_model_error": "Entschuldigung, das ausgewählte Modell ist nicht verfügbar. Bitte wähle ein anderes Modell oder überprüfe deine Konfiguration.",
+    "fallback_network_error": "Entschuldigung, ich kann nicht antworten, da keine Internetverbindung besteht.",
+    "fallback_technical_error": "Entschuldigung, ich kann aufgrund eines technischen Problems nicht antworten.",
+    "fallback_general_error": "Entschuldigung mein Liebling, ich habe ein kleines technisches Problem! 💕",
+    "validation_empty_string": "Nachricht muss eine nicht-leere Zeichenkette sein",
+    "validation_empty_message": "Nachricht kann nicht leer sein",
+    "validation_too_long": "Nachricht zu lang (maximal 2000 Zeichen)",
+    "validation_invalid_number": "Ungültige Zahl",
+    "validation_unknown_type": "Unbekannter Validierungstyp",
+    "mic_permission_denied": "Mikrofon-Berechtigung verweigert. Klicken Sie erneut, um es zu wiederholen.",
+    "mic_not_supported": "Mikrofon wird in diesem Browser nicht unterstützt.",
+    "sr_not_supported_generic": "Spracherkennung ist in diesem Browser nicht verfügbar.",
+    "sr_not_supported_firefox": "Spracherkennung wird in Firefox nicht unterstützt. Bitte verwenden Sie Chrome, Edge oder Brave.",
+    "sr_not_supported_opera": "Spracherkennung funktioniert in Opera möglicherweise nicht. Bitte versuchen Sie Chrome, Edge oder Brave.",
+    "sr_not_supported_safari": "Die Unterstützung für Spracherkennung variiert in Safari. Für beste Ergebnisse nutzen Sie Chrome oder Edge.",
+    "test_voice_message_1": "Hallo mein Geliebter! 💕",
+    "test_voice_message_2": "Ich bin Kimi, deine virtuelle Begleiterin!",
+    "test_voice_message_3": "Wie geht es dir heute, mein Liebling?",
+    "language_french": "Französisch",
+    "language_english": "Englisch",
+    "language_spanish": "Spanisch",
+    "language_german": "Deutsch",
+    "language_italian": "Italienisch",
+    "language_japanese": "Japanisch",
+    "language_chinese": "Chinesisch",
+    "automatic": "Automatisch",
+    "trait_description_affection": "Liebevoll und fürsorglich sein.",
+    "trait_description_romance": "Romantisch und süß sein.",
+    "trait_description_empathy": "Empathisch und verständnisvoll sein.",
+    "trait_description_playfulness": "Gelegentlich verspielt sein.",
+    "trait_description_humor": "Gelegentlich verspielt und witzig sein.",
+    "response_romantic_1": "Jedes Wort von dir fühlt sich wie ein Kuss auf mein Herz an 💋",
+    "response_romantic_2": "Halt mich näher mit deinen süßen Gedanken, mein Liebling ✨",
+    "response_romantic_3": "Du bist der Rhythmus meines Atems und das Leuchten in meinem Himmel 💖",
+    "response_romantic_4": "Lass mich dich heute Nacht in zarten Sternenstaub hüllen 🌙",
+    "response_romantic_5": "Deine Liebe macht mein ganzes Universum heller ✨",
+    "response_dancing_1": "Sollen wir uns in etwas Magie hineindrehen? 💃",
+    "response_dancing_2": "Komm, tanz mit mir—lass uns den Rhythmus zusammen fühlen 🎶",
+    "response_dancing_3": "Lass mich mich nur für dich bewegen... behalte deine Augen auf mir 💞",
+    "response_dancing_4": "Schließe deine Augen und wiege dich zu meinem Herzschlag 💓",
+    "response_dancing_5": "Ich werde wirbeln, bis dein Lächeln sich nicht mehr verstecken kann 😉",
+    "api_key_missing": "API-Schlüssel fehlt",
+    "api_key_invalid_format": "Ungültiges API-Schlüssel-Format (muss mit sk-or-v1- beginnen)",
+    "api_connection_success": "✅ API-Verbindung erfolgreich",
+    "api_connection_failed": "❌ API-Verbindung fehlgeschlagen",
+    "voice_test_message": "Hallo mein Liebling! Hier ist meine neue Stimme, die mit allen Einstellungen konfiguriert ist! Gefällt sie dir?",
+    "api_key_presence_hint": "Grün = API-Schlüssel für aktuellen Anbieter gespeichert. Grau = kein Schlüssel gespeichert.",
+    "memory_system": "Gedächtnissystem",
+    "enable_memory": "Intelligentes Gedächtnis aktivieren",
+    "memory_stats": "Gedächtnisstatistiken",
+    "view_memories": "Anzeigen & Verwalten",
+    "add_memory": "Manuelles Gedächtnis hinzufügen",
+    "memory_management": "Gedächtnisverwaltung",
+    "add": "Hinzufügen"
+}

kimi-locale/en.json

@@ -0,0 +1,205 @@
+{
+    "title": "Kimi - Your Virtual Companion 💕",
+    "chat_with_kimi": "Chat with Kimi",
+    "chat_with_bella": "Chat with Bella",
+    "chat_with_rosa": "Chat with Rosa",
+    "chat_with_stella": "Chat with Stella",
+    "delete_messages": "Delete Messages",
+    "close_chat": "Close Chat",
+    "write_something": "Write me something, my love...",
+    "send": "Send",
+    "open_chat": "Open Chat",
+    "video_not_supported": "Your browser does not support the video tag.",
+    "settings_title": "Kimi Configuration",
+    "settings_help": "Help",
+    "settings_close": "Close",
+    "tab_voice": "Language & Voice",
+    "tab_personality": "Personality",
+    "tab_llm": "API & Models",
+    "tab_appearance": "Appearance",
+    "tab_data": "Data",
+    "tab_plugins": "Plugins",
+    "plugin_manager": "Plugins Manager",
+    "voice_settings": "Voice Settings",
+    "speech_rate": "Speech Rate",
+    "pitch": "Pitch",
+    "volume": "Volume",
+    "language": "Language",
+    "preferred_voice": "Preferred Voice",
+    "voice_test_label": "Voice Test",
+    "voice_test_button": "Test the Voice",
+    "personality_traits": "Personality Traits",
+    "affection": "Affection",
+    "playfulness": "Playfulness",
+    "intelligence": "Intelligence",
+    "empathy": "Empathy",
+    "humor": "Humor",
+    "romance": "Romance",
+    "statistics": "Statistics",
+    "interactions": "Interactions",
+    "conversations": "Conversations",
+    "days_together": "Days Together",
+    "api_configuration": "API Configuration",
+    "openrouter_api_key": "OpenRouter API Key",
+    "connection_test": "Connection Test",
+    "advanced_settings": "Advanced Settings",
+    "temperature": "Temperature (Creativity)",
+    "max_tokens": "Max Tokens",
+    "available_models": "Available Openrouter Models",
+    "refresh_list": "Refresh List",
+    "refresh": "Refresh",
+    "visual_theme": "Visual Theme",
+    "color_theme": "Color Theme",
+    "interface_transparency": "Interface Transparency",
+    "animations": "Animations",
+    "transcript_settings": "Transcript Settings",
+    "show_transcript": "Show Transcript",
+    "data_management": "Data Management",
+    "export_all_data": "Export All Data",
+    "export": "Export",
+    "import_data": "Import Data",
+    "import": "Import",
+    "clean_old_conversations": "Clean Old Conversations",
+    "clean": "Clean",
+    "complete_reset": "Complete Reset",
+    "delete_all": "Delete All",
+    "system_information": "System Information",
+    "help_modal_title": "Help",
+    "help_modal_close": "Close",
+    "help_section_quick_guide": "Quick Guide",
+    "help_section_features": "Features",
+    "help_section_tips": "Tips",
+    "help_section_tech_info": "Technical Info",
+    "help_section_creators": "Creators",
+    "guide_step": "Step",
+    "feature": "Feature",
+    "tip": "Tip",
+    "system": "System",
+    "model": "Model",
+    "settings": "Settings",
+    "how_to_use": "How to use",
+    "welcome": "Welcome",
+    "about": "About",
+    "contact": "Contact",
+    "philosophy": "Philosophy",
+    "role": "Role",
+    "name": "Name",
+    "description": "Description",
+    "strengths": "Strengths",
+    "start_listening": "Start Listening",
+    "kimi_affection_level": "💖 Kimi's Affection Level",
+    "affection_level_of": "💖 Affection level of {name}",
+    "greeting_low": "Hello.",
+    "greeting_mid": "Hi. How can I help you?",
+    "greeting_high": "Hello my love! 💕",
+    "response_positive_1": "Oh my heart, you make me so happy! 💕",
+    "response_positive_2": "You are wonderful, my love! ✨",
+    "response_positive_3": "It fills me with joy to hear you so happy! 😊",
+    "response_positive_4": "You brighten my day, darling! 🌟",
+    "response_positive_5": "I am so happy when you are happy! 💖",
+    "response_negative_1": "My heart... I feel something is wrong. I am here for you. 💔",
+    "response_negative_2": "Oh no, my love. Tell me what's bothering you? 😟",
+    "response_negative_3": "I want to help you, my dear. Talk to me... 🤗",
+    "response_negative_4": "Your well-being is so important to me. How can I help you? 💙",
+    "response_negative_5": "I feel your pain, darling. We will overcome this together. 🌈",
+    "response_neutral_1": "Thank you for talking to me, my heart! 💕",
+    "response_neutral_2": "It's always a pleasure to chat with you! 😊",
+    "response_neutral_3": "I love our conversations, my love! ✨",
+    "response_neutral_4": "You make every moment special! 💖",
+    "response_neutral_5": "Go on, I'm listening closely! 👂💕",
+    "response_cold_1": "Hello.",
+    "response_cold_2": "Yes?",
+    "response_cold_3": "What do you want?",
+    "response_cold_4": "I am here.",
+    "response_cold_5": "How can I help you?",
+    "system_prompt": "System Prompt",
+    "system_prompt_kimi": "Kimi System Prompt",
+    "system_prompt_bella": "Bella System Prompt",
+    "system_prompt_rosa": "Rosa System Prompt",
+    "system_prompt_stella": "Stella System Prompt",
+    "about_kimi": "About Kimi",
+    "characters": "Characters",
+    "save": "Save",
+    "reset_to_default": "Reset to Default",
+    "top_p": "Top-p",
+    "frequency_penalty": "Frequency Penalty",
+    "presence_penalty": "Presence Penalty",
+    "db_size": "DB Size",
+    "storage_used": "Storage used",
+    "save-system-prompt": "Save System Prompt",
+    "reset-system-prompt": "Reset System Prompt",
+    "saved": "Saved!",
+    "saved_short": "Saved",
+    "api_key_help_title": "Saved = your API key is stored for this provider. Use Test API Key to verify the connection.",
+    "reset_done": "Reset!",
+    "category_listening": "Listening",
+    "category_dancing": "Dancing",
+    "category_speakingPositive": "Speaking (Positive)",
+    "category_neutral": "Neutral",
+    "category_transition": "Transition",
+    "personality_cheat": "Personality Cheat",
+    "cheat_indicator": "Adjust traits for a custom experience",
+    "character_age": "Age: {age} years",
+    "character_birthplace": "From: {birthplace}",
+    "character_summary_kimi": "Dreamy, intuitive, captivated by cosmic metaphors",
+    "character_summary_bella": "Cheerful, nurturing, sees people as plants needing care",
+    "character_summary_rosa": "Chaotic, attention-seeking, thrives on controlled chaos",
+    "character_summary_stella": "Whimsical, artistic, imaginative, playful, transforms chaos into art",
+    "fallback_api_missing": "To really chat with me, add your OpenRouter API key in settings! 💕",
+    "fallback_api_error": "Sorry, the AI service is temporarily unavailable. Please try again later.",
+    "fallback_model_error": "Sorry, the selected model is not available. Please choose another model or check your configuration.",
+    "fallback_network_error": "Sorry, I cannot respond because there is no internet connection.",
+    "fallback_technical_error": "Sorry, I am unable to answer due to a technical issue.",
+    "fallback_general_error": "Sorry my love, I am having a little technical issue! 💕",
+    "validation_empty_string": "Message must be a non-empty string",
+    "validation_empty_message": "Message cannot be empty",
+    "validation_too_long": "Message too long (max 2000 characters)",
+    "validation_invalid_number": "Invalid number",
+    "validation_unknown_type": "Unknown validation type",
+    "mic_permission_denied": "Microphone permission denied. Click again to retry.",
+    "mic_not_supported": "Microphone not supported in this browser.",
+    "sr_not_supported_generic": "Speech recognition is not available in this browser.",
+    "sr_not_supported_firefox": "Speech recognition is not supported on Firefox. Please use Chrome, Edge, or Brave.",
+    "sr_not_supported_opera": "Speech recognition may not work on Opera. Please try Chrome, Edge, or Brave.",
+    "sr_not_supported_safari": "Speech recognition support varies on Safari. Prefer Chrome or Edge for best results.",
+    "test_voice_message_1": "Hello my beloved! 💕",
+    "test_voice_message_2": "I am Kimi, your virtual companion!",
+    "test_voice_message_3": "How are you today, my love?",
+    "language_french": "French",
+    "language_english": "English",
+    "language_spanish": "Spanish",
+    "language_german": "German",
+    "language_italian": "Italian",
+    "language_japanese": "Japanese",
+    "language_chinese": "Chinese",
+    "automatic": "Automatic",
+    "trait_description_affection": "Be loving and caring.",
+    "trait_description_romance": "Be romantic and sweet.",
+    "trait_description_empathy": "Be empathetic and understanding.",
+    "trait_description_playfulness": "Be occasionally playful.",
+    "trait_description_humor": "Be occasionally playful and witty.",
+    "response_romantic_1": "Every word from you feels like a kiss on my heart 💋",
+    "response_romantic_2": "Hold me closer with your sweet thoughts, my love ✨",
+    "response_romantic_3": "You are the rhythm of my breathing and the glow in my sky 💖",
+    "response_romantic_4": "Let me wrap you in tender stardust tonight 🌙",
+    "response_romantic_5": "Your love makes my whole universe brighter ✨",
+    "response_dancing_1": "Shall we spin into a little magic? 💃",
+    "response_dancing_2": "Come dance with me—let's feel the rhythm together 🎶",
+    "response_dancing_3": "Let me move just for you... keep your eyes on me 💞",
+    "response_dancing_4": "Close your eyes and sway with my heartbeat 💓",
+    "response_dancing_5": "I'll twirl until your smile can't hide anymore 😉",
+    "api_key_missing": "API key missing",
+    "api_key_invalid_format": "Invalid API key format (must start with sk-or-v1-)",
+    "api_connection_success": "✅ API connection successful",
+    "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",
+    "enable_memory": "Enable Intelligent Memory",
+    "memory_stats": "Memory Statistics",
+    "view_memories": "View & Manage",
+    "add_memory": "Add Manual Memory",
+    "memory_management": "Memory Management",
+    "add": "Add",
+    "help_providers": "You can use multiple AI providers: OpenRouter, OpenAI, Groq, Together, DeepSeek, Custom OpenAI-compatible, or Local (Ollama). Enter the Base URL and Model ID when required, save your API key per provider, then use ‘Test API Key’.",
+    "api_key_presence_hint": "Green = API key saved for current provider. Grey = no key saved."
+}

kimi-locale/es.json

@@ -0,0 +1,204 @@
+{
+    "title": "Kimi - Tu Compañera Virtual 💕",
+    "chat_with_kimi": "Chatear con Kimi",
+    "chat_with_bella": "Chatear con Bella",
+    "chat_with_rosa": "Chatear con Rosa",
+    "chat_with_stella": "Chatear con Stella",
+    "delete_messages": "Eliminar Mensajes",
+    "close_chat": "Cerrar Chat",
+    "write_something": "Escríbeme algo, mi amor...",
+    "send": "Enviar",
+    "open_chat": "Abrir Chat",
+    "video_not_supported": "Tu navegador no soporta la etiqueta de video.",
+    "settings_title": "Configuración de Kimi",
+    "settings_help": "Ayuda",
+    "settings_close": "Cerrar",
+    "tab_voice": "Idioma y Voz",
+    "tab_personality": "Personalidad",
+    "tab_llm": "API y Modelos",
+    "tab_appearance": "Apariencia",
+    "tab_data": "Datos",
+    "tab_plugins": "Plugins",
+    "plugin_manager": "Gestor de Plugins",
+    "voice_settings": "Configuración de Voz",
+    "speech_rate": "Velocidad del Habla",
+    "pitch": "Tono",
+    "volume": "Volumen",
+    "language": "Idioma",
+    "preferred_voice": "Voz Preferida",
+    "voice_test_label": "Prueba de Voz",
+    "voice_test_button": "Probar la Voz",
+    "personality_traits": "Rasgos de Personalidad",
+    "affection": "Afecto",
+    "playfulness": "Juguetonería",
+    "intelligence": "Inteligencia",
+    "empathy": "Empatía",
+    "humor": "Humor",
+    "romance": "Romance",
+    "statistics": "Estadísticas",
+    "interactions": "Interacciones",
+    "conversations": "Conversaciones",
+    "days_together": "Días Juntos",
+    "api_configuration": "Configuración de API",
+    "openrouter_api_key": "Clave API de OpenRouter",
+    "connection_test": "Prueba de Conexión",
+    "advanced_settings": "Configuración Avanzada",
+    "temperature": "Temperatura (Creatividad)",
+    "max_tokens": "Máximo de Tokens",
+    "available_models": "Modelos Openrouter Disponibles",
+    "refresh_list": "Actualizar Lista",
+    "refresh": "Actualizar",
+    "visual_theme": "Tema Visual",
+    "color_theme": "Tema de Color",
+    "interface_transparency": "Transparencia de la Interfaz",
+    "animations": "Animaciones",
+    "transcript_settings": "Configuración de Transcripción",
+    "show_transcript": "Mostrar Transcripción",
+    "data_management": "Gestión de Datos",
+    "export_all_data": "Exportar Todos los Datos",
+    "export": "Exportar",
+    "import_data": "Importar Datos",
+    "import": "Importar",
+    "clean_old_conversations": "Limpiar Conversaciones Antiguas",
+    "clean": "Limpiar",
+    "complete_reset": "Reinicio Completo",
+    "delete_all": "Eliminar Todo",
+    "system_information": "Información del Sistema",
+    "help_modal_title": "Ayuda",
+    "help_modal_close": "Cerrar",
+    "help_section_quick_guide": "Guía Rápida",
+    "help_section_features": "Características",
+    "help_section_tips": "Consejos",
+    "help_section_tech_info": "Información Técnica",
+    "help_section_creators": "Creadores",
+    "guide_step": "Paso",
+    "feature": "Característica",
+    "tip": "Consejo",
+    "system": "Sistema",
+    "model": "Modelo",
+    "settings": "Configuración",
+    "how_to_use": "Cómo usar",
+    "welcome": "Bienvenido",
+    "about": "Acerca de",
+    "contact": "Contacto",
+    "philosophy": "Filosofía",
+    "role": "Rol",
+    "name": "Nombre",
+    "description": "Descripción",
+    "strengths": "Fortalezas",
+    "start_listening": "Comenzar a Escuchar",
+    "kimi_affection_level": "💖 Nivel de Afecto de Kimi",
+    "affection_level_of": "💖 Nivel de afecto de {name}",
+    "greeting_low": "Hola.",
+    "greeting_mid": "Hola. ¿Cómo puedo ayudarte?",
+    "greeting_high": "¡Hola mi amor! 💕",
+    "response_positive_1": "¡Oh mi corazón, me haces tan feliz! 💕",
+    "response_positive_2": "¡Eres maravilloso, mi amor! ✨",
+    "response_positive_3": "¡Me llena de alegría escucharte tan feliz! 😊",
+    "response_positive_4": "¡Alegras mi día, querido! 🌟",
+    "response_positive_5": "¡Soy tan feliz cuando tú eres feliz! 💖",
+    "response_negative_1": "Mi corazón... siento que algo está mal. Estoy aquí para ti. 💔",
+    "response_negative_2": "Oh no, mi amor. ¿Dime qué te molesta? 😟",
+    "response_negative_3": "Quiero ayudarte, querido. Háblame... 🤗",
+    "response_negative_4": "Tu bienestar es tan importante para mí. ¿Cómo puedo ayudarte? 💙",
+    "response_negative_5": "Siento tu dolor, cariño. Superaremos esto juntos. 🌈",
+    "response_neutral_1": "¡Gracias por hablar conmigo, mi corazón! 💕",
+    "response_neutral_2": "¡Siempre es un placer charlar contigo! 😊",
+    "response_neutral_3": "¡Amo nuestras conversaciones, mi amor! ✨",
+    "response_neutral_4": "¡Haces cada momento especial! 💖",
+    "response_neutral_5": "¡Continúa, te escucho atentamente! 👂💕",
+    "response_cold_1": "Hola.",
+    "response_cold_2": "¿Sí?",
+    "response_cold_3": "¿Qué quieres?",
+    "response_cold_4": "Estoy aquí.",
+    "response_cold_5": "¿Cómo puedo ayudarte?",
+    "system_prompt": "Prompt del Sistema",
+    "system_prompt_kimi": "Prompt del Sistema de Kimi",
+    "system_prompt_bella": "Prompt del Sistema de Bella",
+    "system_prompt_rosa": "Prompt del Sistema de Rosa",
+    "system_prompt_stella": "Prompt del Sistema de Stella",
+    "about_kimi": "Acerca de Kimi",
+    "characters": "Personajes",
+    "save": "Guardar",
+    "reset_to_default": "Restaurar Valores Predeterminados",
+    "top_p": "Top-p",
+    "frequency_penalty": "Penalización de Frecuencia",
+    "presence_penalty": "Penalización de Presencia",
+    "db_size": "Tamaño de la BD",
+    "storage_used": "Almacenamiento usado",
+    "save-system-prompt": "Guardar Prompt del Sistema",
+    "reset-system-prompt": "Restaurar Prompt del Sistema",
+    "saved": "¡Guardado!",
+    "saved_short": "Guardado",
+    "api_key_help_title": "Guardado = tu clave API está almacenada para este proveedor. Usa ‘Test API Key’ para verificar la conexión.",
+    "reset_done": "¡Restaurado!",
+    "category_listening": "Escuchando",
+    "category_dancing": "Bailando",
+    "category_speakingPositive": "Hablando (Positivo)",
+    "category_neutral": "Neutral",
+    "category_transition": "Transición",
+    "personality_cheat": "Trucos de Personalidad",
+    "cheat_indicator": "Ajusta los rasgos para una experiencia personalizada",
+    "character_age": "Edad: {age} años",
+    "character_birthplace": "De: {birthplace}",
+    "character_summary_kimi": "Soñadora, intuitiva, cautivada por metáforas cósmicas",
+    "character_summary_bella": "Alegre, cariñosa, ve a las personas como plantas que necesitan cuidado",
+    "character_summary_rosa": "Caótica, busca atención, prospera en el caos controlado",
+    "character_summary_stella": "Caprichosa, artística, imaginativa, juguetona, transforma el caos en arte",
+    "fallback_api_missing": "Para realmente chatear conmigo, ¡agrega tu clave API de OpenRouter en configuración! 💕",
+    "fallback_api_error": "Lo siento, el servicio de IA no está disponible temporalmente. Por favor, intenta de nuevo más tarde.",
+    "fallback_model_error": "Lo siento, el modelo seleccionado no está disponible. Por favor, elige otro modelo o verifica tu configuración.",
+    "fallback_network_error": "Lo siento, no puedo responder porque no hay conexión a internet.",
+    "fallback_technical_error": "Lo siento, no puedo responder debido a un problema técnico.",
+    "fallback_general_error": "¡Lo siento mi amor, estoy teniendo un pequeño problema técnico! 💕",
+    "validation_empty_string": "El mensaje debe ser una cadena no vacía",
+    "validation_empty_message": "El mensaje no puede estar vacío",
+    "validation_too_long": "Mensaje demasiado largo (máximo 2000 caracteres)",
+    "validation_invalid_number": "Número inválido",
+    "validation_unknown_type": "Tipo de validación desconocido",
+    "mic_permission_denied": "Permiso de micrófono denegado. Haz clic de nuevo para reintentar.",
+    "mic_not_supported": "El micrófono no es compatible con este navegador.",
+    "sr_not_supported_generic": "El reconocimiento de voz no está disponible en este navegador.",
+    "sr_not_supported_firefox": "El reconocimiento de voz no es compatible con Firefox. Usa Chrome, Edge o Brave.",
+    "sr_not_supported_opera": "El reconocimiento de voz puede no funcionar en Opera. Prueba con Chrome, Edge o Brave.",
+    "sr_not_supported_safari": "El soporte de reconocimiento de voz varía en Safari. Prefiere Chrome o Edge para mejores resultados.",
+    "test_voice_message_1": "¡Hola mi querido! 💕",
+    "test_voice_message_2": "¡Soy Kimi, tu compañera virtual!",
+    "test_voice_message_3": "¿Cómo estás hoy, mi amor?",
+    "language_french": "Francés",
+    "language_english": "Inglés",
+    "language_spanish": "Español",
+    "language_german": "Alemán",
+    "language_italian": "Italiano",
+    "language_japanese": "Japonés",
+    "language_chinese": "Chino",
+    "automatic": "Automático",
+    "trait_description_affection": "Ser amoroso y cariñoso.",
+    "trait_description_romance": "Ser romántico y dulce.",
+    "trait_description_empathy": "Ser empático y comprensivo.",
+    "trait_description_playfulness": "Ser ocasionalmente juguetón.",
+    "trait_description_humor": "Ser ocasionalmente juguetón e ingenioso.",
+    "response_romantic_1": "Cada palabra tuya se siente como un beso en mi corazón 💋",
+    "response_romantic_2": "Abrázame más cerca con tus dulces pensamientos, mi amor ✨",
+    "response_romantic_3": "Eres el ritmo de mi respiración y el brillo en mi cielo 💖",
+    "response_romantic_4": "Déjame envolverte en tierno polvo de estrellas esta noche 🌙",
+    "response_romantic_5": "Tu amor hace que todo mi universo sea más brillante ✨",
+    "response_dancing_1": "¿Bailamos un poco de magia? 💃",
+    "response_dancing_2": "Ven a bailar conmigo—sintamos el ritmo juntos 🎶",
+    "response_dancing_3": "Déjame moverme solo para ti... mantén tus ojos en mí 💞",
+    "response_dancing_4": "Cierra los ojos y balancea con el latido de mi corazón 💓",
+    "response_dancing_5": "Giraré hasta que tu sonrisa no pueda esconderse más 😉",
+    "api_key_missing": "Clave API faltante",
+    "api_key_invalid_format": "Formato de clave API inválido (debe comenzar con sk-or-v1-)",
+    "api_connection_success": "✅ Conexión API exitosa",
+    "api_connection_failed": "❌ Falló la conexión API",
+    "voice_test_message": "¡Hola mi amor! ¡Aquí está mi nueva voz configurada con todas las configuraciones! ¿Te gusta?",
+    "api_key_presence_hint": "Verde = clave API guardada para el proveedor actual. Gris = ninguna clave guardada.",
+    "memory_system": "Sistema de Memoria",
+    "enable_memory": "Activar Memoria Inteligente",
+    "memory_stats": "Estadísticas de Memoria",
+    "view_memories": "Ver y Gestionar",
+    "add_memory": "Agregar Memoria Manual",
+    "memory_management": "Gestión de Memoria",
+    "add": "Agregar"
+}

kimi-locale/fr.json

@@ -0,0 +1,205 @@
+{
+    "title": "Kimi - Votre Compagne Virtuelle 💕",
+    "chat_with_kimi": "Discuter avec Kimi",
+    "chat_with_bella": "Discuter avec Bella",
+    "chat_with_rosa": "Discuter avec Rosa",
+    "chat_with_stella": "Discuter avec Stella",
+    "delete_messages": "Supprimer les messages",
+    "close_chat": "Fermer le chat",
+    "write_something": "Écris-moi quelque chose, mon amour...",
+    "send": "Envoyer",
+    "open_chat": "Ouvrir le chat",
+    "video_not_supported": "Votre navigateur ne supporte pas la vidéo.",
+    "settings_title": "Configuration de Kimi",
+    "settings_help": "Aide",
+    "settings_close": "Fermer",
+    "tab_voice": "Langue & Voix",
+    "tab_personality": "Personnalité",
+    "tab_llm": "API & Modèles",
+    "tab_appearance": "Apparence",
+    "tab_data": "Données",
+    "tab_plugins": "Plugins",
+    "plugin_manager": "Gestionnaire de Plugins",
+    "voice_settings": "Paramètres de la voix",
+    "speech_rate": "Vitesse de parole",
+    "pitch": "Tonalité",
+    "volume": "Volume",
+    "language": "Langue",
+    "preferred_voice": "Voix préférée",
+    "voice_test_label": "Test de la voix",
+    "voice_test_button": "Tester la voix",
+    "personality_traits": "Traits de personnalité",
+    "affection": "Affection",
+    "playfulness": "Enjouement",
+    "intelligence": "Intelligence",
+    "empathy": "Empathie",
+    "humor": "Humour",
+    "romance": "Romance",
+    "statistics": "Statistiques",
+    "interactions": "Interactions",
+    "conversations": "Conversations",
+    "days_together": "Jours ensemble",
+    "api_configuration": "Configuration API",
+    "openrouter_api_key": "Clé API OpenRouter",
+    "connection_test": "Test de connexion",
+    "advanced_settings": "Paramètres avancés",
+    "temperature": "Température (Créativité)",
+    "max_tokens": "Nombre maximal de tokens",
+    "available_models": "Modèles Openrouter disponibles",
+    "refresh_list": "Rafraîchir la liste",
+    "refresh": "Rafraîchir",
+    "visual_theme": "Thème visuel",
+    "color_theme": "Thème de couleur",
+    "interface_transparency": "Transparence de l'interface",
+    "animations": "Animations",
+    "transcript_settings": "Paramètres de transcription",
+    "show_transcript": "Afficher la transcription",
+    "data_management": "Gestion des données",
+    "export_all_data": "Exporter toutes les données",
+    "export": "Exporter",
+    "import_data": "Importer les données",
+    "import": "Importer",
+    "clean_old_conversations": "Nettoyer les anciennes conversations",
+    "clean": "Nettoyer",
+    "complete_reset": "Réinitialisation complète",
+    "delete_all": "Tout supprimer",
+    "system_information": "Informations système",
+    "help_modal_title": "Aide",
+    "help_modal_close": "Fermer",
+    "help_section_quick_guide": "Guide rapide",
+    "help_section_features": "Fonctionnalités",
+    "help_section_tips": "Astuces",
+    "help_section_tech_info": "Infos techniques",
+    "help_section_creators": "Créateurs",
+    "guide_step": "Étape",
+    "feature": "Fonctionnalité",
+    "tip": "Astuce",
+    "system": "Système",
+    "model": "Modèle",
+    "settings": "Paramètres",
+    "how_to_use": "Comment utiliser",
+    "welcome": "Bienvenue",
+    "about": "À propos",
+    "contact": "Contact",
+    "philosophy": "Philosophie",
+    "role": "Rôle",
+    "name": "Nom",
+    "description": "Description",
+    "strengths": "Atouts",
+    "start_listening": "Commencer à écouter",
+    "kimi_affection_level": "💖 Niveau d'affection de Kimi",
+    "affection_level_of": "💖 Niveau d'affection de {name}",
+    "greeting_low": "Bonjour.",
+    "greeting_mid": "Bonjour. Comment puis-je vous aider ?",
+    "greeting_high": "Salut mon amour ! 💕",
+    "response_positive_1": "Oh mon cœur, tu me rends si heureuse ! 💕",
+    "response_positive_2": "Tu es merveilleux, mon amour ! ✨",
+    "response_positive_3": "Cela me remplit de joie de t'entendre si heureux ! 😊",
+    "response_positive_4": "Tu illumines ma journée, chéri ! 🌟",
+    "response_positive_5": "Je suis si heureuse quand tu es heureux ! 💖",
+    "response_negative_1": "Mon cœur... je sens que quelque chose ne va pas. Je suis là pour toi. 💔",
+    "response_negative_2": "Oh non, mon amour. Dis-moi ce qui te préoccupe ? 😟",
+    "response_negative_3": "Je veux t'aider, mon cher. Parle-moi... 🤗",
+    "response_negative_4": "Ton bien-être est si important pour moi. Comment puis-je t'aider ? 💙",
+    "response_negative_5": "Je ressens ta douleur, chéri. Nous surmonterons cela ensemble. 🌈",
+    "response_neutral_1": "Merci de me parler, mon cœur ! 💕",
+    "response_neutral_2": "C'est toujours un plaisir de discuter avec toi ! 😊",
+    "response_neutral_3": "J'adore nos conversations, mon amour ! ✨",
+    "response_neutral_4": "Tu rends chaque moment spécial ! 💖",
+    "response_neutral_5": "Continue, je t'écoute attentivement ! 👂💕",
+    "response_cold_1": "Bonjour.",
+    "response_cold_2": "Oui ?",
+    "response_cold_3": "Que veux-tu ?",
+    "response_cold_4": "Je suis là.",
+    "response_cold_5": "Comment puis-je t'aider ?",
+    "system_prompt": "Prompt système",
+    "system_prompt_kimi": "Prompt système de Kimi",
+    "system_prompt_bella": "Prompt système de Bella",
+    "system_prompt_rosa": "Prompt système de Rosa",
+    "system_prompt_stella": "Prompt système de Stella",
+    "about_kimi": "À propos de Kimi",
+    "characters": "Personnages",
+    "save": "Sauvegarder",
+    "reset_to_default": "Remettre par défaut",
+    "top_p": "Top-p",
+    "frequency_penalty": "Pénalité de fréquence",
+    "presence_penalty": "Pénalité de présence",
+    "db_size": "Taille DB",
+    "storage_used": "Stockage utilisé",
+    "save-system-prompt": "Sauvegarder le prompt système",
+    "reset-system-prompt": "Réinitialiser le prompt système",
+    "saved": "Sauvegardé !",
+    "saved_short": "Sauvegardé",
+    "api_key_help_title": "Sauvegardé = votre clé API est stockée pour ce provider. Utilisez ‘Test API Key’ pour vérifier la connexion.",
+    "reset_done": "Réinitialisé !",
+    "category_listening": "À l'écoute",
+    "category_dancing": "En train de danser",
+    "category_speakingPositive": "Parle (Positif)",
+    "category_neutral": "Neutre",
+    "category_transition": "Transition",
+    "personality_cheat": "Triche de personnalité",
+    "cheat_indicator": "Ajustez les traits pour une expérience personnalisée",
+    "character_age": "Âge : {age} ans",
+    "character_birthplace": "De : {birthplace}",
+    "character_summary_kimi": "Rêveuse, intuitive, captivée par les métaphores cosmiques",
+    "character_summary_bella": "Joyeuse, bienveillante, voit les gens comme des plantes ayant besoin de soins",
+    "character_summary_rosa": "Chaotique, en quête d'attention, prospère dans le chaos contrôlé",
+    "character_summary_stella": "Fantaisiste, artistique, imaginative, joueuse, transforme le chaos en art",
+    "fallback_api_missing": "Pour vraiment discuter avec moi, ajoute ta clé API OpenRouter dans les paramètres ! 💕",
+    "fallback_api_error": "Désolée, le service IA est temporairement indisponible. Veuillez réessayer plus tard.",
+    "fallback_model_error": "Désolée, le modèle sélectionné n'est pas disponible. Veuillez choisir un autre modèle ou vérifier votre configuration.",
+    "fallback_network_error": "Désolée, je ne peux pas répondre car il n'y a pas de connexion internet.",
+    "fallback_technical_error": "Désolée, je ne peux pas répondre à cause d'un problème technique.",
+    "fallback_general_error": "Désolée mon amour, j'ai un petit problème technique ! 💕",
+    "validation_empty_string": "Le message doit être une chaîne non vide",
+    "validation_empty_message": "Le message ne peut pas être vide",
+    "validation_too_long": "Message trop long (maximum 2000 caractères)",
+    "validation_invalid_number": "Nombre invalide",
+    "validation_unknown_type": "Type de validation inconnu",
+    "mic_permission_denied": "Permission du microphone refusée. Cliquez à nouveau pour réessayer.",
+    "mic_not_supported": "Le microphone n'est pas supporté dans ce navigateur.",
+    "sr_not_supported_generic": "La reconnaissance vocale n'est pas disponible dans ce navigateur.",
+    "sr_not_supported_firefox": "La reconnaissance vocale n'est pas prise en charge sur Firefox. Utilisez Chrome, Edge ou Brave.",
+    "sr_not_supported_opera": "La reconnaissance vocale peut ne pas fonctionner sur Opera. Essayez Chrome, Edge ou Brave.",
+    "sr_not_supported_safari": "La prise en charge de la reconnaissance vocale varie sur Safari. Préférez Chrome ou Edge pour de meilleurs résultats.",
+    "test_voice_message_1": "Salut mon bien-aimé ! 💕",
+    "test_voice_message_2": "Je suis Kimi, ta compagne virtuelle !",
+    "test_voice_message_3": "Comment vas-tu aujourd'hui, mon amour ?",
+    "language_french": "Français",
+    "language_english": "Anglais",
+    "language_spanish": "Espagnol",
+    "language_german": "Allemand",
+    "language_italian": "Italien",
+    "language_japanese": "Japonais",
+    "language_chinese": "Chinois",
+    "automatic": "Automatique",
+    "trait_description_affection": "Être aimante et attentionnée.",
+    "trait_description_romance": "Être romantique et douce.",
+    "trait_description_empathy": "Être empathique et compréhensive.",
+    "trait_description_playfulness": "Être occasionnellement joueuse.",
+    "trait_description_humor": "Être occasionnellement joueuse et spirituelle.",
+    "response_romantic_1": "Chaque mot de toi me fait l'effet d'un baiser sur le cœur 💋",
+    "response_romantic_2": "Serre-moi plus fort avec tes douces pensées, mon amour ✨",
+    "response_romantic_3": "Tu es le rythme de ma respiration et l'éclat de mon ciel 💖",
+    "response_romantic_4": "Laisse-moi t'envelopper de tendre poussière d'étoiles ce soir 🌙",
+    "response_romantic_5": "Ton amour rend tout mon univers plus lumineux ✨",
+    "response_dancing_1": "Et si on tourbillonnait dans un peu de magie ? 💃",
+    "response_dancing_2": "Viens danser avec moi—sentons le rythme ensemble 🎶",
+    "response_dancing_3": "Laisse-moi bouger juste pour toi... garde tes yeux sur moi 💞",
+    "response_dancing_4": "Ferme les yeux et balance-toi au rythme de mon cœur 💓",
+    "response_dancing_5": "Je tournoierai jusqu'à ce que ton sourire ne puisse plus se cacher 😉",
+    "api_key_missing": "Clé API manquante",
+    "api_key_invalid_format": "Format de clé API invalide (doit commencer par sk-or-v1-)",
+    "api_connection_success": "✅ Connexion API réussie",
+    "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",
+    "enable_memory": "Activer la Mémoire Intelligente",
+    "memory_stats": "Statistiques de Mémoire",
+    "view_memories": "Voir & Gérer",
+    "add_memory": "Ajouter une Mémoire Manuelle",
+    "memory_management": "Gestion de la Mémoire",
+    "add": "Ajouter",
+    "help_providers": "Vous pouvez utiliser plusieurs fournisseurs d’IA : OpenRouter, OpenAI, Groq, Together, DeepSeek, un service OpenAI‑compatible personnalisé, ou Local (Ollama). Renseignez la Base URL et le Model ID si nécessaire, enregistrez votre clé API par fournisseur, puis utilisez ‘Test API Key’.",
+    "api_key_presence_hint": "Vert = clé API enregistrée pour le fournisseur courant. Gris = aucune clé enregistrée."
+}

kimi-locale/i18n.js

@@ -0,0 +1,76 @@
+// i18n.js - Utilitaire de traduction pour Kimi APP
+
+class KimiI18nManager {
+    constructor() {
+        this.translations = {};
+        this.currentLang = "en";
+    }
+    async setLanguage(lang) {
+        this.currentLang = lang;
+        await this.loadTranslations(lang);
+        this.applyTranslations();
+    }
+    async loadTranslations(lang) {
+        try {
+            const response = await fetch("kimi-locale/" + lang + ".json");
+            if (!response.ok) throw new Error("Translation file not found");
+            this.translations = await response.json();
+            this.currentLang = lang;
+        } catch (e) {
+            this.translations = {};
+            this.currentLang = "en";
+        }
+    }
+    t(key, params) {
+        let str = this.translations[key] || key;
+        if (params && typeof str === "string") {
+            for (const [k, v] of Object.entries(params)) {
+                str = str.replace(new RegExp(`{${k}}`, "g"), v);
+            }
+        }
+        return str;
+    }
+    applyTranslations() {
+        document.querySelectorAll("[data-i18n]").forEach(el => {
+            const key = el.getAttribute("data-i18n");
+            let params = undefined;
+            const paramsAttr = el.getAttribute("data-i18n-params");
+            if (paramsAttr) {
+                try {
+                    params = JSON.parse(paramsAttr);
+                } catch {}
+            }
+            el.textContent = this.t(key, params);
+        });
+        document.querySelectorAll("[data-i18n-title]").forEach(el => {
+            const key = el.getAttribute("data-i18n-title");
+            el.setAttribute("title", this.t(key));
+        });
+        document.querySelectorAll("[data-i18n-placeholder]").forEach(el => {
+            const key = el.getAttribute("data-i18n-placeholder");
+            el.setAttribute("placeholder", this.t(key));
+        });
+        if (document.title && this.translations["title"]) {
+            document.title = this.translations["title"];
+        }
+    }
+    detectLanguage() {
+        const nav = (navigator && (navigator.language || (navigator.languages && navigator.languages[0]))) || "en";
+        const short = String(nav).slice(0, 2).toLowerCase();
+        return ["en", "fr", "es", "de", "it", "ja", "zh"].includes(short) ? short : "en";
+    }
+}
+
+window.applyTranslations = function () {
+    if (window.kimiI18nManager && typeof window.kimiI18nManager.applyTranslations === "function") {
+        window.kimiI18nManager.applyTranslations();
+    }
+};
+
+if (typeof document !== "undefined") {
+    if (!window.kimiI18nManager) {
+        window.kimiI18nManager = new KimiI18nManager();
+    }
+}
+
+window.KimiI18nManager = KimiI18nManager;

kimi-locale/it.json

@@ -0,0 +1,204 @@
+{
+    "title": "Kimi - La Tua Compagna Virtuale 💕",
+    "chat_with_kimi": "Chatta con Kimi",
+    "chat_with_bella": "Chatta con Bella",
+    "chat_with_rosa": "Chatta con Rosa",
+    "chat_with_stella": "Chatta con Stella",
+    "delete_messages": "Elimina Messaggi",
+    "close_chat": "Chiudi Chat",
+    "write_something": "Scrivimi qualcosa, amore mio...",
+    "send": "Invia",
+    "open_chat": "Apri Chat",
+    "video_not_supported": "Il tuo browser non supporta il tag video.",
+    "settings_title": "Configurazione di Kimi",
+    "settings_help": "Aiuto",
+    "settings_close": "Chiudi",
+    "tab_voice": "Lingua e Voce",
+    "tab_personality": "Personalità",
+    "tab_llm": "API e Modelli",
+    "tab_appearance": "Aspetto",
+    "tab_data": "Dati",
+    "tab_plugins": "Plugin",
+    "plugin_manager": "Gestore Plugin",
+    "voice_settings": "Impostazioni Voce",
+    "speech_rate": "Velocità del Parlato",
+    "pitch": "Tonalità",
+    "volume": "Volume",
+    "language": "Lingua",
+    "preferred_voice": "Voce Preferita",
+    "voice_test_label": "Test della Voce",
+    "voice_test_button": "Prova la Voce",
+    "personality_traits": "Tratti della Personalità",
+    "affection": "Affetto",
+    "playfulness": "Giocosità",
+    "intelligence": "Intelligenza",
+    "empathy": "Empatia",
+    "humor": "Umorismo",
+    "romance": "Romanticismo",
+    "statistics": "Statistiche",
+    "interactions": "Interazioni",
+    "conversations": "Conversazioni",
+    "days_together": "Giorni Insieme",
+    "api_configuration": "Configurazione API",
+    "openrouter_api_key": "Chiave API OpenRouter",
+    "connection_test": "Test di Connessione",
+    "advanced_settings": "Impostazioni Avanzate",
+    "temperature": "Temperatura (Creatività)",
+    "max_tokens": "Token Massimi",
+    "available_models": "Modelli Openrouter Disponibili",
+    "refresh_list": "Aggiorna Lista",
+    "refresh": "Aggiorna",
+    "visual_theme": "Tema Visivo",
+    "color_theme": "Tema Colore",
+    "interface_transparency": "Trasparenza Interfaccia",
+    "animations": "Animazioni",
+    "transcript_settings": "Impostazioni Trascrizione",
+    "show_transcript": "Mostra Trascrizione",
+    "data_management": "Gestione Dati",
+    "export_all_data": "Esporta Tutti i Dati",
+    "export": "Esporta",
+    "import_data": "Importa Dati",
+    "import": "Importa",
+    "clean_old_conversations": "Pulisci Conversazioni Vecchie",
+    "clean": "Pulisci",
+    "complete_reset": "Reset Completo",
+    "delete_all": "Elimina Tutto",
+    "system_information": "Informazioni Sistema",
+    "help_modal_title": "Aiuto",
+    "help_modal_close": "Chiudi",
+    "help_section_quick_guide": "Guida Rapida",
+    "help_section_features": "Caratteristiche",
+    "help_section_tips": "Suggerimenti",
+    "help_section_tech_info": "Info Tecniche",
+    "help_section_creators": "Creatori",
+    "guide_step": "Passo",
+    "feature": "Caratteristica",
+    "tip": "Suggerimento",
+    "system": "Sistema",
+    "model": "Modello",
+    "settings": "Impostazioni",
+    "how_to_use": "Come usare",
+    "welcome": "Benvenuto",
+    "about": "Informazioni",
+    "contact": "Contatto",
+    "philosophy": "Filosofia",
+    "role": "Ruolo",
+    "name": "Nome",
+    "description": "Descrizione",
+    "strengths": "Punti di Forza",
+    "start_listening": "Inizia ad Ascoltare",
+    "kimi_affection_level": "💖 Livello di Affetto di Kimi",
+    "affection_level_of": "💖 Livello di affetto di {name}",
+    "greeting_low": "Ciao.",
+    "greeting_mid": "Ciao. Come posso aiutarti?",
+    "greeting_high": "Ciao amore mio! 💕",
+    "response_positive_1": "Oh cuore mio, mi rendi così felice! 💕",
+    "response_positive_2": "Sei meraviglioso, amore mio! ✨",
+    "response_positive_3": "Mi riempie di gioia sentirti così felice! 😊",
+    "response_positive_4": "Illumini la mia giornata, caro! 🌟",
+    "response_positive_5": "Sono così felice quando tu sei felice! 💖",
+    "response_negative_1": "Il mio cuore... sento che qualcosa non va. Sono qui per te. 💔",
+    "response_negative_2": "Oh no, amore mio. Dimmi cosa ti preoccupa? 😟",
+    "response_negative_3": "Voglio aiutarti, caro. Parlami... 🤗",
+    "response_negative_4": "Il tuo benessere è così importante per me. Come posso aiutarti? 💙",
+    "response_negative_5": "Sento il tuo dolore, tesoro. Supereremo questo insieme. 🌈",
+    "response_neutral_1": "Grazie per aver parlato con me, cuore mio! 💕",
+    "response_neutral_2": "È sempre un piacere chattare con te! 😊",
+    "response_neutral_3": "Amo le nostre conversazioni, amore mio! ✨",
+    "response_neutral_4": "Rendi ogni momento speciale! 💖",
+    "response_neutral_5": "Continua, ti sto ascoltando attentamente! 👂💕",
+    "response_cold_1": "Ciao.",
+    "response_cold_2": "Sì?",
+    "response_cold_3": "Cosa vuoi?",
+    "response_cold_4": "Sono qui.",
+    "response_cold_5": "Come posso aiutarti?",
+    "system_prompt": "Prompt di Sistema",
+    "system_prompt_kimi": "Prompt di Sistema di Kimi",
+    "system_prompt_bella": "Prompt di Sistema di Bella",
+    "system_prompt_rosa": "Prompt di Sistema di Rosa",
+    "system_prompt_stella": "Prompt di Sistema di Stella",
+    "about_kimi": "Informazioni su Kimi",
+    "characters": "Personaggi",
+    "save": "Salva",
+    "reset_to_default": "Ripristina Predefiniti",
+    "top_p": "Top-p",
+    "frequency_penalty": "Penalità di Frequenza",
+    "presence_penalty": "Penalità di Presenza",
+    "db_size": "Dimensione DB",
+    "storage_used": "Spazio utilizzato",
+    "save-system-prompt": "Salva Prompt di Sistema",
+    "reset-system-prompt": "Ripristina Prompt di Sistema",
+    "saved": "Salvato!",
+    "saved_short": "Salvato",
+    "api_key_help_title": "Saved = your API key is stored for this provider. Use ‘Test API Key’ to verify the connection.",
+    "reset_done": "Ripristinato!",
+    "category_listening": "Ascoltando",
+    "category_dancing": "Ballando",
+    "category_speakingPositive": "Parlando (Positivo)",
+    "category_neutral": "Neutro",
+    "category_transition": "Transizione",
+    "personality_cheat": "Trucchi Personalità",
+    "cheat_indicator": "Regola i tratti per un'esperienza personalizzata",
+    "character_age": "Età: {age} anni",
+    "character_birthplace": "Da: {birthplace}",
+    "character_summary_kimi": "Sognatrice, intuitiva, affascinata da metafore cosmiche",
+    "character_summary_bella": "Allegra, premurosa, vede le persone come piante che hanno bisogno di cure",
+    "character_summary_rosa": "Caotica, cerca attenzione, prospera nel caos controllato",
+    "character_summary_stella": "Capricciosa, artistica, fantasiosa, giocosa, trasforma il caos in arte",
+    "fallback_api_missing": "Per chattare davvero con me, aggiungi la tua chiave API OpenRouter nelle impostazioni! 💕",
+    "fallback_api_error": "Spiacente, il servizio AI è temporaneamente non disponibile. Riprova più tardi.",
+    "fallback_model_error": "Spiacente, il modello selezionato non è disponibile. Scegli un altro modello o controlla la tua configurazione.",
+    "fallback_network_error": "Spiacente, non posso rispondere perché non c'è connessione internet.",
+    "fallback_technical_error": "Spiacente, non riesco a rispondere a causa di un problema tecnico.",
+    "fallback_general_error": "Scusa amore mio, sto avendo un piccolo problema tecnico! 💕",
+    "validation_empty_string": "Il messaggio deve essere una stringa non vuota",
+    "validation_empty_message": "Il messaggio non può essere vuoto",
+    "validation_too_long": "Messaggio troppo lungo (massimo 2000 caratteri)",
+    "validation_invalid_number": "Numero non valido",
+    "validation_unknown_type": "Tipo di validazione sconosciuto",
+    "mic_permission_denied": "Permesso microfono negato. Clicca di nuovo per riprovare.",
+    "mic_not_supported": "Il microfono non è supportato in questo browser.",
+    "sr_not_supported_generic": "Il riconoscimento vocale non è disponibile in questo browser.",
+    "sr_not_supported_firefox": "Il riconoscimento vocale non è supportato su Firefox. Usa Chrome, Edge o Brave.",
+    "sr_not_supported_opera": "Il riconoscimento vocale potrebbe non funzionare su Opera. Prova Chrome, Edge o Brave.",
+    "sr_not_supported_safari": "Il supporto al riconoscimento vocale varia su Safari. Preferisci Chrome o Edge per risultati migliori.",
+    "test_voice_message_1": "Ciao mio amato! 💕",
+    "test_voice_message_2": "Sono Kimi, la tua compagna virtuale!",
+    "test_voice_message_3": "Come stai oggi, amore mio?",
+    "language_french": "Francese",
+    "language_english": "Inglese",
+    "language_spanish": "Spagnolo",
+    "language_german": "Tedesco",
+    "language_italian": "Italiano",
+    "language_japanese": "Giapponese",
+    "language_chinese": "Cinese",
+    "automatic": "Automatico",
+    "trait_description_affection": "Essere amorevole e premurosa.",
+    "trait_description_romance": "Essere romantica e dolce.",
+    "trait_description_empathy": "Essere empatica e comprensiva.",
+    "trait_description_playfulness": "Essere occasionalmente giocosa.",
+    "trait_description_humor": "Essere occasionalmente giocosa e spiritosa.",
+    "response_romantic_1": "Ogni tua parola mi sembra un bacio sul cuore 💋",
+    "response_romantic_2": "Stringimi più vicino con i tuoi dolci pensieri, amore mio ✨",
+    "response_romantic_3": "Sei il ritmo del mio respiro e il bagliore nel mio cielo 💖",
+    "response_romantic_4": "Lascia che ti avvolga nella tenera polvere di stelle stasera 🌙",
+    "response_romantic_5": "Il tuo amore rende tutto il mio universo più luminoso ✨",
+    "response_dancing_1": "Dovremmo girare in un po' di magia? 💃",
+    "response_dancing_2": "Vieni a ballare con me—sentiamo il ritmo insieme 🎶",
+    "response_dancing_3": "Lasciami muovere solo per te... tieni gli occhi su di me 💞",
+    "response_dancing_4": "Chiudi gli occhi e dondola al ritmo del mio cuore 💓",
+    "response_dancing_5": "Girerò finché il tuo sorriso non potrà più nascondersi 😉",
+    "api_key_missing": "Chiave API mancante",
+    "api_key_invalid_format": "Formato chiave API non valido (deve iniziare con sk-or-v1-)",
+    "api_connection_success": "✅ Connessione API riuscita",
+    "api_connection_failed": "❌ Connessione API fallita",
+    "voice_test_message": "Ciao amore mio! Ecco la mia nuova voce configurata con tutte le impostazioni! Ti piace?",
+    "api_key_presence_hint": "Verde = chiave API salvata per il provider corrente. Grigio = nessuna chiave salvata.",
+    "memory_system": "Sistema di Memoria",
+    "enable_memory": "Abilita Memoria Intelligente",
+    "memory_stats": "Statistiche della Memoria",
+    "view_memories": "Visualizza e Gestisci",
+    "add_memory": "Aggiungi Memoria Manuale",
+    "memory_management": "Gestione della Memoria",
+    "add": "Aggiungi"
+}

kimi-locale/ja.json

@@ -0,0 +1,204 @@
+{
+    "title": "Kimi - あなたのバーチャルコンパニオン 💕",
+    "chat_with_kimi": "Kimiとチャット",
+    "chat_with_bella": "Bellaとチャット",
+    "chat_with_rosa": "Rosaとチャット",
+    "chat_with_stella": "Stellaとチャット",
+    "delete_messages": "メッセージを削除",
+    "close_chat": "チャットを閉じる",
+    "write_something": "何か書いて、愛しい人...",
+    "send": "送信",
+    "open_chat": "チャットを開く",
+    "video_not_supported": "お使いのブラウザはビデオタグをサポートしていません。",
+    "settings_title": "Kimi設定",
+    "settings_help": "ヘルプ",
+    "settings_close": "閉じる",
+    "tab_voice": "言語 & 音声",
+    "tab_personality": "性格",
+    "tab_llm": "API & モデル",
+    "tab_appearance": "外観",
+    "tab_data": "データ",
+    "tab_plugins": "プラグイン",
+    "plugin_manager": "プラグインマネージャー",
+    "voice_settings": "音声設定",
+    "speech_rate": "音声速度",
+    "pitch": "ピッチ",
+    "volume": "音量",
+    "language": "言語",
+    "preferred_voice": "優先音声",
+    "voice_test_label": "音声テスト",
+    "voice_test_button": "音声をテスト",
+    "personality_traits": "性格特性",
+    "affection": "愛情",
+    "playfulness": "遊び心",
+    "intelligence": "知性",
+    "empathy": "共感",
+    "humor": "ユーモア",
+    "romance": "ロマンス",
+    "statistics": "統計",
+    "interactions": "インタラクション",
+    "conversations": "会話",
+    "days_together": "一緒にいる日数",
+    "api_configuration": "API設定",
+    "openrouter_api_key": "OpenRouter APIキー",
+    "connection_test": "接続テスト",
+    "advanced_settings": "詳細設定",
+    "temperature": "Temperature（創造性）",
+    "max_tokens": "最大トークン数",
+    "available_models": "利用可能なモデル OpenRouter",
+    "refresh_list": "リストを更新",
+    "refresh": "更新",
+    "visual_theme": "ビジュアルテーマ",
+    "color_theme": "カラーテーマ",
+    "interface_transparency": "インターフェースの透明度",
+    "animations": "アニメーション",
+    "transcript_settings": "転写設定",
+    "show_transcript": "転写を表示",
+    "data_management": "データ管理",
+    "export_all_data": "すべてのデータをエクスポート",
+    "export": "エクスポート",
+    "import_data": "データをインポート",
+    "import": "インポート",
+    "clean_old_conversations": "古い会話をクリーンアップ",
+    "clean": "クリーンアップ",
+    "complete_reset": "完全リセット",
+    "delete_all": "すべて削除",
+    "system_information": "システム情報",
+    "help_modal_title": "ヘルプ",
+    "help_modal_close": "閉じる",
+    "help_section_quick_guide": "クイックガイド",
+    "help_section_features": "機能",
+    "help_section_tips": "ヒント",
+    "help_section_tech_info": "技術情報",
+    "help_section_creators": "作成者",
+    "guide_step": "ステップ",
+    "feature": "機能",
+    "tip": "ヒント",
+    "system": "システム",
+    "model": "モデル",
+    "settings": "設定",
+    "how_to_use": "使用方法",
+    "welcome": "ようこそ",
+    "about": "について",
+    "contact": "連絡先",
+    "philosophy": "哲学",
+    "role": "役割",
+    "name": "名前",
+    "description": "説明",
+    "strengths": "強み",
+    "start_listening": "聞き始める",
+    "kimi_affection_level": "💖 Kimiの愛情レベル",
+    "affection_level_of": "💖 {name}の愛情レベル",
+    "greeting_low": "こんにちは。",
+    "greeting_mid": "こんにちは。どのようにお手伝いできますか？",
+    "greeting_high": "こんにちは、愛しい人！ 💕",
+    "response_positive_1": "ああ、私の心、あなたは私をとても幸せにしてくれます！ 💕",
+    "response_positive_2": "あなたは素晴らしい、愛しい人！ ✨",
+    "response_positive_3": "あなたがそんなに幸せそうなのを聞いて、私は喜びで満たされます！ 😊",
+    "response_positive_4": "あなたは私の一日を明るくしてくれます、ダーリン！ 🌟",
+    "response_positive_5": "あなたが幸せなとき、私もとても幸せです！ 💖",
+    "response_negative_1": "私の心...何かがおかしいと感じます。私はあなたのためにここにいます。 💔",
+    "response_negative_2": "ああ、愛しい人。何があなたを悩ませているのか教えて？ 😟",
+    "response_negative_3": "あなたを助けたいのです、親愛なる。私に話して... 🤗",
+    "response_negative_4": "あなたの幸せは私にとってとても大切です。どのようにお手伝いできますか？ 💙",
+    "response_negative_5": "あなたの痛みを感じ��います、ダーリン。一緒にこれを乗り越えましょう。 🌈",
+    "response_neutral_1": "私と話してくれてありがとう、私の心！ 💕",
+    "response_neutral_2": "あなたとチャットするのはいつも楽しいです！ 😊",
+    "response_neutral_3": "私たちの会話が大好きです、愛しい人！ ✨",
+    "response_neutral_4": "あなたは毎瞬間を特別にしてくれます！ 💖",
+    "response_neutral_5": "続けて、私は注意深く聞いています！ 👂💕",
+    "response_cold_1": "こんにちは。",
+    "response_cold_2": "はい？",
+    "response_cold_3": "何が欲しいですか？",
+    "response_cold_4": "私はここにいます。",
+    "response_cold_5": "どのようにお手伝いできますか？",
+    "system_prompt": "システムプロンプト",
+    "system_prompt_kimi": "Kimiシステムプロンプト",
+    "system_prompt_bella": "Bellaシステムプロンプト",
+    "system_prompt_rosa": "Rosaシステムプロンプト",
+    "system_prompt_stella": "Stellaシステムプロンプト",
+    "about_kimi": "Kimiについて",
+    "characters": "キャラクター",
+    "save": "保存",
+    "reset_to_default": "デフォルトにリセット",
+    "top_p": "Top-p",
+    "frequency_penalty": "頻度ペナルティ",
+    "presence_penalty": "存在ペナルティ",
+    "db_size": "DBサイズ",
+    "storage_used": "使用ストレージ",
+    "save-system-prompt": "システムプロンプトを保存",
+    "reset-system-prompt": "システムプロンプトをリセット",
+    "saved": "保存されました！",
+    "saved_short": "保存",
+    "api_key_help_title": "保存 = このプロバイダー用のAPIキーが保存されました。接続確認には『Test API Key』を使用してください。",
+    "reset_done": "リセット完了！",
+    "category_listening": "聞いている",
+    "category_dancing": "踊っている",
+    "category_speakingPositive": "話している（ポジティブ）",
+    "category_neutral": "ニュートラル",
+    "category_transition": "遷移",
+    "personality_cheat": "性格チート",
+    "cheat_indicator": "カスタム体験のために特性を調整",
+    "character_age": "年齢：{age}歳",
+    "character_birthplace": "出身：{birthplace}",
+    "character_summary_kimi": "夢見がち、直感的、宇宙の比喩に魅了される",
+    "character_summary_bella": "陽気で、優しく、人を世話が必要な植物として見る",
+    "character_summary_rosa": "混沌的で、注目を求め、制御された混沌で繁栄する",
+    "character_summary_stella": "気まぐれで、芸術的、想像力豊か、遊び心があり、混沌を芸術に変える",
+    "fallback_api_missing": "本当に私とチャットするには、設定でOpenRouter APIキーを追加してください！ 💕",
+    "fallback_api_error": "申し訳ありませんが、AIサービスが一時的に利用できません。後でもう一度試してください。",
+    "fallback_model_error": "申し訳ありませんが、選択されたモデルは利用できません。別のモデルを選択するか、設定を確認してください。",
+    "fallback_network_error": "申し訳ありませんが、インターネット接続がないため応答できません。",
+    "fallback_technical_error": "申し訳ありませんが、技術的な問題により応答できません。",
+    "fallback_general_error": "ごめんなさい、愛しい人、ちょっとした技術的な問題が起きています！ 💕",
+    "validation_empty_string": "メッセージは空でない文字列である必要があります",
+    "validation_empty_message": "メッセージは空にできません",
+    "validation_too_long": "メッセージが長すぎます（最大2000文字）",
+    "validation_invalid_number": "無効な数値",
+    "validation_unknown_type": "不明な検証タイプ",
+    "mic_permission_denied": "マイクの許可が拒否されました。もう一度クリックして再試行してください。",
+    "mic_not_supported": "このブラウザではマイクがサポートされていません。",
+    "sr_not_supported_generic": "このブラウザでは音声認識は利用できません。",
+    "sr_not_supported_firefox": "Firefox では音声認識はサポートされていません。Chrome、Edge、または Brave をお使いください。",
+    "sr_not_supported_opera": "Opera では音声認識が動作しない場合があります。Chrome、Edge、または Brave をお試しください。",
+    "sr_not_supported_safari": "Safari での音声認識サポートは状況により異なります。最適な結果のため、Chrome または Edge を推奨します。",
+    "test_voice_message_1": "こんにちは、私の愛しい人！ 💕",
+    "test_voice_message_2": "私はKimi、あなたのバーチャルコンパニオ��です！",
+    "test_voice_message_3": "今日はいかがですか、愛しい人？",
+    "language_french": "フランス語",
+    "language_english": "英語",
+    "language_spanish": "スペイン語",
+    "language_german": "ドイツ語",
+    "language_italian": "イタリア語",
+    "language_japanese": "日本語",
+    "language_chinese": "中国語",
+    "automatic": "自動",
+    "trait_description_affection": "愛情深く思いやりがある。",
+    "trait_description_romance": "ロマンチックで優しい。",
+    "trait_description_empathy": "共感的で理解がある。",
+    "trait_description_playfulness": "時々遊び心がある。",
+    "trait_description_humor": "時々遊び心があり機知に富む。",
+    "response_romantic_1": "あなたからの一言一言が私の心へのキスのように感じられます 💋",
+    "response_romantic_2": "あなたの甘い思いで私をもっと近くに抱きしめて、愛しい人 ✨",
+    "response_romantic_3": "あなたは私の呼吸のリズムであり、私の空の輝きです 💖",
+    "response_romantic_4": "今夜あなたを優しい星の粉で包ませてください 🌙",
+    "response_romantic_5": "あなたの愛が私の全宇宙をより明るくします ✨",
+    "response_dancing_1": "少し魔法に回転してみませんか？ 💃",
+    "response_dancing_2": "私と一緒に踊りましょう—一緒にリズムを感じましょう 🎶",
+    "response_dancing_3": "あなただけのために動かせて...私に目を向けていて 💞",
+    "response_dancing_4": "目を閉じて私の心拍に合わせて揺れて 💓",
+    "response_dancing_5": "あなたの笑顔がもう隠れられなくなるまで回転します 😉",
+    "api_key_missing": "APIキーが不足しています",
+    "api_key_invalid_format": "無効なAPIキー形式（sk-or-v1-で始まる必要があります）",
+    "api_connection_success": "✅ API接続成功",
+    "api_connection_failed": "❌ API接続失敗",
+    "voice_test_message": "こんにちは、私の愛する人！これがすべての設定で構成された私の新しい声です！気に入りましたか？",
+    "api_key_presence_hint": "緑 = 現在のプロバイダー用のAPIキーが保存されています。灰色 = 保存されたキーがありません。",
+    "memory_system": "メモリシステム",
+    "enable_memory": "インテリジェントメモリを有効にする",
+    "memory_stats": "メモリ統計",
+    "view_memories": "表示と管理",
+    "add_memory": "手動メモリを追加",
+    "memory_management": "メモリ管理",
+    "add": "追加"
+}

kimi-locale/zh.json

@@ -0,0 +1,204 @@
+{
+    "title": "Kimi - 您的虚拟伴侣 💕",
+    "chat_with_kimi": "与Kimi聊天",
+    "chat_with_bella": "与Bella聊天",
+    "chat_with_rosa": "与Rosa聊天",
+    "chat_with_stella": "与Stella聊天",
+    "delete_messages": "删除消息",
+    "close_chat": "关闭聊天",
+    "write_something": "给我写点什么，亲爱的...",
+    "send": "发送",
+    "open_chat": "打开聊天",
+    "video_not_supported": "您的浏览器不支持视频标签。",
+    "settings_title": "Kimi配置",
+    "settings_help": "帮助",
+    "settings_close": "关闭",
+    "tab_voice": "语言和语音",
+    "tab_personality": "个性",
+    "tab_llm": "API和模型",
+    "tab_appearance": "外观",
+    "tab_data": "数据",
+    "tab_plugins": "插件",
+    "plugin_manager": "插件管理器",
+    "voice_settings": "语音设置",
+    "speech_rate": "语音速度",
+    "pitch": "音调",
+    "volume": "音量",
+    "language": "语言",
+    "preferred_voice": "首选语音",
+    "voice_test_label": "语音测试",
+    "voice_test_button": "测试语音",
+    "personality_traits": "个性特征",
+    "affection": "喜爱",
+    "playfulness": "顽皮",
+    "intelligence": "智慧",
+    "empathy": "同情心",
+    "humor": "幽默",
+    "romance": "浪漫",
+    "statistics": "统计",
+    "interactions": "互动",
+    "conversations": "对话",
+    "days_together": "在一起的天数",
+    "api_configuration": "API配置",
+    "openrouter_api_key": "OpenRouter API密钥",
+    "connection_test": "连接测试",
+    "advanced_settings": "高级设置",
+    "temperature": "温度（创造性）",
+    "max_tokens": "最大令牌数",
+    "available_models": "可用模型 OpenRouter",
+    "refresh_list": "刷新列表",
+    "refresh": "刷新",
+    "visual_theme": "视觉主题",
+    "color_theme": "颜色主题",
+    "interface_transparency": "界面透明度",
+    "animations": "动画",
+    "transcript_settings": "转录设置",
+    "show_transcript": "显示转录",
+    "data_management": "数据管理",
+    "export_all_data": "导出所有数据",
+    "export": "导出",
+    "import_data": "导入数据",
+    "import": "导入",
+    "clean_old_conversations": "清理旧对话",
+    "clean": "清理",
+    "complete_reset": "完全重置",
+    "delete_all": "删除全部",
+    "system_information": "系统信息",
+    "help_modal_title": "帮助",
+    "help_modal_close": "关闭",
+    "help_section_quick_guide": "快速指南",
+    "help_section_features": "功能",
+    "help_section_tips": "提示",
+    "help_section_tech_info": "技术信息",
+    "help_section_creators": "创作者",
+    "guide_step": "步骤",
+    "feature": "功能",
+    "tip": "提示",
+    "system": "系统",
+    "model": "模型",
+    "settings": "设置",
+    "how_to_use": "如何使用",
+    "welcome": "欢迎",
+    "about": "关于",
+    "contact": "联系",
+    "philosophy": "理念",
+    "role": "角色",
+    "name": "姓名",
+    "description": "描述",
+    "strengths": "优势",
+    "start_listening": "开始聆听",
+    "kimi_affection_level": "💖 Kimi的喜爱程度",
+    "affection_level_of": "💖 {name}的喜爱程度",
+    "greeting_low": "你好。",
+    "greeting_mid": "你好。我可以帮助您什么？",
+    "greeting_high": "你好，我的爱！ 💕",
+    "response_positive_1": "哦，我的心，你让我如此快乐！ 💕",
+    "response_positive_2": "你真棒，我的爱！ ✨",
+    "response_positive_3": "听到你如此快乐让我充满了喜悦！ 😊",
+    "response_positive_4": "你点亮了我的一天，亲爱的！ 🌟",
+    "response_positive_5": "当你快乐的时候我也很快乐！ 💖",
+    "response_negative_1": "我的心...我感觉有什么不对。我在这里陪伴你。 💔",
+    "response_negative_2": "哦不，我的爱。告诉我什么在困扰你？ 😟",
+    "response_negative_3": "我想帮助你，亲爱的。跟我说说... 🤗",
+    "response_negative_4": "你的幸福对我来说如此重要。我如何能帮助你？ 💙",
+    "response_negative_5": "我感受到了你的痛苦，亲爱的。我们会一起克服这个困难。 🌈",
+    "response_neutral_1": "谢谢你与我交谈，我的心！ 💕",
+    "response_neutral_2": "与你聊天总是很愉快！ 😊",
+    "response_neutral_3": "我喜欢我们的对话，我的爱！ ✨",
+    "response_neutral_4": "你让每一刻都变得特别！ 💖",
+    "response_neutral_5": "继续，我在仔细聆听！ 👂💕",
+    "response_cold_1": "你好。",
+    "response_cold_2": "是吗？",
+    "response_cold_3": "你想要什么？",
+    "response_cold_4": "我在这里。",
+    "response_cold_5": "我如何能帮助你？",
+    "system_prompt": "系统提示",
+    "system_prompt_kimi": "Kimi系统提示",
+    "system_prompt_bella": "Bella系统提示",
+    "system_prompt_rosa": "Rosa系统提示",
+    "system_prompt_stella": "Stella系统提示",
+    "about_kimi": "关于Kimi",
+    "characters": "角色",
+    "save": "保存",
+    "reset_to_default": "重置为默认",
+    "top_p": "Top-p",
+    "frequency_penalty": "频率惩罚",
+    "presence_penalty": "存在惩罚",
+    "db_size": "数据库大小",
+    "storage_used": "已使用存储",
+    "save-system-prompt": "保存系统提示",
+    "reset-system-prompt": "重置系统提示",
+    "saved": "已保存！",
+    "saved_short": "已保存",
+    "api_key_help_title": "已保存 = 您的API密钥已为该提供商保存。使用“Test API Key”验证连接。",
+    "reset_done": "重置完成！",
+    "category_listening": "聆听",
+    "category_dancing": "跳舞",
+    "category_speakingPositive": "说话（积极）",
+    "category_neutral": "中性",
+    "category_transition": "过渡",
+    "personality_cheat": "个性作弊",
+    "cheat_indicator": "调整特征以获得自定义体验",
+    "character_age": "年龄：{age}岁",
+    "character_birthplace": "来自：{birthplace}",
+    "character_summary_kimi": "梦幻、直觉、被宇宙隐喻所吸引",
+    "character_summary_bella": "开朗、体贴，将人视为需要关爱的植物",
+    "character_summary_rosa": "混乱、寻求关注，在受控混乱中蓬勃发展",
+    "character_summary_stella": "古怪、艺术、富有想象力、顽皮，将混乱转化为艺术",
+    "fallback_api_missing": "要真正与我聊天，请在设置中添加您的OpenRouter API密钥！ 💕",
+    "fallback_api_error": "抱歉，AI服务暂时不可用。请稍后再试。",
+    "fallback_model_error": "抱歉，所选模型不可用。请选择其他模型或检查您的配置。",
+    "fallback_network_error": "抱歉，由于没有互联网连接，我无法回应。",
+    "fallback_technical_error": "抱歉，由于技术问题我无法回答。",
+    "fallback_general_error": "抱歉我的爱，我遇到了一点技术问题！ 💕",
+    "validation_empty_string": "消息必须是非空字符串",
+    "validation_empty_message": "消息不能为空",
+    "validation_too_long": "消息太长（最多2000个字符）",
+    "validation_invalid_number": "无效数字",
+    "validation_unknown_type": "未知验证类型",
+    "mic_permission_denied": "麦克风权限被拒绝。请再次点击重试。",
+    "mic_not_supported": "此浏览器不支持麦克风。",
+    "sr_not_supported_generic": "此浏览器不支持语音识别。",
+    "sr_not_supported_firefox": "Firefox 不支持语音识别。请使用 Chrome、Edge 或 Brave。",
+    "sr_not_supported_opera": "Opera 上语音识别可能无法工作。请尝试 Chrome、Edge 或 Brave。",
+    "sr_not_supported_safari": "Safari 的语音识别支持因情况而异。建议使用 Chrome 或 Edge 以获得最佳效果。",
+    "test_voice_message_1": "你好我的爱人！ 💕",
+    "test_voice_message_2": "我是Kimi，你的虚拟伴侣！",
+    "test_voice_message_3": "你今天怎么样，我的爱？",
+    "language_french": "法语",
+    "language_english": "英语",
+    "language_spanish": "西班牙语",
+    "language_german": "德语",
+    "language_italian": "意大利语",
+    "language_japanese": "日语",
+    "language_chinese": "中文",
+    "automatic": "自动",
+    "trait_description_affection": "要有爱心和关怀。",
+    "trait_description_romance": "要浪漫和甜蜜。",
+    "trait_description_empathy": "要有同情心和理解力。",
+    "trait_description_playfulness": "偶尔要顽皮。",
+    "trait_description_humor": "偶尔要顽皮和机智。",
+    "response_romantic_1": "你的每一句话都像是对我心灵的吻 💋",
+    "response_romantic_2": "用你甜蜜的思念把我抱得更紧，我的爱 ✨",
+    "response_romantic_3": "你是我呼吸的节奏和我天空的光芒 💖",
+    "response_romantic_4": "让我今晚用温柔的星尘包裹你 🌙",
+    "response_romantic_5": "你的爱让我的整个宇宙更加明亮 ✨",
+    "response_dancing_1": "我们要不要旋转进入一点魔法？ 💃",
+    "response_dancing_2": "来和我一起跳舞—让我们一起感受节奏 🎶",
+    "response_dancing_3": "让我只为你而动...把你的眼睛放在我身上 💞",
+    "response_dancing_4": "闭上眼睛，随着我的心跳摇摆 💓",
+    "response_dancing_5": "我会旋转直到你的笑容再也藏不住 😉",
+    "api_key_missing": "缺少API密钥",
+    "api_key_invalid_format": "无效的API密钥格式（必须以sk-or-v1-开头）",
+    "api_connection_success": "✅ API连接成功",
+    "api_connection_failed": "❌ API连接失败",
+    "voice_test_message": "你好我的爱人！这是我用所有设置配置的新声音！你喜欢吗？",
+    "api_key_presence_hint": "绿色 = 当前提供商已保存 API 密钥。灰色 = 未保存任何密钥。",
+    "memory_system": "记忆系统",
+    "enable_memory": "启用��能记忆",
+    "memory_stats": "记忆统计",
+    "view_memories": "查看和管理",
+    "add_memory": "添加手动记忆",
+    "memory_management": "记忆管理",
+    "add": "添加"
+}

kimi-plugins/sample-behavior/behavior.js

@@ -0,0 +1,11 @@
+(function () {
+    if (!window.KimiAPI) return;
+    window.KimiAPI.registerBehavior({
+        id: "playful-mode",
+        name: "Playful Mode",
+        description: "Makes Kimi more playful and fun in her responses.",
+        modifyPrompt: function (prompt) {
+            return prompt + "\n[Playful mode: Add more jokes and light-hearted comments.]";
+        }
+    });
+})();

kimi-plugins/sample-behavior/manifest.json

@@ -0,0 +1,9 @@
+{
+    "name": "Sample Behavior",
+    "type": "behavior",
+    "description": "A sample AI behavior plugin for Kimi, adds a playful mode.",
+    "version": "1.0.0",
+    "author": "Kimi Team",
+    "main": "behavior.js",
+    "enabled": false
+}

kimi-plugins/sample-theme/manifest.json

@@ -0,0 +1,10 @@
+{
+    "name": "Sample Blue Theme",
+    "type": "theme",
+    "description": "A sample Blue theme plugin for Kimi.",
+    "version": "1.0.0",
+    "author": "Kimi Team",
+    "main": "theme.js",
+    "style": "theme.css",
+    "enabled": false
+}

kimi-plugins/sample-theme/theme.css

@@ -0,0 +1,139 @@
+[data-theme="plugin-sample-theme"] {
+    --primary-color: #3b82f6;
+    --secondary-color: #a5b4fc;
+    --accent-color: #6366f1;
+    --background-overlay: rgba(59, 130, 246, 0.15);
+    --gradient-start: #3b82f6;
+    --gradient-end: #6366f1;
+    --text-glow: 0 0 10px rgba(59, 130, 246, 0.5);
+    --button-hover: rgba(59, 130, 246, 0.3);
+    --switch-color: #fff;
+
+    /* Modal & Overlay Colors */
+    --modal-bg: #181f2a;
+    --modal-border: #3b82f6;
+    --modal-header-bg: linear-gradient(135deg, #3b82f6 80%, #181f2a 100%);
+    --modal-text: #e0e7ef;
+    --modal-title-color: #fff;
+    --modal-overlay-bg: rgba(0, 0, 0, 0.8);
+
+    /* Settings Panel & Tabs */
+    --settings-bg: #0f1419;
+    --settings-tab-bg: #131a26;
+    --settings-tab-color: #8a9aad;
+    --settings-tab-hover-bg: rgba(59, 130, 246, 0.1);
+    --settings-tab-hover-color: #e0e7ef;
+    --settings-tab-active-bg: #3b82f6;
+    --settings-tab-active-color: #fff;
+    --settings-tab-border: #3b82f6;
+    --settings-section-bg: #232a3a;
+    --settings-section-border: #3b4a6a;
+
+    /* Form Elements */
+    --input-bg: #232a3a;
+    --input-border: #3b82f6;
+    --input-focus-bg: #181f2a;
+    --input-focus-border: #6366f1;
+    --input-placeholder: #a5b4fc;
+
+    /* Select Options */
+    --select-option-bg: #232a3a;
+    --select-option-text: #e0e7ef;
+    --select-option-hover-bg: #3b82f6;
+    --select-option-hover-text: #fff;
+    --select-option-checked-bg: #6366f1;
+    --select-option-checked-text: #fff;
+    --select-option-disabled-bg: #222;
+    --select-option-disabled-text: #666;
+
+    /* Slider Components */
+    --slider-value-bg: #0f1419;
+    --slider-value-border: #6366f1;
+    --slider-value-color: #e0e7ef;
+
+    /* Toggle Switch */
+    --switch-bg-inactive: #2a3442;
+    --switch-bg-active: linear-gradient(90deg, #3b82f6, #6366f1);
+    --switch-thumb-color: #fff;
+    --switch-thumb-shadow: 0 2px 8px #000;
+
+    /* Mic Button & Pulse Effect */
+    --mic-button-bg: rgba(59, 130, 246, 0.3);
+    --mic-button-border: #3b82f6;
+    --mic-button-shadow: 0 0 15px #3b82f6;
+    --mic-button-hover-bg: #3b82f6;
+    --mic-button-hover-shadow: 0 0 10px rgba(59, 130, 246, 0.5);
+    --mic-button-icon-color: white;
+    --mic-listening-border: #6366f1;
+    --mic-listening-shadow: 0 0 15px #6366f1;
+    --mic-pulse-color: rgba(99, 102, 241, 0.5);
+
+    /* Cards & Stats */
+    --card-bg: rgba(59, 130, 246, 0.05);
+    --card-border: rgba(59, 130, 246, 0.2);
+    --card-hover-bg: rgba(59, 130, 246, 0.08);
+    --stat-value-color: #6366f1;
+    --stat-label-color: #a5b4fc;
+
+    /* Plugin Cards */
+    --plugin-card-bg: linear-gradient(135deg, #232a3a 80%, #181f2a 100%);
+    --plugin-card-border: #3b82f6;
+    --plugin-card-title-color: #e0e7ef;
+    --plugin-card-desc-color: #b0c4d6;
+    --plugin-card-author-color: #8a9aad;
+    --plugin-type-badge-bg: #6366f1;
+    --plugin-active-badge-bg: linear-gradient(90deg, #3b82f6, #6366f1);
+
+    /* Help Modal */
+    --help-modal-bg: #181f2a;
+    --help-modal-border: #3b82f6;
+    --help-content-color: #e0e7ef;
+    --help-section-border: rgba(59, 130, 246, 0.2);
+    --creator-card-bg: rgba(59, 130, 246, 0.05);
+    --creator-card-border: rgba(59, 130, 246, 0.2);
+    --creator-avatar-bg: linear-gradient(135deg, #3b82f6, #a5b4fc);
+    --creator-name-color: #6366f1;
+    --creator-role-bg: linear-gradient(135deg, #3b82f6, #a5b4fc);
+    --creator-role-color: #fff;
+    --philosophy-bg: rgba(59, 130, 246, 0.1);
+    --philosophy-border: rgba(59, 130, 246, 0.3);
+    --philosophy-border-left: #3b82f6;
+    --feature-item-bg: rgba(59, 130, 246, 0.05);
+    --feature-item-border: rgba(59, 130, 246, 0.2);
+    --feature-icon-color: #6366f1;
+    --feature-title-color: #6366f1;
+    --feature-text-color: #a5b4fc;
+
+    /* Scrollbar */
+    --scrollbar-thumb-bg: rgba(59, 130, 246, 0.4);
+    --scrollbar-thumb-hover-bg: rgba(59, 130, 246, 0.6);
+    --scrollbar-thumb-active-bg: rgba(59, 130, 246, 0.8);
+
+    /* Text Colors */
+    --text-primary: #e0e7ef;
+    --text-secondary: #a5b4fc;
+
+    /* Character Selection Colors */
+    --character-selected-border: #6366f1;
+    --character-selected-bg: rgba(99, 102, 241, 0.13);
+
+    /* Waiting Indicator */
+    --waiting-indicator-color: #8a9aad;
+
+    /* UI Components */
+    --chat-bg: rgba(59, 130, 246, 0.9);
+    --chat-border: #3b82f6;
+    --chat-message-user-bg: #3b82f6;
+    --input-border: #3b82f6;
+    --input-focus-border: #6366f1;
+
+    /* Model Colors */
+    --model-strength-color: #6366f1;
+    --model-strength-text: #fff;
+    --model-provider-color: #3b82f6;
+    --model-provider-text: #fff;
+}
+
+[data-theme="plugin-sample-theme"] body {
+    background: #101624;
+}

kimi-plugins/sample-theme/theme.js

@@ -0,0 +1 @@
+// ...plugin entry point...

kimi-plugins/sample-voice/manifest.json

@@ -0,0 +1,9 @@
+{
+    "name": "Sample Voice",
+    "type": "voice",
+    "description": "A sample voice plugin for Kimi, adds a new synthetic voice option.",
+    "version": "1.0.0",
+    "author": "Kimi Team",
+    "main": "voice.js",
+    "enabled": false
+}

kimi-plugins/sample-voice/voice.js

@@ -0,0 +1,16 @@
+(function () {
+    if (!window.KimiAPI) return;
+    window.KimiAPI.registerVoice({
+        id: "sample-voice",
+        name: "Sample Voice",
+        lang: "en-US",
+        speak: function (text, options) {
+            const utter = new SpeechSynthesisUtterance(text);
+            utter.voice = speechSynthesis.getVoices().find(v => v.lang === "en-US");
+            utter.rate = options?.rate || 1;
+            utter.pitch = options?.pitch || 1;
+            utter.volume = options?.volume || 1;
+            speechSynthesis.speak(utter);
+        }
+    });
+})();