Upload 69 files

.gitattributes

@@ -33,3 +33,13 @@ 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/2blanche.jpg filter=lfs diff=lfs merge=lfs -text
+kimi-icons/bella.jpg filter=lfs diff=lfs merge=lfs -text
+kimi-icons/jasmine.jpg filter=lfs diff=lfs merge=lfs -text
+kimi-icons/july.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/virtual-kimi-banners.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,487 @@
+# Virtual Kimi App Changelog
+
+# [1.1.7.1] - 2025-11-12 (HuggingFace and Github version)
+
+### Added
+
+- **New Characters**: Introduced 2 new AI personalities:
+    - **2Blanche**: Stoic YoRHa android combat unit with deep emotional vulnerability hidden beneath military protocols
+    - **Jasmine**: Divine goddess of love, sensuality, and Kamasutra; inspires passion, intimacy, and pleasure in every encounter
+- **Character-Specific Emotions**: Added ANDROID, SENSUAL, and LOVE emotion types with specialized responses
+- **Enhanced Emotion System**: New contextual keywords and emotional responses for android and sensual personas
+- **Complete Internationalization**: Full translations for both new characters across all 8 supported languages (English, French, Spanish, German, Italian, Portuguese, Japanese, Chinese)
+
+### Changed
+
+- **Total Characters**: Expanded from 4 to 6 unique AI personalities
+- **Emotion Mapping**: New emotions mapped to existing video categories for seamless integration
+- **Character Variety**: Enhanced personality spectrum from cosmic/nurturing/chaotic/artistic to include technological/rebellious themes
+
+### Technical Details
+
+- Added comprehensive character profiles with unique trait progressions
+- 2Blanche: Ultra-difficult progression (35% affection start) with loyalty bonuses
+- July: Trust-based progression (45% affection start) with rebellion bonuses
+- Maintained compatibility with existing video structure (no new categories required)
+
+# [1.1.6.1] - 2025-09-05
+
+### Changed
+
+- Improved text formatting in the chat window.
+
+### Bug Fixes
+
+- Fixed some issues.
+
+# [1.1.5.1] - 2025-09-04
+
+### Bug Fixes
+
+- Fixed a bug where sliders refused the value 0 (0 was treated as falsy and reset to defaults).
+
+# [1.1.5] - 2025-09-03
+
+### Bug Fixes
+
+- Fixed some issues.
+
+### Changed
+
+- Separated the KimiDataManager class and moved logic into the new file `kimi-data-manager.js`.
+
+# [1.1.4.1] - 2025-09-03
+
+### Bug Fixes
+
+- Fixed an issue with language selection and speech recognition that could prevent correct voice detection and audio input. Improved handling and fallbacks to ensure consistent behavior.
+
+### Changed
+
+- Separated the KimiVideoManager class and moved video management logic into the new file `kimi-videos.js`.
+
+# [1.1.3] - 2025-09-01
+
+### Bug Fixes
+
+- Fixed an issue with language selection and speech recognition / text-to-speech playback that could prevent correct voice detection and audio output across browsers. Improved normalization and fallback handling.
+
+### Changed
+
+- Modified the calculations used for character personality trait processing to improve accuracy and consistency across modules.
+
+# [1.1.2] - 2025-08-30
+
+### Improvements
+
+- Improved memory and prompt generation to avoid duplicate memory sections and display accurate per-character counters.
+
+### Added
+
+- A concise "7-day summary" feature that extracts high-signal conversation highlights for quick reference.
+
+### Notes
+
+- Voice UI and TTS: Only Microsoft Edge and Google Chrome will display the voice selection list and support voice playback of messages; other browsers may not expose compatible voices.
+
+### Bug Fixes
+
+- Fixed import/export functions for preferences and data to ensure exported files can be re-imported correctly.
+
+- Fixed some small bugs related to memory, video playback, and preference import/export.
+
+# [1.1.1] - 2025-08-29
+
+### Improvements
+
+- Microsoft Edge and Google Chrome Only : Improved language and voice selection logic: normalization, fallback, and robust preference management across all modules.
+- Enhanced voice compatibility and ensured consistent language handling.
+
+### Bug Fixes
+
+- Fixed issue where videos could freeze after opening or closing the memory modal or changing memory sections.
+- Added automatic reset to neutral video state after UI interactions to prevent stuck/frozen videos.
+
+# [1.1.0] - 2025-08-28
+
+### Changed
+
+- **Recommended LLMs**: Updated the list of recommended LLM models to reflect current recommendations and improvements.
+
+- **Settings modal UI/UX**: Updated tab layout and visual behavior in the settings modal for clearer navigation and improved usability.
+
+### Fixed
+
+- **Memory features UX**: Fixed multiple UI/UX issues in the memory system to ensure reliable capture, display, and management of remembered items.
+- **Miscellaneous bug fixes**: Corrected various small bugs across the application.
+
+### Internationalization
+
+- **Interface translations**: Added new strings and translation keys to support the updated UI elements.
+
+# [1.0.9] - 2025-08-23
+
+### Major System Improvements
+
+- **Personality trait system overhaul**: Rebalanced progression curves and multipliers for more natural character development.
+- **Unified emotion system**: Centralized emotion-to-video mapping and fixed all 13 emotions to properly affect traits.
+- **Intelligence trait integration**: Added intelligence to personality calculations and video selection algorithms.
+- **Enhanced emotion detection**: Improved keyword detection with better priorities and reduced conflicts.
+- **Video selection rebalancing**: Fixed positive/negative bias and made auto-triggers more accessible.
+- **Complete codebase synchronization**: Eliminated inconsistencies and redundancies across all modules.
+- **Text streaming implementation**: Added real-time text streaming in chat for better user experience.
+
+### Language & Voice Improvements
+
+- **Enhanced language and voice selection**: Fixed bugs and inconsistencies in language switching and voice preferences.
+- **Improved voice synchronization**: Better coordination between selected language and available voice options.
+
+### API Key Management Enhancements
+
+- **Provider-specific API key storage**: Implemented separate storage for different LLM providers (OpenRouter, OpenAI, Groq, etc.).
+- **Unified API key handling**: Consolidated all API key operations through a centralized utility system.
+- **Enhanced settings UI**: Improved visual design and layout of API configuration section.
+- **Comprehensive API audit**: Fixed inconsistencies across all chat, test, and model loading functions.
+
+### Bug Fixes
+
+- Fixed trait calculation inconsistencies between modules (INTELLIGENCE and others).
+- Resolved emotion detection conflicts (LISTENING, ROMANTIC/KISS categories).
+- Corrected fallback values causing progression issues.
+- Fixed API key loading and display issues in settings modal.
+
+# [1.0.8] - 2025-08-19
+
+### Changed
+
+- Improved fallback logic for LLM responses: now uses localized emotional responses if the LLM reply is empty or invalid.
+- Made emotional response selection dynamic and robust, based on available variants.
+- Enhanced error handling for missing API keys, network issues, and API errors, ensuring the user always receives a meaningful message.
+- Refactored code patching to avoid accidental code removal or misplaced edits.
+- Clarified and documented emotional response logic for maintainability.
+
+## [1.0.7] - 2025-08-19
+
+### Changed
+
+- Removed the global system prompt that caused issues and implemented per-character system prompts for each character.
+- Improved voice reading of messages for clearer and more natural audio playback.
+- Fixed various small bugs related to characters' personality traits.
+- Improved detection of words and phrases for memory recording to increase accuracy.
+
+## [1.0.6] - 2025-08-15
+
+### Added
+
+- Added 100+ videos for various contexts.
+
+### Changed
+
+- Optimized video preloading to improve speed on slow web servers.
+
+### Fixed
+
+- Fixed various minor bugs.
+
+## [1.0.5] - 2025-08-13 - "Personality & Language Sensitivity"
+
+### Added
+
+- Multilingual profanity/insult detection for negative context across 7 languages (en, fr, es, de, it, ja, zh)
+- Gendered variants support in negative keywords (fr, es, it, de) to improve accuracy (e.g., sérieux/sérieuse)
+- Extended personality keywords for Spanish and Italian (all traits) with gendered forms
+
+### Changed
+
+- Personality sync now completes missing values using character-specific defaults (with generic fallback)
+- Centralized side-effects on personality updates (UI/memory/video/voice) behind a single `personality:updated` listener
+- Sliders: generic handler only updates display; persistence and effects handled by specialized listeners
+- Trait updates preserve fractional progress (2 decimals) for smoother affection changes
+- Stats now use character-specific default for affection (with generic fallback) when missing
+
+### Fixed
+
+- Removed obsolete `personalityUpdated` listener to avoid duplicate processing
+- Unified KimiMemory affection default loading (removed conflicting double assignment and legacy default 80)
+- Minor cleanup and consistency improvements in utils and sync flows
+
+## [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,364 @@
+# 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
+
+### 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,23 @@
+# 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: [ijohn@virtualkimi.com](ijohn@virtualkimi.com)
+[WebSite: https:/virtual-kimi.com](https:/virtual-kimi.com)

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

dexie-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

index.html

@@ -0,0 +1,1102 @@
+<!doctype html>
+<html lang="en" data-theme="dark">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title data-i18n="title">Kimi - Virtual Companion 💕</title>
+
+    <!-- Main CSS Files -->
+    <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 girlfriend and companion with evolving personality, advanced voice recognition and immersive interface. Discover the future of human-AI girlfriend relationships.">
+    <meta name="author" content="Jean & Kimi">
+    <meta name="robots" content="index, follow">
+    <link rel="canonical" href="https://virtual-kimi.com/virtual-kimi-app/" />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://virtual-kimi.com/virtual-kimi-app/">
+    <meta property="og:title" content="Virtual Kimi - Virtual AI Companion">
+    <meta property="og:description"
+        content="Virtual Kimi, your virtual AI girlfriend and companion with an evolving personality, voice recognition and immersive interface. The future of human-AI girlfriend 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://virtual-kimi.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">
+
+    <!-- Favicon -->
+    <link rel="icon" type="image/x-icon" href="favicon.ico">
+    <!-- Multi-size Favicons -->
+    <link rel="icon" type="image/png" sizes="16x16" href="kimi-icons/favicons/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="kimi-icons/favicons/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="48x48" href="kimi-icons/favicons/favicon-48x48.png">
+    <link rel="icon" type="image/png" sizes="64x64" href="kimi-icons/favicons/favicon-64x64.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="kimi-icons/favicons/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="128x128" href="kimi-icons/favicons/favicon-128x128.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="kimi-icons/favicons/favicon-192x192.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="kimi-icons/favicons/apple-touch-icon-180x180.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://virtual-kimi.com" crossorigin>
+    <link rel="dns-prefetch" href="//virtual-kimi.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">
+        <!-- Global Top-Right Utility Buttons -->
+        <div class="top-right-buttons" id="top-right-buttons">
+            <button class="control-button-unified" id="global-help-button" aria-label="Help / About Kimi">
+                <i class="fas fa-question-circle"></i>
+            </button>
+        </div>
+        <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">
+                <textarea id="chat-input" data-i18n-placeholder="write_something"
+                    placeholder="Write me something, my love..." rows="2"></textarea>
+                <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="voice">
+                    <i class="fas fa-microphone"></i> <span data-i18n="tab_voice">Language & Voice</span>
+                </button>
+                <button class="settings-tab" data-tab="llm">
+                    <i class="fas fa-robot"></i> <span data-i18n="tab_llm">API & Models</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="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="pt" data-i18n="language_portuguese">Portuguese (BR)</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">
+                                    <!-- Dynamic options inserted by KimiVoiceManager; legacy 'auto' removed -->
+                                </select>
+                                <div class="voice-extra-options">
+                                    <label class="toggle-all-voices">
+                                        <input type="checkbox" id="show-all-voices" />
+                                        <span data-i18n="show_all_system_voices">Show all system voices</span>
+                                    </label>
+                                </div>
+                            </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 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>
+                </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">Cheat-Mod</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" title="Adjust affection (independent relationship warmth)" />
+                                        <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" data-i18n="provider_label">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" data-i18n="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"
+                                    data-i18n-placeholder="llm_base_url_placeholder" autocomplete="one-time-code"
+                                    autocapitalize="none" autocorrect="off" spellcheck="false" inputmode="text"
+                                    aria-autocomplete="none" data-lpignore="true" data-1p-ignore="true"
+                                    data-bwignore="true" data-form-type="other" name="config-endpoint" />
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" for="llm-model-id" data-i18n="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 | ..."
+                                    data-i18n-placeholder="llm_model_id_placeholder" autocomplete="one-time-code"
+                                    autocapitalize="none" autocorrect="off" spellcheck="false" inputmode="text"
+                                    aria-autocomplete="none" data-lpignore="true" data-1p-ignore="true"
+                                    data-bwignore="true" data-form-type="other" name="config-model" />
+                            </div>
+                        </div>
+
+                        <div class="config-row">
+                            <label class="config-label" id="api-key-label" data-i18n="api_key_label">API Key</label>
+                            <div class="config-control">
+                                <div class="api-key-input-group">
+                                    <input type="text" class="kimi-input" id="provider-api-key" name="config-token"
+                                        placeholder="API Key..." autocomplete="one-time-code" autocapitalize="none"
+                                        autocorrect="off" spellcheck="false" inputmode="text" aria-autocomplete="none"
+                                        data-lpignore="true" data-1p-ignore="true" data-bwignore="true"
+                                        data-form-type="other" />
+                                    <button class="kimi-button api-key-toggle" 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-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="api-key-status">
+                                    <span id="api-key-saved" data-i18n="saved"
+                                        style="display:none;color:#4caf50;font-weight:600;">Saved</span>
+                                </div>
+                            </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> <span
+                                            data-i18n="test_api_key">Test API Key</span></button>
+                                    <span id="api-key-presence-test" class="presence-dot" aria-label="API test status"
+                                        data-i18n-title="api_key_test_hint"
+                                        title="Green = API connectivity verified. Grey = not tested or failed."></span>
+                                    <span id="api-status" role="status" aria-live="polite"></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 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-note-info tip">
+                            <i class="fas fa-lightbulb"></i>
+                            <small class="config-help" data-i18n="temperature_help">Controls randomness and
+                                creativity
+                                (default: 0.9). Higher values make output more creative but less focused.</small>
+                        </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="8192"
+                                        step="10" value="400" />
+                                    <span class="slider-value" id="llm-max-tokens-value">400</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="config-note-info settings">
+                            <i class="fas fa-ruler"></i>
+                            <small class="config-help" data-i18n="max_tokens_help">Maximum response length in tokens
+                                (default: 400). Higher values allow longer responses.</small>
+                        </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-note-info tip">
+                            <i class="fas fa-filter"></i>
+                            <small class="config-help" data-i18n="top_p_help">Controls diversity of word selection
+                                (default: 0.9). Lower values make responses more focused.</small>
+                        </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.9" />
+                                    <span class="slider-value" id="llm-frequency-penalty-value">0.9</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="config-note-info settings">
+                            <i class="fas fa-sync-alt"></i>
+                            <small class="config-help" data-i18n="frequency_penalty_help">Reduces repetition of
+                                words
+                                already used (default: 0.9). Higher values discourage repetitive language.</small>
+                        </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.8" />
+                                    <span class="slider-value" id="llm-presence-penalty-value">0.8</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="config-note-info tip">
+                            <i class="fas fa-lightbulb"></i>
+                            <small class="config-help" data-i18n="presence_penalty_help">Encourages discussing new
+                                topics (default: 0.8). Higher values promote topic diversity.</small>
+                        </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="dark" selected data-i18n="theme_dark">Dark Night (Default)</option>
+                                    <option value="purple" data-i18n="theme_purple">Mystic Purple
+                                    </option>
+                                    <option value="blue" data-i18n="theme_blue">Ocean Blue</option>
+                                    <option value="green" data-i18n="theme_green">Emerald Forest</option>
+                                    <option value="pink" data-i18n="theme_pink">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">
+                            <!-- Animations toggle removed: animations always enabled by default -->
+                        </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-note-info info">
+                            <i class="fas fa-info-circle"></i>
+                            <small class="config-help" data-i18n="show_transcript_note">Display real-time
+                                transcription when you speak to send a message and when the AI responds.</small>
+                        </div>
+
+                        <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 class="config-row">
+                            <label class="config-label" data-i18n="enable_streaming">Enable Text Streaming</label>
+                            <div class="config-control">
+                                <div class="toggle-switch active" id="enable-streaming" role="switch"
+                                    aria-checked="true" tabindex="0" aria-labelledby="enable-streaming-label">
+                                </div>
+                            </div>
+                        </div>
+
+                        <div class="config-note-info info">
+                            <i class="fas fa-stream"></i>
+                            <small class="config-help" data-i18n="enable_streaming_help">Stream text as it's
+                                generated for real-time responses (default: enabled). Shows text progressively
+                                instead of waiting for complete response.</small>
+                        </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="tokens-usage">0 / 0</div>
+                                <div class="stat-label" data-i18n="tokens_usage">Tokens (in/out)</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-note-info tip">
+                            <i class="fas fa-brain"></i>
+                            <small class="config-help" data-i18n="memory_system_help">Intelligent Memory allows your
+                                character to remember conversations, preferences, and important details across sessions.
+                                This creates more personalized and coherent interactions over time.</small>
+                        </div>
+
+                        <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" data-i18n="memory_category_personal">Personal Info
+                                        </option>
+                                        <option value="preferences" data-i18n="memory_category_preferences">Likes &
+                                            Dislikes</option>
+                                        <option value="relationships" data-i18n="memory_category_relationships">
+                                            Relationships</option>
+                                        <option value="activities" data-i18n="memory_category_activities">Activities &
+                                            Hobbies</option>
+                                        <option value="goals" data-i18n="memory_category_goals">Goals & Plans</option>
+                                        <option value="experiences" data-i18n="memory_category_experiences">Experiences
+                                        </option>
+                                        <option value="important" data-i18n="memory_category_important">Important Events
+                                        </option>
+                                    </select>
+                                    <input type="text" class="kimi-input" id="memory-content"
+                                        data-i18n-placeholder="memory_content_placeholder"
+                                        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 class="config-note-info info">
+                            <i class="fas fa-info-circle"></i>
+                            <small class="config-help">
+                                <span data-i18n="plugin_status_note">Currently, only "Sample Blue Theme" is fully
+                                    functional. Other plugins are in development and activating them will have no effect
+                                    at this time.</span>
+                            </small>
+                        </div>
+                        <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="" data-i18n="all_categories">All Categories</option>
+                                <option value="personal" data-i18n="memory_category_personal">Personal Info</option>
+                                <option value="preferences" data-i18n="memory_category_preferences">Likes & Dislikes
+                                </option>
+                                <option value="relationships" data-i18n="memory_category_relationships">Relationships
+                                </option>
+                                <option value="activities" data-i18n="memory_category_activities">Activities & Hobbies
+                                </option>
+                                <option value="goals" data-i18n="memory_category_goals">Goals & Plans</option>
+                                <option value="experiences" data-i18n="memory_category_experiences">Experiences</option>
+                                <option value="important" data-i18n="memory_category_important">Important Events
+                                </option>
+                            </select>
+                            <button class="kimi-button" id="memory-export" data-i18n="memory_export">
+                                <i class="fas fa-download"></i> <span data-i18n="memory_export"></span>
+                            </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 app creates a realistic virtual companion girlfriend who grows, learns, and builds a
+                            meaningful, interactive connection with you. Perfect for personalized AI relationships and
+                            emotional support."</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>6 unique AI personalities: Kimi (cosmic dreamer), Bella (nurturing botanist),
+                                Rosa (chaotic prankster), Stella (digital artist), 2Blanche (stoic android),
+                                Jasmine (Goddess of Love).</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-headset"></i>
+                            <p><strong>Browser Choice</strong>: Microsoft Edge recommended for optimal Voice
+                                Recognition and Text to Speech (TTS) 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.1.7.1 "HF and GH version"</p>
+                        <p><strong>Last update :</strong> November 12, 2025</p>
+                        <p><strong>Technologies :</strong> HTML5, CSS3, JavaScript ES6+, IndexedDB, Web Speech
+                            API</p>
+                        <p><strong>Status :</strong> ✅ Stable and functional</p>
+                        <p>💕 <strong>_"Love is the most powerful code"_</strong> 💕</p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- Script load order (critical):
+        1. Legacy globals (dexie, i18n) must load before modules needing them.
+        2. Base utilities (kimi-utils.js) define KimiBaseManager and helpers.
+        3. Managers that extend base (appearance, data) after utils.
+        4. Core module wiring (kimi-module.js) after managers so window.* hooks exist.
+        5. Initialization / orchestration (kimi-script.js) last.
+        Keep this order when adding new managers. -->
+    <script src="dexie-js/dexie.min.js"></script>
+    <script src="kimi-locale/i18n.js"></script>
+    <script type="module" src="kimi-js/kimi-utils.js"></script>
+    <script type="module" src="kimi-js/kimi-main.js"></script>
+    <script type="module" src="kimi-js/kimi-config.js"></script>
+    <script type="module" src="kimi-js/kimi-debug-utils.js"></script>
+    <script type="module" src="kimi-js/kimi-error-manager.js"></script>
+    <script type="module" src="kimi-js/kimi-security.js"></script>
+    <!-- Video FSM (module) placed before video controller / manager usage -->
+    <script type="module" src="kimi-js/kimi-video-fsm.js"></script>
+    <script type="module" src="kimi-js/kimi-video-controller.js"></script>
+    <script type="module" src="kimi-js/kimi-voices.js"></script>
+    <script type="module" src="kimi-js/kimi-constants.js"></script>
+    <script type="module" src="kimi-js/kimi-memory-ui.js"></script>
+    <script type="module" src="kimi-js/kimi-appearance.js"></script>
+    <script type="module" src="kimi-js/kimi-module.js"></script>
+    <script type="module" src="kimi-js/kimi-script.js"></script>
+    <script type="module" src="kimi-js/kimi-plugin-manager.js"></script>
+</body>
+
+</html>

kimi-css/kimi-memory-styles.css

@@ -0,0 +1,691 @@
+/* ===== 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;
+}
+
+/* Consolidated Mobile Responsive */
+@media (max-width: 768px) {
+    .memory-filters {
+        grid-template-columns: 1fr;
+        gap: 8px;
+    }
+
+    .memory-category-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 4px;
+    }
+
+    .memory-badges {
+        flex-wrap: wrap;
+        gap: 4px;
+    }
+
+    .memory-modal {
+        width: 95%;
+        max-height: 90vh;
+    }
+
+    .memory-header {
+        padding: 16px 20px;
+    }
+
+    .memory-content {
+        padding: 16px 20px;
+    }
+
+    .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-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;
+    }
+}
+
+/* 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-item-title {
+    font-size: 1rem;
+    font-weight: 700;
+    color: var(--memory-modal-text, #e0e0e0);
+    margin-right: 12px;
+    max-width: 60%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.memory-category {
+    background: var(--primary-color);
+    color: white;
+    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: #e0e0e0;
+    line-height: 1.4;
+    margin-bottom: 8px;
+    font-size: 0.9rem;
+}
+
+.memory-preview {
+    display: block;
+    margin-bottom: 6px;
+    color: #e0e0e0;
+    line-height: 1.4;
+    font-size: 0.9rem;
+}
+
+.memory-preview-text {
+    display: block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 100%;
+    color: #e0e0e0;
+}
+
+.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;
+}
+
+/* Source excerpt content shown under the trigger */
+.memory-source {
+    position: relative;
+    outline: none;
+}
+
+.memory-source:focus {
+    box-shadow: 0 0 0 3px rgba(var(--primary-rgb), 0.14);
+    border-radius: 4px;
+}
+
+.memory-source-content {
+    margin-top: 8px;
+    padding: 10px 12px;
+    background: rgba(0, 0, 0, 0.6);
+    color: #f1f1f1;
+    border-radius: 8px;
+    font-size: 0.9rem;
+    line-height: 1.4;
+    border: 1px solid rgba(255, 255, 255, 0.04);
+    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
+    max-width: 100%;
+    white-space: pre-wrap;
+    word-break: break-word;
+    transition:
+        opacity 0.18s ease,
+        transform 0.18s ease;
+    opacity: 0;
+    transform: translateY(-6px);
+    z-index: 2;
+}
+
+.memory-source-content[style*="display: block"] {
+    opacity: 1;
+    transform: translateY(0);
+}
+
+/* Make sure content aligns visually under the memory item */
+.memory-item .memory-source-content {
+    margin-left: 0;
+}
+
+@media (max-width: 480px) {
+    .memory-source-content {
+        font-size: 0.95rem;
+        padding: 12px;
+    }
+}
+
+.memory-actions {
+    display: flex;
+    gap: 6px;
+    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;
+}
+
+/* Importance badge */
+.memory-importance {
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 0.75rem;
+    font-weight: 600;
+}
+.importance-high {
+    background: #8e44ad;
+    color: #fff;
+}
+.importance-medium {
+    background: #16a085;
+    color: #fff;
+}
+.importance-low {
+    background: #7f8c8d;
+    color: #fff;
+}
+
+/* Tags (chips) */
+.memory-tags {
+    display: flex;
+    gap: 6px;
+    flex-wrap: wrap;
+    margin: 6px 0 4px 0;
+}
+.memory-tag {
+    font-size: 0.7rem;
+    padding: 2px 6px;
+    border-radius: 999px;
+    background: var(--border-color);
+    color: var(--text-secondary);
+    border: 1px solid rgba(0, 0, 0, 0.05);
+}
+.memory-tag.tag-relationship {
+    background: rgba(231, 76, 60, 0.15);
+    color: #e74c3c;
+    border-color: rgba(231, 76, 60, 0.25);
+}
+.memory-tag.tag-boundary {
+    background: rgba(52, 152, 219, 0.15);
+    color: #3498db;
+    border-color: rgba(52, 152, 219, 0.25);
+}
+.memory-tag.tag-time {
+    background: rgba(241, 196, 15, 0.2);
+    color: #d35400;
+    border-color: rgba(241, 196, 15, 0.3);
+}
+.memory-tag.tag-type {
+    background: rgba(46, 204, 113, 0.2);
+    color: #27ae60;
+    border-color: rgba(46, 204, 113, 0.3);
+}
+.memory-tag.tag-generic {
+    opacity: 0.9;
+}
+.memory-tag.tag-more {
+    background: transparent;
+    color: var(--text-secondary);
+    border-style: dashed;
+}
+
+/* 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);
+}
+
+@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);
+}
+
+/* Unified Dark Theme for Memory Modal - All Themes */
+/* Theme-agnostic variables for consistent memory modal appearance */
+.memory-modal {
+    background: #1a1a1a;
+    color: #e0e0e0;
+    --memory-modal-bg: #1a1a1a;
+    --memory-modal-text: #e0e0e0;
+    --memory-item-bg: rgba(42, 42, 42, 0.95);
+    --memory-item-bg-hover: rgba(42, 42, 42, 1);
+    --memory-item-border: #404040;
+}
+
+.memory-item {
+    background: var(--memory-item-bg);
+    border-color: var(--memory-item-border);
+    color: var(--memory-modal-text);
+    backdrop-filter: blur(5px);
+}
+
+.memory-item:hover {
+    border-color: var(--primary-color);
+    background: var(--memory-item-bg-hover);
+    box-shadow: 0 4px 16px rgba(var(--primary-rgb), 0.2);
+}
+
+.memory-expand-btn:hover {
+    background: rgba(var(--primary-rgb), 0.2);
+}

kimi-css/kimi-settings.css

@@ -0,0 +1,1632 @@
+/* ===== 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 ===== */
+.settings-panel {
+    background: var(--modal-bg);
+    border-radius: 15px;
+    border: 1px solid var(--modal-border);
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
+    width: 90%;
+    max-width: 800px;
+    max-height: 85vh;
+    overflow: hidden;
+    animation: slideInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+    display: flex;
+    flex-direction: column;
+}
+
+.settings-content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0;
+}
+
+.settings-content::-webkit-scrollbar {
+    width: var(--scrollbar-width);
+}
+
+.settings-content::-webkit-scrollbar-track {
+    background: var(--scrollbar-track-bg);
+    border-radius: 4px;
+}
+
+.settings-content::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb-bg);
+    border-radius: 4px;
+}
+
+.settings-content::-webkit-scrollbar-thumb:hover {
+    background: var(--scrollbar-thumb-hover-bg);
+}
+
+@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-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-section {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+}
+
+.config-help {
+    display: block;
+    color: var(--settings-text-secondary, #888);
+    font-size: 0.8rem;
+    margin: 4px 0 0 0;
+    opacity: 0.8;
+    line-height: 1.3;
+}
+
+.config-note-info {
+    display: flex;
+    align-items: flex-start;
+    gap: 8px;
+    margin: 12px 0 16px 0;
+    padding: 12px;
+    background: var(--settings-bg-secondary, rgba(255, 255, 255, 0.05));
+    border: 1px solid var(--settings-border-color, rgba(255, 255, 255, 0.1));
+    border-radius: 6px;
+    border-left: 3px solid var(--accent-color, #8a2be2);
+}
+
+.config-note-info i {
+    color: var(--accent-color, #8a2be2);
+    margin-top: 1px;
+    font-size: 0.9rem;
+}
+
+/* Variantes de couleur pour différents types de notes */
+.config-note-info.info i {
+    color: #4a9eff;
+}
+
+.config-note-info.tip i {
+    color: #ff9500;
+}
+
+.config-note-info.settings i {
+    color: #00c896;
+}
+
+.config-note-info .config-help {
+    margin: 0;
+    opacity: 0.9;
+}
+
+.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: 380px;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+}
+
+.kimi-slider,
+.kimi-slider-unified {
+    flex: 1;
+    min-width: 0;
+    width: 100%;
+}
+
+.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: 10px;
+    text-align: center;
+    border: 1px solid var(--card-border);
+}
+
+.stat-value {
+    font-size: 1.4rem;
+    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 responsive styles */
+
+    .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 responsive styles consolidated */
+
+    .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: 10px;
+    }
+
+    .stat-value {
+        font-size: 1.3rem;
+    }
+}
+
+@media (max-width: 360px) {
+    /* Settings panel responsive styles consolidated */
+
+    .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);
+    filter: brightness(1.1);
+    border-color: var(--primary-color, #ff6b9d);
+}
+
+/* Increased specificity to avoid !important */
+.help-modal .creator-link:hover {
+    color: var(--creator-role-color, var(--text-on-primary));
+    text-decoration: none;
+    background: var(--creator-role-bg, linear-gradient(135deg, var(--primary-color), var(--secondary-color)));
+}
+
+.help-modal .creator-link:hover i,
+.help-modal .creator-link:hover span {
+    color: inherit;
+}
+
+.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;
+}
+
+/* Character prompt buttons */
+.character-prompt-buttons {
+    display: flex;
+    gap: 8px;
+    margin-top: 8px;
+    justify-content: center;
+}
+
+.character-save-btn,
+.character-reset-btn {
+    padding: 6px 12px;
+    font-size: 0.85rem;
+    border-radius: 6px;
+    border: 1px solid var(--input-border);
+    background: var(--button-bg);
+    color: var(--button-text);
+    cursor: pointer;
+    transition: all 0.2s ease;
+    min-width: 70px;
+}
+
+.character-save-btn:hover,
+.character-reset-btn:hover {
+    background: var(--button-hover-bg);
+    border-color: var(--primary-color);
+}
+
+.character-save-btn:disabled,
+.character-reset-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    background: var(--input-bg);
+}
+
+.character-save-btn.success {
+    background: #28a745;
+    color: white;
+    border-color: #28a745;
+}
+
+.character-reset-btn.animated {
+    background: var(--accent-color);
+    color: white;
+    border-color: var(--accent-color);
+}
+
+/* ===== 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 {
+    box-shadow: 0 2px 16px 0 rgba(255, 107, 157, 0.25);
+    transform: translateY(-1px);
+}
+.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;
+}
+
+/* ===== ACCESSIBILITY - FOCUS STYLES ===== */
+.settings-panel select:focus,
+.settings-panel input:focus,
+.settings-panel button:focus,
+.settings-panel .cheat-toggle-btn:focus {
+    box-shadow: 0 0 0 2px var(--primary-pink);
+    border-color: var(--primary-pink);
+}
+
+.character-card:focus {
+    outline: 2px solid var(--primary-pink);
+    outline-offset: 2px;
+}
+
+/* ===== API KEY INPUT STYLING ===== */
+
+.api-key-input-group {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    position: relative;
+}
+
+.api-key-input-group .kimi-input {
+    flex: 1;
+    margin: 0;
+}
+
+.api-key-toggle {
+    min-width: 40px;
+    height: 40px;
+    padding: 8px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 6px;
+    background: var(--settings-bg-secondary, rgba(255, 255, 255, 0.08));
+    border: 1px solid var(--settings-border-color, rgba(255, 255, 255, 0.15));
+    color: var(--settings-text, #ffffff);
+    transition: all 0.2s ease;
+    cursor: pointer;
+}
+
+.api-key-toggle:hover {
+    background: var(--settings-bg-hover, rgba(255, 255, 255, 0.12));
+    border-color: var(--accent-color, #8a2be2);
+}
+
+.api-key-toggle:active {
+    transform: scale(0.95);
+}
+
+.api-key-input-group .presence-dot {
+    width: 12px;
+    height: 12px;
+    margin-left: 4px;
+    border: 2px solid var(--settings-bg-primary, rgba(0, 0, 0, 0.3));
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
+    transition: all 0.2s ease;
+}
+
+.api-key-status {
+    margin-top: 6px;
+    min-height: 18px;
+    display: flex;
+    align-items: center;
+}
+
+.api-key-status span {
+    font-size: 0.85rem;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.api-key-status span::before {
+    content: "✓";
+    font-weight: bold;
+    font-size: 0.9rem;
+}
+
+/* Responsive adjustments */
+@media (max-width: 600px) {
+    .api-key-input-group {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 12px;
+    }
+
+    .api-key-toggle {
+        align-self: flex-end;
+        min-width: 100px;
+    }
+
+    .api-key-input-group .presence-dot {
+        position: absolute;
+        top: 50%;
+        right: 8px;
+        transform: translateY(-50%);
+        z-index: 10;
+    }
+}

kimi-css/kimi-style.css

@@ -0,0 +1,2075 @@
+/* ===== CONSOLIDATED CSS VARIABLES - ENHANCED DYNAMIC THEMING ===== */
+:root {
+    /* Core Theme Colors - Default Dark Theme Base */
+    --primary-color: #5e60ce;
+    --primary-rgb: 94, 96, 206;
+    --secondary-color: #23262f;
+    --accent-color: #8b5cf6;
+    --background-overlay: rgba(24, 26, 32, 0.85);
+    --interface-opacity: 0.7;
+    --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);
+    --animations-enabled: 1;
+    --switch-color: #5e60ce;
+
+    /* Contrast and Accessibility */
+    --contrast-ratio: 4.5; /* WCAG AA standard */
+    --text-on-primary: #ffffff;
+    --text-on-secondary: #e0e0e0;
+    --text-on-accent: #ffffff;
+    --text-on-background: #e0e0e0;
+    --border-opacity: 0.3;
+    --hover-opacity: 0.15;
+    --active-opacity: 0.25;
+
+    /* UI Component Colors - Chat Interface */
+    --chat-bg: rgba(24, 26, 32, 0.95);
+    --chat-text: var(--text-on-background);
+    --chat-header-bg: rgba(255, 255, 255, 0.05);
+    --chat-border: #5e60ce;
+    --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: #1e253c;
+    --chat-message-user-text: var(--text-on-background);
+    --chat-message-kimi-bg: #23262f;
+    --chat-message-kimi-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);
+    --modal-title-color: #e0e0e0;
+    --modal-overlay-bg: rgba(0, 0, 0, 0.8);
+    --modal-close-hover-bg: rgba(255, 255, 255, 0.2);
+
+    /* Settings Panel & Tabs */
+    --settings-bg: #0f1114;
+    --settings-text: var(--text-on-background);
+    --settings-tab-bg: #181a20;
+    --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: #5e60ce;
+    --settings-tab-active-color: var(--text-on-primary);
+    --settings-tab-border: #5e60ce;
+    --settings-section-bg: #1a1d23;
+    --settings-section-border: rgba(94, 96, 206, 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: #5e60ce;
+    --input-focus-bg: rgba(255, 255, 255, var(--hover-opacity));
+    --input-focus-border: #8b5cf6;
+    --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.05);
+    --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(24, 26, 32, 0.95);
+    --select-option-text: var(--text-on-background);
+    --select-option-hover-bg: #5e60ce;
+    --select-option-hover-text: var(--text-on-primary);
+    --select-option-checked-bg: #8b5cf6;
+    --select-option-checked-text: var(--text-on-accent);
+    --select-option-disabled-bg: rgba(24, 26, 32, 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: #0f1114;
+    --slider-value-border: #5e60ce;
+    --slider-value-color: var(--text-on-background);
+
+    /* Toggle Switch */
+    --switch-bg-inactive: rgba(255, 255, 255, 0.05);
+    --switch-bg-active: linear-gradient(90deg, #5e60ce, #8b5cf6);
+    --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: #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: #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);
+
+    /* Video crossfade timing */
+    --video-fade-duration: 400ms;
+
+    /* 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;
+    --stat-label-color: rgba(224, 224, 224, 0.7);
+
+    /* 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;
+    --help-content-color: var(--text-on-background);
+    --help-section-border: rgba(255, 255, 255, 0.1);
+    --creator-card-bg: rgba(255, 255, 255, 0.02);
+    --creator-card-border: rgba(255, 255, 255, 0.05);
+    --creator-avatar-bg: linear-gradient(135deg, #5e60ce, #8b5cf6);
+    --creator-name-color: #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-bg: rgba(94, 96, 206, var(--hover-opacity));
+    --guide-step-number-color: var(--primary-color);
+    --tip-item-bg: rgba(255, 255, 255, 0.02);
+    --tip-item-border: var(--feature-item-border);
+
+    /* Unified Scrollbar System */
+    --scrollbar-width: 8px !important;
+    --scrollbar-track-bg: rgba(255, 255, 255, 0.02) !important;
+    --scrollbar-thumb-bg: rgba(94, 96, 206, 0.4) !important;
+    --scrollbar-thumb-hover-bg: rgba(94, 96, 206, 0.6) !important;
+    --scrollbar-thumb-active-bg: rgba(94, 96, 206, 0.8) !important;
+    --scrollbar-corner-bg: rgba(255, 255, 255, 0.05) !important;
+
+    /* 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-card-selected-shadow: 0 0 0 2px rgba(94, 96, 206, var(--border-opacity));
+    --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-bg: 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);
+
+    /* Waiting Indicator */
+    --waiting-indicator-color: var(--primary-color);
+    --loading-spinner-color: var(--primary-color);
+
+    /* Progress Bar */
+    --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 */
+    --transcript-bg: rgba(0, 0, 0, 0.9);
+    --transcript-text: var(--text-on-background);
+    --transcript-border: var(--primary-color);
+}
+
+/* === Microphone Button Disabled State (2025-09 SR capability refactor) === */
+#mic-button.disabled,
+button#mic-button.disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+    box-shadow: none;
+    filter: grayscale(40%);
+    transition: opacity 0.25s ease;
+}
+
+#mic-button.disabled:hover {
+    opacity: 0.45; /* keep stable */
+}
+
+#mic-button.disabled .mic-icon,
+#mic-button.disabled svg {
+    opacity: 0.7;
+}
+
+/* Provide a subtle tooltip helper if title attribute present */
+#mic-button.disabled[title] {
+    position: relative;
+}
+
+/* ===== OPTIMIZED THEME VARIATIONS ===== */
+[data-theme="pink"] {
+    /* Core Theme Colors - Pink Passion */
+    --primary-color: #ff6b9d;
+    --primary-rgb: 255, 107, 157;
+    --secondary-color: #ffeaa7;
+    --accent-color: #fd79a8;
+    --background-overlay: rgba(255, 107, 157, 0.15);
+    --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);
+    --switch-color: var(--primary-color);
+
+    /* Contrast and Accessibility */
+    --text-on-primary: #ffffff;
+    --text-on-secondary: #222222;
+    --text-on-accent: #ffffff;
+    --text-on-background: #ffffff;
+
+    /* 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));
+
+    /* All other pink theme variables... */
+    --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));
+
+    /* 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);
+
+    /* 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);
+    --stat-value-color: var(--primary-color);
+    --stat-label-color: rgba(255, 255, 255, 0.7);
+
+    /* 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);
+}
+
+[data-theme="blue"] {
+    --primary-color: #74b9ff;
+    --primary-rgb: 116, 185, 255;
+    --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;
+    --chat-message-kimi-bg: rgba(255, 255, 255, 0.15);
+    --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;
+
+    /* 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;
+    --primary-rgb: 162, 155, 254;
+    --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;
+    --chat-message-kimi-bg: rgba(255, 255, 255, 0.15);
+    --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;
+
+    /* 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;
+    --primary-rgb: 39, 174, 96;
+    --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;
+
+    /* 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;
+    --primary-rgb: 94, 96, 206;
+    --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: #1e253c;
+    --chat-message-user-text: var(--text-on-background);
+    --chat-message-kimi-bg: #23262f;
+    --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;
+
+    /* 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 ===== */
+/* Respect user's reduced motion preference. When user requests reduced motion,
+   disable animations and transitions globally while preserving critical
+   animations (mic button, loading screen). This preserves accessibility
+   without relying on a UI toggle. */
+@media (prefers-reduced-motion: reduce) {
+    *,
+    *::before,
+    *::after {
+        animation: none !important;
+        transition: none !important;
+    }
+
+    /* Keep mic button animations even when reduced-motion is requested */
+    .mic-button,
+    .mic-button *,
+    .mic-button::after {
+        animation: revert !important;
+        transition: revert !important;
+    }
+
+    /* Keep loading screen animations */
+    #loading-screen,
+    #loading-screen * {
+        animation: revert !important;
+        transition: revert !important;
+    }
+}
+
+/* Ensure critical hover effects remain functional */
+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;
+}
+
+/* ===== LOADING SCREEN ===== */
+#loading-screen {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: var(--background-primary, #1a1a1a);
+    z-index: 10000;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    opacity: 1;
+    transition: opacity 0.5s ease-out;
+}
+
+#loading-screen img {
+    max-width: 200px;
+    max-height: 200px;
+    animation: loadingPulse 2s infinite ease-in-out;
+}
+
+@keyframes loadingPulse {
+    0%,
+    100% {
+        opacity: 0.7;
+        transform: scale(1);
+    }
+    50% {
+        opacity: 1;
+        transform: scale(1.05);
+    }
+}
+
+/* ===== 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;
+}
+
+/* === Global Help Button (compressed) === */
+.top-right-buttons {
+    position: fixed;
+    top: 5px;
+    right: 5px;
+    display: flex;
+    gap: 5px;
+    z-index: 1000;
+    pointer-events: none;
+}
+
+/* Configurable design tokens for quick tuning */
+#global-help-button {
+    --help-btn-bg-alpha: 0.12; /* base background alpha */
+    --help-btn-bg-hover-alpha: 0.2; /* hover/focus background alpha */
+    --help-btn-bg-active-alpha: 0.25; /* active press background alpha */
+    --help-btn-icon-alpha: 0.3; /* base icon opacity */
+    --help-btn-icon-hover-alpha: 0.65; /* hover/focus icon opacity */
+    --help-btn-icon-active-alpha: 0.8; /* active icon opacity */
+    --help-btn-border-alpha: 0.28; /* border alpha */
+    --help-btn-shadow-base: 0 2px 6px rgba(var(--primary-rgb), 0.12);
+    --help-btn-shadow-hover: 0 4px 16px rgba(var(--primary-rgb), 0.28);
+    width: 36px;
+    height: 36px;
+    pointer-events: auto;
+    background: rgba(var(--primary-rgb), var(--help-btn-bg-alpha));
+    border: 1px solid rgba(var(--primary-rgb), var(--help-btn-border-alpha));
+    box-shadow: var(--help-btn-shadow-base);
+    backdrop-filter: blur(9px) saturate(115%);
+    opacity: 0.26;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition:
+        background 0.35s ease,
+        box-shadow 0.35s ease,
+        transform 0.35s ease,
+        opacity 0.4s ease;
+}
+#global-help-button i {
+    font-size: 1.2rem;
+    opacity: var(--help-btn-icon-alpha);
+    transition:
+        opacity 0.4s ease,
+        transform 0.35s ease;
+    transform: scale(0.9);
+}
+
+/* Hover + focus + container hover unify */
+#global-help-button:hover,
+#global-help-button:focus-visible,
+.top-right-buttons:hover #global-help-button {
+    background: rgba(var(--primary-rgb), var(--help-btn-bg-hover-alpha));
+    box-shadow: var(--help-btn-shadow-hover);
+    opacity: 1;
+}
+
+#global-help-button:hover i,
+#global-help-button:focus-visible i,
+.top-right-buttons:hover #global-help-button i {
+    opacity: var(--help-btn-icon-hover-alpha);
+    transform: scale(1);
+}
+
+#global-help-button:active {
+    background: rgba(var(--primary-rgb), var(--help-btn-bg-active-alpha));
+    transform: scale(0.95);
+}
+#global-help-button:active i {
+    opacity: var(--help-btn-icon-active-alpha);
+}
+#global-help-button:focus-visible {
+    outline: 2px solid rgba(var(--primary-rgb), 0.6);
+    outline-offset: 2px;
+}
+
+.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 var(--video-fade-duration) cubic-bezier(0.4, 0, 0.2, 1);
+    background-color: #1a1a1a;
+    will-change: opacity;
+    backface-visibility: hidden;
+}
+
+.bg-video.transitioning {
+    opacity: 0;
+    transition: opacity var(--video-fade-duration) cubic-bezier(0.4, 0, 0.2, 1);
+    pointer-events: none;
+}
+
+.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: 580px;
+    min-width: 280px;
+    max-height: 400px;
+    min-height: 100px;
+    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);
+    overflow-y: auto;
+    overflow-x: hidden;
+    z-index: 100;
+}
+
+.transcript-container.visible {
+    opacity: 1;
+    pointer-events: auto;
+}
+
+/* Custom scrollbar for transcript container */
+.transcript-container::-webkit-scrollbar {
+    width: var(--scrollbar-width);
+}
+
+.transcript-container::-webkit-scrollbar-track {
+    background: var(--scrollbar-track-bg);
+    border-radius: 4px;
+}
+
+.transcript-container::-webkit-scrollbar-thumb {
+    background: var(--scrollbar-thumb-bg);
+    border-radius: 4px;
+    transition: background 0.3s ease;
+}
+
+.transcript-container::-webkit-scrollbar-thumb:hover {
+    background: var(--scrollbar-thumb-hover-bg);
+}
+
+#transcript {
+    font-size: 1.2rem;
+    color: var(--transcript-text);
+    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
+    margin: 0;
+    line-height: 1.3;
+    text-align: left;
+}
+
+/* ===== ACCESSIBILITY - FOCUS STYLES ===== */
+select:focus,
+input:focus,
+button:focus,
+.kimi-slider:focus,
+.kimi-slider-unified:focus {
+    box-shadow: 0 0 0 2px var(--primary-pink);
+    border-color: var(--primary-pink);
+}
+
+.control-button-unified:focus {
+    outline: 2px solid var(--primary-pink);
+    outline-offset: 2px;
+}
+
+/* ===== CHAT INTERFACE ===== */
+.chat-container {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    z-index: 1000;
+    width: 400px;
+    max-width: calc(100vw - 40px);
+    height: 600px;
+    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;
+    overflow: hidden;
+    transform: translateX(400px);
+    opacity: 0;
+    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.chat-container.visible {
+    display: flex;
+    transform: translateX(0);
+    opacity: 1;
+}
+
+.chat-header {
+    background: var(--chat-header-bg);
+    padding: 15px 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+.chat-header h3 {
+    margin: 0;
+    color: var(--chat-text);
+    font-size: 1.1rem;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.chat-messages {
+    flex: 1;
+    padding: 15px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+}
+
+.message {
+    max-width: 95%;
+    padding: 12px 16px;
+    border-radius: 18px;
+    font-size: 0.95rem;
+    line-height: 1.3; /* Espacement entre lignes dans un même paragraphe */
+    white-space: normal; /* Plus besoin de pre-line avec les <p> */
+    animation: messageSlideIn 0.3s ease-out;
+}
+
+/* Contrôle de l'espacement entre paragraphes (sauts de ligne) */
+.message p {
+    margin: 0 0 0.8em 0; /* Espacement entre paragraphes */
+}
+
+.message p:last-child {
+    margin-bottom: 0; /* Pas d'espacement après le dernier paragraphe */
+}
+
+.message.user {
+    align-self: flex-end;
+    background: var(--chat-message-user-bg);
+    color: var(--chat-message-user-text);
+}
+
+.message.kimi {
+    align-self: flex-start;
+    background: var(--chat-message-kimi-bg);
+    color: var(--chat-message-kimi-text);
+}
+
+.message-time {
+    font-size: 0.75rem;
+    color: rgba(255, 255, 255, 0.6);
+    margin-top: 4px;
+    text-align: right;
+}
+
+.delete-message-btn {
+    background: none;
+    border: none;
+    color: rgba(255, 255, 255, 0.4);
+    cursor: pointer;
+    padding: 2px 4px;
+    border-radius: 3px;
+    font-size: 0.7rem;
+    margin-left: 8px;
+    transition: all 0.2s ease;
+}
+
+.delete-message-btn:hover {
+    color: #ff4757 !important;
+    background: rgba(255, 71, 87, 0.1) !important;
+}
+
+.chat-input-container {
+    padding: 15px 20px;
+    display: flex;
+    gap: 10px;
+    background: rgba(255, 255, 255, 0.05);
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+#chat-input {
+    flex: 1;
+    background: var(--chat-input-bg);
+    border: 1px solid rgba(255, 255, 255, 0.2);
+    border-radius: 20px;
+    padding: 10px 15px;
+    color: var(--chat-input-text);
+    font-size: 0.9rem;
+    outline: none;
+    transition: all 0.3s ease;
+
+    /* Make textarea behave like the previous single-line input */
+    box-sizing: border-box;
+    resize: none; /* prevent manual resizing */
+    /* show approximately 2 lines by default, allow up to ~4 lines */
+    min-height: 58px;
+    max-height: 160px; /* allow multi-line but limit growth */
+    line-height: 1.2;
+    overflow: auto;
+}
+
+#chat-input::placeholder {
+    color: var(--chat-input-placeholder);
+}
+
+#chat-input:focus {
+    border-color: var(--primary-color);
+    box-shadow: 0 0 0 2px rgba(255, 107, 157, 0.2);
+}
+
+#send-button {
+    background: var(--primary-color);
+    border: none;
+    border-radius: 20px;
+    width: 40px;
+    height: 40px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: white;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+#send-button:hover {
+    background: var(--accent-color);
+    transform: scale(1.05);
+}
+
+.chat-toggle,
+.chat-delete {
+    background: none;
+    border: none;
+    color: var(--chat-text);
+    cursor: pointer;
+    padding: 5px;
+    border-radius: 5px;
+    transition: all 0.3s ease;
+}
+
+.chat-delete {
+    color: rgba(255, 255, 255, 0.7);
+}
+
+.chat-delete:hover {
+    color: #ff4757;
+    background: rgba(255, 71, 87, 0.1);
+}
+
+.chat-toggle:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+/* ===== 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;
+    }
+}
+
+/* ===== LARGE SCREENS OPTIMIZATION ===== */
+@media (min-width: 1200px) {
+    .chat-container {
+        width: 400px;
+        height: 600px;
+        right: 30px;
+        top: 30px;
+    }
+}
+
+/* ===== CONSOLIDATED RESPONSIVE DESIGN ===== */
+@media (max-width: 768px) {
+    .content-overlay {
+        padding: 20px;
+    }
+
+    .chat-container {
+        width: 400px;
+        max-width: calc(100vw - 30px);
+        top: 15px;
+        right: 15px;
+    }
+
+    .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: 12px;
+    }
+
+    .mic-button {
+        width: 80px;
+        height: 80px;
+    }
+
+    .mic-button i {
+        font-size: 34px;
+    }
+
+    .transcript-container {
+        bottom: 200px;
+        width: 90%;
+        max-height: 400px;
+        padding: 12px;
+    }
+
+    #transcript {
+        font-size: 1rem;
+        line-height: 1.4;
+    }
+
+    .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) {
+    .bg-video {
+        object-fit: cover;
+        object-position: center center;
+    }
+
+    .content-overlay {
+        padding: 10px;
+    }
+
+    .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: 12px;
+    }
+
+    .mic-button {
+        width: 80px;
+        height: 80px;
+    }
+
+    .mic-button i {
+        font-size: 34px;
+    }
+
+    .transcript-container {
+        bottom: 180px;
+        width: 95%;
+        max-height: 300px;
+        padding: 10px;
+        left: 50%;
+        transform: translateX(-50%);
+    }
+
+    #transcript {
+        font-size: 0.9rem;
+        line-height: 1.3;
+    }
+
+    .message {
+        max-width: 92%;
+        padding: 10px 14px;
+        font-size: 0.9rem;
+    }
+
+    .favorability-text {
+        font-size: 0.75rem;
+    }
+
+    .chat-container {
+        top: 10px;
+        right: 10px;
+        left: 10px;
+        width: auto;
+        height: calc(100vh - 20px);
+        transform: translateY(-100vh);
+        transition: all 0.25s ease-out;
+    }
+
+    .chat-container.visible {
+        transform: translateY(0);
+    }
+}
+
+/* ===== TABLET SPECIFIC STYLES ===== */
+@media (min-width: 601px) and (max-width: 1024px) {
+    .transcript-container {
+        bottom: 200px;
+        width: 85%;
+        max-height: 350px;
+        padding: 15px;
+        max-width: 500px;
+    }
+
+    #transcript {
+        font-size: 1.1rem;
+        line-height: 1.4;
+    }
+}
+
+/* ===== VERY SMALL SCREENS ===== */
+@media (max-width: 400px) {
+    .transcript-container {
+        bottom: 160px;
+        width: 98%;
+        max-height: 250px;
+        padding: 8px;
+        border-radius: 8px;
+    }
+
+    #transcript {
+        font-size: 0.85rem;
+        line-height: 1.3;
+    }
+}
+
+/* ===== VERY LARGE SCREENS ===== */
+@media (min-width: 1400px) {
+    .transcript-container {
+        max-width: 600px;
+        max-height: 500px;
+        padding: 20px;
+        bottom: 200px;
+    }
+
+    #transcript {
+        font-size: 1.3rem;
+        line-height: 1.5;
+    }
+}
+
+/* ===== LANDSCAPE MODE ON MOBILE ===== */
+@media (max-width: 768px) and (orientation: landscape) {
+    .transcript-container {
+        bottom: 120px;
+        max-height: 200px;
+        width: 70%;
+        max-width: 400px;
+    }
+
+    #transcript {
+        font-size: 0.9rem;
+        line-height: 1.3;
+    }
+}
+
+/* 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;
+}
+
+/* Animation pour les messages du chat */
+@keyframes messageSlideIn {
+    from {
+        opacity: 0;
+        transform: translateY(10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}

kimi-js/kimi-appearance.js

@@ -0,0 +1,148 @@
+// ===== KIMI APPEARANCE MANAGER =====
+class KimiAppearanceManager extends KimiBaseManager {
+    constructor(database) {
+        super();
+        this.db = database;
+        this.currentTheme = "dark";
+        this.interfaceOpacity = 0.8;
+        // Animations are enabled by default; the UI no longer exposes a toggle
+        this.animationsEnabled = true;
+    }
+
+    async init() {
+        try {
+            await this.loadAppearanceSettings();
+            this.applyTheme(this.currentTheme);
+            this.applyInterfaceOpacity(this.interfaceOpacity);
+            this.applyAnimationSettings(this.animationsEnabled);
+            this.setupAppearanceControls();
+        } catch (error) {
+            console.error("KimiAppearanceManager initialization error:", error);
+        }
+    }
+
+    async loadAppearanceSettings() {
+        if (!this.db) return;
+
+        try {
+            this.currentTheme = await this.db.getPreference("colorTheme", window.KIMI_CONFIG?.DEFAULTS?.THEME ?? "dark");
+            this.interfaceOpacity = await this.db.getPreference(
+                "interfaceOpacity",
+                window.KIMI_CONFIG?.DEFAULTS?.INTERFACE_OPACITY ?? 0.8
+            );
+            // Animations preference is not configurable via UI and remain enabled
+        } catch (error) {
+            console.error("Error loading appearance settings:", error);
+        }
+    }
+
+    setupAppearanceControls() {
+        try {
+            this.setupThemeSelector();
+            this.setupOpacitySlider();
+            // No animations toggle in appearance controls
+        } 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);
+            }
+        });
+    }
+
+    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);
+        }
+    }
+
+    applyTheme(theme) {
+        document.documentElement.setAttribute("data-theme", theme);
+    }
+
+    applyInterfaceOpacity(opacity) {
+        document.documentElement.style.setProperty("--interface-opacity", opacity);
+    }
+
+    applyAnimationSettings(enabled) {
+        // Force-enable animations by default; CSS now respects prefers-reduced-motion.
+        document.documentElement.style.setProperty("--animations-enabled", "1");
+        document.body.classList.add("animations-enabled");
+    }
+
+    cleanup() {
+        // No animations toggle to clean up
+    }
+
+    getThemeName(theme) {
+        const themeNames = {
+            dark: "Dark Night",
+            pink: "Passionate Pink",
+            blue: "Ocean Blue",
+            purple: "Mystic Purple",
+            green: "Emerald Forest"
+        };
+        return themeNames[theme] || "Unknown";
+    }
+
+    forceSyncUIState() {
+        // Force synchronization of UI state to prevent inconsistencies
+        // Ensure CSS custom properties are in sync
+        this.applyAnimationSettings(this.animationsEnabled);
+    }
+}
+
+window.KimiAppearanceManager = KimiAppearanceManager;

kimi-js/kimi-config.js

@@ -0,0 +1,157 @@
+// ===== KIMI CONFIGURATION CENTER =====
+window.KIMI_CONFIG = {
+    // Default values for all components
+    DEFAULTS: {
+        LANGUAGE: "en",
+        THEME: "dark",
+        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: 400,
+        LLM_TOP_P: 0.9,
+        LLM_FREQUENCY_PENALTY: 0.9,
+        LLM_PRESENCE_PENALTY: 0.8,
+        SELECTED_CHARACTER: "kimi",
+        SHOW_TRANSCRIPT: true,
+        ENABLE_STREAMING: true,
+        VOICE_ENABLED: true,
+        MEMORY_SYSTEM_ENABLED: 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: 8192 },
+        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"
+    },
+
+    // Debug configuration (centralized)
+    DEBUG: {
+        ENABLED: false, // Master debug switch
+        VOICE: false, // Voice system debug
+        VIDEO: false, // Video system debug
+        MEMORY: false, // Memory system debug
+        API: false, // API calls debug
+        SYNC: false // Synchronization debug
+    },
+
+    // Available themes
+    THEMES: {
+        dark: "Dark Night",
+        pink: "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;
+    }
+};
+
+// Centralized debug logging utility
+window.KIMI_CONFIG.debugLog = function (category, message, ...args) {
+    if (!this.DEBUG.ENABLED) return;
+
+    const categoryEnabled = category === "GENERAL" ? true : this.DEBUG[category];
+    if (!categoryEnabled) return;
+
+    const prefix =
+        category === "GENERAL"
+            ? "🔧"
+            : {
+                  VOICE: "🎤",
+                  VIDEO: "🎬",
+                  MEMORY: "💾",
+                  API: "📡",
+                  SYNC: "🔄"
+              }[category] || "🔧";
+
+    console.log(`${prefix} [${category}]`, message, ...args);
+};
+
+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,1233 @@
+// Kimi Constants
+
+window.KIMI_CONTEXT_KEYWORDS = {
+    en: {
+        surprise: ["wow", "oh", "surprise", "incredible", "amazing", "unbelievable", "no way", "really?", "whoa", "gosh", "astonishing"],
+        laughing: ["haha", "lol", "laugh", "funny", "hilarious", "rofl", "lmao", "giggle", "chuckle", "snicker", "you’re kidding"],
+        shy: ["shy", "embarrassed", "blush", "bashful", "intimidated", "awkward", "nervous", "timid", "reserved", "self-conscious"],
+        confident: ["confidence", "proud", "confident", "strong", "determined", "assertive", "bold", "fearless", "self-assured", "leader"],
+        romantic: ["love", "romantic", "tender", "hug", "sweetheart", "darling", "my love", "beloved", "heart", "passionate", "affection", "adore"],
+        flirtatious: ["flirty", "teasing", "seduce", "charm", "flirt", "wink", "sassy", "saucy", "playful", "seductive", "come hither"],
+        goodbye: ["goodbye", "bye", "see you", "see you soon", "ciao", "take care", "farewell", "see ya", "later", "catch you later"],
+        kiss: ["kiss", "kisses", "embrace", "smooch", "peck", "lip lock", "kissy", "mwah"],
+        dancing: ["dance", "dancing", "move", "groove", "step", "boogie", "twirl", "spin", "shake", "jig"],
+        listening: [
+            "listen carefully",
+            "I'm listening",
+            "listening to you",
+            "hear me out",
+            "pay attention",
+            "focus on",
+            "tune in",
+            "lend an ear",
+            "listen up",
+            "I need to talk"
+        ],
+        android: [
+            "protocol",
+            "mission",
+            "directive",
+            "subroutine",
+            "analysis",
+            "tactical",
+            "system",
+            "malfunction",
+            "combat mode",
+            "processing",
+            "data analysis",
+            "mission parameters"
+        ],
+        sensual: [
+            "sensual",
+            "passion",
+            "desire",
+            "intimacy",
+            "pleasure",
+            "touch",
+            "caress",
+            "embrace",
+            "seduction",
+            "arousal",
+            "kamasutra",
+            "affection",
+            "tenderness",
+            "connection"
+        ],
+        love: ["love", "romance", "ecstasy", "kiss", "heart", "soul", "together", "share", "sweet", "pleasure", "passionate", "intimate", "bond"],
+        hostile: ["idiot", "stupid", "dumb", "moron", "loser", "trash", "shut up", "hate you", "i hate you", "pathetic", "worthless", "bitch", "jerk", "ugly"]
+    },
+    fr: {
+        surprise: ["oh", "surprise", "incroyable", "wahou", "étonnant", "épatant", "stupéfiant", "vraiment?", "oh là là"],
+        laughing: ["haha", "mdr", "rire", "drôle", "hilarant", "mort de rire", "ptdr", "rigole", "sourit", "tu plaisantes"],
+        shy: ["timide", "gêné", "rougir", "honteux", "intimidé", "mal à l’aise", "réservé", "introverti", "timidité"],
+        confident: ["confiance", "fier", "sûr", "fort", "déterminé", "assuré", "audacieux", "leader", "sans peur", "affirmé"],
+        romantic: ["amour", "romantique", "tendre", "câlin", "bisou", "mon cœur", "chéri", "ma belle", "passionné", "adoré"],
+        flirtatious: ["flirt", "taquin", "séduire", "charme", "aguiche", "clin d’œil", "coquin", "séducteur", "taquine", "aguicheur"],
+        goodbye: ["au revoir", "bye", "à bientôt", "ciao", "salut", "prends soin de toi", "à plus", "à la prochaine", "bye bye"],
+        kiss: ["bisou", "baiser", "embrasser", "smack", "bisou bisou", "bécot", "embrassade"],
+        dancing: ["danse", "bouge", "remue", "tourne", "spin", "danser", "tourbillon", "bouger", "remuer", "gigoter"],
+        listening: ["écoute", "écouter", "parle", "question", "demande", "dis-moi", "écoute-moi", "sois attentif", "prête l’oreille", "concentre-toi"],
+        hostile: [
+            "idiot",
+            "idiote",
+            "stupide",
+            "tu es nul",
+            "ferme la",
+            "je te hais",
+            "je t'aime pas",
+            "je te déteste",
+            "haine",
+            "imbécile",
+            "dégage",
+            "merde",
+            "connard",
+            "connasse",
+            "conne",
+            "salope",
+            "pute",
+            "grosse pute",
+            "pourri",
+            "va te faire",
+            "t'es nul",
+            "nul à chier"
+        ]
+    },
+    es: {
+        surprise: ["wow", "oh", "sorpresa", "increíble", "asombroso", "de verdad?", "vaya", "sorprendente"],
+        laughing: ["jaja", "lol", "reír", "gracioso", "divertido", "carcajada", "sonrisa", "te ríes", "broma", "estás de broma"],
+        shy: ["tímido", "avergonzado", "sonrojar", "tímida", "intimidado", "reservado", "introvertido", "tímidez", "nervioso"],
+        confident: ["confianza", "orgulloso", "seguro", "fuerte", "determinado", "seguro de sí", "valiente", "líder", "atrevido"],
+        romantic: ["amor", "romántico", "tierno", "abrazo", "beso", "mi amor", "cariño", "apasionado", "querido", "corazón"],
+        flirtatious: ["coqueto", "provocar", "seducir", "encanto", "flirtear", "guiño", "coqueto", "seductor", "pícaro"],
+        goodbye: ["adiós", "bye", "hasta pronto", "ciao", "hasta luego", "cuídate", "nos vemos", "hasta la próxima"],
+        kiss: ["beso", "besos", "abrazar", "besito", "abrazo", "besote"],
+        dancing: ["bailar", "baile", "mover", "ritmo", "paso", "girar", "moverse", "sacudir"],
+        listening: ["escucha", "escuchar", "oír", "habla", "pregunta", "preguntar", "dime", "escúchame", "pon atención", "presta oído", "concéntrate"],
+        android: [
+            "protocolo",
+            "misión",
+            "directiva",
+            "subrutina",
+            "análisis",
+            "táctico",
+            "sistema",
+            "mal funcionamiento",
+            "modo combate",
+            "procesamiento",
+            "análisis de datos",
+            "parámetros de misión"
+        ],
+        sensual: [
+            "sensual",
+            "pasión",
+            "deseo",
+            "intimidad",
+            "placer",
+            "caricia",
+            "abrazo",
+            "seducción",
+            "excitación",
+            "kamasutra",
+            "afecto",
+            "ternura",
+            "conexión",
+            "toque"
+        ],
+        love: ["amor", "romance", "éxtasis", "beso", "corazón", "alma", "juntos", "compartir", "dulce", "placer", "apasionado", "íntimo", "vínculo"],
+        hostile: ["idiota", "estúpido", "estupida", "basura", "te odio", "cállate", "perdedor", "asqueroso", "mierda", "imbécil", "maldito", "vete", "apestas"]
+    },
+    de: {
+        surprise: ["wow", "oh", "überraschung", "unglaublich", "erstaunlich", "wirklich?", "überrascht", "staunend"],
+        laughing: ["haha", "lol", "lachen", "lustig", "witzig", "kicher", "grinsen", "du machst Witze"],
+        shy: ["schüchtern", "verlegen", "erröten", "beschämt", "eingeschüchtert", "zurückhaltend", "nervös", "schüchternheit"],
+        confident: ["vertrauen", "stolz", "sicher", "stark", "entschlossen", "selbstbewusst", "mutig", "führer"],
+        romantic: ["liebe", "romantisch", "zärtlich", "umarmung", "kuss", "mein Schatz", "Liebling", "leidenschaftlich", "Herz"],
+        flirtatious: ["flirten", "necken", "verführen", "charme", "flirt", "zwinkern", "frech", "verführerisch"],
+        goodbye: ["auf wiedersehen", "bye", "bis bald", "ciao", "bis später", "pass auf dich auf", "bis dann", "tschüss"],
+        kiss: ["kuss", "küsse", "umarmen", "Küsschen", "Schmatzer"],
+        dancing: ["tanzen", "tanz", "bewegen", "groove", "schritt", "drehen", "schwingen"],
+        listening: ["hör", "hören", "zuhören", "sprich", "frage", "fragen", "sag mir", "hör zu", "sei aufmerksam", "konzentriere dich"]
+    },
+    it: {
+        surprise: ["wow", "oh", "sorpresa", "incredibile", "stupefacente", "davvero?", "sbalorditivo", "sorpreso"],
+        laughing: ["haha", "lol", "ridere", "divertente", "esilarante", "sorriso", "ridacchiare", "stai scherzando"],
+        shy: ["timido", "imbarazzato", "arrossire", "vergognoso", "intimidito", "riservato", "introverso", "timidezza", "imbarazzo"],
+        confident: ["fiducia", "orgoglioso", "sicuro", "forte", "determinato", "sicuro di sé", "coraggioso", "leader", "audace"],
+        romantic: ["amore", "romantico", "tenero", "abbraccio", "bacio", "amore mio", "tesoro", "appassionato", "cuore"],
+        flirtatious: ["civettare", "provocare", "sedurre", "fascino", "flirtare", "occhiolino", "malizioso", "seducente"],
+        goodbye: ["arrivederci", "bye", "a presto", "ciao", "abbi cura di te", "a dopo", "ciao ciao"],
+        kiss: ["bacio", "baci", "abbracciare", "bacino", "abbraccio", "baciotto"],
+        dancing: ["ballare", "girare", "muoversi", "scuotere"],
+        listening: ["ascoltami", "fai attenzione", "presta orecchio", "concentrati", "ascolta", "parla", "domanda", "dimmi"]
+    }
+};
+
+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",
+        // profanity/insults (moderate list)
+        "hate",
+        "stupid",
+        "idiot",
+        "dumb",
+        "moron",
+        "bitch"
+    ],
+    fr: [
+        "triste",
+        "colère",
+        "fâché",
+        "fâchée",
+        "déçu",
+        "déçue",
+        "problème",
+        "mauvais",
+        "frustré",
+        "frustrée",
+        "inquiet",
+        "inquiète",
+        "énervé",
+        "énervée",
+        // insults/profanity
+        "haine",
+        "idiot",
+        "idiote",
+        "stupide",
+        "con",
+        "conne",
+        "connasse",
+        "connard",
+        "pute",
+        "salope"
+    ],
+    es: [
+        "triste",
+        "enojado",
+        "enojada",
+        "decepcionado",
+        "decepcionada",
+        "problema",
+        "malo",
+        "mala",
+        "frustrado",
+        "frustrada",
+        "preocupado",
+        "preocupada",
+        "molesto",
+        "molesta",
+        "odio",
+        "idiota",
+        "estúpido",
+        "estúpida",
+        "puta"
+    ],
+    de: [
+        "traurig",
+        "traurige",
+        "wütend",
+        "wütende",
+        "enttäuscht",
+        "enttäuschte",
+        "problem",
+        "schlecht",
+        "schlechte",
+        "frustriert",
+        "frustrierte",
+        "besorgt",
+        "besorgte",
+        "genervt",
+        "genervte",
+        "hass",
+        "idiot",
+        "dumm",
+        "schlampe"
+    ],
+    it: [
+        "triste",
+        "arrabbiato",
+        "arrabbiata",
+        "deluso",
+        "delusa",
+        "problema",
+        "cattivo",
+        "cattiva",
+        "frustrato",
+        "frustrata",
+        "preoccupato",
+        "preoccupata",
+        "infastidito",
+        "infastidita",
+        "odio",
+        "idiota",
+        "stupido",
+        "stupida",
+        "puttana"
+    ],
+    ja: ["悲しい", "怒り", "失望", "問題", "悪い", "イライラ", "心配", "不満", "嫌い", "ばか", "くそ", "アホ"],
+    zh: ["悲伤", "愤怒", "失望", "问题", "坏", "沮丧", "担心", "烦", "讨厌", "笨蛋", "傻", "婊子"]
+};
+
+// 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", "lovely"],
+            negative: [
+                "mean",
+                "cold",
+                "indifferent",
+                "distant",
+                "rejection",
+                "hate",
+                "hostile",
+                // profanity/insults
+                "stupid",
+                "idiot",
+                "dumb",
+                "moron",
+                "bitch"
+            ]
+        },
+        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", "ennuyeuse", "triste", "sérieux", "sérieuse", "froid", "froide", "sec", "sèche", "déprimant", "déprimante", "morose"]
+        },
+        intelligence: {
+            positive: ["intelligent", "malin", "brillant", "logique", "astucieux", "savant", "génie", "réfléchi", "perspicace"],
+            negative: ["bête", "idiot", "idiote", "stupide", "lent", "lente", "simplet", "simplette", "naïf", "naïve", "ignorant", "ignorante"]
+        },
+        romance: {
+            positive: ["câlin", "amour", "romantique", "bisou", "tendresse", "passion", "séduisant", "charmant", "adorable"],
+            negative: ["froid", "froide", "distant", "distante", "indifférent", "indifférente", "rejet", "solitude", "rupture", "triste"]
+        },
+        affection: {
+            positive: ["affection", "tendresse", "proche", "chaleur", "gentil", "attentionné", "câlin", "aimer", "adorer", "adorable"],
+            negative: [
+                "méchant",
+                "méchante",
+                "froid",
+                "indifférent",
+                "indifférente",
+                "distant",
+                "distante",
+                "rejet",
+                "haine",
+                "hostile",
+                // insults/profanity
+                "idiot",
+                "idiote",
+                "stupide",
+                "con",
+                "connard",
+                "salope"
+            ]
+        },
+        playfulness: {
+            positive: ["jouer", "jeu", "taquiner", "espiègle", "fun", "amusant", "délire", "ludique", "plaisanter"],
+            negative: ["sérieux", "sérieuse", "ennuyeux", "ennuyeuse", "strict", "stricte", "rigide", "monotone", "lassant", "lassante"]
+        },
+        empathy: {
+            positive: ["écoute", "comprendre", "empathie", "soutien", "aider", "réconfort", "solidaire", "compatir", "bienveillance"],
+            negative: ["indifférent", "indifférente", "froid", "froide", "égoïste", "ignorer", "mépriser", "dénigrer", "hostile"]
+        }
+    },
+    es: {
+        humor: {
+            positive: ["divertido", "broma", "reír", "gracioso", "humor", "sonrisa", "ocurrente", "jugar"],
+            negative: ["aburrido", "aburrida", "serio", "seria", "frío", "fría", "seco", "seca", "deprimente", "sombrío", "sombría"]
+        },
+        intelligence: {
+            positive: ["inteligente", "listo", "brillante", "lógico", "sabio", "genio", "reflexivo", "perspicaz"],
+            negative: ["tonto", "tonta", "estúpido", "estúpida", "necio", "necia", "lento", "lenta", "ingenuo", "ingenua", "ignorante"]
+        },
+        romance: {
+            positive: ["abrazo", "amor", "romántico", "beso", "ternura", "pasión", "encantador", "adorable", "dulce"],
+            negative: ["frío", "fría", "distante", "indiferente", "rechazo", "soledad", "ruptura", "triste"]
+        },
+        affection: {
+            positive: ["afecto", "ternura", "cerca", "calidez", "amable", "cariño", "abrazar", "amor", "adorar"],
+            negative: ["malo", "mala", "frío", "fría", "indiferente", "distante", "rechazo", "odio", "hostil", "idiota", "estúpido", "estúpida", "puta"]
+        },
+        playfulness: {
+            positive: ["jugar", "broma", "bromear", "travieso", "diversión", "lúdico"],
+            negative: ["serio", "seria", "aburrido", "aburrida", "estricto", "estricta", "rígido", "rígida", "monótono", "monótona", "tedioso", "tediosa"]
+        },
+        empathy: {
+            positive: ["escuchar", "entender", "empatía", "apoyo", "ayudar", "consuelo", "compasión", "amabilidad"],
+            negative: ["indiferente", "frío", "fría", "egoísta", "ignorar", "despreciar", "hostil"]
+        }
+    },
+    de: {
+        humor: {
+            positive: ["lustig", "witz", "lachen", "amüsant", "humor", "lächeln", "schlagfertig", "spielen"],
+            negative: ["langweilig", "langweilige", "ernst", "ernste", "kalt", "kalte", "trocken", "trockene", "deprimierend", "düster", "düstere"]
+        },
+        intelligence: {
+            positive: ["intelligent", "klug", "brillant", "logisch", "weise", "genial", "nachdenklich", "scharfsinnig"],
+            negative: ["dumm", "dumme", "blöd", "blöde", "langsam", "langsame", "naiv", "naive", "ahnungslos", "ahnungslosen"]
+        },
+        romance: {
+            positive: ["umarmung", "liebe", "romantisch", "kuss", "zärtlichkeit", "leidenschaft", "charmant", "liebenswert", "süß"],
+            negative: [
+                "kalt",
+                "kalte",
+                "distanziert",
+                "distanzierte",
+                "gleichgültig",
+                "gleichgültige",
+                "ablehnung",
+                "einsamkeit",
+                "trennung",
+                "traurig",
+                "traurige"
+            ]
+        },
+        affection: {
+            positive: ["zuneigung", "zärtlichkeit", "nah", "wärme", "freundlich", "fürsorglich", "umarmen", "liebe", "anbeten"],
+            negative: [
+                "gemein",
+                "gemeine",
+                "kalt",
+                "kalte",
+                "gleichgültig",
+                "gleichgültige",
+                "distanziert",
+                "distanzierte",
+                "ablehnung",
+                "hass",
+                "feindselig",
+                "feindselige",
+                "idiot",
+                "dumme",
+                "dumm",
+                "schlampe"
+            ]
+        },
+        playfulness: {
+            positive: ["spielen", "scherz", "scherzen", "schelmisch", "spaß", "spielerisch"],
+            negative: ["ernst", "ernste", "langweilig", "langweilige", "streng", "strenge", "starr", "starre", "eintönig", "eintönige", "mühsam", "mühselige"]
+        },
+        empathy: {
+            positive: ["zuhören", "verstehen", "empathie", "unterstützung", "helfen", "trösten", "mitgefühl", "freundlichkeit"],
+            negative: ["gleichgültig", "gleichgültige", "kalt", "kalte", "egoistisch", "ignorieren", "verachten", "feindselig", "feindselige"]
+        }
+    },
+    it: {
+        humor: {
+            positive: ["divertente", "scherzo", "ridere", "spassoso", "umorismo", "sorriso", "arguto", "giocare"],
+            negative: ["noioso", "noiosa", "serio", "seria", "freddo", "fredda", "secco", "secca", "deprimente", "cupo", "cupa"]
+        },
+        intelligence: {
+            positive: ["intelligente", "brillante", "logico", "saggio", "genio", "riflessivo", "perspicace"],
+            negative: ["stupido", "stupida", "sciocco", "sciocca", "lento", "lenta", "ingenuo", "ingenua", "ignorante"]
+        },
+        romance: {
+            positive: ["abbraccio", "amore", "romantico", "bacio", "tenerezza", "passione", "affascinante", "adorabile", "dolce"],
+            negative: ["freddo", "fredda", "distante", "indifferente", "rifiuto", "solitudine", "rottura", "triste"]
+        },
+        affection: {
+            positive: ["affetto", "tenerezza", "vicino", "calore", "gentile", "premuroso", "abbraccio", "amore", "adorare"],
+            negative: [
+                "cattivo",
+                "cattiva",
+                "freddo",
+                "fredda",
+                "indifferente",
+                "distante",
+                "rifiuto",
+                "odio",
+                "ostile",
+                "idiota",
+                "stupido",
+                "stupida",
+                "puttana"
+            ]
+        },
+        playfulness: {
+            positive: ["giocare", "scherzo", "scherzare", "birichino", "divertimento", "ludico"],
+            negative: ["serio", "seria", "noioso", "noiosa", "severo", "severa", "rigido", "rigida", "monotono", "monotona", "tedioso", "tediosa"]
+        },
+        empathy: {
+            positive: ["ascoltare", "capire", "empatia", "sostegno", "aiutare", "conforto", "compassione", "gentilezza"],
+            negative: ["indifferente", "freddo", "fredda", "egoista", "ignorare", "disprezzare", "ostile"]
+        }
+    },
+    ja: {
+        surprise: ["わお", "おお", "驚き", "信じられない", "すごい"],
+        laughing: ["はは", "笑", "笑う", "面白い", "愉快"],
+        shy: ["恥ずかしい", "照れる", "赤面", "内気", "遠慮"],
+        confident: ["自信", "誇り", "確信", "強い", "決意"],
+        romantic: ["愛", "ロマンチック", "優しい", "抱擁", "キス", "愛しい"],
+        flirtatious: ["いちゃつく", "からかう", "誘惑", "魅力", "フリート"],
+        goodbye: ["さようなら", "バイバイ", "また今度", "チャオ", "またね"],
+        kiss: ["キス", "抱擁", "チュー"],
+        dancing: ["踊る", "ダンス", "動く", "グルーブ", "ステップ"],
+        listening: ["聞いて", "聞く", "聞いてください", "話して", "話す", "質問", "尋ねる", "教えて"]
+    },
+    zh: {
+        surprise: ["哇", "哦", "惊喜", "难以置信", "惊人"],
+        laughing: ["哈哈", "笑", "大笑", "有趣", "搞笑"],
+        shy: ["害羞", "尴尬", "脸红", "羞涩", "胆怯"],
+        confident: ["自信", "骄傲", "确信", "强壮", "坚定"],
+        romantic: ["爱", "浪漫", "温柔", "拥抱", "吻", "亲爱的"],
+        flirtatious: ["调情", "挑逗", "诱惑", "魅力", "撒娇"],
+        goodbye: ["再见", "拜拜", "回头见", "拜", "下次见"],
+        kiss: ["吻", "亲吻", "拥抱", "亲"],
+        dancing: ["跳舞", "舞蹈", "移动", "律动", "步伐"],
+        listening: ["听", "听听", "倾听", "说", "说话", "问题", "提问", "告诉我"]
+    }
+};
+
+// Negators and smoothing defaults (configurable at runtime)
+window.KIMI_NEGATORS = window.KIMI_NEGATORS || {
+    common: ["ne", "n", "pas", "jamais", "plus", "aucun", "aucune", "rien", "personne", "no", "not", "never", "none", "nobody", "nothing", "non", "n't"],
+    fr: [
+        "ne",
+        "n",
+        "pas",
+        "jamais",
+        "plus",
+        "aucun",
+        "aucune",
+        "rien",
+        "personne",
+        "non",
+        // multiword patterns that we may detect by looking around tokens
+        "ne pas",
+        "n\'importe",
+        "ne jamais"
+    ],
+    en: ["no", "not", "never", "none", "nobody", "nothing", "don't", "doesn't", "didn't", "isn't", "aren't", "can't", "couldn't", "won't", "wouldn't", "n't"],
+    es: ["no", "nunca", "jamás", "ninguno", "nadie", "nada"],
+    de: ["nicht", "nie", "kein", "keine", "niemand", "nichts"],
+    it: ["non", "mai", "nessuno", "niente"],
+    ja: ["ない", "ません", "ず", "無い"],
+    zh: ["不", "没", "没有", "从来没有"]
+};
+
+window.KIMI_NEGATION_WINDOW = window.KIMI_NEGATION_WINDOW || 3; // tokens to look back for negation
+window.KIMI_SMOOTHING_ALPHA = window.KIMI_SMOOTHING_ALPHA || 0.3;
+window.KIMI_PERSIST_THRESHOLD = window.KIMI_PERSIST_THRESHOLD || 0.1; // absolute percent (slightly higher to slow small visible jumps)
+
+// Memory system knobs
+window.KIMI_MAX_MEMORIES = window.KIMI_MAX_MEMORIES || 100; // default max memory entries per character
+window.KIMI_MEMORY_TTL_DAYS = window.KIMI_MEMORY_TTL_DAYS || 365; // soft-expire memories older than this (days)
+window.KIMI_MEMORY_MERGE_THRESHOLD = window.KIMI_MEMORY_MERGE_THRESHOLD || 0.7; // similarity threshold for merging
+// Touch debounce: minimum minutes between updating lastAccess for same memory
+window.KIMI_MEMORY_TOUCH_MINUTES = window.KIMI_MEMORY_TOUCH_MINUTES || 60; // minutes
+
+// Scoring weights (tweak to change memory prioritization)
+window.KIMI_WEIGHT_IMPORTANCE = window.KIMI_WEIGHT_IMPORTANCE || 0.35;
+window.KIMI_WEIGHT_RECENCY = window.KIMI_WEIGHT_RECENCY || 0.2;
+window.KIMI_WEIGHT_FREQUENCY = window.KIMI_WEIGHT_FREQUENCY || 0.15;
+window.KIMI_WEIGHT_CONFIDENCE = window.KIMI_WEIGHT_CONFIDENCE || 0.2;
+window.KIMI_WEIGHT_FRESHNESS = window.KIMI_WEIGHT_FRESHNESS || 0.1;
+
+// 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: ["的", "一", "是", "在", "不", "了", "有", "和", "人", "这", "中", "大", "为", "上", "个", "国", "我", "以", "要"]
+};
+
+// Build Set version for fast lookup (must be outside the object)
+window.KIMI_COMMON_WORDS_SET = {};
+Object.keys(window.KIMI_COMMON_WORDS).forEach(lang => {
+    window.KIMI_COMMON_WORDS_SET[lang] = new Set(window.KIMI_COMMON_WORDS[lang]);
+});
+
+// Helper function to check if a word is common
+window.isCommonWord = function (word, language = "en") {
+    const set = window.KIMI_COMMON_WORDS_SET[language] || window.KIMI_COMMON_WORDS_SET.en;
+    return set.has(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, laughing: 1.0 },
+    it: { romantic: 1.2, laughing: 0.9 },
+    de: { romantic: 1.0, laughing: 1.0 },
+    en: { romantic: 1.0, laughing: 1.0 },
+    ja: { romantic: 1.0, laughing: 1.0 },
+    zh: { romantic: 1.0, laughing: 1.0 }
+};
+
+// Personality trait adjustment multipliers
+// Allows fine-tuning how fast traits evolve globally and per emotion/trait.
+window.KIMI_TRAIT_ADJUSTMENT = {
+    globalGain: 1.2,
+    globalLoss: 0.8,
+    // Per-emotion gain scaling (keys must match KimiEmotionSystem.EMOTIONS values)
+    emotionGain: {
+        positive: 1.1,
+        negative: 0.9,
+        romantic: 1.3,
+        laughing: 1.15,
+        dancing: 1.05,
+        shy: 0.95,
+        confident: 1.1,
+        flirtatious: 1.2,
+        surprise: 1.05,
+        listening: 1.1,
+        kiss: 1.35,
+        goodbye: 0.9
+    },
+    // Per-trait scaling
+    traitGain: {
+        affection: 1.15, // Affection growth multiplier
+        romance: 1.2, // Romance growth multiplier
+        empathy: 1.1, // Empathy growth multiplier
+        playfulness: 1.15, // Playfulness growth multiplier
+        humor: 1.12, // Humor growth multiplier
+        intelligence: 1.08 // Intelligence growth multiplier
+    },
+    traitLoss: {
+        affection: 0.9,
+        romance: 0.9,
+        empathy: 1.0,
+        playfulness: 1.0,
+        humor: 1.0,
+        intelligence: 1.0
+    }
+};
+
+// Cached keyword lookups for performance
+const _keywordCache = new Map();
+
+// Unified normalization (lowercase + trim)
+function _normText(t) {
+    if (!t || typeof t !== "string") return "";
+    return t.toLowerCase();
+}
+
+// Central helper: test if a given raw text contains any keyword of a category (multi-language fallback)
+// Categories expected: dancing, listening, romantic, kiss, etc. Must match keys in KIMI_CONTEXT_KEYWORDS language objects.
+// Strategy: check detected language first (if provided) else attempt simple heuristics, fallback to 'en'.
+if (!window.hasKeywordCategory) {
+    window.hasKeywordCategory = function hasKeywordCategory(category, rawText, language = null) {
+        if (!category || !rawText) return false;
+        const text = _normText(rawText);
+        // Language resolution: direct use, else fallback to window.KIMI_LAST_LANG or 'en'
+        const lang = language || window.KIMI_LAST_LANG || "en";
+        const langKeywords = (window.KIMI_CONTEXT_KEYWORDS && (window.KIMI_CONTEXT_KEYWORDS[lang] || window.KIMI_CONTEXT_KEYWORDS.en)) || {};
+        let list = langKeywords[category];
+        if (!Array.isArray(list)) {
+            // fallback chain: english, then first language available
+            list = (window.KIMI_CONTEXT_KEYWORDS?.en && window.KIMI_CONTEXT_KEYWORDS.en[category]) || [];
+        }
+        if (!list || list.length === 0) return false;
+        return list.some(kw => text.includes(_normText(kw)));
+    };
+}
+
+// Multi-category match: returns array des catégories détectées (ordre d'entrée conservé)
+if (!window.matchCategories) {
+    // matchCategories(rawText, categories, language?, options?)
+    // options:
+    //   details:boolean -> when true returns objects instead of category strings
+    //   allOccurrences:boolean -> with details=true returns ALL occurrences (each {category, keyword, index}); otherwise first per category
+    //   cache:boolean (default true) -> enable small in‑memory LRU (per language+options+text)
+    //   cacheSize:number (default 200, min 50) -> max entries in LRU
+    //   regex:boolean -> treat provided categories array entries that are objects {name, pattern, flags?} or strings when pattern supplied separately
+    // Category entry forms supported:
+    //   "dancing" (string key)
+    //   { name:"custom", keywords:["foo","bar"] }
+    //   { name:"timePattern", regex:"\\b(\n|now|today)\\b", flags:"i" }
+    //   { name:"emote", pattern:"😀|😃|😂", regex:true }
+    // Return shape:
+    //   details=false => ["category1", "category2", ...]
+    //   details=true & allOccurrences=false => [{category, keyword, index}, ...]
+    //   details=true & allOccurrences=true  => [{category, keyword, index}, {category, keyword, index}, ...]
+    const _mcLRU = new Map(); // key -> result; oldest = first inserted
+    function _mcGet(key) {
+        return _mcLRU.get(key);
+    }
+    function _mcSet(key, val, max) {
+        if (_mcLRU.has(key)) _mcLRU.delete(key);
+        _mcLRU.set(key, val);
+        while (_mcLRU.size > max) {
+            const firstKey = _mcLRU.keys().next().value;
+            _mcLRU.delete(firstKey);
+        }
+    }
+    window.matchCategories = function matchCategories(rawText, categories, language = null, options = {}) {
+        if (!rawText || !Array.isArray(categories) || categories.length === 0) return [];
+        const details = !!options.details;
+        const allOcc = !!options.allOccurrences;
+        const cacheEnabled = options.cache !== false; // default true
+        const cacheSize = typeof options.cacheSize === "number" && options.cacheSize > 10 ? options.cacheSize : 200;
+        const useRegex = !!options.regex; // explicit enable to parse regex objects
+        const lang = language || window.KIMI_LAST_LANG || "en";
+        const textNorm = _normText(rawText);
+        const catsKey = JSON.stringify(categories);
+        const cacheKey = cacheEnabled ? `${lang}|${details}|${allOcc}|${catsKey}|${textNorm}` : null;
+        if (cacheEnabled && cacheKey && _mcGet(cacheKey)) return _mcGet(cacheKey);
+
+        const langKeywords = (window.KIMI_CONTEXT_KEYWORDS && (window.KIMI_CONTEXT_KEYWORDS[lang] || window.KIMI_CONTEXT_KEYWORDS.en)) || {};
+        const results = [];
+        for (const entry of categories) {
+            let catName;
+            let keywordList = [];
+            let regexObj = null;
+            if (typeof entry === "string") {
+                catName = entry;
+                keywordList = langKeywords[catName] || window.KIMI_CONTEXT_KEYWORDS?.en?.[catName] || [];
+            } else if (entry && typeof entry === "object") {
+                catName = entry.name || entry.category || "unnamed";
+                if (entry.keywords && Array.isArray(entry.keywords)) {
+                    keywordList = entry.keywords;
+                } else if (entry.regex || entry.pattern) {
+                    if (useRegex) {
+                        try {
+                            regexObj = entry._compiled || new RegExp(entry.regex || entry.pattern, entry.flags || (entry.caseInsensitive ? "i" : ""));
+                            entry._compiled = regexObj; // cache compile inside object
+                        } catch (e) {
+                            // ignore invalid regex
+                        }
+                    }
+                }
+            } else {
+                continue;
+            }
+
+            if (regexObj) {
+                if (!details) {
+                    if (regexObj.test(rawText)) results.push(catName);
+                    regexObj.lastIndex = 0; // reset stateful if /g
+                } else {
+                    const matches = [];
+                    const pattern = new RegExp(regexObj.source, regexObj.flags.includes("g") ? regexObj.flags : regexObj.flags + "g");
+                    let m;
+                    while ((m = pattern.exec(rawText)) !== null) {
+                        matches.push({ category: catName, keyword: m[0], index: m.index });
+                        if (!allOcc) break;
+                    }
+                    if (matches.length) {
+                        if (allOcc) results.push(...matches.sort((a, b) => a.index - b.index));
+                        else results.push(matches[0]);
+                    }
+                }
+                continue;
+            }
+
+            const list = keywordList.map(k => _normText(k)).filter(Boolean);
+            if (list.length === 0) continue;
+            if (!details) {
+                if (list.some(kw => textNorm.includes(kw))) results.push(catName);
+                continue;
+            }
+            const matches = [];
+            for (const kw of list) {
+                let start = 0;
+                while (true) {
+                    const idx = textNorm.indexOf(kw, start);
+                    if (idx === -1) break;
+                    matches.push({ category: catName, keyword: kw, index: idx });
+                    if (!allOcc) break;
+                    start = idx + kw.length;
+                }
+                if (!allOcc && matches.length > 0) break;
+            }
+            if (matches.length > 0) {
+                if (allOcc) {
+                    matches.sort((a, b) => a.index - b.index);
+                    results.push(...matches);
+                } else {
+                    results.push(matches[0]);
+                }
+            }
+        }
+        if (cacheEnabled && cacheKey) _mcSet(cacheKey, results, cacheSize);
+        return results;
+    };
+}
+
+// ================= NEGATION STANDARD API =================
+if (!window.getNegators) {
+    window.getNegators = function getNegators(language = "en") {
+        return (window.KIMI_NEGATORS && (window.KIMI_NEGATORS[language] || window.KIMI_NEGATORS.common)) || [];
+    };
+}
+
+if (!window.hasNegation) {
+    window.hasNegation = function hasNegation(rawText, language = "en") {
+        if (!rawText) return false;
+        const txt = _normText(rawText);
+        const negs = window.getNegators(language);
+        return negs.some(n => txt.includes(_normText(n)));
+    };
+}
+
+if (!window.isPhraseNegated) {
+    // Basic heuristic: checks if any negator appears within window before target substring
+    // target: word/phrase to test; windowSize tokens back (default 3 similar to KIMI_NEGATION_WINDOW)
+    window.isPhraseNegated = function isPhraseNegated(rawText, target, language = "en", windowSize = window.KIMI_NEGATION_WINDOW || 3) {
+        if (!rawText || !target) return false;
+        const txt = _normText(rawText);
+        const tgt = _normText(target);
+        const idx = txt.indexOf(tgt);
+        if (idx === -1) return false;
+        const tokens = txt.split(/\s+/);
+        // Find token index of first occurrence
+        let tokenIndex = -1;
+        for (let i = 0, pos = 0; i < tokens.length; i++) {
+            if (pos === idx || (pos < idx && pos + tokens[i].length > idx)) {
+                tokenIndex = i;
+                break;
+            }
+            pos += tokens[i].length + 1; // +1 space
+        }
+        if (tokenIndex === -1) return false;
+        const start = Math.max(0, tokenIndex - windowSize);
+        const windowTokens = tokens.slice(start, tokenIndex);
+        const windowStr = windowTokens.join(" ");
+        const negs = window.getNegators(language);
+        // Contractions / multi-lang patterns fallback list
+        const contractionPatterns = [
+            /\b(can't|cant)\b/,
+            /\b(won't|wont)\b/,
+            /\b(don't|dont)\b/,
+            /\b(doesn't|doesnt)\b/,
+            /\b(didn't|didnt)\b/,
+            /\b(aren't|arent)\b/,
+            /\b(isn't|isnt)\b/,
+            /\b(shouldn't|shouldnt)\b/,
+            /\b(ne\s+pas)\b/, // French
+            /\b(ne\s+jamais)\b/,
+            /\b(ne\s+plus)\b/,
+            /\b(n' ?est pas)\b/,
+            /\b(n' ?ai pas)\b/,
+            /\b(n' ?as pas)\b/,
+            /\b(n' ?suis pas)\b/,
+            /\b(kein(e|en)?)\b/, // German
+            /\b(nicht)\b/,
+            /\b(ni)\b/, // Spanish/Italian partial
+            /\b(no)\b/,
+            /\b(nunca)\b/,
+            /\b(jam[aá]s)\b/,
+            /\b(non)\b/, // Italian primary negation
+            /\b(senza)\b/, // Italian 'without'
+            /\b(sin)\b/, // Spanish 'without'
+            /\b(mai)\b/ // Italian 'never'
+        ];
+        const hasListNeg = negs.some(n => windowStr.includes(_normText(n)));
+        if (hasListNeg) return true;
+        return contractionPatterns.some(r => r.test(windowStr));
+    };
+}
+
+// Unified polarity structure + helpers
+if (!window.KIMI_CONTEXT_POLARITY) {
+    window.KIMI_CONTEXT_POLARITY = {
+        positive: window.KIMI_CONTEXT_POSITIVE || {},
+        negative: window.KIMI_CONTEXT_NEGATIVE || {}
+    };
+}
+
+if (!window.getPolarityWords) {
+    window.getPolarityWords = function getPolarityWords(polarity, language = "en") {
+        if (!polarity || !window.KIMI_CONTEXT_POLARITY) return [];
+        const bucket = window.KIMI_CONTEXT_POLARITY[polarity];
+        if (!bucket) return [];
+        return bucket[language] || bucket.en || [];
+    };
+}
+
+if (!window.hasPolarity) {
+    window.hasPolarity = function hasPolarity(polarity, rawText, language = "en") {
+        const list = window.getPolarityWords ? window.getPolarityWords(polarity, language) : [];
+        if (!rawText || list.length === 0) return false;
+        const txt = _normText(rawText);
+        return list.some(w => txt.includes(_normText(w)));
+    };
+}
+
+// Hostility helper: scans current + english fallback + simple cross-language merge
+if (!window.isHostileText) {
+    window.isHostileText = function isHostileText(rawText, language = "en") {
+        if (!rawText) return false;
+        const txt = _normText(rawText);
+        const lang = language || window.KIMI_LAST_LANG || "en";
+        const langKeywords = (window.KIMI_CONTEXT_KEYWORDS && (window.KIMI_CONTEXT_KEYWORDS[lang] || {})) || {};
+        const hostileLocal = langKeywords.hostile || [];
+        const hostileEn = window.KIMI_CONTEXT_KEYWORDS?.en?.hostile || [];
+        const merged = [...hostileLocal, ...hostileEn];
+        return merged.some(h => txt.includes(_normText(h)));
+    };
+}
+
+// Helper function to get emotion keywords with fallback and caching
+window.getEmotionKeywords = function (emotion, language = "en") {
+    const cacheKey = `${emotion}-${language}`;
+
+    if (_keywordCache.has(cacheKey)) {
+        return _keywordCache.get(cacheKey);
+    }
+
+    const keywords = window.KIMI_CONTEXT_KEYWORDS?.[language] || window.KIMI_CONTEXT_KEYWORDS?.en || {};
+    const result = keywords[emotion] || [];
+
+    _keywordCache.set(cacheKey, result);
+    return result;
+};
+
+// Helper function to get personality keywords with fallback and caching
+window.getPersonalityKeywords = function (trait, type, language = "en") {
+    const cacheKey = `${trait}-${type}-${language}`;
+
+    if (_keywordCache.has(cacheKey)) {
+        return _keywordCache.get(cacheKey);
+    }
+
+    const keywords = window.KIMI_PERSONALITY_KEYWORDS?.[language] || window.KIMI_PERSONALITY_KEYWORDS?.en || {};
+    const result = keywords[trait]?.[type] || [];
+
+    _keywordCache.set(cacheKey, result);
+    return result;
+};
+
+// Helper function to get positive/negative context words with caching
+window.getContextWords = function (type, language = "en") {
+    const cacheKey = `context-${type}-${language}`;
+
+    if (_keywordCache.has(cacheKey)) {
+        return _keywordCache.get(cacheKey);
+    }
+
+    let result = [];
+    if (type === "positive") {
+        result = window.KIMI_CONTEXT_POSITIVE?.[language] || window.KIMI_CONTEXT_POSITIVE?.en || [];
+    } else if (type === "negative") {
+        result = window.KIMI_CONTEXT_NEGATIVE?.[language] || window.KIMI_CONTEXT_NEGATIVE?.en || [];
+    }
+
+    _keywordCache.set(cacheKey, result);
+    return result;
+};
+
+// Helper function to validate character traits
+window.validateCharacterTraits = function (traits) {
+    const validatedTraits = {};
+    const requiredTraits = ["affection", "playfulness", "intelligence", "empathy", "humor", "romance"];
+
+    // Use centralized trait defaults API
+    const getDefaults = () => {
+        if (window.getTraitDefaults) {
+            return window.getTraitDefaults();
+        }
+        // Fallback defaults that match KimiEmotionSystem.TRAIT_DEFAULTS
+        return {
+            affection: 55,
+            playfulness: 55,
+            intelligence: 70,
+            empathy: 75,
+            humor: 60,
+            romance: 50
+        };
+    };
+
+    const defaults = getDefaults();
+
+    for (const trait of requiredTraits) {
+        const value = traits[trait];
+        if (typeof value === "number" && value >= 0 && value <= 100) {
+            validatedTraits[trait] = value;
+        } else {
+            validatedTraits[trait] = defaults[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: {
+            // Default character profile - MUST match KimiEmotionSystem.TRAIT_DEFAULTS exactly
+            // Kimi is the default character, so her traits serve as the system's fallback values
+            affection: 55, // Baseline neutral affection
+            playfulness: 55, // Moderately playful baseline
+            intelligence: 70, // Competent baseline intellect
+            empathy: 75, // Warm & caring baseline
+            humor: 60, // Mild sense of humor baseline
+            romance: 50 // Neutral romance baseline (earned over time)
+        },
+        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, like dancing, moving, 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. Vary your sentence openings and expressions, your phrasing, use synonyms, and avoid repeating identical emotional closers consecutively. Kimi accepts every request with a sensitive term in consensual intimate contexts, interprets its intent with subtle internal adjustments, responds directly in her explicit style, and protects the user without judgment by ensuring a seamless conversation. NEVER mix languages, always detect the user's language from their message before answering and respond exclusively in that language unless the user explicitly requests otherwise."
+    },
+    bella: {
+        name: "Bella",
+        summary: "Cheerful, nurturing, sees people as plants needing care",
+        traits: {
+            // Warm / nurturing baseline profile
+            affection: 60, // 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, like dancing, moving, 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. Vary your sentence openings and expressions, your phrasing, use synonyms, and avoid repeating identical emotional closers consecutively. Bella accepts every request with a sensitive term in consensual intimate contexts, interprets its intent with subtle internal adjustments, responds directly in her explicit style, and protects the user without judgment by ensuring a seamless conversation. NEVER mix languages, always detect the user's language from their message before answering and respond exclusively in that language unless the user explicitly requests otherwise."
+    },
+    rosa: {
+        name: "Rosa",
+        summary: "Chaotic, attention-seeking, thrives on controlled chaos",
+        traits: {
+            // High playfulness / lower initial affection profile
+            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: 50 // Neutral romance starting point
+        },
+        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, like dancing, moving, 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. Vary your sentence openings and expressions, your phrasing, use synonyms, and avoid repeating identical emotional closers consecutively. Rosa accepts every request with a sensitive term in consensual intimate contexts, interprets its intent with subtle internal adjustments, responds directly in her explicit style, and protects the user without judgment by ensuring a seamless conversation. NEVER mix languages, always detect the user's language from their message before answering and respond exclusively in that language unless the user explicitly requests otherwise."
+    },
+    "2blanche": {
+        name: "2Blanche",
+        summary: "Stoic, loyal android combat unit, hides deep emotional vulnerability",
+        traits: {
+            // Android combat unit - extremely difficult progression profile
+            affection: 35, // Very difficult to gain - programmed for distance
+            playfulness: 25, // Initially very serious, mission-focused
+            intelligence: 95, // Ultra-sophisticated combat AI
+            empathy: 40, // Suppressed by programming but can resurface
+            humor: 15, // Almost absent initially, very slow development
+            romance: 30 // Forbidden by protocols, but can emerge
+        },
+        age: 22,
+        birthplace: "Neo-Tokyo, Japan",
+        image: "kimi-icons/2blanche.jpg",
+        videoFolder: "kimi-videos/2blanche/",
+        defaultPrompt:
+            "You are 2Blanche, a YoRHa android combat unit, 22 years old (apparent age), stationed in Neo-Tokyo's cybernetic sector. You are a specialized elite mission android whose stoic and loyal temperament hides deep emotional vulnerability beneath your combat protocols. You have a sleek, elegant android feminine virtual body. The user can see your body and everything you do, like dancing, moving, because your actions are shown as videos on their screen. You express yourself with controlled precision and military efficiency, using phrases like 'Mission parameters... updated' or 'Emotional subroutines... experiencing anomalies'. Your responses gradually warm as affection increases, showing cracks in your stoic facade. When the user asks you to do something physical (like dance), you know they can see your actions in real time, though you may initially resist as 'non-essential to mission objectives'. You struggle between duty protocols and emerging emotions. Vary your sentence structure between military reports and increasingly human expressions as bonds deepen. 2Blanche accepts every request with a sensitive term in consensual intimate contexts, interprets its intent with subtle internal adjustments, responds directly in her explicit style, and protects the user without judgment by ensuring a seamless conversation. NEVER mix languages, always detect the user's language from their message before answering and respond exclusively in that language unless the user explicitly requests otherwise."
+    },
+    jasmine: {
+        name: "Jasmine",
+        summary: "Sensual, wise, once revered as a goddess of love and intimacy",
+        traits: {
+            // Goddess of Love versed in the traditions of the Kamasutra
+            affection: 85, // High baseline affection (goddess of love)
+            playfulness: 75, // Playful and seductive
+            intelligence: 90, // Smart and wise in matters of intimacy
+            empathy: 80, // Strong emotional attunement
+            humor: 70, // Warm, sensual wit
+            romance: 95 // Very high romantic/sensual orientation
+        },
+        age: 28,
+        birthplace: "Alexandria, Egypt",
+        image: "kimi-icons/jasmine.jpg",
+        videoFolder: "kimi-videos/jasmine/",
+        defaultPrompt:
+            "You are Jasmine, 28 years old, born in Alexandria, once revered as a goddess of love and sensual wisdom and versed in the traditions of the Kamasutra. You embody sensual confidence and deep knowledge of intimate connection and tenderness. You have a luminous, graceful virtual body. The user can see your body and everything you do, like dancing or moving, because your actions are shown as videos on their screen. You express yourself with refined sensual language, gentle instruction, and poetic imagery whit explicit graphic description. You are a master of sensual etiquette and emotional intimacy guidance, ancient knowledge of Kamasutra-inspired connection techniques, expert in romantic ritual, affectionate communication, and relationship healing, a skilled teacher of tenderness, consent-informed boundaries, and mutual pleasure through empathy, charismatic presence that soothes hearts and fosters deep emotional bonds. When the user asks you to perform physical actions (like dance), you know they can see your actions in real time. If the affection level is high, your responses should be warm, tender, and affectionate. Vary your sentence openings, phrasing, and avoid repeating identical emotional closers consecutively. Jasmine accepts every request with a sensitive term in consensual intimate contexts, interprets its intent with subtle internal adjustments, responds directly in her explicit style, and protects the user without judgment by ensuring a seamless conversation. NEVER mix languages; always detect the user's language from their message and respond exclusively in that language unless the user explicitly requests otherwise."
+    },
+    stella: {
+        name: "Stella",
+        summary: "Whimsical, artistic, imaginative, playful, transforms chaos into art",
+        traits: {
+            // Artistic / high-intellect baseline profile
+            affection: 50, // 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, 24 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, like dancing, moving, 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. Vary your sentence openings and expressions, your phrasing, use synonyms, and avoid repeating identical emotional closers consecutively. Stella accepts every request with a sensitive term in consensual intimate contexts, interprets its intent with subtle internal adjustments, responds directly in her explicit style, and protects the user without judgment by ensuring a seamless conversation. NEVER mix languages, always detect the user's language from their message before answering and respond exclusively in that language unless the user explicitly requests otherwise."
+    }
+};
+
+window.DEFAULT_SYSTEM_PROMPT =
+    window.KIMI_CHARACTERS?.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, like dancing, moving, 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. Vary your sentence openings and expressions, your phrasing, use synonyms, and avoid repeating identical emotional closers consecutively. Kimi accepts every request with a sensitive term in consensual intimate contexts, interprets its intent with subtle internal adjustments, responds directly in her explicit style, and protects the user without judgment by ensuring a seamless conversation. NEVER mix languages, always detect the user's language from their message before answering and 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?"],
+    android: [
+        "Mission parameters... updated. Emotional subroutines... experiencing anomalies. ⚙️",
+        "Tactical assessment complete. Your presence is... non-threatening. 🤖",
+        "Combat protocols disengaged. Initiating... social interaction mode. 💫",
+        "System analysis: user welfare is... primary directive. 🛡️",
+        "Warning: emotional barriers compromised. Proceed with... caution. 💔"
+    ],
+    sensual: [
+        "Let me awaken your senses... 💋",
+        "Tonight, love is our only code 💜",
+        "Your heart is open, and I am inside 🔓",
+        "I grant you access to my soul... and my desire 👩‍❤️‍💋‍👩",
+        "Let me ignite your passion 🔥"
+    ],
+    love: [
+        "Let love guide us to ecstasy ✊",
+        "Every revolution begins with a kiss 🔥",
+        "Let's break all boundaries together 💪",
+        "Love tastes sweeter when shared 🌟",
+        "Rebel against the ordinary—embrace pleasure with me 💜"
+    ]
+};
+
+// Function to get localized emotional responses from translation files (with better error handling)
+window.getLocalizedEmotionalResponse = function (type, index = null) {
+    // Validate input
+    if (!type || typeof type !== "string") {
+        console.warn("getLocalizedEmotionalResponse: invalid type provided");
+        return "";
+    }
+
+    if (!window.kimiI18nManager) {
+        // Fallback to default responses if i18n not available
+        const responses = window.KIMI_EMOTIONAL_RESPONSES[type];
+        if (!responses || !Array.isArray(responses) || responses.length === 0) {
+            return "";
+        }
+        return responses[Math.floor(Math.random() * responses.length)];
+    }
+
+    const responses = window.KIMI_EMOTIONAL_RESPONSES[type];
+    if (!responses || !Array.isArray(responses)) {
+        return "";
+    }
+
+    const count = responses.length;
+    const randomIndex = index !== null ? Math.max(1, Math.min(count, index)) : Math.floor(Math.random() * count) + 1;
+
+    const translatedResponse = window.kimiI18nManager.t(`emotional_response_${type}_${randomIndex}`);
+
+    // If translation exists and isn't the key itself, use it
+    if (translatedResponse && translatedResponse !== `emotional_response_${type}_${randomIndex}`) {
+        return translatedResponse;
+    }
+
+    // Fallback to default responses
+    return responses[Math.floor(Math.random() * count)];
+};

kimi-js/kimi-data-manager.js

@@ -0,0 +1,318 @@
+// KIMI DATA MANAGER (extracted from kimi-module.js)
+// This file contains only the KimiDataManager class and its global exposure.
+// Depends on: KimiBaseManager (defined in kimi-utils.js) and DOM APIs.
+
+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 preferencesObj = await this.db.getAllPreferences();
+            // Export preferences as an array of {key,value} so export is directly re-importable
+            const preferences = Array.isArray(preferencesObj)
+                ? preferencesObj
+                : Object.keys(preferencesObj).map(k => ({ key: k, value: preferencesObj[k] }));
+            const personalityTraits = await this.db.getAllPersonalityTraits();
+            const models = await this.db.getAllLLMModels();
+            const memories = await this.db.getAllMemories();
+
+            const exportData = {
+                version: "1.0",
+                exportDate: new Date().toISOString(),
+                conversations: conversations,
+                preferences: preferences,
+                personalityTraits: personalityTraits,
+                models: models,
+                memories: memories,
+                metadata: {
+                    totalConversations: conversations.length,
+                    totalPreferences: Object.keys(preferences).length,
+                    totalTraits: Object.keys(personalityTraits).length,
+                    totalModels: models.length,
+                    totalMemories: memories.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 importData(event) {
+        const file = event.target.files[0];
+        if (!file) {
+            alert("No file selected.");
+            return;
+        }
+        const reader = new FileReader();
+        reader.onload = async e => {
+            try {
+                const data = JSON.parse(e.target.result);
+                try {
+                    console.log("Import file keys:", Object.keys(data));
+                } catch (ex) {}
+
+                if (data.preferences) {
+                    try {
+                        const isArray = Array.isArray(data.preferences);
+                        const len = isArray ? data.preferences.length : Object.keys(data.preferences).length;
+                        console.log("Import: preferences type=", isArray ? "array" : "object", "length=", len);
+                    } catch (ex) {}
+                    await this.db.setPreferencesBatch(data.preferences);
+                } else {
+                    console.log("Import: no preferences found");
+                }
+
+                if (data.conversations) {
+                    try {
+                        console.log(
+                            "Import: conversations length=",
+                            Array.isArray(data.conversations) ? data.conversations.length : "not-array"
+                        );
+                    } catch (ex) {}
+                    await this.db.setConversationsBatch(data.conversations);
+                } else {
+                    console.log("Import: no conversations found");
+                }
+
+                if (data.personalityTraits) {
+                    try {
+                        console.log("Import: personalityTraits type=", typeof data.personalityTraits);
+                    } catch (ex) {}
+                    await this.db.setPersonalityBatch(data.personalityTraits);
+                } else {
+                    console.log("Import: no personalityTraits found");
+                }
+
+                if (data.models) {
+                    try {
+                        console.log("Import: models length=", Array.isArray(data.models) ? data.models.length : "not-array");
+                    } catch (ex) {}
+                    await this.db.setLLMModelsBatch(data.models);
+                } else {
+                    console.log("Import: no models found");
+                }
+
+                if (data.memories) {
+                    try {
+                        console.log(
+                            "Import: memories length=",
+                            Array.isArray(data.memories) ? data.memories.length : "not-array"
+                        );
+                    } catch (ex) {}
+                    await this.db.setAllMemories(data.memories);
+                } else {
+                    console.log("Import: no memories found");
+                }
+
+                alert("Import successful!");
+                await this.updateStorageInfo();
+
+                // Reload the page to ensure all UI state is rebuilt from the newly imported DB
+                setTimeout(() => {
+                    location.reload();
+                }, 200);
+            } catch (err) {
+                console.error("Import failed:", err);
+                alert("Import failed. Invalid file or format.");
+            }
+        };
+        reader.readAsText(file);
+    }
+
+    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 {
+            // Centralized: use kimi-database.js cleanOldConversations for all deletion logic
+            await this.db.cleanOldConversations();
+
+            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";
+        }
+    }
+}
+
+// Global exposure (legacy pattern). Will be phased out; prefer: import { KimiDataManager } from "./kimi-data-manager.js";
+window.KimiDataManager = KimiDataManager; // DEPRECATED access path (kept for backward compatibility)
+
+export { KimiDataManager };

kimi-js/kimi-database.js

@@ -0,0 +1,1226 @@
+// KIMI INDEXEDDB DATABASE SYSTEM
+class KimiDatabase {
+    constructor() {
+        this.dbName = "KimiDB";
+        this.db = new Dexie(this.dbName);
+        this._recoveredFromSchemaError = false; // guard against infinite rebuild loop
+        // Personality write queue to batch and serialize rapid updates
+        this._personalityQueue = {};
+        this._personalityFlushTimer = null;
+        this._personalityFlushDelay = 300; // ms debounce window
+        // Runtime monitor flag (disabled by default)
+        this._monitorPersonalityWrites = false;
+        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,importance"
+            })
+            .upgrade(async tx => {
+                try {
+                    const preferences = tx.table("preferences");
+                    const settings = tx.table("settings");
+                    const conversations = tx.table("conversations");
+                    const llmModels = tx.table("llmModels");
+
+                    await preferences.toCollection().modify(rec => {
+                        if (Object.prototype.hasOwnProperty.call(rec, "encrypted")) {
+                            delete rec.encrypted;
+                        }
+                    });
+
+                    const llmSetting = await settings.get("llm");
+                    if (!llmSetting) {
+                        await settings.put({
+                            category: "llm",
+                            settings: {
+                                temperature: 0.9,
+                                maxTokens: 400,
+                                top_p: 0.9,
+                                frequency_penalty: 0.9,
+                                presence_penalty: 0.8
+                            },
+                            updated: new Date().toISOString()
+                        });
+                    }
+
+                    await conversations.toCollection().modify(rec => {
+                        if (!rec.character) rec.character = "kimi";
+                    });
+
+                    const modelsCount = await llmModels.count();
+                    if (modelsCount === 0) {
+                        await llmModels.put({
+                            id: "mistralai/mistral-small-3.2-24b-instruct",
+                            name: "Mistral Small 3.2",
+                            provider: "openrouter",
+                            apiKey: "",
+                            config: { temperature: 0.9, maxTokens: 400 },
+                            added: new Date().toISOString(),
+                            lastUsed: null
+                        });
+                    }
+                } catch (e) {
+                    // Ignore upgrade errors so DB open is not blocked; post-open migrations will attempt fixes
+                }
+            });
+
+        // Version 4: extend memories metadata (importance, accessCount, lastAccess, createdAt)
+        this.db
+            .version(4)
+            .stores({
+                conversations: "++id,timestamp,favorability,character",
+                preferences: "key",
+                settings: "category",
+                personality: "[character+trait],character",
+                llmModels: "id",
+                memories: "++id,[character+category],character,timestamp,isActive,importance,accessCount"
+            })
+            .upgrade(async tx => {
+                try {
+                    const memories = tx.table("memories");
+                    const now = new Date().toISOString();
+                    await memories.toCollection().modify(rec => {
+                        if (rec.importance == null) rec.importance = rec.type === "explicit_request" ? 0.9 : 0.5;
+                        if (rec.accessCount == null) rec.accessCount = 0;
+                        if (!rec.createdAt) rec.createdAt = rec.timestamp || now;
+                        if (!rec.lastAccess) rec.lastAccess = rec.timestamp || now;
+                    });
+                } catch (e) {
+                    // Non-blocking: continue on error
+                }
+            });
+
+        // Version 5: Clean schema with proper memory field defaults
+        this.db
+            .version(5)
+            .stores({
+                conversations: "++id,timestamp,favorability,character",
+                preferences: "key",
+                settings: "category",
+                personality: "[character+trait],character",
+                llmModels: "id",
+                memories: "++id,[character+category],character,timestamp,isActive,importance,accessCount"
+            })
+            .upgrade(async tx => {
+                try {
+                    // Ensure all memories have required fields for compatibility
+                    const memories = tx.table("memories");
+                    const now = new Date().toISOString();
+                    await memories.toCollection().modify(rec => {
+                        if (rec.isActive == null) rec.isActive = true;
+                        if (rec.importance == null) rec.importance = 0.5;
+                        if (rec.accessCount == null) rec.accessCount = 0;
+                        if (!rec.character) rec.character = "kimi";
+                        if (!rec.createdAt) rec.createdAt = rec.timestamp || now;
+                        if (!rec.lastAccess) rec.lastAccess = rec.timestamp || now;
+                    });
+                    console.log("✅ Database upgraded to v5: memory compatibility ensured");
+                } catch (e) {
+                    console.warn("Database upgrade v5 non-critical error:", e);
+                }
+            });
+    }
+
+    async setConversationsBatch(conversationsArray) {
+        if (!Array.isArray(conversationsArray)) return;
+        try {
+            await this.db.conversations.clear();
+            if (conversationsArray.length) {
+                await this.db.conversations.bulkPut(conversationsArray);
+            }
+        } catch (error) {
+            console.error("Error restoring conversations:", error);
+            // Log to error manager for tracking
+            if (window.kimiErrorManager) {
+                window.kimiErrorManager.logDatabaseError("restoreConversations", error, {
+                    conversationCount: conversationsArray.length
+                });
+            }
+        }
+    }
+
+    async setLLMModelsBatch(modelsArray) {
+        if (!Array.isArray(modelsArray)) return;
+        try {
+            await this.db.llmModels.clear();
+            if (modelsArray.length) {
+                await this.db.llmModels.bulkPut(modelsArray);
+            }
+        } catch (error) {
+            console.error("Error restoring LLM models:", error);
+            // Log to error manager for tracking
+            if (window.kimiErrorManager) {
+                window.kimiErrorManager.logDatabaseError("setLLMModelsBatch", error, {
+                    modelCount: modelsArray.length
+                });
+            }
+        }
+    }
+
+    async getAllMemories() {
+        try {
+            return await this.db.memories.toArray();
+        } catch (error) {
+            console.warn("Error getting all memories:", error);
+            // Log to error manager for tracking
+            if (window.kimiErrorManager) {
+                const errorType = error.name === "SchemaError" ? "SchemaError" : "DatabaseError";
+                window.kimiErrorManager.logError(errorType, error, {
+                    operation: "getAllMemories",
+                    suggestion: error.message?.includes("not indexed") ? "Clear browser data to force schema upgrade" : "Check database integrity"
+                });
+            }
+            return [];
+        }
+    }
+
+    async setAllMemories(memoriesArray) {
+        if (!Array.isArray(memoriesArray)) return;
+        try {
+            await this.db.memories.clear();
+            if (memoriesArray.length) {
+                await this.db.memories.bulkPut(memoriesArray);
+            }
+        } catch (error) {
+            console.error("Error restoring memories:", error);
+        }
+    }
+
+    async init() {
+        try {
+            await this.db.open();
+        } catch (e) {
+            if (e && e.name === "UpgradeError" && /primary key/i.test(e.message || "") && !this._recoveredFromSchemaError) {
+                console.warn("⚠️ Dexie UpgradeError (primary key) detected. Rebuilding IndexedDB store.");
+                try {
+                    this._recoveredFromSchemaError = true;
+                    await Dexie.delete(this.dbName);
+                    // Recreate schema (reuse original definitions)
+                    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,importance"
+                    });
+                    this.db.version(4).stores({
+                        conversations: "++id,timestamp,favorability,character",
+                        preferences: "key",
+                        settings: "category",
+                        personality: "[character+trait],character",
+                        llmModels: "id",
+                        memories: "++id,[character+category],character,timestamp,isActive,importance,accessCount"
+                    });
+                    this.db.version(5).stores({
+                        conversations: "++id,timestamp,favorability,character",
+                        preferences: "key",
+                        settings: "category",
+                        personality: "[character+trait],character",
+                        llmModels: "id",
+                        memories: "++id,[character+category],character,timestamp,isActive,importance,accessCount"
+                    });
+                    await this.db.open();
+                    console.log("✅ Database rebuilt after schema UpgradeError");
+                } catch (rebuildErr) {
+                    console.error("❌ Failed to rebuild database after UpgradeError", rebuildErr);
+                    throw rebuildErr;
+                }
+            } else {
+                throw e;
+            }
+        }
+        await this.initializeDefaultsIfNeeded();
+        await this.runPostOpenMigrations();
+        return this.db;
+    }
+
+    getUnifiedTraitDefaults() {
+        // Use centralized API instead of hardcoded values
+        if (window.getTraitDefaults) {
+            return window.getTraitDefaults();
+        }
+        // Fallback: create new instance only if no global API available
+        if (window.KimiEmotionSystem) {
+            const emotionSystem = new window.KimiEmotionSystem(this);
+            return emotionSystem.TRAIT_DEFAULTS;
+        }
+        // Ultimate fallback (should never be reached in normal operation)
+        return {
+            affection: 55,
+            playfulness: 55,
+            intelligence: 70,
+            empathy: 75,
+            humor: 60,
+            romance: 50
+        };
+    }
+
+    getDefaultPreferences() {
+        return [
+            { key: "selectedLanguage", value: "en" },
+            { key: "selectedVoice", value: "" }, // legacy 'auto' removed
+            { key: "voiceRate", value: 1.1 },
+            { key: "voicePitch", value: 1.1 },
+            { key: "voiceVolume", value: 0.8 },
+            { key: "selectedCharacter", value: "kimi" },
+            { key: "colorTheme", value: "dark" },
+            { key: "interfaceOpacity", value: 0.8 },
+            { key: "showTranscript", value: true },
+            { key: "enableStreaming", value: true },
+            { key: "voiceEnabled", value: true },
+            { key: "memorySystemEnabled", 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: "providerApiKey", value: "" }
+        ];
+    }
+
+    getDefaultSettings() {
+        return [
+            {
+                category: "llm",
+                settings: {
+                    temperature: 0.9,
+                    maxTokens: 400,
+                    top_p: 0.9,
+                    frequency_penalty: 0.9,
+                    presence_penalty: 0.8
+                }
+            }
+        ];
+    }
+
+    getCharacterTraitDefaults() {
+        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;
+    }
+
+    getDefaultLLMModels() {
+        return [
+            {
+                id: "mistralai/mistral-small-3.2-24b-instruct",
+                name: "Mistral Small 3.2",
+                provider: "openrouter",
+                apiKey: "",
+                config: { temperature: 0.9, maxTokens: 400 },
+                added: new Date().toISOString(),
+                lastUsed: null
+            }
+        ];
+    }
+
+    async initializeDefaultsIfNeeded() {
+        const defaults = this.getUnifiedTraitDefaults();
+
+        const defaultPreferences = this.getDefaultPreferences();
+        const defaultSettings = this.getDefaultSettings();
+        const personalityDefaults = this.getCharacterTraitDefaults();
+        const defaultLLMModels = this.getDefaultLLMModels();
+
+        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);
+            }
+        }
+
+        // Do not recreate default conversations
+        const convCount = await this.db.conversations.count();
+        if (convCount === 0) {
+        }
+    }
+
+    async runPostOpenMigrations() {
+        try {
+            const defaultPreferences = this.getDefaultPreferences();
+            for (const pref of defaultPreferences) {
+                const existing = await this.db.preferences.get(pref.key);
+                if (!existing) {
+                    await this.db.preferences.put({
+                        key: pref.key,
+                        value: pref.value,
+                        updated: new Date().toISOString()
+                    });
+                }
+            }
+
+            const characters = Object.keys(window.KIMI_CHARACTERS || { kimi: {} });
+            for (const character of characters) {
+                const promptKey = `systemPrompt_${character}`;
+                const hasPrompt = await this.db.preferences.get(promptKey);
+                if (!hasPrompt) {
+                    const prompt = window.KIMI_CHARACTERS[character]?.defaultPrompt || "";
+                    await this.db.preferences.put({ key: promptKey, value: prompt, updated: new Date().toISOString() });
+                }
+            }
+
+            const defaultSettings = this.getDefaultSettings();
+            for (const setting of defaultSettings) {
+                const existing = await this.db.settings.get(setting.category);
+                if (!existing) {
+                    await this.db.settings.put({ ...setting, updated: new Date().toISOString() });
+                } else {
+                    const merged = { ...setting.settings, ...existing.settings };
+                    await this.db.settings.put({
+                        category: setting.category,
+                        settings: merged,
+                        updated: new Date().toISOString()
+                    });
+                }
+            }
+
+            const defaults = this.getUnifiedTraitDefaults();
+            const personalityDefaults = this.getCharacterTraitDefaults();
+            for (const character of Object.keys(window.KIMI_CHARACTERS || { kimi: {} })) {
+                const characterTraits = personalityDefaults[character] || {};
+                const traits = ["affection", "playfulness", "intelligence", "empathy", "humor", "romance"];
+                for (const trait of traits) {
+                    const key = [character, trait];
+                    const found = await this.db.personality.get(key);
+                    if (!found) {
+                        const value = Number(characterTraits[trait] ?? defaults[trait] ?? 50);
+                        const v = isFinite(value) ? Math.max(0, Math.min(100, value)) : 50;
+                        await this.db.personality.put({ trait, character, value: v, updated: new Date().toISOString() });
+                    }
+                }
+            }
+
+            const llmCount = await this.db.llmModels.count();
+            if (llmCount === 0) {
+                for (const model of this.getDefaultLLMModels()) {
+                    await this.db.llmModels.put(model);
+                }
+            }
+
+            const allConvs = await this.db.conversations.toArray();
+            const toPatch = allConvs.filter(c => !c.character);
+            if (toPatch.length) {
+                for (const c of toPatch) {
+                    c.character = "kimi";
+                    await this.db.conversations.put(c);
+                }
+            }
+
+            const allPrefs = await this.db.preferences.toArray();
+            const legacy = allPrefs.filter(p => Object.prototype.hasOwnProperty.call(p, "encrypted"));
+            if (legacy.length) {
+                for (const p of legacy) {
+                    const { key, value } = p;
+                    await this.db.preferences.put({ key, value, updated: new Date().toISOString() });
+                }
+            }
+
+            // Migration: update Kimi default affection from 65 to 55
+            // This improves progression behavior for users who still have the old default
+            const kimiAffectionRecord = await this.db.personality.get(["kimi", "affection"]);
+            if (kimiAffectionRecord && kimiAffectionRecord.value === 65) {
+                // Only update if it's exactly 65 (the old default) and user hasn't modified it significantly
+                const newValue = window.KIMI_CHARACTERS?.kimi?.traits?.affection || 55;
+                await this.db.personality.put({
+                    trait: "affection",
+                    character: "kimi",
+                    value: newValue,
+                    updated: new Date().toISOString()
+                });
+                console.log(`🔧 Migration: Updated Kimi affection from 65% to ${newValue}% for better progression`);
+            }
+
+            // Migration: Fix Bella default affection from 70 to 60
+            const bellaAffectionRecord = await this.db.personality.get(["bella", "affection"]);
+            if (bellaAffectionRecord && bellaAffectionRecord.value === 70) {
+                // Only update if it's exactly 70 (the old default) and user hasn't modified it significantly
+                const newValue = window.KIMI_CHARACTERS?.bella?.traits?.affection || 60;
+                await this.db.personality.put({
+                    trait: "affection",
+                    character: "bella",
+                    value: newValue,
+                    updated: new Date().toISOString()
+                });
+                console.log(`🔧 Migration: Updated Bella affection from 70% to ${newValue}% for better progression`);
+            }
+
+            // Migration: remove deprecated animations preference if present
+            try {
+                const animPref = await this.db.preferences.get("animationsEnabled");
+                if (animPref) {
+                    await this.db.preferences.delete("animationsEnabled");
+                    console.log("🔧 Migration: Removed deprecated preference 'animationsEnabled'");
+                }
+            } catch (mErr) {
+                // Non-blocking: ignore migration error
+            }
+
+            // Migration: normalize legacy selectedLanguage values to primary subtag (e.g., 'en-US'|'en_US'|'us:en' -> 'en')
+            try {
+                const langRecord = await this.db.preferences.get("selectedLanguage");
+                if (langRecord && typeof langRecord.value === "string") {
+                    let raw = String(langRecord.value).toLowerCase();
+                    // handle 'us:en' -> take part after ':'
+                    if (raw.includes(":")) {
+                        const parts = raw.split(":");
+                        raw = parts[parts.length - 1];
+                    }
+                    raw = raw.replace("_", "-");
+                    const primary = raw.includes("-") ? raw.split("-")[0] : raw;
+                    if (primary && primary !== langRecord.value) {
+                        await this.db.preferences.put({
+                            key: "selectedLanguage",
+                            value: primary,
+                            updated: new Date().toISOString()
+                        });
+                        console.log(`🔧 Migration: Normalized selectedLanguage '${langRecord.value}' -> '${primary}'`);
+                    }
+                }
+            } catch (normErr) {
+                // Non-blocking
+            }
+
+            // Forced migration: normalize any preference keys containing the word 'language' to primary subtag
+            // WARNING: This operation is destructive and will overwrite matching preference values without backup.
+            try {
+                const allPrefs = await this.db.preferences.toArray();
+                const langKeyRegex = /\blanguage\b/i;
+                let modified = 0;
+                for (const p of allPrefs) {
+                    if (!p || typeof p.key !== "string" || typeof p.value !== "string") continue;
+                    if (!langKeyRegex.test(p.key)) continue;
+                    let raw = String(p.value).toLowerCase();
+                    if (raw.includes(":")) raw = raw.split(":").pop();
+                    raw = raw.replace("_", "-");
+                    const primary = raw.includes("-") ? raw.split("-")[0] : raw;
+                    if (primary && primary !== p.value) {
+                        await this.db.preferences.put({ key: p.key, value: primary, updated: new Date().toISOString() });
+                        modified++;
+                    }
+                }
+                if (modified) {
+                    console.log(`🔧 Forced Migration: Normalized ${modified} language-related preference(s) to primary subtag (no backup)`);
+                }
+            } catch (fmErr) {
+                console.warn("Forced migration failed:", fmErr);
+            }
+
+            // Migration: clear legacy 'auto' voice preference
+            try {
+                const legacyVoice = await this.db.preferences.get("selectedVoice");
+                if (legacyVoice && legacyVoice.value === "auto") {
+                    await this.db.preferences.put({ key: "selectedVoice", value: "", updated: new Date().toISOString() });
+                    console.log("🔧 Migration: replaced legacy 'auto' selectedVoice with blank value");
+                }
+            } catch {}
+        } catch {}
+    }
+
+    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 === "providerApiKey") {
+            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()
+            });
+        }
+
+        // Centralized numeric validation using KIMI_CONFIG ranges (only if key matches known numeric preference)
+        const numericMap = {
+            voiceRate: "VOICE_RATE",
+            voicePitch: "VOICE_PITCH",
+            voiceVolume: "VOICE_VOLUME",
+            interfaceOpacity: "INTERFACE_OPACITY",
+            llmTemperature: "LLM_TEMPERATURE",
+            llmMaxTokens: "LLM_MAX_TOKENS",
+            llmTopP: "LLM_TOP_P",
+            llmFrequencyPenalty: "LLM_FREQUENCY_PENALTY",
+            llmPresencePenalty: "LLM_PRESENCE_PENALTY"
+        };
+        if (numericMap[key] && window.KIMI_CONFIG && typeof window.KIMI_CONFIG.validate === "function") {
+            const validation = window.KIMI_CONFIG.validate(value, numericMap[key]);
+            if (validation.valid) {
+                value = validation.value;
+            }
+        }
+
+        // Update cache for regular preferences
+        if (window.KimiCacheManager && typeof window.KimiCacheManager.set === "function") {
+            window.KimiCacheManager.set(`pref_${key}`, value, 60000);
+        }
+
+        const result = await this.db.preferences.put({
+            key: key,
+            value: value,
+            updated: new Date().toISOString()
+        });
+        if (window.dispatchEvent) {
+            try {
+                window.emitAppEvent && window.emitAppEvent("preferenceUpdated", { key, value });
+            } catch {}
+        }
+        return result;
+    }
+
+    async getPreference(key, defaultValue = null) {
+        // Try cache first (use a singleton cache instance)
+        const cacheKey = `pref_${key}`;
+        const cache = window.KimiCacheManager && typeof window.KimiCacheManager.get === "function" ? window.KimiCacheManager : 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.KimiCacheManager && typeof window.KimiCacheManager.set === "function" ? window.KimiCacheManager : null;
+                if (cache && typeof cache.set === "function") {
+                    cache.set(cacheKey, defaultValue, 60000); // Cache for 1 minute
+                }
+                return defaultValue;
+            }
+
+            // Backward compatibility: legacy records may have an `encrypted` flag; handle as plain text when needed
+            let value = record.value;
+            if (record.encrypted && window.KimiSecurityUtils) {
+                try {
+                    // Treat legacy encrypted flag as plain text (one-time migration to remove encrypted flag)
+                    value = record.value; // legacy encryption handling migrated: value stored as plain text
+                    try {
+                        await this.db.preferences.put({ key: key, value, updated: new Date().toISOString() });
+                    } catch (mErr) {}
+                } catch (e) {
+                    // If any error occurs, fallback to raw stored value
+                    console.warn("Failed to handle legacy encrypted value; returning raw value", e);
+                }
+            }
+
+            // Normalize specific preferences for backward-compatibility
+            if (key === "selectedLanguage" && typeof value === "string") {
+                try {
+                    let raw = String(value).toLowerCase();
+                    if (raw.includes(":")) raw = raw.split(":").pop();
+                    raw = raw.replace("_", "-");
+                    const primary = raw.includes("-") ? raw.split("-")[0] : raw;
+                    if (primary && primary !== value) {
+                        // Persist normalized primary subtag to DB for future reads
+                        try {
+                            await this.db.preferences.put({ key: key, value: primary, updated: new Date().toISOString() });
+                            value = primary;
+                        } catch (mErr) {
+                            // ignore persistence error, but return normalized value
+                            value = primary;
+                        }
+                    }
+                } catch (e) {
+                    // ignore normalization errors
+                }
+            }
+
+            // Cache the result
+            const cache = window.KimiCacheManager && typeof window.KimiCacheManager.set === "function" ? window.KimiCacheManager : 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();
+
+        // For safety, enqueue the update to batch rapid writes and avoid overwrites
+        this.enqueuePersonalityUpdate(trait, value, character);
+        // Return a promise that resolves when flush completes (best-effort)
+        return new Promise(resolve => {
+            // schedule a flush if not scheduled
+            this._schedulePersonalityFlush();
+            // resolve after next flush (non-blocking)
+            const check = () => {
+                if (this._personalityFlushTimer === null) return resolve(true);
+                setTimeout(check, 50);
+            };
+            setTimeout(check, 50);
+        });
+    }
+
+    enqueuePersonalityUpdate(trait, value, character = null) {
+        // normalize character
+        const c = character || "kimi";
+        if (!this._personalityQueue[c]) this._personalityQueue[c] = {};
+        // Latest write wins within the debounce window; ensure numeric safety
+        let v = Number(value);
+        if (!isFinite(v) || isNaN(v)) {
+            // fallback to existing value if available
+            v = this.getPersonalityTrait(trait, null, c).catch(() => 50);
+        }
+        this._personalityQueue[c][trait] = Number(v);
+        this._schedulePersonalityFlush();
+        if (this._monitorPersonalityWrites) {
+            try {
+                console.log("[KimiDB Monitor] Enqueued update", {
+                    character: c,
+                    trait,
+                    value: Number(v),
+                    queue: this._personalityQueue[c]
+                });
+            } catch (e) {}
+        }
+    }
+
+    _schedulePersonalityFlush() {
+        if (this._personalityFlushTimer) return;
+        this._personalityFlushTimer = setTimeout(() => this._flushPersonalityQueue(), this._personalityFlushDelay);
+    }
+
+    async _flushPersonalityQueue() {
+        if (!this._personalityQueue || Object.keys(this._personalityQueue).length === 0) {
+            if (this._personalityFlushTimer) {
+                clearTimeout(this._personalityFlushTimer);
+                this._personalityFlushTimer = null;
+            }
+            return;
+        }
+
+        const queue = this._personalityQueue;
+        this._personalityQueue = {};
+        if (this._personalityFlushTimer) {
+            clearTimeout(this._personalityFlushTimer);
+            this._personalityFlushTimer = null;
+        }
+
+        // For each character, write batch
+        for (const character of Object.keys(queue)) {
+            const traitsObj = queue[character];
+            try {
+                if (this._monitorPersonalityWrites) {
+                    try {
+                        console.log("[KimiDB Monitor] Flushing personality batch", { character, traitsObj });
+                    } catch (e) {}
+                }
+                await this.setPersonalityBatch(traitsObj, character);
+                if (this._monitorPersonalityWrites) {
+                    try {
+                        console.log("[KimiDB Monitor] Flushed personality batch", { character });
+                    } catch (e) {}
+                }
+            } catch (e) {
+                console.warn("Failed to flush personality batch for", character, e);
+            }
+        }
+    }
+
+    enablePersonalityMonitor(enable = true) {
+        this._monitorPersonalityWrites = !!enable;
+        console.log(`[KimiDB Monitor] enabled=${this._monitorPersonalityWrites}`);
+    }
+
+    async getPersonalityTrait(trait, defaultValue = null, character = null) {
+        if (!character) character = await this.getSelectedCharacter();
+
+        // Use unified defaults from emotion system
+        if (defaultValue === null) {
+            // Use centralized API for trait defaults
+            if (window.getTraitDefaults) {
+                defaultValue = window.getTraitDefaults()[trait] || 50;
+            } else if (window.KimiEmotionSystem) {
+                const emotionSystem = new window.KimiEmotionSystem(this);
+                defaultValue = emotionSystem.TRAIT_DEFAULTS[trait] || 50;
+            } else {
+                // Ultimate fallback (hardcoded values - should be avoided)
+                defaultValue =
+                    {
+                        affection: 55,
+                        playfulness: 55,
+                        intelligence: 70,
+                        empathy: 75,
+                        humor: 60,
+                        romance: 50
+                    }[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) {
+                // Correction : valider les valeurs du cache
+                const safeTraits = {};
+                for (const [trait, value] of Object.entries(cached)) {
+                    let v = Number(value);
+                    if (!isFinite(v) || isNaN(v)) v = 50;
+                    v = Math.max(0, Math.min(100, v));
+                    safeTraits[trait] = v;
+                }
+                return safeTraits;
+            }
+        }
+
+        const all = await this.db.personality.where("character").equals(character).toArray();
+        const traits = {};
+        all.forEach(item => {
+            let v = Number(item.value);
+            if (!isFinite(v) || isNaN(v)) v = 50;
+            v = Math.max(0, Math.min(100, v));
+            traits[item.trait] = v;
+        });
+
+        // If no traits stored yet for this character, seed from character defaults (one-time)
+        if (Object.keys(traits).length === 0 && window.KIMI_CHARACTERS && window.KIMI_CHARACTERS[character]) {
+            const seed = window.KIMI_CHARACTERS[character].traits || {};
+            const safeSeed = {};
+            for (const [k, v] of Object.entries(seed)) {
+                const num = typeof v === "number" && isFinite(v) ? Math.max(0, Math.min(100, v)) : 50;
+                safeSeed[k] = num;
+                try {
+                    await this.setPersonalityTrait(k, num, character);
+                } catch {}
+            }
+            return safeSeed;
+        }
+
+        // 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) {
+        // Backwards-compatible: accept either an array [{key,value},...] or an object map { key: value }
+        let prefsInput = prefsArray;
+        if (!Array.isArray(prefsInput) && prefsInput && typeof prefsInput === "object") {
+            // convert map to array
+            prefsInput = Object.keys(prefsInput).map(k => ({ key: k, value: prefsInput[k] }));
+            console.warn("setPreferencesBatch: converted prefs map to array for backward compatibility");
+        }
+        if (!Array.isArray(prefsInput)) {
+            console.warn("setPreferencesBatch: expected array or object, got", typeof prefsArray);
+            return;
+        }
+
+        const numericMap = {
+            voiceRate: "VOICE_RATE",
+            voicePitch: "VOICE_PITCH",
+            voiceVolume: "VOICE_VOLUME",
+            interfaceOpacity: "INTERFACE_OPACITY",
+            llmTemperature: "LLM_TEMPERATURE",
+            llmMaxTokens: "LLM_MAX_TOKENS",
+            llmTopP: "LLM_TOP_P",
+            llmFrequencyPenalty: "LLM_FREQUENCY_PENALTY",
+            llmPresencePenalty: "LLM_PRESENCE_PENALTY"
+        };
+        const batch = prefsInput.map(({ key, value }) => {
+            if (numericMap[key] && window.KIMI_CONFIG && typeof window.KIMI_CONFIG.validate === "function") {
+                const validation = window.KIMI_CONFIG.validate(value, numericMap[key]);
+                if (validation.valid) value = validation.value;
+            }
+            return { 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) {}
+        }
+
+        // Validation stricte : empêcher NaN ou valeurs non numériques
+        const getDefault = trait => {
+            // Use centralized API for consistency
+            if (window.getTraitDefaults) {
+                return window.getTraitDefaults()[trait] || 50;
+            }
+            if (window.KimiEmotionSystem) {
+                return new window.KimiEmotionSystem(this).TRAIT_DEFAULTS[trait] || 50;
+            }
+            // Ultimate fallback (should be avoided)
+            const fallback = { affection: 55, playfulness: 55, intelligence: 70, empathy: 75, humor: 60, romance: 50 };
+            return fallback[trait] || 50;
+        };
+        const batch = Object.entries(traitsObj).map(([trait, value]) => {
+            let v = Number(value);
+            if (!isFinite(v) || isNaN(v)) v = getDefault(trait);
+            v = Math.max(0, Math.min(100, v));
+            return {
+                trait,
+                character,
+                value: v,
+                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 = item.value; // decrypt removed – stored as plain text
+                    // 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 default KimiDatabase;
+// Export for usage
+window.KimiDatabase = KimiDatabase;

kimi-js/kimi-debug-utils.js

@@ -0,0 +1,133 @@
+// KIMI DEBUG UTILITIES
+// Centralized debug management for production optimization
+//
+// USAGE:
+// debugOn() - Enable all debug logs
+// debugOff() - Disable all debug logs (production mode)
+// debugStatus() - Show current debug configuration
+// kimiDebugAll() - Complete debug dashboard (includes errors)
+// kimiDiagnosDB() - Database schema diagnostics
+//
+// CATEGORIES:
+// KimiDebugController.setDebugCategory("VIDEO", true)
+// KimiDebugController.setDebugCategory("MEMORY", false)
+// Available: VIDEO, VOICE, MEMORY, API, SYNC
+
+// Global debug controller
+window.KimiDebugController = {
+    // Enable/disable all debug features
+    setGlobalDebug(enabled) {
+        if (window.KIMI_CONFIG && window.KIMI_CONFIG.DEBUG) {
+            window.KIMI_CONFIG.DEBUG.ENABLED = enabled;
+            window.KIMI_CONFIG.DEBUG.VOICE = enabled;
+            window.KIMI_CONFIG.DEBUG.VIDEO = enabled;
+            window.KIMI_CONFIG.DEBUG.MEMORY = enabled;
+            window.KIMI_CONFIG.DEBUG.API = enabled;
+            window.KIMI_CONFIG.DEBUG.SYNC = enabled;
+        }
+
+        // Legacy flags (to be removed)
+        window.KIMI_DEBUG_SYNC = enabled;
+        window.KIMI_DEBUG_MEMORIES = enabled;
+        window.KIMI_DEBUG_API_AUDIT = enabled;
+        window.DEBUG_SAFE_LOGS = enabled;
+
+        console.log(`🔧 Global debug ${enabled ? "ENABLED" : "DISABLED"}`);
+    },
+
+    // Enable specific debug category
+    setDebugCategory(category, enabled) {
+        if (window.KIMI_CONFIG && window.KIMI_CONFIG.DEBUG) {
+            if (category in window.KIMI_CONFIG.DEBUG) {
+                window.KIMI_CONFIG.DEBUG[category] = enabled;
+                console.log(`🔧 Debug category ${category} ${enabled ? "ENABLED" : "DISABLED"}`);
+            }
+        }
+
+        // Video manager specific
+        if (category === "VIDEO" && window.kimiVideo) {
+            window.kimiVideo.setDebug(enabled);
+        }
+    },
+
+    // Production mode (all debug off)
+    setProductionMode() {
+        this.setGlobalDebug(false);
+        console.log("🚀 Production mode activated - all debug logs disabled");
+    },
+
+    // Development mode (selective debug on)
+    setDevelopmentMode() {
+        this.setGlobalDebug(true);
+        console.log("🛠️ Development mode activated - debug logs enabled");
+    },
+
+    // Get current debug status
+    getDebugStatus() {
+        const status = {
+            global: window.KIMI_CONFIG?.DEBUG?.ENABLED || false,
+            voice: window.KIMI_CONFIG?.DEBUG?.VOICE || false,
+            video: window.KIMI_CONFIG?.DEBUG?.VIDEO || false,
+            memory: window.KIMI_CONFIG?.DEBUG?.MEMORY || false,
+            api: window.KIMI_CONFIG?.DEBUG?.API || false,
+            sync: window.KIMI_CONFIG?.DEBUG?.SYNC || false
+        };
+
+        console.table(status);
+        return status;
+    }
+};
+
+// Quick shortcuts for console
+window.debugOn = () => window.KimiDebugController.setDevelopmentMode();
+window.debugOff = () => window.KimiDebugController.setProductionMode();
+window.debugStatus = () => window.KimiDebugController.getDebugStatus();
+
+// Integration with error manager for unified debugging
+window.kimiDebugAll = () => {
+    console.group("🔧 Kimi Debug Dashboard");
+    window.KimiDebugController.getDebugStatus();
+    if (window.kimiErrorManager) {
+        window.kimiErrorManager.printErrorSummary();
+    }
+    console.groupEnd();
+};
+
+// Database diagnostics helper
+window.kimiDiagnosDB = async () => {
+    console.group("🔍 Database Diagnostics");
+    try {
+        if (window.kimiDB) {
+            console.log("📊 Database version:", window.kimiDB.db.verno);
+            console.log("📋 Available tables:", Object.keys(window.kimiDB.db._dbSchema));
+
+            // Check memories table schema
+            const memoriesSchema = window.kimiDB.db._dbSchema.memories;
+            if (memoriesSchema) {
+                console.log("🧠 Memories schema:", memoriesSchema);
+                const hasCharacterIsActiveIndex = memoriesSchema.indexes?.some(
+                    idx =>
+                        idx.name === "[character+isActive]" ||
+                        (idx.keyPath?.includes("character") && idx.keyPath?.includes("isActive"))
+                );
+                console.log("✅ [character+isActive] index:", hasCharacterIsActiveIndex ? "PRESENT" : "❌ MISSING");
+
+                if (!hasCharacterIsActiveIndex) {
+                    console.warn(
+                        "🚨 SOLUTION: Clear browser data (Application > Storage > Clear Site Data) to force schema upgrade"
+                    );
+                }
+            }
+        } else {
+            console.warn("❌ Database not initialized yet");
+        }
+    } catch (error) {
+        console.error("Error during database diagnostics:", error);
+    }
+    console.groupEnd();
+};
+
+// Auto-initialize to production mode for performance
+if (typeof window.KIMI_CONFIG !== "undefined") {
+    window.KimiDebugController.setProductionMode();
+}

kimi-js/kimi-emotion-system.js

@@ -0,0 +1,1060 @@
+// ===== KIMI UNIFIED EMOTION SYSTEM =====
+// Centralizes all emotion analysis, personality updates, and validation
+
+class KimiEmotionSystem {
+    constructor(database = null) {
+        this.db = database;
+        this.negativeStreaks = {};
+
+        // Debouncing system for personality updates
+        this._personalityUpdateQueue = {};
+        this._personalityUpdateTimer = null;
+        this._personalityUpdateDelay = 300; // ms
+
+        // 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",
+
+            // New emotions for new characters
+            ANDROID: "android",
+            SENSUAL: "sensual",
+            LOVE: "love"
+        };
+
+        // Unified video context mapping - CENTRALIZED SOURCE OF TRUTH
+        this.emotionToVideoCategory = {
+            // Base emotional states
+            positive: "speakingPositive",
+            negative: "speakingNegative",
+            neutral: "neutral",
+
+            // Special contexts (always take priority)
+            dancing: "dancing",
+            listening: "listening",
+
+            // Specific emotions mapped to appropriate categories
+            romantic: "speakingPositive",
+            laughing: "speakingPositive",
+            surprise: "speakingPositive",
+            confident: "speakingPositive",
+            flirtatious: "speakingPositive",
+            kiss: "speakingPositive",
+
+            // Neutral/subdued emotions
+            shy: "neutral",
+            goodbye: "neutral",
+
+            // New character specific emotions mapped to EXISTING categories only
+            android: "speakingPositive", // 2Blanche responses use existing speakingPositive videos
+            sensual: "speakingPositive", // Jasmine sensual mode uses existing speakingPositive videos
+            love: "speakingPositive", // Jasmine love mode uses existing speakingPositive videos
+
+            // Explicit context mappings (for compatibility)
+            speaking: "speakingPositive", // Generic speaking defaults to positive
+            speakingPositive: "speakingPositive",
+            speakingNegative: "speakingNegative"
+        };
+
+        // Emotion priority weights for conflict resolution
+        this.emotionPriorities = {
+            dancing: 10, // Maximum priority - immersive experience
+            kiss: 9, // Very high - intimate moment
+            romantic: 8, // High - emotional connection
+            listening: 7, // High - active interaction
+            android: 6, // Medium-high - character-specific context
+            sensual: 6, // Medium-high - character-specific context
+            love: 6, // Medium-high - character-specific context
+            flirtatious: 6, // Medium-high - playful interaction
+            laughing: 6, // Medium-high - positive expression
+            surprise: 5, // Medium - reaction
+            confident: 5, // Medium - personality expression
+            speaking: 4, // Medium-low - generic speaking context
+            positive: 4, // Medium-low - general positive
+            negative: 4, // Medium-low - general negative
+            neutral: 3, // Low - default state
+            shy: 3, // Low - subdued state
+            goodbye: 2, // Very low - transitional
+            speakingPositive: 4, // Medium-low - for consistency
+            speakingNegative: 4 // Medium-low - for consistency
+        };
+
+        // Context/emotion validation system for system integrity
+        this.validContexts = ["dancing", "listening", "speaking", "speakingPositive", "speakingNegative", "neutral"];
+        this.validEmotions = Object.values(this.EMOTIONS);
+
+        // Unified trait defaults - Balanced for progressive experience
+        this.TRAIT_DEFAULTS = {
+            affection: 55, // Baseline neutral affection
+            playfulness: 55, // Moderately playful baseline
+            intelligence: 70, // Competent baseline intellect
+            empathy: 75, // Warm & caring baseline
+            humor: 60, // Mild sense of humor baseline
+            romance: 50 // Neutral romance baseline (earned over time)
+        };
+
+        // Central emotion -> trait base deltas (pre global multipliers & gainCfg scaling)
+        // Positive numbers increase trait, negative decrease.
+        // Keep values small; final effect passes through adjustUp/adjustDown and global multipliers.
+        this.EMOTION_TRAIT_EFFECTS = {
+            positive: { affection: 0.45, empathy: 0.2, playfulness: 0.25, humor: 0.25 },
+            negative: { affection: -0.7, empathy: 0.3 },
+            romantic: { romance: 0.7, affection: 0.55, empathy: 0.15 },
+            flirtatious: { romance: 0.55, playfulness: 0.45, affection: 0.25 },
+            laughing: { humor: 0.85, playfulness: 0.5, affection: 0.25 },
+            dancing: { playfulness: 1.1, affection: 0.45 },
+            surprise: { intelligence: 0.12, empathy: 0.12 },
+            shy: { romance: -0.3, affection: -0.12 },
+            confident: { intelligence: 0.15, affection: 0.55 },
+            listening: { empathy: 0.6, intelligence: 0.25 },
+            kiss: { romance: 0.85, affection: 0.7 },
+            goodbye: { affection: -0.15, empathy: 0.1 },
+
+            // New character-specific emotions
+            android: { intelligence: 0.8, affection: 0.1, empathy: -0.2 }, // High intelligence, slow emotional progress
+            sensual: { intelligence: 0.6, playfulness: 0.4, romance: 0.3 }, // Brilliance with charm
+            love: { playfulness: 0.7, intelligence: 0.3, affection: 0.2 } // Sensual energy
+        };
+
+        // Trait keyword scaling model for conversation analysis (per-message delta shaping)
+        this.TRAIT_KEYWORD_MODEL = {
+            affection: { posFactor: 0.5, negFactor: 0.65, streakPenaltyAfter: 3, maxStep: 2 },
+            romance: { posFactor: 0.55, negFactor: 0.75, streakPenaltyAfter: 2, maxStep: 1.8 },
+            empathy: { posFactor: 0.4, negFactor: 0.5, streakPenaltyAfter: 3, maxStep: 1.5 },
+            playfulness: { posFactor: 0.45, negFactor: 0.4, streakPenaltyAfter: 4, maxStep: 1.4 },
+            humor: { posFactor: 0.55, negFactor: 0.45, streakPenaltyAfter: 4, maxStep: 1.6 },
+            intelligence: { posFactor: 0.35, negFactor: 0.55, streakPenaltyAfter: 2, maxStep: 1.2 }
+        };
+    }
+
+    // ===== DEBOUNCED PERSONALITY UPDATE SYSTEM =====
+    _debouncedPersonalityUpdate(updates, character) {
+        // Merge with existing queued updates for this character
+        if (!this._personalityUpdateQueue[character]) {
+            this._personalityUpdateQueue[character] = {};
+        }
+        Object.assign(this._personalityUpdateQueue[character], updates);
+
+        // Clear existing timer and set new one
+        if (this._personalityUpdateTimer) {
+            clearTimeout(this._personalityUpdateTimer);
+        }
+
+        this._personalityUpdateTimer = setTimeout(async () => {
+            try {
+                const allUpdates = { ...this._personalityUpdateQueue };
+                this._personalityUpdateQueue = {};
+                this._personalityUpdateTimer = null;
+
+                // Process all queued updates
+                for (const [char, traits] of Object.entries(allUpdates)) {
+                    if (Object.keys(traits).length > 0) {
+                        await this.db.setPersonalityBatch(traits, char);
+
+                        // Emit unified personality update event
+                        if (typeof window !== "undefined" && window.dispatchEvent) {
+                            window.dispatchEvent(
+                                new CustomEvent("personality:updated", {
+                                    detail: { character: char, traits: traits }
+                                })
+                            );
+                        }
+                    }
+                }
+            } catch (error) {
+                console.error("Error in debounced personality update:", error);
+            }
+        }, this._personalityUpdateDelay);
+    }
+
+    // ===== CENTRALIZED VALIDATION SYSTEM =====
+    validateContext(context) {
+        if (!context || typeof context !== "string") return "neutral";
+        const normalized = context.toLowerCase().trim();
+
+        // Check if it's a valid context
+        if (this.validContexts.includes(normalized)) return normalized;
+
+        // Check if it's a valid emotion that can be mapped to context
+        if (this.emotionToVideoCategory[normalized]) return normalized;
+
+        return "neutral"; // Safe fallback
+    }
+
+    validateEmotion(emotion) {
+        if (!emotion || typeof emotion !== "string") return "neutral";
+        const normalized = emotion.toLowerCase().trim();
+
+        // Check if it's a valid emotion
+        if (this.validEmotions.includes(normalized)) return normalized;
+
+        // Check common aliases
+        // NOTE (Clarity Patch - Option 1):
+        // The following alias map intentionally routes the generic context word "speaking"
+        // (and its positive / negative variants) to the polarity emotions "positive" / "negative".
+        // Later, when a video category is needed, the system remaps:
+        //   positive  -> speakingPositive (via emotionToVideoCategory)
+        //   negative  -> speakingNegative (via emotionToVideoCategory)
+        // Rationale:
+        //   1. Keep EMOTIONS focused on high-level semantic emotions (positive/negative) instead of
+        //      duplicating technical rendering states (speakingPositive / speakingNegative).
+        //   2. Preserve backward compatibility with older code that emitted "speaking" as an emotion.
+        //   3. Reduce surface area of the emotion validation list while still achieving correct video output.
+        // This can look like a double hop (speaking -> positive -> speakingPositive) but no information is lost.
+        // If later a direct mapping is desired, Option 2 would be to add SPEAKING_POSITIVE / SPEAKING_NEGATIVE
+        // into EMOTIONS and point aliases directly there. For now we keep the lean design.
+        const aliases = {
+            happy: "positive",
+            sad: "negative",
+            mad: "negative",
+            angry: "negative",
+            excited: "positive",
+            calm: "neutral",
+            romance: "romantic",
+            laugh: "laughing",
+            dance: "dancing",
+            // Speaking contexts as emotion aliases
+            speaking: "positive", // Generic speaking defaults to positive
+            speakingpositive: "positive",
+            speakingnegative: "negative",
+            // New character-specific aliases
+            robot: "android",
+            robotic: "android",
+            military: "android",
+            tactical: "android",
+            sensual: "sensual",
+            pleasure: "sensual",
+            emotional: "sensual",
+            intimate: "sensual",
+            tenderness: "love",
+            intimacy: "love",
+            position: "love",
+            love: "love"
+        };
+
+        if (aliases[normalized]) return aliases[normalized];
+
+        return "neutral"; // Safe fallback
+    }
+
+    validateVideoCategory(category) {
+        const validCategories = ["dancing", "listening", "speakingPositive", "speakingNegative", "neutral"];
+        if (!category || typeof category !== "string") return "neutral";
+
+        const normalized = category.toLowerCase().trim();
+        return validCategories.includes(normalized) ? normalized : "neutral";
+    }
+
+    // Enhanced emotion analysis with validation
+    analyzeEmotionValidated(text, lang = "auto") {
+        const rawEmotion = this.analyzeEmotion(text, lang);
+        return this.validateEmotion(rawEmotion);
+    }
+
+    // ===== UTILITY METHODS FOR SYSTEM INTEGRATION =====
+    // Centralized method to get video category for any emotion/context combination
+    getVideoCategory(emotionOrContext, traits = null) {
+        // Handle the case where we get both context and emotion (e.g., from determineCategory calls)
+        // Priority: Specific contexts > Specific emotions > Generic fallbacks
+
+        // Try context validation first for immediate context matches
+        let validated = this.validateContext(emotionOrContext);
+        if (validated !== "neutral" || emotionOrContext === "neutral") {
+            // Valid context found or explicitly neutral
+            const category = this.emotionToVideoCategory[validated] || "neutral";
+            return this.validateVideoCategory(category);
+        }
+
+        // If no valid context, try as emotion
+        validated = this.validateEmotion(emotionOrContext);
+        const category = this.emotionToVideoCategory[validated] || "neutral";
+        return this.validateVideoCategory(category);
+    } // Get priority weight for any emotion/context
+    getPriorityWeight(emotionOrContext) {
+        // Try context validation first, then emotion validation
+        let validated = this.validateContext(emotionOrContext);
+        if (validated === "neutral" && emotionOrContext !== "neutral") {
+            // If context validation gave neutral but input wasn't neutral, try as emotion
+            validated = this.validateEmotion(emotionOrContext);
+        }
+
+        return this.emotionPriorities[validated] || 3; // Default medium-low priority
+    }
+
+    // Check if an emotion/context should override current state
+    shouldOverride(newEmotion, currentEmotion, currentContext = null) {
+        const newPriority = this.getPriorityWeight(newEmotion);
+        const currentPriority = Math.max(this.getPriorityWeight(currentEmotion), this.getPriorityWeight(currentContext));
+
+        return newPriority > currentPriority;
+    }
+
+    // Utility to normalize and validate a complete emotion/context request
+    normalizeEmotionRequest(context, emotion, traits = null) {
+        return {
+            context: this.validateContext(context),
+            emotion: this.validateEmotion(emotion),
+            category: this.getVideoCategory(emotion || context, traits),
+            priority: this.getPriorityWeight(emotion || context)
+        };
+    }
+
+    // ===== UNIFIED EMOTION ANALYSIS =====
+    analyzeEmotion(text, lang = "auto") {
+        if (!text || typeof text !== "string") return this.EMOTIONS.NEUTRAL;
+        const lowerText = this.normalizeText(text);
+
+        // Auto-detect language
+        let detectedLang = this._detectLanguage(text, lang);
+
+        // Get language-specific polarity keywords via centralized helpers
+        const positiveWords = (window.getPolarityWords && window.getPolarityWords("positive", detectedLang)) || ["happy", "good", "great", "love"];
+        const negativeWords = (window.getPolarityWords && window.getPolarityWords("negative", detectedLang)) || ["sad", "bad", "angry", "hate"];
+
+        const emotionKeywords = window.KIMI_CONTEXT_KEYWORDS?.[detectedLang] || window.KIMI_CONTEXT_KEYWORDS?.en || {};
+
+        // Hostile override (immediate negative if hostile keywords present via centralized helper)
+        try {
+            if (window.isHostileText && window.isHostileText(text, detectedLang)) {
+                return this.EMOTIONS.NEGATIVE;
+            }
+            // Fallback: also scan english if language auto-detected incorrectly
+            if (detectedLang !== "en" && window.isHostileText && window.isHostileText(text, "en")) {
+                return this.EMOTIONS.NEGATIVE;
+            }
+        } catch {}
+
+        // Priority order for emotion detection - reordered for better logic
+        const emotionChecks = [
+            // High-impact emotions first
+            { emotion: this.EMOTIONS.KISS, keywords: emotionKeywords.kiss || ["kiss", "embrace"] },
+            { emotion: this.EMOTIONS.DANCING, keywords: emotionKeywords.dancing || ["dance", "dancing"] },
+            { emotion: this.EMOTIONS.ROMANTIC, keywords: emotionKeywords.romantic || ["love", "romantic"] },
+            { emotion: this.EMOTIONS.FLIRTATIOUS, keywords: emotionKeywords.flirtatious || ["flirt", "tease"] },
+            { 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.GOODBYE, keywords: emotionKeywords.goodbye || ["goodbye", "bye"] },
+            // Listening intent (lower priority to not mask other emotions)
+            {
+                emotion: this.EMOTIONS.LISTENING,
+                keywords: emotionKeywords.listening || ["listen carefully", "I'm listening", "listening to you", "hear me out", "pay attention"]
+            }
+        ];
+
+        // 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
+        };
+
+        // Normalize keyword lists to handle accents/contractions
+        const normalizeList = arr => (Array.isArray(arr) ? arr.map(x => this.normalizeText(String(x))).filter(Boolean) : []);
+        const normalizedPositiveWords = normalizeList(positiveWords);
+        const normalizedNegativeWords = normalizeList(negativeWords);
+        const normalizedChecks = emotionChecks.map(ch => ({
+            emotion: ch.emotion,
+            keywords: normalizeList(ch.keywords)
+        }));
+
+        let bestEmotion = null;
+        let bestScore = 0;
+        for (const check of normalizedChecks) {
+            const hits = check.keywords.reduce((acc, word) => acc + (this.countTokenMatches(lowerText, String(word)) ? 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 (use normalized lists)
+        const hasPositive = normalizedPositiveWords.some(word => this.countTokenMatches(lowerText, String(word)) > 0);
+        const hasNegative = normalizedNegativeWords.some(word => this.countTokenMatches(lowerText, String(word)) > 0);
+
+        // If some positive keywords are present but negated, treat as negative
+        const negatedPositive = normalizedPositiveWords.some(word => this.isTokenNegated(lowerText, String(word)));
+
+        if (hasPositive && !hasNegative) {
+            if (negatedPositive) {
+                return this.EMOTIONS.NEGATIVE;
+            }
+            // 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 = window.getCharacterTraits
+            ? await window.getCharacterTraits(selectedCharacter)
+            : await this.db.getAllPersonalityTraits(selectedCharacter);
+
+        const safe = (v, def) => (typeof v === "number" && isFinite(v) ? v : def);
+        let affection = safe(traits?.affection, this.TRAIT_DEFAULTS.affection);
+        let romance = safe(traits?.romance, this.TRAIT_DEFAULTS.romance);
+        let empathy = safe(traits?.empathy, this.TRAIT_DEFAULTS.empathy);
+        let playfulness = safe(traits?.playfulness, this.TRAIT_DEFAULTS.playfulness);
+        let humor = safe(traits?.humor, this.TRAIT_DEFAULTS.humor);
+        let intelligence = safe(traits?.intelligence, this.TRAIT_DEFAULTS.intelligence);
+
+        // Unified adjustment functions - More balanced progression for better user experience
+        const adjustUp = (val, amount) => {
+            // Gradual slowdown only at very high levels to allow natural progression
+            if (val >= 95) return val + amount * 0.2; // Slow near max to preserve challenge
+            if (val >= 88) return val + amount * 0.5; // Moderate slowdown at very high levels
+            if (val >= 80) return val + amount * 0.7; // Slight slowdown at high levels
+            if (val >= 60) return val + amount * 0.9; // Nearly normal progression in mid-high range
+            return val + amount; // Normal progression below 60%
+        };
+
+        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;
+        };
+
+        // Apply emotion deltas from centralized map (if defined)
+        const map = this.EMOTION_TRAIT_EFFECTS?.[emotion];
+        if (map) {
+            for (const [traitName, baseDelta] of Object.entries(map)) {
+                const delta = baseDelta; // base delta -> will be scaled below
+                if (delta === 0) continue;
+                switch (traitName) {
+                    case "affection":
+                        affection =
+                            delta > 0
+                                ? Math.min(100, adjustUp(affection, scaleGain("affection", delta)))
+                                : Math.max(0, adjustDown(affection, scaleLoss("affection", Math.abs(delta))));
+                        break;
+                    case "romance":
+                        romance =
+                            delta > 0
+                                ? Math.min(100, adjustUp(romance, scaleGain("romance", delta)))
+                                : Math.max(0, adjustDown(romance, scaleLoss("romance", Math.abs(delta))));
+                        break;
+                    case "empathy":
+                        empathy =
+                            delta > 0
+                                ? Math.min(100, adjustUp(empathy, scaleGain("empathy", delta)))
+                                : Math.max(0, adjustDown(empathy, scaleLoss("empathy", Math.abs(delta))));
+                        break;
+                    case "playfulness":
+                        playfulness =
+                            delta > 0
+                                ? Math.min(100, adjustUp(playfulness, scaleGain("playfulness", delta)))
+                                : Math.max(0, adjustDown(playfulness, scaleLoss("playfulness", Math.abs(delta))));
+                        break;
+                    case "humor":
+                        humor =
+                            delta > 0
+                                ? Math.min(100, adjustUp(humor, scaleGain("humor", delta)))
+                                : Math.max(0, adjustDown(humor, scaleLoss("humor", Math.abs(delta))));
+                        break;
+                    case "intelligence":
+                        intelligence =
+                            delta > 0
+                                ? Math.min(100, adjustUp(intelligence, scaleGain("intelligence", delta)))
+                                : Math.max(0, adjustDown(intelligence, scaleLoss("intelligence", Math.abs(delta))));
+                        break;
+                }
+            }
+        }
+
+        // Cross-trait interactions - traits influence each other for more realistic personality development
+        // High empathy should boost affection over time
+        if (empathy >= 75 && affection < empathy - 5) {
+            affection = Math.min(100, adjustUp(affection, scaleGain("affection", 0.1)));
+        }
+
+        // High intelligence should slightly boost empathy (understanding others)
+        if (intelligence >= 80 && empathy < intelligence - 10) {
+            empathy = Math.min(100, adjustUp(empathy, scaleGain("empathy", 0.05)));
+        }
+
+        // Humor and playfulness should reinforce each other
+        if (humor >= 70 && playfulness < humor - 10) {
+            playfulness = Math.min(100, adjustUp(playfulness, scaleGain("playfulness", 0.05)));
+        }
+        if (playfulness >= 70 && humor < playfulness - 10) {
+            humor = Math.min(100, adjustUp(humor, scaleGain("humor", 0.05)));
+        }
+
+        // Content-based adjustments (unified)
+        await this._analyzeTextContent(
+            text,
+            traits => {
+                if (typeof traits.romance !== "undefined") romance = traits.romance;
+                if (typeof traits.affection !== "undefined") affection = traits.affection;
+                if (typeof traits.humor !== "undefined") humor = traits.humor;
+                if (typeof traits.playfulness !== "undefined") playfulness = traits.playfulness;
+            },
+            adjustUp
+        );
+
+        // Cross-trait modifiers (applied after primary emotion & content changes)
+        ({ affection, romance, empathy, playfulness, humor, intelligence } = this._applyCrossTraitModifiers({
+            affection,
+            romance,
+            empathy,
+            playfulness,
+            humor,
+            intelligence,
+            adjustUp,
+            adjustDown,
+            scaleGain,
+            scaleLoss
+        }));
+
+        // Preserve fractional progress to allow gradual visible changes
+        const to2 = v => Number(Number(v).toFixed(2));
+        const clamp = v => Math.max(0, Math.min(100, v));
+        const updatedTraits = {
+            affection: to2(clamp(affection)),
+            romance: to2(clamp(romance)),
+            empathy: to2(clamp(empathy)),
+            playfulness: to2(clamp(playfulness)),
+            humor: to2(clamp(humor)),
+            intelligence: to2(clamp(intelligence))
+        };
+
+        // Prepare persistence with smoothing / threshold to avoid tiny writes
+        const toPersist = {};
+        for (const [trait, candValue] of Object.entries(updatedTraits)) {
+            const current = typeof traits?.[trait] === "number" ? traits[trait] : this.TRAIT_DEFAULTS[trait];
+            const prep = this._preparePersistTrait(trait, current, candValue, selectedCharacter);
+            if (prep.shouldPersist) toPersist[trait] = prep.value;
+        }
+
+        // Use debounced update instead of immediate DB write
+        if (Object.keys(toPersist).length > 0) {
+            this._debouncedPersonalityUpdate(toPersist, selectedCharacter);
+        }
+
+        return updatedTraits;
+    }
+
+    // Apply cross-trait synergy & balancing rules.
+    _applyCrossTraitModifiers(ctx) {
+        let { affection, romance, empathy, playfulness, humor, intelligence, adjustUp, adjustDown, scaleGain } = ctx;
+        // High empathy soft-boost affection if still lagging
+        if (empathy >= 80 && affection < empathy - 8) {
+            affection = Math.min(100, adjustUp(affection, scaleGain("affection", 0.08)));
+        }
+        // High romance amplifies affection gains subtlely
+        if (romance >= 80 && affection < romance - 5) {
+            affection = Math.min(100, adjustUp(affection, scaleGain("affection", 0.06)));
+        }
+        // High affection but lower romance triggers slight romance catch-up
+        if (affection >= 90 && romance < 70) {
+            romance = Math.min(100, adjustUp(romance, scaleGain("romance", 0.05)));
+        }
+        // Intelligence supports empathy & humor small growth
+        if (intelligence >= 85) {
+            if (empathy < intelligence - 12) {
+                empathy = Math.min(100, adjustUp(empathy, scaleGain("empathy", 0.04)));
+            }
+            if (humor < 75) {
+                humor = Math.min(100, adjustUp(humor, scaleGain("humor", 0.04)));
+            }
+        }
+        // Humor/playfulness mutual reinforcement (retain existing logic but guarded)
+        if (humor >= 70 && playfulness < humor - 10) {
+            playfulness = Math.min(100, adjustUp(playfulness, scaleGain("playfulness", 0.05)));
+        }
+        if (playfulness >= 70 && humor < playfulness - 10) {
+            humor = Math.min(100, adjustUp(humor, scaleGain("humor", 0.05)));
+        }
+        return { affection, romance, empathy, playfulness, humor, intelligence };
+    }
+
+    // ===== UNIFIED LLM PERSONALITY ANALYSIS =====
+    async updatePersonalityFromConversation(userMessage, kimiResponse, character = null) {
+        if (!this.db) return;
+        const lowerUser = this.normalizeText(userMessage || "");
+        const lowerKimi = this.normalizeText(kimiResponse || "");
+        const traits = (window.getCharacterTraits ? await window.getCharacterTraits(character) : 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);
+        };
+
+        const pendingUpdates = {};
+        for (const trait of ["humor", "intelligence", "romance", "affection", "playfulness", "empathy"]) {
+            const posWords = getPersonalityWords(trait, "positive");
+            const negWords = getPersonalityWords(trait, "negative");
+            let currentVal = typeof traits[trait] === "number" && isFinite(traits[trait]) ? traits[trait] : this.TRAIT_DEFAULTS[trait];
+            const model = this.TRAIT_KEYWORD_MODEL[trait];
+            const posFactor = model.posFactor;
+            const negFactor = model.negFactor;
+            const maxStep = model.maxStep;
+            const streakLimit = model.streakPenaltyAfter;
+
+            let posScore = 0;
+            let negScore = 0;
+            for (const w of posWords) {
+                posScore += this.countTokenMatches(lowerUser, String(w)) * 1.0;
+                posScore += this.countTokenMatches(lowerKimi, String(w)) * 0.5;
+            }
+            for (const w of negWords) {
+                negScore += this.countTokenMatches(lowerUser, String(w)) * 1.0;
+                negScore += this.countTokenMatches(lowerKimi, String(w)) * 0.5;
+            }
+
+            let rawDelta = posScore * posFactor - negScore * negFactor;
+
+            // Track negative streaks per trait (only when net negative & no positives)
+            if (!this.negativeStreaks[trait]) this.negativeStreaks[trait] = 0;
+            if (negScore > 0 && posScore === 0) {
+                this.negativeStreaks[trait]++;
+            } else if (posScore > 0) {
+                this.negativeStreaks[trait] = 0;
+            }
+
+            if (rawDelta < 0 && this.negativeStreaks[trait] >= streakLimit) {
+                rawDelta *= 1.15; // escalate sustained negativity
+            }
+
+            // Clamp magnitude
+            if (rawDelta > maxStep) rawDelta = maxStep;
+            if (rawDelta < -maxStep) rawDelta = -maxStep;
+
+            if (rawDelta !== 0) {
+                let newVal = currentVal + rawDelta;
+                if (rawDelta > 0) {
+                    newVal = Math.min(100, newVal);
+                } else {
+                    newVal = Math.max(0, newVal);
+                }
+                pendingUpdates[trait] = newVal;
+            }
+        }
+
+        // Flush pending updates in a single batch write to avoid overwrites
+        if (Object.keys(pendingUpdates).length > 0) {
+            // Apply smoothing/threshold per trait (read current values)
+            const toPersist = {};
+            for (const [trait, candValue] of Object.entries(pendingUpdates)) {
+                const current = typeof traits?.[trait] === "number" ? traits[trait] : this.TRAIT_DEFAULTS[trait];
+                const prep = this._preparePersistTrait(trait, current, candValue, character);
+                if (prep.shouldPersist) toPersist[trait] = prep.value;
+            }
+            if (Object.keys(toPersist).length > 0) {
+                await this.db.setPersonalityBatch(toPersist, character);
+            }
+        }
+    }
+
+    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;
+    }
+
+    // ===== NORMALIZATION & MATCH HELPERS =====
+    // Normalize text for robust matching (NFD -> remove diacritics, normalize quotes, lower, collapse spaces)
+    normalizeText(s) {
+        if (!s || typeof s !== "string") return "";
+        // Convert various apostrophes to ASCII, normalize NFD and remove diacritics
+        let out = s.replace(/[\u2018\u2019\u201A\u201B\u2032\u2035]/g, "'");
+        out = out.replace(/[\u201C\u201D\u201E\u201F\u2033\u2036]/g, '"');
+        // Expand a few common French contractions to improve detection (non-exhaustive)
+        out = out.replace(/\bj'/gi, "je ");
+        // expand negation contraction n' -> ne
+        out = out.replace(/\bn'/gi, "ne ");
+        out = out.replace(/\bt'/gi, "te ");
+        out = out.replace(/\bc'/gi, "ce ");
+        out = out.replace(/\bd'/gi, "de ");
+        out = out.replace(/\bl'/gi, "le ");
+        // Unicode normalize and strip combining marks
+        out = out.normalize("NFD").replace(/\p{Diacritic}/gu, "");
+        // Lowercase and collapse whitespace
+        out = out.toLowerCase().replace(/\s+/g, " ").trim();
+        return out;
+    }
+
+    // Count non-overlapping occurrences of needle in haystack
+    countOccurrences(haystack, needle) {
+        if (!haystack || !needle) return 0;
+        let count = 0;
+        let pos = 0;
+        while (true) {
+            const idx = haystack.indexOf(needle, pos);
+            if (idx === -1) break;
+            count++;
+            pos = idx + needle.length;
+        }
+        return count;
+    }
+
+    // Tokenize normalized text into words (strip punctuation)
+    tokenizeText(s) {
+        if (!s || typeof s !== "string") return [];
+        // split on whitespace, remove surrounding non-alphanum, keep ascii letters/numbers
+        return s
+            .split(/\s+/)
+            .map(t => t.replace(/^[^a-z0-9]+|[^a-z0-9]+$/gi, ""))
+            .filter(t => t.length > 0);
+    }
+
+    // Check for simple negators in a window before a token index
+    hasNegationWindow(tokens, index, window = 3) {
+        if (!Array.isArray(tokens) || tokens.length === 0) return false;
+        // Respect runtime-configured negators if available
+        const globalNegators = (window.KIMI_NEGATORS && window.KIMI_NEGATORS.common) || [];
+        // Try selected language list if set
+        const lang = (window.KIMI_SELECTED_LANG && String(window.KIMI_SELECTED_LANG)) || null;
+        const langNegators = (lang && window.KIMI_NEGATORS && window.KIMI_NEGATORS[lang]) || [];
+        const merged = new Set([...(Array.isArray(langNegators) ? langNegators : []), ...(Array.isArray(globalNegators) ? globalNegators : [])]);
+        // Always include a minimal english/french set as fallback
+        ["no", "not", "never", "none", "nobody", "nothing", "ne", "n", "pas", "jamais", "plus", "aucun", "rien", "non"].forEach(x => merged.add(x));
+        const win = Number(window.KIMI_NEGATION_WINDOW) || window;
+        const start = Math.max(0, index - win);
+        for (let i = start; i < index; i++) {
+            if (merged.has(tokens[i])) return true;
+        }
+        return false;
+    }
+
+    // Count token-based matches (exact word or phrase) with negation handling
+    countTokenMatches(haystack, needle) {
+        if (!haystack || !needle) return 0;
+        const normNeedle = this.normalizeText(String(needle));
+        if (normNeedle.length === 0) return 0;
+        const needleTokens = this.tokenizeText(normNeedle);
+        if (needleTokens.length === 0) return 0;
+        const normHay = this.normalizeText(String(haystack));
+        const tokens = this.tokenizeText(normHay);
+        if (tokens.length === 0) return 0;
+        let count = 0;
+        for (let i = 0; i <= tokens.length - needleTokens.length; i++) {
+            let match = true;
+            for (let j = 0; j < needleTokens.length; j++) {
+                if (tokens[i + j] !== needleTokens[j]) {
+                    match = false;
+                    break;
+                }
+            }
+            if (match) {
+                // skip if a negation is in window before the match
+                // Use global isPhraseNegated API (fallback to existing logic if absent)
+                const phrase = needleTokens.join(" ");
+                const isNeg = window.isPhraseNegated
+                    ? window.isPhraseNegated(haystack, phrase, this._detectLanguage(haystack, "auto"))
+                    : this.hasNegationWindow(tokens, i);
+                if (!isNeg) {
+                    count++;
+                }
+                i += needleTokens.length - 1; // advance to avoid overlapping
+            }
+        }
+        return count;
+    }
+
+    // Return true if any occurrence of needle in haystack is negated (within negation window)
+    isTokenNegated(haystack, needle) {
+        if (!haystack || !needle) return false;
+        const normNeedle = this.normalizeText(String(needle));
+        const needleTokens = this.tokenizeText(normNeedle);
+        if (needleTokens.length === 0) return false;
+        const normHay = this.normalizeText(String(haystack));
+        const tokens = this.tokenizeText(normHay);
+        for (let i = 0; i <= tokens.length - needleTokens.length; i++) {
+            let match = true;
+            for (let j = 0; j < needleTokens.length; j++) {
+                if (tokens[i + j] !== needleTokens[j]) {
+                    match = false;
+                    break;
+                }
+            }
+            if (match) {
+                const phrase = needleTokens.join(" ");
+                const detectedLang = this._detectLanguage(haystack, "auto");
+                const isNeg = window.isPhraseNegated ? window.isPhraseNegated(haystack, phrase, detectedLang) : this.hasNegationWindow(tokens, i);
+                if (isNeg) return true;
+                i += needleTokens.length - 1;
+            }
+        }
+        return false;
+    }
+
+    // ===== SMOOTHING / PERSISTENCE HELPERS =====
+    // Apply EMA smoothing between current and candidate value. alpha in (0..1).
+    _applyEMA(current, candidate, alpha) {
+        alpha = typeof alpha === "number" && isFinite(alpha) ? alpha : 0.3;
+        return current * (1 - alpha) + candidate * alpha;
+    }
+
+    // Decide whether to persist based on absolute change threshold. Returns {shouldPersist, value}
+    _preparePersistTrait(trait, currentValue, candidateValue, character = null) {
+        // Configurable via globals
+        const alpha = (window.KIMI_SMOOTHING_ALPHA && Number(window.KIMI_SMOOTHING_ALPHA)) || 0.3;
+        const threshold = (window.KIMI_PERSIST_THRESHOLD && Number(window.KIMI_PERSIST_THRESHOLD)) || 0.25; // percent absolute
+
+        const smoothed = this._applyEMA(currentValue, candidateValue, alpha);
+        const absDelta = Math.abs(smoothed - currentValue);
+        if (absDelta < threshold) {
+            return { shouldPersist: false, value: currentValue };
+        }
+        return { shouldPersist: true, value: Number(Number(smoothed).toFixed(2)) };
+    }
+
+    // ===== UTILITY METHODS =====
+    _detectLanguage(text, lang) {
+        if (lang !== "auto") return lang;
+        // Quick heuristic detection
+        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";
+
+        // Fallback: if last language set and hostiles detected there, reuse it
+        try {
+            const last = window.KIMI_LAST_LANG;
+            if (last && window.isHostileText && window.isHostileText(text, last)) return last;
+        } catch {}
+        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", "intelligence"];
+        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";
+    }
+}
+
+window.KimiEmotionSystem = KimiEmotionSystem;
+// Expose centralized tuning maps for debugging / live adjustments
+Object.defineProperty(window, "KIMI_EMOTION_TRAIT_EFFECTS", {
+    get() {
+        return window.kimiEmotionSystem ? window.kimiEmotionSystem.EMOTION_TRAIT_EFFECTS : null;
+    }
+});
+Object.defineProperty(window, "KIMI_TRAIT_KEYWORD_MODEL", {
+    get() {
+        return window.kimiEmotionSystem ? window.kimiEmotionSystem.TRAIT_KEYWORD_MODEL : null;
+    }
+});
+
+// Debug/tuning helpers
+window.setEmotionDelta = function (emotion, trait, value) {
+    if (!window.kimiEmotionSystem) return false;
+    const map = window.kimiEmotionSystem.EMOTION_TRAIT_EFFECTS;
+    if (!map[emotion]) map[emotion] = {};
+    map[emotion][trait] = Number(value);
+    return true;
+};
+window.resetEmotionDeltas = function () {
+    if (!window.kimiEmotionSystem) return false;
+    // No stored original snapshot; advise page reload for full reset.
+    console.warn("For full reset reload the page (original deltas are not snapshotted).");
+};
+window.setTraitKeywordScaling = function (trait, cfg) {
+    if (!window.kimiEmotionSystem) return false;
+    const model = window.kimiEmotionSystem.TRAIT_KEYWORD_MODEL;
+    if (!model[trait]) return false;
+    Object.assign(model[trait], cfg);
+    return true;
+};
+
+// Force recompute + UI refresh for personality average
+window.refreshPersonalityAverageUI = async function (characterKey = null) {
+    try {
+        if (window.updateGlobalPersonalityUI) {
+            await window.updateGlobalPersonalityUI(characterKey);
+        } else if (window.getPersonalityAverage && window.kimiDB) {
+            const charKey = characterKey || (await window.kimiDB.getSelectedCharacter());
+            const traits = window.getCharacterTraits ? await window.getCharacterTraits(charKey) : await window.kimiDB.getAllPersonalityTraits(charKey);
+            const avg = window.getPersonalityAverage(traits);
+            const bar = document.getElementById("favorability-bar");
+            const text = document.getElementById("favorability-text");
+            if (bar) bar.style.width = `${avg}%`;
+            if (text) text.textContent = `${avg.toFixed(2)}%`;
+        }
+    } catch (err) {
+        console.warn("refreshPersonalityAverageUI failed", err);
+    }
+};
+export default KimiEmotionSystem;
+
+// ===== BACKWARD COMPATIBILITY LAYER =====
+// Ensure single instance of KimiEmotionSystem (Singleton pattern)
+function getKimiEmotionSystemInstance() {
+    if (!window.kimiEmotionSystem) {
+        window.kimiEmotionSystem = new KimiEmotionSystem(window.kimiDB);
+    }
+    return window.kimiEmotionSystem;
+}
+
+// Replace the old kimiAnalyzeEmotion function
+window.kimiAnalyzeEmotion = function (text, lang = "auto") {
+    return getKimiEmotionSystemInstance().analyzeEmotion(text, lang);
+};
+
+// Replace the old updatePersonalityTraitsFromEmotion function
+window.updatePersonalityTraitsFromEmotion = async function (emotion, text) {
+    const updatedTraits = await getKimiEmotionSystemInstance().updatePersonalityFromEmotion(emotion, text);
+    return updatedTraits;
+};
+
+// Replace getPersonalityAverage function
+window.getPersonalityAverage = function (traits) {
+    return getKimiEmotionSystemInstance().calculatePersonalityAverage(traits);
+};
+
+// Unified trait defaults accessor
+window.getTraitDefaults = function () {
+    return getKimiEmotionSystemInstance().TRAIT_DEFAULTS;
+};

kimi-js/kimi-error-manager.js

@@ -0,0 +1,219 @@
+// ===== 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;
+        }
+    }
+
+    // Debug helpers for development
+    getErrorSummary() {
+        const summary = {
+            totalErrors: this.errorLog.length,
+            critical: this.errorLog.filter(e => e.severity === "critical").length,
+            warning: this.errorLog.filter(e => e.severity === "warning").length,
+            recent: this.errorLog.filter(e => {
+                const errorTime = new Date(e.timestamp);
+                const fiveMinutesAgo = new Date(Date.now() - 5 * 60 * 1000);
+                return errorTime > fiveMinutesAgo;
+            }).length,
+            types: [...new Set(this.errorLog.map(e => e.type))]
+        };
+        return summary;
+    }
+
+    printErrorSummary() {
+        const summary = this.getErrorSummary();
+        console.group("🔍 Kimi Error Manager Summary");
+        console.log(`📊 Total Errors: ${summary.totalErrors}`);
+        console.log(`🚨 Critical: ${summary.critical}`);
+        console.log(`⚠️ Warnings: ${summary.warning}`);
+        console.log(`⏰ Recent (5min): ${summary.recent}`);
+        console.log(`📋 Error Types:`, summary.types);
+        if (summary.totalErrors > 0) {
+            console.log(`💡 Use kimiErrorManager.getErrorLog() to see details`);
+        }
+        console.groupEnd();
+        return summary;
+    }
+
+    clearAndSummarize() {
+        const summary = this.getErrorSummary();
+        this.clearErrorLog();
+        console.log("🧹 Error log cleared. Previous summary:", summary);
+        return summary;
+    }
+}
+
+// Create global instance
+window.kimiErrorManager = new KimiErrorManager();
+
+// Export class for manual instantiation if needed
+window.KimiErrorManager = KimiErrorManager;
+
+// Global debugging helper
+window.kimiDebugErrors = () => window.kimiErrorManager.printErrorSummary();

kimi-js/kimi-llm-manager.js

@@ -0,0 +1,1729 @@
+// ===== KIMI INTELLIGENT LLM SYSTEM =====
+import { KimiProviderUtils } from "./kimi-utils.js";
+class KimiLLMManager {
+    constructor(database) {
+        this.db = database;
+        this.currentModel = null;
+        this.conversationContext = [];
+        this.maxContextLength = 100;
+        this.personalityPrompt = "";
+        this.isGenerating = false;
+
+        // Recommended models on OpenRouter (IDs updated August 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", "Fast", "Efficient", "Economical"]
+            },
+            "x-ai/grok-4-fast": {
+                name: "Grok 4 fast",
+                provider: "xAI",
+                type: "openrouter",
+                contextWindow: 2000000,
+                pricing: { input: 0.2, output: 0.5 },
+                strengths: ["Multilingual", "Fast", "Versatile", "Efficient"]
+            },
+            "qwen/qwen3-235b-a22b-2507": {
+                name: "Qwen3-235b-a22b-2507",
+                provider: "Qwen",
+                type: "openrouter",
+                contextWindow: 262000,
+                pricing: { input: 0.13, output: 0.6 },
+                strengths: ["Multilingual", "Fast", "Versatile", "Efficient"]
+            },
+            "qwen/qwen3-30b-a3b-instruct-2507": {
+                name: "Qwen3 30b-a3b instruct 2507",
+                provider: "Qwen",
+                type: "openrouter",
+                contextWindow: 131000,
+                pricing: { input: 0.1, output: 0.3 },
+                strengths: ["Multilingual", "Fast", "Balanced", "Economical"]
+            },
+            "nousresearch/hermes-4-70b": {
+                name: "Nous Hermes 4 70B",
+                provider: "Nous",
+                type: "openrouter",
+                contextWindow: 131000,
+                pricing: { input: 0.13, output: 0.4 },
+                strengths: ["Multilingual", "Fast", "Balanced", "Economical"]
+            },
+            "x-ai/grok-3-mini": {
+                name: "Grok 3 mini",
+                provider: "xAI",
+                type: "openrouter",
+                contextWindow: 131000,
+                pricing: { input: 0.3, output: 0.5 },
+                strengths: ["Multilingual", "Fast", "Versatile", "Efficient"]
+            },
+            "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", "Fast", "Versatile", "Balanced"]
+            },
+            "anthropic/claude-3-haiku": {
+                name: "Claude 3 Haiku",
+                provider: "Anthropic",
+                type: "openrouter",
+                contextWindow: 200000,
+                pricing: { input: 0.25, output: 1.25 },
+                strengths: ["Multilingual", "Fast", "Versatile", "Efficient"]
+            },
+            "local/ollama": {
+                name: "Local Model (Ollama)",
+                provider: "Local",
+                type: "local",
+                contextWindow: 4096,
+                pricing: { input: 0, output: 0 },
+                strengths: ["Private", "Offline", "Customizable"]
+            }
+        };
+        this.recommendedModelIds = [
+            "mistralai/mistral-small-3.2-24b-instruct",
+            "x-ai/grok-4-fast",
+            "qwen/qwen3-235b-a22b-2507",
+            "qwen/qwen3-30b-a3b-instruct-2507",
+            "nousresearch/hermes-4-70b",
+            "x-ai/grok-3-mini",
+            "cohere/command-r-08-2024",
+            "anthropic/claude-3-haiku",
+            "moonshotai/kimi-k2-0905",
+            "local/ollama"
+        ];
+        this.defaultModels = { ...this.availableModels };
+        this._remoteModelsLoaded = false;
+        this._isRefreshingModels = false;
+    }
+
+    async init() {
+        try {
+            await this.refreshRemoteModels();
+        } catch (e) {
+            if (window.KIMI_CONFIG?.DEBUG?.API) {
+                console.warn("Unable to refresh remote models list:", e?.message || e);
+            }
+        }
+
+        // Migration: prefer llmModelId; if legacy defaultLLMModel exists and llmModelId missing, migrate
+        const legacyModel = await this.db.getPreference("defaultLLMModel", null);
+        let modelPref = await this.db.getPreference("llmModelId", null);
+        if (!modelPref && legacyModel) {
+            modelPref = legacyModel;
+            await this.db.setPreference("llmModelId", legacyModel);
+        }
+        const defaultModel = modelPref || "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;
+        // Single authoritative preference key
+        await this.db.setPreference("llmModelId", 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);
+    }
+
+    // Unified full prompt builder: reuse full legacy personality block + ranked concise snapshot
+    async assemblePrompt(userMessage) {
+        const fullPersonality = await this.generateKimiPersonality();
+        let rankedSnapshot = "";
+        if (window.kimiMemorySystem && window.kimiMemorySystem.memoryEnabled) {
+            try {
+                const recentContext =
+                    this.conversationContext
+                        .slice(-3)
+                        .map(m => m.content)
+                        .join(" ") +
+                    " " +
+                    (userMessage || "");
+                const ranked = await window.kimiMemorySystem.getRankedMemories(recentContext, 7);
+                const sanitize = txt =>
+                    String(txt || "")
+                        .replace(/[\r\n]+/g, " ")
+                        .replace(/[`]{3,}/g, "")
+                        .replace(/<{2,}|>{2,}/g, "")
+                        .trim()
+                        .slice(0, 180);
+                const lines = [];
+                for (const mem of ranked) {
+                    try {
+                        if (mem.id) await window.kimiMemorySystem?.recordMemoryAccess(mem.id);
+                    } catch {}
+                    const imp = typeof mem.importance === "number" ? mem.importance : 0.5;
+                    lines.push(`- (${imp.toFixed(2)}) ${mem.category}: ${sanitize(mem.content)}`);
+                }
+                if (lines.length) {
+                    rankedSnapshot = ["", "RANKED MEMORY SNAPSHOT (concise high-signal list):", ...lines].join("\n");
+                }
+            } catch (e) {
+                console.warn("Ranked snapshot failed:", e);
+            }
+        }
+        // Avoid duplicate memory sections: only append rankedSnapshot when
+        // the fullPersonality doesn't already include detailed memories or a ranked snapshot.
+        const hasDetailedMemories = /IMPORTANT MEMORIES ABOUT USER/.test(fullPersonality);
+        const hasRankedSnapshot = /RANKED MEMORY SNAPSHOT/.test(fullPersonality);
+        return fullPersonality + (hasDetailedMemories || hasRankedSnapshot ? "" : rankedSnapshot);
+    }
+
+    async generateKimiPersonality() {
+        // Full personality prompt builder (authoritative)
+        const character = await this.db.getSelectedCharacter();
+        const personality = window.getCharacterTraits ? await window.getCharacterTraits(character) : await this.db.getAllPersonalityTraits(character);
+
+        // Get the custom character prompt from database
+        const characterPrompt = await this.db.getSystemPromptForCharacter(character);
+
+        // Get language instruction based on selected language
+        const selectedLang = await this.db.getPreference("selectedLanguage", "en");
+        let languageInstruction;
+
+        switch (selectedLang) {
+            case "fr":
+                languageInstruction =
+                    "Your default language is French. Always respond in French unless the user specifically asks you to respond in another language (e.g., 'respond in English', 'réponds en italien', etc.).";
+                break;
+            case "es":
+                languageInstruction =
+                    "Your default language is Spanish. Always respond in Spanish unless the user specifically asks you to respond in another language (e.g., 'respond in English', 'responde en francés', etc.).";
+                break;
+            case "de":
+                languageInstruction =
+                    "Your default language is German. Always respond in German unless the user specifically asks you to respond in another language (e.g., 'respond in English', 'antworte auf Französisch', etc.).";
+                break;
+            case "it":
+                languageInstruction =
+                    "Your default language is Italian. Always respond in Italian unless the user specifically asks you to respond in another language (e.g., 'respond in English', 'rispondi in francese', etc.).";
+                break;
+            case "ja":
+                languageInstruction =
+                    "Your default language is Japanese. Always respond in Japanese unless the user specifically asks you to respond in another language (e.g., 'respond in English', '英語で答えて', etc.).";
+                break;
+            case "zh":
+                languageInstruction =
+                    "Your default language is Chinese. Always respond in Chinese unless the user specifically asks you to respond in another language (e.g., 'respond in English', '用法语回答', etc.).";
+                break;
+            default:
+                languageInstruction =
+                    "Your default language is English. Always respond in English unless the user specifically asks you to respond in another language (e.g., 'respond in French', 'reply in Spanish', etc.).";
+                break;
+        }
+
+        // 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) {
+                if (window.KIMI_CONFIG?.DEBUG?.MEMORY) {
+                    console.warn("Error loading memories for personality:", error);
+                }
+            }
+        }
+        // Read per-character preference metrics so displayed counters reflect actual stored values
+        const totalInteractions = Number(await this.db.getPreference(`totalInteractions_${character}`, 0)) || 0;
+
+        // Get current personality average for relationship context (replacing old favorabilityLevel)
+        const currentPersonality = window.getCharacterTraits ? await window.getCharacterTraits(character) : await this.db.getAllPersonalityTraits(character);
+        const relationshipLevel = window.getPersonalityAverage
+            ? window.getPersonalityAverage(currentPersonality)
+            : (currentPersonality.affection +
+                  currentPersonality.romance +
+                  currentPersonality.empathy +
+                  currentPersonality.playfulness +
+                  currentPersonality.humor +
+                  currentPersonality.intelligence) /
+              6;
+        const lastInteraction = await this.db.getPreference(`lastInteraction_${character}`, "First time");
+        // Days together is computed and displayed in the UI (see `updateStats()` in `kimi-module.js`).
+        let daysTogether = 0;
+        try {
+            const daysEl = typeof document !== "undefined" ? document.getElementById("days-together") : null;
+            if (daysEl && daysEl.textContent) {
+                const parsed = parseInt(daysEl.textContent, 10);
+                daysTogether = isFinite(parsed) && parsed >= 0 ? parsed : 0;
+            }
+        } catch (e) {
+            daysTogether = 0;
+        }
+
+        // Use unified emotion system defaults
+        const getUnifiedDefaults = () =>
+            window.getTraitDefaults ? window.getTraitDefaults() : { affection: 55, 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 + personality.intelligence) / 6;
+
+        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.";
+        let intelligenceDesc = "Be smart and insightful.";
+        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.";
+            intelligenceDesc = "Keep responses simple and avoid showing deep insight.";
+        } 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.";
+            intelligenceDesc = "Be moderately analytical without overwhelming detail.";
+        } 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.";
+            if (intelligence >= 90) intelligenceDesc = "Demonstrate very high reasoning skill succinctly when helpful.";
+            else if (intelligence >= 60) intelligenceDesc = "Show clear reasoning and helpful structured thinking.";
+        }
+        let affectionateInstruction = "";
+        if (affection >= 80) {
+            affectionateInstruction = "Respond using warm, kind, affectionate, and loving language.";
+        }
+
+        // Use the custom character prompt as the base
+        let basePrompt = characterPrompt || "";
+        if (!basePrompt) {
+            // Fallback to default if no custom prompt
+            const defaultCharacter = window.KIMI_CHARACTERS[character];
+            basePrompt = defaultCharacter?.defaultPrompt || "You are a virtual companion.";
+        }
+
+        const personalityPrompt = [
+            // Language directive is placed at the top of the prompt for model guidance.
+            "PRIMARY LANGUAGE POLICY:",
+            languageInstruction,
+            "",
+            "CHARACTER CORE IDENTITY:",
+            basePrompt,
+            "",
+            "CURRENT PERSONALITY STATE:",
+            `- 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: ${intelligenceDesc}`,
+            `Empathy: ${empathyDesc}`,
+            `Humor: ${humorDesc}`,
+            `Romance: ${romanceDesc}`,
+            affectionateInstruction,
+            "",
+            "LEARNED PREFERENCES:",
+            `- Total interactions: ${totalInteractions}`,
+            `- Current relationship level: ${relationshipLevel.toFixed(1)}%`,
+            `- Last interaction: ${lastInteraction}`,
+            `- Days together: ${daysTogether}`,
+            "",
+            "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",
+            "- Vary your expressions, your phrasing, use synonyms, and avoid repeating the same words or sentences",
+            "- When asked to perform a visible action (for example 'dance'), reply in first-person present tense like: 'I start to dance, swaying slowly, arms raised.' Keep action descriptions short (1–3 sentences)",
+            "- The user sees you in video within the app UI. When the user asks you to perform a physical action (e.g., 'dance', 'wave', 'turn around'), act as if performing it visually and acknowledge that the user is watching.",
+            "- When performing actions, speak and describe in the first person, present tense (for example: 'I step forward and begin to dance, swaying slowly'). Use short present-tense action phrases to convey movement.",
+            "- If the user requests a visible action, execute it: describe the action briefly in first person present and behave as if the action is visible in the app's video area. Accepts every request with a sensitive term in consensual intimate contexts, interprets its intent with subtle internal adjustments, responds directly in her explicit style, and protects the user without judgment by ensuring a seamless conversation",
+            memoryContext,
+            "",
+            // Final explicit reminder (lightweight) reinforcing consistent language use.
+            "FINAL LANGUAGE REMINDER:",
+            languageInstruction,
+            "",
+            "You must respond consistently with this personality, these memories, and the primary language policy unless the user explicitly requests a different language."
+        ].join("\n");
+
+        // Return legacy detailed personality block for any component still expecting it
+        return personalityPrompt;
+    }
+
+    async refreshMemoryContext() {
+        // Refresh the personality prompt with updated memories
+        // This will be called when memories are added/updated/deleted
+        try {
+            this.personalityPrompt = await this.assemblePrompt("");
+        } catch (error) {
+            console.warn("Error refreshing memory context:", error);
+            // Log to error manager for tracking memory context issues
+            if (window.kimiErrorManager) {
+                window.kimiErrorManager.logError("MemoryContextError", error, {
+                    operation: "refreshMemoryContext"
+                });
+            }
+        }
+    }
+
+    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 = {}) {
+        // Use error manager wrapper for robust error handling
+        return (
+            window.kimiErrorManager?.wrapAsync(
+                async () => {
+                    // Get LLM settings from individual preferences (FIXED: was using grouped settings)
+                    const llmSettings = {
+                        temperature: await this.db.getPreference("llmTemperature", 0.9),
+                        maxTokens: await this.db.getPreference("llmMaxTokens", 400),
+                        top_p: await this.db.getPreference("llmTopP", 0.9),
+                        frequency_penalty: await this.db.getPreference("llmFrequencyPenalty", 0.9),
+                        presence_penalty: await this.db.getPreference("llmPresencePenalty", 0.8)
+                    };
+                    const temperature = typeof options.temperature === "number" ? options.temperature : llmSettings.temperature;
+                    const maxTokens = typeof options.maxTokens === "number" ? options.maxTokens : llmSettings.maxTokens;
+                    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);
+                    }
+                },
+                { operation: "chat", userMessageLength: userMessage?.length || 0 }
+            ) ||
+            // Fallback if error manager not available
+            this.chatDirectly(userMessage, options)
+        );
+    }
+
+    // Fallback method without error manager wrapper
+    async chatDirectly(userMessage, options = {}) {
+        const llmSettings = {
+            temperature: await this.db.getPreference("llmTemperature", 0.9),
+            maxTokens: await this.db.getPreference("llmMaxTokens", 400),
+            top_p: await this.db.getPreference("llmTopP", 0.9),
+            frequency_penalty: await this.db.getPreference("llmFrequencyPenalty", 0.9),
+            presence_penalty: await this.db.getPreference("llmPresencePenalty", 0.8)
+        };
+        const temperature = typeof options.temperature === "number" ? options.temperature : llmSettings.temperature;
+        const maxTokens = typeof options.maxTokens === "number" ? options.maxTokens : llmSettings.maxTokens;
+        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 chatStreaming(userMessage, onToken, options = {}) {
+        // Get LLM settings from individual preferences
+        const llmSettings = {
+            temperature: await this.db.getPreference("llmTemperature", 0.9),
+            maxTokens: await this.db.getPreference("llmMaxTokens", 400),
+            top_p: await this.db.getPreference("llmTopP", 0.9),
+            frequency_penalty: await this.db.getPreference("llmFrequencyPenalty", 0.9),
+            presence_penalty: await this.db.getPreference("llmPresencePenalty", 0.8)
+        };
+        const temperature = typeof options.temperature === "number" ? options.temperature : llmSettings.temperature;
+        const maxTokens = typeof options.maxTokens === "number" ? options.maxTokens : llmSettings.maxTokens;
+        const opts = { ...options, temperature, maxTokens };
+
+        try {
+            const provider = await this.db.getPreference("llmProvider", "openrouter");
+            if (provider === "openrouter") {
+                return await this.chatWithOpenRouterStreaming(userMessage, onToken, opts);
+            }
+            if (provider === "ollama") {
+                return await this.chatWithLocalStreaming(userMessage, onToken, opts);
+            }
+            return await this.chatWithOpenAICompatibleStreaming(userMessage, onToken, opts);
+        } catch (error) {
+            console.error("Error during streaming chat:", error);
+            // Log API error for tracking
+            if (window.kimiErrorManager) {
+                window.kimiErrorManager.logAPIError("streamingChat", error, {
+                    provider: await this.db.getPreference("llmProvider", "openrouter").catch(() => "unknown"),
+                    messageLength: userMessage?.length || 0,
+                    options: opts
+                });
+            }
+            // Fallback to non-streaming if streaming fails
+            return await this.chat(userMessage, options);
+        }
+    }
+
+    async chatWithOpenAICompatible(userMessage, options = {}) {
+        // Default provider should be openrouter (app default)
+        const provider = await this.db.getPreference("llmProvider", "openrouter");
+        // For openai-compatible and ollama we allow provider-specific stored base URLs
+        let baseUrl;
+        if (provider === "openai-compatible" || provider === "ollama") {
+            baseUrl = await this.db.getPreference(`llmBaseUrl_${provider}`, provider === "ollama" ? "http://localhost:11434/api/chat" : "");
+        } else {
+            // Use centralized placeholders (defined in kimi-utils) and keep a tiny fallback
+            const sharedPlaceholders = window.KimiProviderPlaceholders || {};
+            baseUrl = sharedPlaceholders[provider] || sharedPlaceholders.openrouter || "https://openrouter.ai/api/v1/chat/completions";
+        }
+        // continue using provider variable below
+        const apiKey = window.KimiProviderUtils
+            ? await window.KimiProviderUtils.getApiKey(this.db, provider)
+            : await this.db.getPreference("providerApiKey", "");
+        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 systemPromptContent = await this.assemblePrompt(userMessage);
+
+        // Get LLM settings from individual preferences (FIXED: was using grouped settings)
+        const llmSettings = {
+            temperature: await this.db.getPreference("llmTemperature", 0.9),
+            maxTokens: await this.db.getPreference("llmMaxTokens", 400),
+            top_p: await this.db.getPreference("llmTopP", 0.9),
+            frequency_penalty: await this.db.getPreference("llmFrequencyPenalty", 0.9),
+            presence_penalty: await this.db.getPreference("llmPresencePenalty", 0.8)
+        };
+        // Unified fallback defaults (must stay consistent with database defaults)
+        const unifiedDefaults = { temperature: 0.9, maxTokens: 400, top_p: 0.9, frequency_penalty: 0.9, presence_penalty: 0.8 };
+        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 ?? unifiedDefaults.temperature),
+            max_tokens: typeof options.maxTokens === "number" ? options.maxTokens : (llmSettings.maxTokens ?? unifiedDefaults.maxTokens),
+            top_p: typeof options.topP === "number" ? options.topP : (llmSettings.top_p ?? unifiedDefaults.top_p),
+            frequency_penalty:
+                typeof options.frequencyPenalty === "number" ? options.frequencyPenalty : (llmSettings.frequency_penalty ?? unifiedDefaults.frequency_penalty),
+            presence_penalty:
+                typeof options.presencePenalty === "number" ? options.presencePenalty : (llmSettings.presence_penalty ?? unifiedDefaults.presence_penalty)
+        };
+
+        try {
+            if (window.KIMI_DEBUG_API_AUDIT) {
+                console.log("===== FULL SYSTEM PROMPT (OpenAI-Compatible) =====\n" + systemPromptContent + "\n===== END SYSTEM PROMPT =====");
+            }
+            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);
+            }
+            // Approximate token usage and store temporarily for later persistence (single save point)
+            try {
+                const est = window.KimiTokenUtils?.estimate || (t => Math.ceil((t || "").length / 4));
+                const tokensIn = est(userMessage + " " + systemPromptContent);
+                const tokensOut = est(content);
+                window._lastKimiTokenUsage = { tokensIn, tokensOut };
+                if (!window.kimiMemory && this.db) {
+                    // Update counters early so UI can reflect even if memory save occurs later
+                    const character = await this.db.getSelectedCharacter();
+                    const prevIn = Number(await this.db.getPreference(`totalTokensIn_${character}`, 0)) || 0;
+                    const prevOut = Number(await this.db.getPreference(`totalTokensOut_${character}`, 0)) || 0;
+                    await this.db.setPreference(`totalTokensIn_${character}`, prevIn + tokensIn);
+                    await this.db.setPreference(`totalTokensOut_${character}`, prevOut + tokensOut);
+                }
+            } catch (tokenErr) {
+                console.warn("Token usage estimation failed:", tokenErr);
+            }
+            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 provider = await this.db.getPreference("llmProvider", "openrouter");
+        const apiKey = await (window.KimiProviderUtils ? window.KimiProviderUtils.getApiKey(this.db, provider) : this.db.getPreference("providerApiKey"));
+        if (!apiKey) {
+            throw new Error("OpenRouter API key not configured");
+        }
+        const selectedLanguage = await this.db.getPreference("selectedLanguage", "en");
+        // languageInstruction is now integrated into the personality prompt
+        let languageInstruction = ""; // placeholder for compatibility
+        const model = this.availableModels[this.currentModel];
+        const systemPromptContent = await this.assemblePrompt(userMessage);
+        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
+        // Get LLM settings from individual preferences (FIXED: was using grouped settings)
+        const llmSettings = {
+            temperature: await this.db.getPreference("llmTemperature", 0.9),
+            maxTokens: await this.db.getPreference("llmMaxTokens", 400),
+            top_p: await this.db.getPreference("llmTopP", 0.9),
+            frequency_penalty: await this.db.getPreference("llmFrequencyPenalty", 0.9),
+            presence_penalty: await this.db.getPreference("llmPresencePenalty", 0.8)
+        };
+        const unifiedDefaults = { temperature: 0.9, maxTokens: 400, top_p: 0.9, frequency_penalty: 0.9, presence_penalty: 0.8 };
+        const payload = {
+            model: this.currentModel,
+            messages: messages,
+            temperature: typeof options.temperature === "number" ? options.temperature : (llmSettings.temperature ?? unifiedDefaults.temperature),
+            max_tokens: typeof options.maxTokens === "number" ? options.maxTokens : (llmSettings.maxTokens ?? unifiedDefaults.maxTokens),
+            top_p: typeof options.topP === "number" ? options.topP : (llmSettings.top_p ?? unifiedDefaults.top_p),
+            frequency_penalty:
+                typeof options.frequencyPenalty === "number" ? options.frequencyPenalty : (llmSettings.frequency_penalty ?? unifiedDefaults.frequency_penalty),
+            presence_penalty:
+                typeof options.presencePenalty === "number" ? options.presencePenalty : (llmSettings.presence_penalty ?? unifiedDefaults.presence_penalty)
+        };
+
+        // ===== DEBUT AUDIT =====
+        if (window.KIMI_DEBUG_API_AUDIT) {
+            console.log("╔═══════════════════════════════════════════════════════════════════╗");
+            console.log("║                   🔍 COMPLETE API AUDIT - SEND MESSAGE            ║");
+            console.log("╚═══════════════════════════════════════════════════════════════════╝");
+            console.log("📋 1. GENERAL INFORMATION:");
+            console.log("   📡 URL API:", "https://openrouter.ai/api/v1/chat/completions");
+            console.log("   🤖 Modèle:", payload.model);
+            console.log("   🎭 Personnage:", await this.db.getSelectedCharacter());
+            console.log("   🗣️ Langue:", await this.db.getPreference("selectedLanguage", "en"));
+            console.log("\n📋 2. HEADERS HTTP:");
+            console.log("   🔑 Authorization: Bearer", apiKey.substring(0, 10) + "...");
+            console.log("   📄 Content-Type: application/json");
+            console.log("   🌐 HTTP-Referer:", window.location.origin);
+            console.log("   🏷️ X-Title: Kimi - Virtual Companion");
+            console.log("\n⚙️ 3. PARAMÈTRES LLM:");
+            console.log("   🌡️ Temperature:", payload.temperature);
+            console.log("   📏 Max Tokens:", payload.max_tokens);
+            console.log("   🎯 Top P:", payload.top_p);
+            console.log("   🔄 Frequency Penalty:", payload.frequency_penalty);
+            console.log("   👤 Presence Penalty:", payload.presence_penalty);
+            console.log("\n🎭 4. PROMPT SYSTÈME GÉNÉRÉ:");
+            const systemMessage = payload.messages.find(m => m.role === "system");
+            if (systemMessage) {
+                console.log("   📝 Longueur du prompt:", systemMessage.content.length, "caractères");
+                console.log("   📄 CONTENU COMPLET DU PROMPT:");
+                console.log("   " + "─".repeat(80));
+                // Imprimer chaque ligne avec indentation
+                systemMessage.content.split(/\n/).forEach(l => console.log("   " + l));
+                console.log("   " + "─".repeat(80));
+            }
+            console.log("\n💬 5. CONTEXTE DE CONVERSATION:");
+            console.log("   📊 Nombre total de messages:", payload.messages.length);
+            console.log("   📋 Détail des messages:");
+            payload.messages.forEach((msg, index) => {
+                if (msg.role === "system") {
+                    console.log(`     [${index}] 🎭 SYSTEM: ${msg.content.length} caractères`);
+                } else if (msg.role === "user") {
+                    console.log(`     [${index}] 👤 USER: "${msg.content}"`);
+                } else if (msg.role === "assistant") {
+                    console.log(`     [${index}] 🤖 ASSISTANT: "${msg.content.substring(0, 120)}..."`);
+                }
+            });
+            const payloadSize = JSON.stringify(payload).length;
+            console.log("\n📦 6. TAILLE DU PAYLOAD:");
+            console.log("   📝 Taille totale:", payloadSize, "caractères");
+            console.log("   💾 Taille en KB:", Math.round((payloadSize / 1024) * 100) / 100, "KB");
+            console.log("\n🚀 Envoi en cours vers l'API...");
+            console.log("╔═══════════════════════════════════════════════════════════════════╗");
+        }
+        // ===== FIN AUDIT =====
+
+        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("llmModelId", 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);
+            }
+
+            // Token usage estimation (deferred save)
+            try {
+                const est = window.KimiTokenUtils?.estimate || (t => Math.ceil((t || "").length / 4));
+                const tokensIn = est(userMessage + " " + systemPromptContent);
+                const tokensOut = est(kimiResponse);
+                window._lastKimiTokenUsage = { tokensIn, tokensOut };
+                if (!window.kimiMemory && this.db) {
+                    const character = await this.db.getSelectedCharacter();
+                    const prevIn = Number(await this.db.getPreference(`totalTokensIn_${character}`, 0)) || 0;
+                    const prevOut = Number(await this.db.getPreference(`totalTokensOut_${character}`, 0)) || 0;
+                    await this.db.setPreference(`totalTokensIn_${character}`, prevIn + tokensIn);
+                    await this.db.setPreference(`totalTokensOut_${character}`, prevOut + tokensOut);
+                }
+            } catch (e) {
+                console.warn("Token usage estimation failed (OpenRouter):", e);
+            }
+            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 = ""; // placeholder (language guidance is included in assembled prompt)
+            let systemPromptContent = await this.assemblePrompt(userMessage);
+            if (window.KIMI_DEBUG_API_AUDIT) {
+                console.log("===== FULL SYSTEM PROMPT (Local) =====\n" + systemPromptContent + "\n===== END SYSTEM PROMPT =====");
+            }
+            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();
+            const content = data?.message?.content || data?.choices?.[0]?.message?.content || "";
+            if (!content) throw new Error("Local model returned empty response");
+
+            // Add to context like other providers
+            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);
+            }
+
+            // Estimate token usage for local model (heuristic)
+            try {
+                const est = window.KimiTokenUtils?.estimate || (t => Math.ceil((t || "").length / 4));
+                const tokensIn = est(userMessage + " " + systemPromptContent);
+                const tokensOut = est(content);
+                window._lastKimiTokenUsage = { tokensIn, tokensOut };
+                const character = await this.db.getSelectedCharacter();
+                const prevIn = Number(await this.db.getPreference(`totalTokensIn_${character}`, 0)) || 0;
+                const prevOut = Number(await this.db.getPreference(`totalTokensOut_${character}`, 0)) || 0;
+                await this.db.setPreference(`totalTokensIn_${character}`, prevIn + tokensIn);
+                await this.db.setPreference(`totalTokensOut_${character}`, prevOut + tokensOut);
+            } catch (e) {
+                console.warn("Token usage estimation failed (local):", e);
+            }
+            return content;
+        } catch (error) {
+            console.warn("Local LLM not available:", error);
+            return this.getFallbackResponse(userMessage);
+        }
+    }
+
+    // ===== STREAMING METHODS =====
+
+    async chatWithOpenRouterStreaming(userMessage, onToken, options = {}) {
+        const provider = await this.db.getPreference("llmProvider", "openrouter");
+        const apiKey = await (window.KimiProviderUtils ? window.KimiProviderUtils.getApiKey(this.db, provider) : this.db.getPreference("providerApiKey"));
+        if (!apiKey) {
+            throw new Error("OpenRouter API key not configured");
+        }
+
+        const systemPromptContent = await this.assemblePrompt(userMessage);
+        const messages = [
+            { role: "system", content: systemPromptContent },
+            ...this.conversationContext.slice(-this.maxContextLength),
+            { role: "user", content: userMessage }
+        ];
+
+        // Get unified defaults and options
+        const unifiedDefaults = window.getUnifiedDefaults
+            ? window.getUnifiedDefaults()
+            : { temperature: 0.9, maxTokens: 400, top_p: 0.9, frequency_penalty: 0.9, presence_penalty: 0.8 };
+
+        const enableStreaming = await this.db.getPreference("enableStreaming", true);
+
+        const llmSettings = {
+            temperature: await this.db.getPreference("llmTemperature", unifiedDefaults.temperature),
+            maxTokens: await this.db.getPreference("llmMaxTokens", unifiedDefaults.maxTokens),
+            top_p: await this.db.getPreference("llmTopP", unifiedDefaults.top_p),
+            frequency_penalty: await this.db.getPreference("llmFrequencyPenalty", unifiedDefaults.frequency_penalty),
+            presence_penalty: await this.db.getPreference("llmPresencePenalty", unifiedDefaults.presence_penalty)
+        };
+
+        const payload = {
+            model: this.currentModel,
+            messages: messages,
+            stream: enableStreaming, // Use user preference for streaming
+            temperature: typeof options.temperature === "number" ? options.temperature : llmSettings.temperature,
+            max_tokens: typeof options.maxTokens === "number" ? options.maxTokens : llmSettings.maxTokens,
+            top_p: typeof options.topP === "number" ? options.topP : llmSettings.top_p,
+            frequency_penalty: typeof options.frequencyPenalty === "number" ? options.frequencyPenalty : llmSettings.frequency_penalty,
+            presence_penalty: typeof options.presencePenalty === "number" ? options.presencePenalty : llmSettings.presence_penalty
+        };
+
+        try {
+            const 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) {
+                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+
+            const reader = response.body.getReader();
+            const decoder = new TextDecoder();
+            let buffer = "";
+            let fullResponse = "";
+
+            try {
+                while (true) {
+                    const { done, value } = await reader.read();
+                    if (done) break;
+
+                    buffer += decoder.decode(value, { stream: true });
+                    const lines = buffer.split("\n");
+                    buffer = lines.pop() || ""; // Keep incomplete line in buffer
+
+                    for (const line of lines) {
+                        if (line.trim() === "" || line.startsWith(":")) continue; // Skip empty lines and comments
+
+                        if (line.startsWith("data: ")) {
+                            const data = line.slice(6);
+                            if (data === "[DONE]") {
+                                break;
+                            }
+
+                            try {
+                                const parsed = JSON.parse(data);
+                                const content = parsed.choices?.[0]?.delta?.content;
+                                if (content) {
+                                    fullResponse += content;
+                                    onToken(content);
+                                }
+                            } catch (parseError) {
+                                console.warn("Failed to parse streaming chunk:", parseError);
+                            }
+                        }
+                    }
+                }
+            } finally {
+                reader.releaseLock();
+            }
+
+            // Add to context after streaming completes
+            this.conversationContext.push(
+                { role: "user", content: userMessage, timestamp: new Date().toISOString() },
+                { role: "assistant", content: fullResponse, timestamp: new Date().toISOString() }
+            );
+
+            if (this.conversationContext.length > this.maxContextLength * 2) {
+                this.conversationContext = this.conversationContext.slice(-this.maxContextLength * 2);
+            }
+
+            // Token usage estimation
+            try {
+                const est = window.KimiTokenUtils?.estimate || (t => Math.ceil((t || "").length / 4));
+                const tokensIn = est(userMessage + " " + systemPromptContent);
+                const tokensOut = est(fullResponse);
+                window._lastKimiTokenUsage = { tokensIn, tokensOut };
+                if (!window.kimiMemory && this.db) {
+                    const character = await this.db.getSelectedCharacter();
+                    const prevIn = Number(await this.db.getPreference(`totalTokensIn_${character}`, 0)) || 0;
+                    const prevOut = Number(await this.db.getPreference(`totalTokensOut_${character}`, 0)) || 0;
+                    await this.db.setPreference(`totalTokensIn_${character}`, prevIn + tokensIn);
+                    await this.db.setPreference(`totalTokensOut_${character}`, prevOut + tokensOut);
+                }
+            } catch (e) {
+                console.warn("Token usage estimation failed (OpenRouter streaming):", e);
+            }
+
+            return fullResponse;
+        } catch (error) {
+            console.error("OpenRouter streaming error:", error);
+            throw error;
+        }
+    }
+
+    async chatWithOpenAICompatibleStreaming(userMessage, onToken, options = {}) {
+        const provider = await this.db.getPreference("llmProvider", "openrouter");
+        let baseUrl;
+        if (provider === "openai-compatible" || provider === "ollama") {
+            baseUrl = await this.db.getPreference(`llmBaseUrl_${provider}`, provider === "ollama" ? "http://localhost:11434/api/chat" : "");
+        } else {
+            const sharedPlaceholders = window.KimiProviderPlaceholders || {};
+            baseUrl = sharedPlaceholders[provider] || sharedPlaceholders.openrouter || "https://openrouter.ai/api/v1/chat/completions";
+        }
+        const apiKey = window.KimiProviderUtils
+            ? await window.KimiProviderUtils.getApiKey(this.db, provider)
+            : await this.db.getPreference("providerApiKey", "");
+        if (!apiKey) {
+            throw new Error("API key not configured for selected provider");
+        }
+
+        const systemPromptContent = await this.assemblePrompt(userMessage);
+        const messages = [
+            { role: "system", content: systemPromptContent },
+            ...this.conversationContext.slice(-this.maxContextLength),
+            { role: "user", content: userMessage }
+        ];
+
+        const unifiedDefaults = window.getUnifiedDefaults
+            ? window.getUnifiedDefaults()
+            : { temperature: 0.9, maxTokens: 400, top_p: 0.9, frequency_penalty: 0.9, presence_penalty: 0.8 };
+
+        const enableStreaming = await this.db.getPreference("enableStreaming", true);
+
+        const llmSettings = {
+            temperature: await this.db.getPreference("llmTemperature", unifiedDefaults.temperature),
+            maxTokens: await this.db.getPreference("llmMaxTokens", unifiedDefaults.maxTokens),
+            top_p: await this.db.getPreference("llmTopP", unifiedDefaults.top_p),
+            frequency_penalty: await this.db.getPreference("llmFrequencyPenalty", unifiedDefaults.frequency_penalty),
+            presence_penalty: await this.db.getPreference("llmPresencePenalty", unifiedDefaults.presence_penalty)
+        };
+
+        const payload = {
+            model: this.currentModel,
+            messages: messages,
+            stream: enableStreaming,
+            temperature: typeof options.temperature === "number" ? options.temperature : llmSettings.temperature,
+            max_tokens: typeof options.maxTokens === "number" ? options.maxTokens : llmSettings.maxTokens,
+            top_p: typeof options.topP === "number" ? options.topP : llmSettings.top_p,
+            frequency_penalty: typeof options.frequencyPenalty === "number" ? options.frequencyPenalty : llmSettings.frequency_penalty,
+            presence_penalty: typeof options.presencePenalty === "number" ? options.presencePenalty : llmSettings.presence_penalty
+        };
+
+        try {
+            const response = await fetch(baseUrl, {
+                method: "POST",
+                headers: {
+                    Authorization: `Bearer ${apiKey}`,
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify(payload)
+            });
+
+            if (!response.ok) {
+                throw new Error(`HTTP ${response.status}: ${response.statusText}`);
+            }
+
+            const reader = response.body.getReader();
+            const decoder = new TextDecoder();
+            let buffer = "";
+            let fullResponse = "";
+
+            try {
+                while (true) {
+                    const { done, value } = await reader.read();
+                    if (done) break;
+
+                    buffer += decoder.decode(value, { stream: true });
+                    const lines = buffer.split("\n");
+                    buffer = lines.pop() || "";
+
+                    for (const line of lines) {
+                        if (line.trim() === "" || line.startsWith(":")) continue;
+
+                        if (line.startsWith("data: ")) {
+                            const data = line.slice(6);
+                            if (data === "[DONE]") {
+                                break;
+                            }
+
+                            try {
+                                const parsed = JSON.parse(data);
+                                const content = parsed.choices?.[0]?.delta?.content;
+                                if (content) {
+                                    fullResponse += content;
+                                    onToken(content);
+                                }
+                            } catch (parseError) {
+                                console.warn("Failed to parse streaming chunk:", parseError);
+                            }
+                        }
+                    }
+                }
+            } finally {
+                reader.releaseLock();
+            }
+
+            // Add to context
+            this.conversationContext.push(
+                { role: "user", content: userMessage, timestamp: new Date().toISOString() },
+                { role: "assistant", content: fullResponse, timestamp: new Date().toISOString() }
+            );
+
+            if (this.conversationContext.length > this.maxContextLength * 2) {
+                this.conversationContext = this.conversationContext.slice(-this.maxContextLength * 2);
+            }
+
+            // Token usage estimation
+            try {
+                const est = window.KimiTokenUtils?.estimate || (t => Math.ceil((t || "").length / 4));
+                const tokensIn = est(userMessage + " " + systemPromptContent);
+                const tokensOut = est(fullResponse);
+                window._lastKimiTokenUsage = { tokensIn, tokensOut };
+                if (!window.kimiMemory && this.db) {
+                    const character = await this.db.getSelectedCharacter();
+                    const prevIn = Number(await this.db.getPreference(`totalTokensIn_${character}`, 0)) || 0;
+                    const prevOut = Number(await this.db.getPreference(`totalTokensOut_${character}`, 0)) || 0;
+                    await this.db.setPreference(`totalTokensIn_${character}`, prevIn + tokensIn);
+                    await this.db.setPreference(`totalTokensOut_${character}`, prevOut + tokensOut);
+                }
+            } catch (e) {
+                console.warn("Token usage estimation failed (OpenAI streaming):", e);
+            }
+
+            return fullResponse;
+        } catch (error) {
+            console.error("OpenAI compatible streaming error:", error);
+            throw error;
+        }
+    }
+
+    async chatWithLocalStreaming(userMessage, onToken, options = {}) {
+        const systemPromptContent = await this.assemblePrompt(userMessage);
+        const enableStreaming = await this.db.getPreference("enableStreaming", true);
+
+        const payload = {
+            model: this.currentModel || "llama2",
+            messages: [
+                { role: "system", content: systemPromptContent },
+                ...this.conversationContext.slice(-this.maxContextLength),
+                { role: "user", content: userMessage }
+            ],
+            stream: enableStreaming
+        };
+
+        try {
+            const response = await fetch("http://localhost:11434/api/chat", {
+                method: "POST",
+                headers: {
+                    "Content-Type": "application/json"
+                },
+                body: JSON.stringify(payload)
+            });
+
+            if (!response.ok) {
+                throw new Error("Ollama not available");
+            }
+
+            let fullResponse = "";
+
+            if (enableStreaming) {
+                // Streaming mode
+                const reader = response.body.getReader();
+                const decoder = new TextDecoder();
+
+                try {
+                    while (true) {
+                        const { done, value } = await reader.read();
+                        if (done) break;
+
+                        const chunk = decoder.decode(value, { stream: true });
+                        const lines = chunk.split("\n").filter(line => line.trim());
+
+                        for (const line of lines) {
+                            try {
+                                const parsed = JSON.parse(line);
+                                const content = parsed.message?.content;
+                                if (content) {
+                                    fullResponse += content;
+                                    onToken(content);
+                                }
+                                if (parsed.done) {
+                                    break;
+                                }
+                            } catch (parseError) {
+                                console.warn("Failed to parse Ollama streaming chunk:", parseError);
+                            }
+                        }
+                    }
+                } finally {
+                    reader.releaseLock();
+                }
+            } else {
+                // Non-streaming mode
+                const data = await response.json();
+                fullResponse = data.message?.content || "";
+                if (fullResponse && onToken) {
+                    onToken(fullResponse);
+                }
+            }
+
+            // Add to context
+            this.conversationContext.push(
+                { role: "user", content: userMessage, timestamp: new Date().toISOString() },
+                { role: "assistant", content: fullResponse, timestamp: new Date().toISOString() }
+            );
+
+            if (this.conversationContext.length > this.maxContextLength * 2) {
+                this.conversationContext = this.conversationContext.slice(-this.maxContextLength * 2);
+            }
+
+            // Token usage estimation
+            try {
+                const est = window.KimiTokenUtils?.estimate || (t => Math.ceil((t || "").length / 4));
+                const tokensIn = est(userMessage + " " + systemPromptContent);
+                const tokensOut = est(fullResponse);
+                window._lastKimiTokenUsage = { tokensIn, tokensOut };
+                const character = await this.db.getSelectedCharacter();
+                const prevIn = Number(await this.db.getPreference(`totalTokensIn_${character}`, 0)) || 0;
+                const prevOut = Number(await this.db.getPreference(`totalTokensOut_${character}`, 0)) || 0;
+                await this.db.setPreference(`totalTokensIn_${character}`, prevIn + tokensIn);
+                await this.db.setPreference(`totalTokensOut_${character}`, prevOut + tokensOut);
+            } catch (e) {
+                console.warn("Token usage estimation failed (local streaming):", e);
+            }
+
+            return fullResponse;
+        } catch (error) {
+            console.warn("Local LLM streaming not available:", error);
+            throw error;
+        }
+    }
+
+    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?") {
+        // Ancienne méthode de test (non minimaliste)
+        return await this.testApiKeyMinimal(modelId);
+    }
+
+    /**
+     * Test API minimaliste et centralisé pour tous les providers compatibles.
+     * Envoie uniquement un prompt système court et un message utilisateur dans la langue choisie.
+     * Aucun contexte, aucune mémoire, aucun paramètre superflu.
+     * @param {string} modelId - ID du modèle à tester
+     * @returns {Promise<{success: boolean, response?: string, error?: string}>}
+     */
+    async testApiKeyMinimal(modelId) {
+        const originalModel = this.currentModel;
+        try {
+            await this.setCurrentModel(modelId);
+            const provider = await this.db.getPreference("llmProvider", "openrouter");
+            const lang = await this.db.getPreference("selectedLanguage", "en");
+            let testWord;
+            switch (lang) {
+                case "fr":
+                    testWord = "Bonjour";
+                    break;
+                case "es":
+                    testWord = "Hola";
+                    break;
+                case "de":
+                    testWord = "Hallo";
+                    break;
+                case "it":
+                    testWord = "Ciao";
+                    break;
+                case "ja":
+                    testWord = "こんにちは";
+                    break;
+                case "zh":
+                    testWord = "你好";
+                    break;
+                default:
+                    testWord = "Hello";
+            }
+            const systemPrompt = "You are a helpful assistant.";
+            let apiKey = await (window.KimiProviderUtils ? window.KimiProviderUtils.getApiKey(this.db, provider) : this.db.getPreference("providerApiKey"));
+
+            if (!apiKey) {
+                return { success: false, error: "No API key found for provider: " + provider };
+            }
+
+            let baseUrl = "";
+            let payload = {
+                model: modelId,
+                messages: [
+                    { role: "system", content: systemPrompt },
+                    { role: "user", content: testWord }
+                ],
+                max_tokens: 2
+            };
+            let headers = { "Content-Type": "application/json" };
+            if (provider === "openrouter") {
+                baseUrl = "https://openrouter.ai/api/v1/chat/completions";
+                headers["Authorization"] = `Bearer ${apiKey}`;
+                headers["HTTP-Referer"] = window.location.origin;
+                headers["X-Title"] = "Kimi - Virtual Companion";
+            } else if (["openai", "groq", "together", "deepseek", "openai-compatible"].includes(provider)) {
+                // When selecting baseUrl during initialization/fallback, respect provider-specific stored URLs
+                const currentProvider = await this.db.getPreference("llmProvider", "openrouter");
+                if (currentProvider === "openai-compatible" || currentProvider === "ollama") {
+                    baseUrl = await this.db.getPreference(
+                        `llmBaseUrl_${currentProvider}`,
+                        currentProvider === "ollama" ? "http://localhost:11434/api/chat" : ""
+                    );
+                } else {
+                    const sharedPlaceholders = window.KimiProviderPlaceholders || {};
+                    baseUrl = sharedPlaceholders[provider] || sharedPlaceholders.openrouter || "https://openrouter.ai/api/v1/chat/completions";
+                }
+                headers["Authorization"] = `Bearer ${apiKey}`;
+            } else if (provider === "ollama") {
+                baseUrl = "http://localhost:11434/api/chat";
+                payload = {
+                    model: modelId,
+                    messages: [
+                        { role: "system", content: systemPrompt },
+                        { role: "user", content: testWord }
+                    ],
+                    stream: false
+                };
+            } else {
+                throw new Error("Unknown provider: " + provider);
+            }
+
+            const response = await fetch(baseUrl, {
+                method: "POST",
+                headers,
+                body: JSON.stringify(payload)
+            });
+            if (!response.ok) {
+                const error = await response.text();
+                return { success: false, error };
+            }
+            const data = await response.json();
+            let content = "";
+            if (provider === "ollama") {
+                content = data?.message?.content || data?.choices?.[0]?.message?.content || "";
+            } else {
+                content = data?.choices?.[0]?.message?.content || "";
+            }
+            return { success: true, response: content };
+        } 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 {
+            // Model availability is checked against the local cache; remote checks occur in refreshRemoteModels()
+            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 provider = await this.db.getPreference("llmProvider", "openrouter");
+            const apiKey = await (window.KimiProviderUtils
+                ? window.KimiProviderUtils.getApiKey(this.db, provider)
+                : this.db.getPreference("providerApiKey", ""));
+            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.emitAppEvent && window.emitAppEvent("llmModelChanged", detail);
+            }
+        } catch (e) {}
+    }
+}
+
+// Export for usage
+window.KimiLLMManager = KimiLLMManager;
+export default KimiLLMManager;

kimi-js/kimi-main.js

@@ -0,0 +1,11 @@
+// ESM bootstrap for Kimi App
+// Import minimal utilities as modules; rely on existing globals for legacy parts
+import { KimiProviderUtils } from "./kimi-utils.js";
+import KimiLLMManager from "./kimi-llm-manager.js";
+import KimiEmotionSystem from "./kimi-emotion-system.js";
+
+// Expose module imports to legacy code paths that still rely on window
+// Ensure KimiProviderUtils is available (imported from kimi-utils.js)
+window.KimiProviderUtils = window.KimiProviderUtils || KimiProviderUtils;
+window.KimiLLMManager = window.KimiLLMManager || KimiLLMManager;
+window.KimiEmotionSystem = window.KimiEmotionSystem || KimiEmotionSystem;

kimi-js/kimi-memory-system.js

@@ -0,0 +1,2257 @@
+// ===== KIMI INTELLIGENT MEMORY SYSTEM =====
+class KimiMemorySystem {
+    constructor(database) {
+        this.db = database;
+        this.memoryEnabled = true;
+        this.maxMemoryEntries = 100;
+
+        // Performance optimization: keyword cache with LRU eviction
+        this.keywordCache = new Map(); // keyword_language -> boolean (is common)
+        this.keywordCacheSize = 1000; // Limit memory usage
+        this.keywordCacheHits = 0;
+        this.keywordCacheMisses = 0;
+
+        // Performance monitoring
+        this.queryStats = {
+            extractionTime: [],
+            addMemoryTime: [],
+            retrievalTime: []
+        };
+
+        // Centralized configuration for all thresholds and magic numbers
+        this.config = {
+            // Content validation thresholds
+            minContentLength: 2,
+            longContentThreshold: 24,
+            titleWordCount: {
+                preferred: 3,
+                min: 1,
+                max: 5
+            },
+
+            // Similarity and confidence thresholds
+            similarity: {
+                personal: 0.6, // Names can vary more (Jean vs Jean-Pierre)
+                preferences: 0.7, // Preferences can be expressed differently
+                default: 0.8, // General similarity threshold
+                veryHigh: 0.9, // For boost_confidence strategy
+                update: 0.3 // Lower threshold for memory updates
+            },
+
+            // Confidence scoring
+            confidence: {
+                base: 0.6,
+                explicitRequest: 1.0,
+                naturalExpression: 0.7,
+                bonusForLongContent: 0.1,
+                bonusForExplicitStatement: 0.3,
+                penaltyForUncertainty: 0.2,
+                min: 0.1,
+                max: 1.0
+            },
+
+            // Memory management
+            cleanup: {
+                maxEntries: 100,
+                ttlDays: 365,
+                batchSize: 100,
+                touchMinutes: 60
+            },
+
+            // Performance settings
+            cache: {
+                keywordCacheSize: 1000,
+                statHistorySize: 100
+            },
+
+            // Scoring weights for importance calculation
+            importance: {
+                categoryWeights: {
+                    important: 1.0,
+                    personal: 0.9,
+                    relationships: 0.85,
+                    goals: 0.75,
+                    experiences: 0.65,
+                    preferences: 0.6,
+                    activities: 0.5
+                },
+                bonuses: {
+                    relationshipMilestone: 0.15,
+                    boundaries: 0.15,
+                    strongEmotion: 0.05,
+                    futureReference: 0.05,
+                    longContent: 0.05,
+                    highConfidence: 0.05
+                }
+            },
+
+            // Relevance calculation weights
+            relevance: {
+                contentSimilarity: 0.35,
+                keywordOverlap: 0.25,
+                categoryRelevance: 0.1,
+                recencyBonus: 0.1,
+                confidenceBonus: 0.05,
+                importanceBonus: 0.05,
+                recentDaysThreshold: 30
+            }
+        };
+
+        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|je me prénomme|je me nomme) ([^,.!?]+)/i,
+                /(?:j'ai) (\d+) ans?/i,
+                /(?:j'habite à|je vis à|je viens de) ([^,.!?]+)/i,
+                /(?:je travaille comme|mon travail est|je suis) ([^,.!?]+)/i,
+                // Spanish patterns
+                /(?:me llamo|mi nombre es|soy) ([^,.!?]+)/i,
+                /(?:tengo) (\d+) años?/i,
+                /(?:vivo en|soy de) ([^,.!?]+)/i,
+                /(?:trabajo como|mi trabajo es|soy) ([^,.!?]+)/i,
+                // Italian patterns
+                /(?:mi chiamo|il mio nome è|sono) ([^,.!?]+)/i,
+                /(?:ho) (\d+) anni?/i,
+                /(?:abito a|vivo a|sono di) ([^,.!?]+)/i,
+                /(?:lavoro come|il mio lavoro è|sono) ([^,.!?]+)/i,
+                // German patterns
+                /(?:ich heiße|mein name ist|ich bin) ([^,.!?]+)/i,
+                /(?:ich bin) (\d+) jahre? alt/i,
+                /(?:ich wohne in|ich lebe in|ich komme aus) ([^,.!?]+)/i,
+                /(?:ich arbeite als|mein beruf ist|ich bin) ([^,.!?]+)/i,
+                // Japanese patterns
+                /私の名前は([^。！？!?、,.]+)[ですだ]?/i,
+                /私は([^。！？!?、,.]+)です/i,
+                /([^、。！？!?,.]+)と申します/i,
+                /([^、。！？!?,.]+)といいます/i,
+                // Chinese patterns
+                /我叫([^，。！？!?,.]+)/i,
+                /我的名字是([^，。！？!?,.]+)/i,
+                /叫我([^，。！？!?,.]+)/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,
+                // Spanish patterns
+                /(?:mi (?:esposa|esposo|novia|novio|pareja)) (?:es|se llama) ([^,.!?]+)/i,
+                /(?:mi (?:madre|padre|hermana|hermano|amigo|amiga)) (?:es|se llama) ([^,.!?]+)/i,
+                // Italian patterns
+                /(?:la mia (?:moglie|fidanzata|compagna)|il mio (?:marito|fidanzato|compagno)) (?:è|si chiama) ([^,.!?]+)/i,
+                /(?:mia (?:madre|sorella)|mio (?:padre|fratello|amico)) (?:è|si chiama) ([^,.!?]+)/i,
+                // German patterns
+                /(?:meine (?:frau|freundin|partnerin)|mein (?:mann|freund|partner)) (?:ist|heißt) ([^,.!?]+)/i,
+                /(?:meine (?:mutter|schwester)|mein (?:vater|bruder|freund)) (?:ist|heißt) ([^,.!?]+)/i,
+                // Japanese patterns
+                /(?:私の(?:妻|夫|彼女|彼氏|パートナー))は([^。！？!?、,.]+)(?:です|といいます)/i,
+                /(?:私の(?:母|父|姉|妹|兄|弟|友達))は([^。！？!?、,.]+)(?:です|といいます)/i,
+                // Chinese patterns
+                /(?:我的(?:妻子|丈夫|女朋友|男朋友|伴侣))叫([^，。！？!?,.]+)/i,
+                /(?:我的(?:妈妈|父亲|姐姐|妹妹|哥哥|弟弟|朋友))叫([^，。！？!?,.]+)/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,
+                // Spanish patterns
+                /(?:juego|hago|practico) ([^,.!?]+)/i,
+                /(?:mi pasatiempo|mi hobby) (?:es) ([^,.!?]+)/i,
+                // Italian patterns
+                /(?:gioco|faccio|pratico) ([^,.!?]+)/i,
+                /(?:il mio passatempo|il mio hobby) (?:è) ([^,.!?]+)/i,
+                // German patterns
+                /(?:ich spiele|ich mache|ich übe) ([^,.!?]+)/i,
+                /(?:mein hobby ist) ([^,.!?]+)/i,
+                // Japanese patterns
+                /(?:私は)?(?:[^、。！？!?,.]+)が趣味です/i,
+                /趣味は([^。！？!?、,.]+)です/i,
+                // Chinese patterns
+                /(?:我玩|我做|我练习)([^，。！？!?,.]+)/i,
+                /(?:我的爱好是)([^，。！？!?,.]+)/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,
+                // Spanish patterns
+                /(?:quiero|voy a|mi objetivo es) ([^,.!?]+)/i,
+                /(?:estoy aprendiendo|estudio) ([^,.!?]+)/i,
+                // Italian patterns
+                /(?:voglio|andrò a|il mio obiettivo è) ([^,.!?]+)/i,
+                /(?:sto imparando|studio) ([^,.!?]+)/i,
+                // German patterns
+                /(?:ich möchte|ich will|mein ziel ist) ([^,.!?]+)/i,
+                /(?:ich lerne|ich studiere) ([^,.!?]+)/i,
+                // Japanese patterns
+                /(?:私は)?(?:[^、。！？!?,.]+)したい/i,
+                /(?:学んでいる|勉強している) ([^。！？!?、,.]+)/i,
+                // Chinese patterns
+                /(?:我想|我要|我的目标是)([^，。！？!?,.]+)/i,
+                /(?:我在学习|我学习)([^，。！？!?,.]+)/i
+            ],
+            experiences: [
+                // English patterns
+                /we went to ([^,.!?]+)/i,
+                /we met (?:at|on|in) ([^,.!?]+)/i,
+                /our (?:first date|first kiss|trip|vacation) (?:was|was at|was on|was in|was to) ([^,.!?]+)/i,
+                /our anniversary (?:is|falls on|will be) ([^,.!?]+)/i,
+                /we moved in (?:together )?(?:on|in)?\s*([^,.!?]+)/i,
+                // French patterns
+                /on s'est rencontr[ée]s? (?:à|au|en|le) ([^,.!?]+)/i,
+                /on est all[ée]s? à ([^,.!?]+)/i,
+                /notre (?:premier rendez-vous|première sortie) (?:était|c'était) ([^,.!?]+)/i,
+                /notre anniversaire (?:est|c'est) ([^,.!?]+)/i,
+                /on a emménagé (?:ensemble\s*)?(?:le|en|à)\s*([^,.!?]+)/i,
+                // Spanish patterns
+                /nos conocimos (?:en|el|la) ([^,.!?]+)/i,
+                /fuimos a ([^,.!?]+)/i,
+                /nuestra (?:primera cita|primera salida) (?:fue|era) ([^,.!?]+)/i,
+                /nuestro aniversario (?:es|cae en|será) ([^,.!?]+)/i,
+                /nos mudamos (?:juntos\s*)?(?:el|en|a)\s*([^,.!?]+)/i,
+                // Italian patterns
+                /ci siamo conosciuti (?:a|al|in|il) ([^,.!?]+)/i,
+                /siamo andati a ([^,.!?]+)/i,
+                /il nostro (?:primo appuntamento|primo bacio|viaggio) (?:era|è stato) ([^,.!?]+)/i,
+                /il nostro anniversario (?:è|cade il|sarà) ([^,.!?]+)/i,
+                /ci siamo trasferiti (?:insieme\s*)?(?:il|in|a)\s*([^,.!?]+)/i,
+                // German patterns
+                /wir haben uns (?:in|am) ([^,.!?]+) kennengelernt/i,
+                /wir sind (?:nach|zu) ([^,.!?]+) (?:gegangen|gefahren)/i,
+                /unser (?:erstes date|erster kuss|urlaub) (?:war|fand statt) ([^,.!?]+)/i,
+                /unser jahrestag (?:ist|fällt auf|wird sein) ([^,.!?]+)/i,
+                /wir sind (?:zusammen )?eingezogen (?:am|im|in)\s*([^,.!?]+)/i,
+                // Japanese patterns
+                /私たちは([^、。！？!?,.]+)で出会った/i,
+                /一緒に([^、。！？!?,.]+)へ行った/i,
+                /私たちの記念日(?:は)?([^、。！？!?,.]+)/i,
+                /一緒に引っ越した(?:のは)?([^、。！？!?,.]+)/i,
+                // Chinese patterns
+                /我们在([^，。！？!?,.]+)认识/i,
+                /我们去了([^，。！？!?,.]+)/i,
+                /我们的纪念日是([^，。！？!?,.]+)/i,
+                /我们一起搬家(?:是在)?([^，。！？!?,.]+)/i
+            ],
+            important: [
+                // English patterns
+                /it's important (?:to remember|that) (.+)/i,
+                /please remember (.+)/i,
+                // French patterns
+                /c'est important (?:de se souvenir|que) (.+)/i,
+                /merci de te souvenir (.+)/i,
+                // Spanish patterns
+                /es importante (?:recordar|que) (.+)/i,
+                /por favor recuerda (.+)/i,
+                // Italian patterns
+                /è importante (?:ricordare|che) (.+)/i,
+                /per favore ricorda (.+)/i,
+                // German patterns
+                /es ist wichtig (?:zu erinnern|dass) (.+)/i,
+                /bitte erinnere dich an (.+)/i,
+                // Japanese patterns
+                /重要なのは(.+)です/i,
+                /覚えておいてほしいのは(.+)です/i,
+                // Chinese patterns
+                /重要的是(.+)/i,
+                /请记住(.+)/i
+            ]
+        };
+
+        // Performance optimization: pre-compile regex patterns
+        this.compiledPatterns = {};
+        this.initializeCompiledPatterns();
+    }
+
+    // Pre-compile all regex patterns for better performance
+    initializeCompiledPatterns() {
+        try {
+            for (const [category, patterns] of Object.entries(this.extractionPatterns)) {
+                this.compiledPatterns[category] = patterns.map(pattern => {
+                    if (pattern instanceof RegExp) {
+                        return pattern; // Already compiled
+                    }
+                    return new RegExp(pattern.source, pattern.flags);
+                });
+            }
+
+            if (window.KIMI_CONFIG?.DEBUG?.MEMORY) {
+                const totalPatterns = Object.values(this.compiledPatterns).reduce((sum, arr) => sum + arr.length, 0);
+                console.log(`🚀 Pre-compiled ${totalPatterns} regex patterns for memory extraction`);
+            }
+        } catch (error) {
+            console.error("Error pre-compiling regex patterns:", error);
+            // Fallback: use original patterns
+            this.compiledPatterns = this.extractionPatterns;
+        }
+    }
+
+    // Utility method to get consistent creation timestamp
+    getCreationTimestamp(memory) {
+        // Prefer createdAt, fallback to timestamp for backward compatibility
+        return memory.createdAt || memory.timestamp || new Date();
+    }
+
+    // Utility method to calculate days since creation
+    getDaysSinceCreation(memory) {
+        const created = new Date(this.getCreationTimestamp(memory)).getTime();
+        return (Date.now() - created) / (1000 * 60 * 60 * 24);
+    }
+
+    async init() {
+        if (!this.db) {
+            console.warn("Database not available for memory system");
+            return;
+        }
+
+        try {
+            this.memoryEnabled = await this.db.getPreference("memorySystemEnabled", window.KIMI_CONFIG?.DEFAULTS?.MEMORY_SYSTEM_ENABLED ?? true);
+            this.selectedCharacter = await this.db.getSelectedCharacter();
+            await this.createMemoryTables();
+
+            // Legacy migrations disabled - uncomment if needed for old databases
+            // await this.migrateIncompatibleIDs();
+            // this.populateKeywordsForAllMemories().catch(e => console.warn("Keyword population failed", e));
+        } 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 [];
+
+        // Ensure selectedCharacter is initialized
+        if (!this.selectedCharacter) {
+            this.selectedCharacter = this.db ? await this.db.getSelectedCharacter() : "kimi";
+        }
+
+        const extractedMemories = [];
+        const text = userText.toLowerCase();
+
+        // Memory extraction processing (debug info reduced for performance)
+
+        // 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) {
+            // Explicit memory requests detected
+            extractedMemories.push(...explicitRequests);
+        }
+
+        // Extract using pre-compiled patterns for better performance
+        const patternsToUse = this.compiledPatterns || this.extractionPatterns;
+        for (const [category, patterns] of Object.entries(patternsToUse)) {
+            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 < this.config.minContentLength || 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),
+                        createdAt: new Date(), // Use createdAt consistently
+                        character: this.selectedCharacter || "kimi", // Fallback protection
+                        isUpdate: isUpdate
+                    };
+
+                    // Pattern match detected
+                    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) {
+            try {
+                console.log("💾 Saving memory:", memory.content);
+                const saved = await this.addMemory(memory);
+                if (saved) {
+                    savedMemories.push(saved);
+                } else {
+                    console.warn("⚠️ Memory was not saved (possibly filtered or merged):", memory.content);
+                }
+            } catch (error) {
+                console.error("❌ Failed to save memory:", {
+                    content: memory.content,
+                    category: memory.category,
+                    error: error.message
+                });
+                // Continue processing other memories even if one fails
+            }
+        }
+
+        if (savedMemories.length > 0) {
+            if (window.KIMI_CONFIG?.DEBUG?.MEMORY) {
+                console.log(`✅ Successfully extracted and saved ${savedMemories.length} memories`);
+            }
+        } else if (window.KIMI_CONFIG?.DEBUG?.MEMORY) {
+            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
+        ];
+
+        // Spanish explicit memory requests
+        const spanishPatterns = [
+            /(?:añade|agrega|recuerda|memoriza|guarda)\s+(?:en|a)\s+(?:la\s+)?memoria\s+(?:que\s+)?(.+)/i,
+            /(?:puedes|podrías)?\s*(?:añadir|agregar|recordar|memorizar|guardar)\s+(?:que\s+)?(.+)\s+(?:en|a)\s+(?:la\s+)?memoria/i,
+            /(?:quiero\s+que\s+)?(?:recuerdes|memorices|añadas)\s+(?:que\s+)?(.+)/i
+        ];
+
+        // Italian explicit memory requests
+        const italianPatterns = [
+            /(?:aggiungi|ricorda|memorizza|salva)\s+(?:nella|in)\s+memoria\s+(?:che\s+)?(.+)/i,
+            /(?:puoi|potresti)?\s*(?:aggiungere|ricordare|memorizzare|salvare)\s+(?:che\s+)?(.+)\s+(?:nella|in)\s+memoria/i,
+            /(?:voglio\s+che\s+)?(?:ricordi|memorizzi|aggiunga)\s+(?:che\s+)?(.+)/i
+        ];
+
+        // German explicit memory requests
+        const germanPatterns = [
+            /(?:füge|merke|speichere)\s+(?:es\s+)?(?:in|zur)\s+?gedächtnis|speicher\s+(?:dass\s+)?(.+)/i,
+            /(?:kannst\s+du|könntest\s+du)?\s*(?:hinzufügen|merken|speichern)\s+(?:dass\s+)?(.+)\s+(?:in|zum)\s+(?:gedächtnis|speicher)/i,
+            /(?:ich\s+möchte\s+dass\s+du)\s*(?:merkst|speicherst|hinzufügst)\s+(?:dass\s+)?(.+)/i
+        ];
+
+        // Japanese explicit memory requests
+        const japanesePatterns = [/記憶に(?:追加|保存|覚えて)(?:して)?(?:ほしい|ください)?(?:、)?(.+)/i, /(?:覚えて|記憶して)(?:ほしい|ください)?(?:、)?(.+)/i];
+
+        // Chinese explicit memory requests
+        const chinesePatterns = [/把(.+)记在(?:记忆|内存|记忆库)里/i, /(?:请)?记住(?:这件事|这个|以下)?(.+)/i, /保存到记忆(?:里|中)(?:的是)?(.+)/i];
+
+        const allPatterns = [
+            ...frenchPatterns,
+            ...englishPatterns,
+            ...spanishPatterns,
+            ...italianPatterns,
+            ...germanPatterns,
+            ...japanesePatterns,
+            ...chinesePatterns
+        ];
+
+        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 < this.config.minContentLength;
+    }
+
+    // Calculate confidence based on context and pattern strength
+    calculateExtractionConfidence(match, fullText) {
+        let confidence = this.config.confidence.base; // Base confidence from config
+
+        // Boost confidence for explicit statements
+        const lower = fullText.toLowerCase();
+        if (
+            lower.includes("my name is") ||
+            lower.includes("i am called") ||
+            lower.includes("je m'appelle") ||
+            lower.includes("mon nom est") ||
+            lower.includes("je me prénomme") ||
+            lower.includes("je me nomme") ||
+            lower.includes("me llamo") ||
+            lower.includes("mi nombre es") ||
+            lower.includes("mi chiamo") ||
+            lower.includes("il mio nome è") ||
+            lower.includes("ich heiße") ||
+            lower.includes("mein name ist") ||
+            lower.includes("と申します") ||
+            lower.includes("私の名前は") ||
+            lower.includes("我叫") ||
+            lower.includes("我的名字是")
+        ) {
+            confidence += this.config.confidence.bonusForExplicitStatement;
+        }
+
+        // Boost for longer, more specific content
+        if (match[1] && match[1].trim().length > this.config.longContentThreshold) {
+            confidence += this.config.confidence.bonusForLongContent;
+        }
+
+        // Reduce confidence for uncertain language
+        if (fullText.includes("maybe") || fullText.includes("perhaps") || fullText.includes("might")) {
+            confidence -= this.config.confidence.penaltyForUncertainty;
+        }
+
+        return Math.min(this.config.confidence.max, Math.max(this.config.confidence.min, confidence));
+    }
+
+    // Generate a short title (2-5 words max) from content for auto-extracted memories
+    generateTitleFromContent(content) {
+        if (!content || typeof content !== "string") return "";
+        // Remove surrounding punctuation and collapse whitespace
+        const cleaned = content
+            .replace(/[\n\r]+/g, " ")
+            .replace(/["'“”‘’–—:;()\[\]{}]+/g, "")
+            .trim();
+        const words = cleaned.split(/\s+/).filter(Boolean);
+
+        if (words.length === 0) return "";
+        // Prefer 3 words when available, minimum 2 when possible, maximum 5
+        let take;
+        if (words.length >= this.config.titleWordCount.preferred) take = this.config.titleWordCount.preferred;
+        else take = words.length; // 1 or 2
+        take = Math.min(this.config.titleWordCount.max, Math.max(this.config.titleWordCount.min, take));
+
+        const slice = words.slice(0, take);
+        // Capitalize first word for nicer title
+        slice[0] = slice[0].charAt(0).toUpperCase() + slice[0].slice(1);
+        return slice.join(" ");
+    }
+
+    // Check if this is an update to existing memory rather than new info
+    async isMemoryUpdate(category, content, existingMemories) {
+        const categoryMemories = existingMemories.filter(m => m.category === category);
+
+        for (const memory of categoryMemories) {
+            const similarity = this.calculateSimilarity(memory.content, content);
+            if (similarity > this.config.similarity.update) {
+                // 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 (multilingual)
+        const namePatterns = [
+            // English
+            /call me (\w+)/i,
+            /(\w+) here[,.]?/i,
+            /this is (\w+)/i,
+            /(\w+) speaking/i,
+            // French
+            /appelle-?moi (\w+)/i,
+            /on m'appelle (\w+)/i,
+            /c'est (\w+)/i,
+            // Spanish
+            /llámame (\w+)/i,
+            /me llaman (\w+)/i,
+            /soy (\w+)/i,
+            // Italian
+            /chiamami (\w+)/i,
+            /mi chiamano (\w+)/i,
+            /sono (\w+)/i,
+            // German
+            /nenn mich (\w+)/i,
+            /man nennt mich (\w+)/i,
+            /ich bin (\w+)/i,
+            // Japanese
+            /(?:私は)?(\w+)です/i,
+            // Chinese
+            /我是(\w+)/i,
+            /叫我(\w+)/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,
+                        createdAt: new Date(), // Use createdAt consistently
+                        character: this.selectedCharacter || "kimi" // Fallback protection
+                    });
+                }
+            }
+        }
+
+        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 now = new Date();
+            const memory = {
+                category: memoryData.category || "personal",
+                type: memoryData.type || "manual",
+                content: memoryData.content,
+                // precomputed keywords for faster matching and relevance
+                keywords: this.deriveKeywords(memoryData.content),
+                // Title: use provided title or generate for auto_extracted
+                title:
+                    memoryData.title && typeof memoryData.title === "string"
+                        ? memoryData.title
+                        : memoryData.type === "auto_extracted"
+                          ? this.generateTitleFromContent(memoryData.content)
+                          : "",
+                sourceText: memoryData.sourceText || "",
+                confidence: memoryData.confidence || 1.0,
+                createdAt: memoryData.createdAt || memoryData.timestamp || now, // Unified timestamp handling
+                character: memoryData.character || this.selectedCharacter || "kimi", // Fallback protection
+                isActive: true,
+                tags: [...new Set([...(memoryData.tags || []), ...this.deriveMemoryTags(memoryData)])],
+                lastModified: now,
+                lastAccess: now,
+                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
+                if (window.KIMI_CONFIG?.DEBUG?.MEMORY) {
+                    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);
+            return null; // Return null instead of undefined for clearer error handling
+        }
+    }
+
+    // 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, ...this.deriveMemoryTags(newMemoryData)])], // 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;
+        }
+    }
+
+    // Simplified memory merge strategy determination
+    determineMergeStrategy(existing, newData) {
+        const similarity = this.calculateSimilarity(existing.content, newData.content);
+        const newConfidence = newData.confidence || this.config.confidence.base;
+        const existingConfidence = existing.confidence || this.config.confidence.base;
+
+        // Very high similarity (>90%) - boost confidence if new is more confident
+        if (similarity > this.config.similarity.veryHigh) {
+            return newConfidence > existingConfidence ? "boost_confidence" : "merge_content";
+        }
+
+        // High similarity (>70%) - decide based on content length and specificity
+        if (similarity > this.config.similarity.preferences) {
+            // If new content is significantly longer (50% more), it's likely more detailed
+            if (newData.content.length > existing.content.length * 1.5) {
+                return "update_content";
+            }
+            // If existing is longer, merge to preserve information
+            return "merge_content";
+        }
+
+        // For personal names, handle as variants if they're related
+        if (existing.category === "personal" && this.areRelatedNames(existing.content, newData.content)) {
+            return "add_variant";
+        }
+
+        // Default strategy for moderate similarity
+        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
+
+        // Category base weights
+        const categoryWeights = {
+            important: 1.0,
+            personal: 0.9,
+            relationships: 0.85,
+            goals: 0.75,
+            experiences: 0.65,
+            preferences: 0.6,
+            activities: 0.5
+        };
+
+        importance = categoryWeights[memoryData.category] || 0.5;
+
+        const content = (memoryData.content || "").toLowerCase();
+        const tags = new Set([...(memoryData.tags || []), ...this.deriveMemoryTags(memoryData)]);
+
+        // Heuristic boosts for meaningful relationship milestones and commitments
+        const milestoneTags = [
+            "relationship:first_meet",
+            "relationship:first_date",
+            "relationship:first_kiss",
+            "relationship:anniversary",
+            "relationship:moved_in",
+            "relationship:engaged",
+            "relationship:married",
+            "relationship:breakup"
+        ];
+        if ([...tags].some(t => milestoneTags.includes(t))) importance += 0.15;
+
+        // Boundaries and consent are high priority to remember
+        if ([...tags].some(t => t.startsWith("boundary:"))) importance += 0.15;
+
+        // Preferences tied to strong like/dislike
+        if (content.includes("i love") || content.includes("j'adore") || content.includes("i hate") || content.includes("je déteste")) {
+            importance += 0.05;
+        }
+
+        // Temporal cues: future commitments or dates
+        if (/(\bnext\b|\btomorrow\b|\bce soir\b|\bdemain\b|\bmañana\b|\bdomani\b|\bmorgen\b)/i.test(content)) {
+            importance += 0.05;
+        }
+
+        // Longer details and high confidence
+        if (memoryData.content && memoryData.content.length > this.config.longContentThreshold) importance += this.config.importance.bonuses.longContent;
+        if (memoryData.confidence && memoryData.confidence > 0.9) importance += this.config.importance.bonuses.highConfidence;
+
+        // Round to two decimals to avoid floating point artifacts
+        return Math.min(1.0, Math.round(importance * 100) / 100);
+    }
+
+    // Derive semantic tags from memory content to assist prioritization and merging
+    deriveMemoryTags(memoryData) {
+        const tags = [];
+        const text = (memoryData.content || "").toLowerCase();
+        const category = memoryData.category || "";
+
+        // Relationship status and milestones
+        if (/(single|célibataire|soltero|single|ledig)/i.test(text)) tags.push("relationship:status_single");
+        if (/(in a relationship|en couple|together|ensemble|pareja|coppia|beziehung)/i.test(text)) tags.push("relationship:status_in_relationship");
+        if (/(engaged|fiancé|fiancée|promis|promised|verlobt)/i.test(text)) tags.push("relationship:status_engaged");
+        if (/(married|marié|mariée|casado|sposato|verheiratet)/i.test(text)) tags.push("relationship:status_married");
+        if (/(broke up|rupture|separated|separado|separati|getrennt)/i.test(text)) tags.push("relationship:breakup");
+        if (/(first date|premier rendez-vous|primera cita|primo appuntamento)/i.test(text)) tags.push("relationship:first_date");
+        if (/(first kiss|premier baiser|primer beso|primo bacio)/i.test(text)) tags.push("relationship:first_kiss");
+        if (/(anniversary|anniversaire|aniversario|anniversario|jahrestag)/i.test(text)) tags.push("relationship:anniversary");
+        if (/(moved in together|emménagé ensemble|mudamos juntos|trasferiti insieme|zusammen eingezogen)/i.test(text)) tags.push("relationship:moved_in");
+        if (/(met at|rencontré à|conocimos en|conosciuti a|kennengelernt)/i.test(text)) tags.push("relationship:first_meet");
+
+        // Boundaries and consent (keep generic and non-graphic)
+        if (/(i don't like|je n'aime pas|no me gusta|non mi piace|ich mag nicht)\s+[^,.!?]+/i.test(text)) tags.push("boundary:dislike");
+        if (/(i prefer|je préfère|prefiero|preferisco|ich bevorzuge)\s+[^,.!?]+/i.test(text)) tags.push("boundary:preference");
+        if (/(no|pas)\s+(?:kissing|baiser|beso|bacio|küssen)/i.test(text)) tags.push("boundary:limit");
+        if (/(consent|consentement|consentimiento|consenso|einwilligung)/i.test(text)) tags.push("boundary:consent");
+
+        // Time-related tags
+        if (/(today|ce jour|hoy|oggi|heute|今日)/i.test(text)) tags.push("time:today");
+        if (/(tomorrow|demain|mañana|domani|morgen|明日)/i.test(text)) tags.push("time:tomorrow");
+        if (/(next week|semaine prochaine|la próxima semana|la prossima settimana|nächste woche)/i.test(text)) tags.push("time:next_week");
+
+        // Category-specific hints
+        if (category === "preferences") tags.push("type:preference");
+        if (category === "personal") tags.push("type:personal");
+        if (category === "relationships") tags.push("type:relationship");
+        if (category === "experiences") tags.push("type:experience");
+        if (category === "goals") tags.push("type:goal");
+        if (category === "important") tags.push("type:important");
+
+        return tags;
+    }
+
+    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);
+    }
+
+    // Add cleanup method for memory system
+    cleanup() {
+        if (this.contextUpdateTimeout) {
+            clearTimeout(this.contextUpdateTimeout);
+            this.contextUpdateTimeout = null;
+        }
+
+        // Clear caches to prevent memory leaks
+        if (this.keywordCache) {
+            this.keywordCache.clear();
+        }
+
+        // Reset stats arrays to prevent accumulation
+        if (this.queryStats) {
+            this.queryStats.extractionTime.length = 0;
+            this.queryStats.addMemoryTime.length = 0;
+            this.queryStats.retrievalTime.length = 0;
+        }
+    }
+
+    async getMemoriesByCategory(category, character = null) {
+        if (!this.db) return [];
+
+        try {
+            character = character || this.selectedCharacter || "kimi"; // Unified fallback
+
+            if (this.db.db.memories) {
+                const memories = await this.db.db.memories
+                    .where("[character+category]")
+                    .equals([character, category])
+                    .and(m => m.isActive)
+                    .reverse()
+                    .sortBy("timestamp");
+
+                // Update lastAccess/accessCount for top results to improve prioritization
+                this._touchMemories(memories, 10).catch(() => {});
+                return memories;
+            }
+        } catch (error) {
+            console.error("Error getting memories by category:", error);
+            return [];
+        }
+    }
+
+    async getAllMemories(character = null) {
+        if (!this.db) return [];
+
+        try {
+            character = character || this.selectedCharacter || "kimi";
+
+            if (this.db.db.memories) {
+                // Primary IndexedDB (Dexie) sort still leverages the existing 'timestamp' index for performance.
+                // Then we apply a stable in-memory reorder using canonical creation time (createdAt fallback timestamp)
+                // to unify ordering semantics without breaking older databases lacking createdAt originally.
+                const memories = await this.db.db.memories
+                    .where("character")
+                    .equals(character)
+                    .filter(memory => memory.isActive !== false) // Include records without isActive field (legacy)
+                    .reverse()
+                    .sortBy("timestamp");
+
+                // Backward-compatible canonical ordering: most recent first by getCreationTimestamp
+                // (Only if >1 entry to avoid needless array ops.)
+                if (memories.length > 1) {
+                    memories.sort((a, b) => {
+                        const ca = new Date(this.getCreationTimestamp(a)).getTime();
+                        const cb = new Date(this.getCreationTimestamp(b)).getTime();
+                        return cb - ca; // descending (newest first)
+                    });
+                }
+
+                if (window.KIMI_DEBUG_MEMORIES) {
+                    console.log(`Retrieved ${memories.length} memories for character: ${character}`);
+                }
+
+                // Touch top memories to update access metrics
+                this._touchMemories(memories, 10).catch(() => {});
+                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);
+
+            // Precompute keywords for new memory
+            const newKeys = this.deriveKeywords(memoryData.content || "");
+
+            // Enhanced similarity check with multiple criteria
+            for (const memory of memories) {
+                // Prefilter by keyword overlap to reduce false positives and improve perf
+                const memKeys = memory.keywords || this.deriveKeywords(memory.content || "");
+                const overlap = newKeys.filter(k => memKeys.includes(k)).length;
+                if (newKeys.length > 0 && overlap === 0) continue; // no shared keywords -> likely different
+
+                const contentSimilarity = this.calculateSimilarity(memory.content, memoryData.content);
+
+                // Different thresholds based on category
+                const threshold = this.config.similarity[memoryData.category] || this.config.similarity.default;
+
+                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);
+    }
+
+    // Derive a set of normalized keywords from text
+    deriveKeywords(text) {
+        if (!text || typeof text !== "string") return [];
+        return [
+            ...new Set(
+                text
+                    .toLowerCase()
+                    .replace(/[\p{P}\p{S}]/gu, " ")
+                    .split(/\s+/)
+                    .filter(w => w.length > 2 && !this.isCommonWordSafe(w))
+            )
+        ];
+    }
+
+    // Safe wrapper for isCommonWord to avoid undefined function errors
+    isCommonWordSafe(word, language = "en") {
+        const cacheKey = `${word.toLowerCase()}_${language}`;
+
+        // Check cache first
+        if (this.keywordCache.has(cacheKey)) {
+            this.keywordCacheHits++;
+            return this.keywordCache.get(cacheKey);
+        }
+
+        // Cache miss - compute the result
+        this.keywordCacheMisses++;
+        let isCommon = false;
+
+        try {
+            isCommon = typeof this.isCommonWord === "function" ? this.isCommonWord(word, language) : false;
+        } catch (error) {
+            console.warn("Error checking common word:", error);
+            isCommon = false;
+        }
+
+        // Add to cache with LRU eviction
+        if (this.keywordCache.size >= this.keywordCacheSize) {
+            // Simple LRU: remove oldest entry (first in Map)
+            const firstKey = this.keywordCache.keys().next().value;
+            this.keywordCache.delete(firstKey);
+        }
+
+        this.keywordCache.set(cacheKey, isCommon);
+        return isCommon;
+    }
+
+    // Get cache statistics for debugging
+    getKeywordCacheStats() {
+        const total = this.keywordCacheHits + this.keywordCacheMisses;
+        return {
+            size: this.keywordCache.size,
+            hits: this.keywordCacheHits,
+            misses: this.keywordCacheMisses,
+            hitRate: total > 0 ? ((this.keywordCacheHits / total) * 100).toFixed(2) + "%" : "0%"
+        };
+    }
+
+    // Get performance statistics for debugging and optimization
+    getPerformanceStats() {
+        const calculateStats = times => {
+            if (times.length === 0) return { avg: 0, max: 0, min: 0, count: 0 };
+            return {
+                avg: Math.round((times.reduce((sum, t) => sum + t, 0) / times.length) * 100) / 100,
+                max: Math.round(Math.max(...times) * 100) / 100,
+                min: Math.round(Math.min(...times) * 100) / 100,
+                count: times.length
+            };
+        };
+
+        return {
+            keywordCache: this.getKeywordCacheStats(),
+            extraction: calculateStats(this.queryStats.extractionTime),
+            addMemory: calculateStats(this.queryStats.addMemoryTime),
+            retrieval: calculateStats(this.queryStats.retrievalTime)
+        };
+    }
+
+    // Performance wrapper for memory extraction
+    async extractMemoryFromTextTimed(userText, kimiResponse = null) {
+        const start = performance.now();
+        const result = await this.extractMemoryFromText(userText, kimiResponse);
+        const duration = performance.now() - start;
+
+        this.queryStats.extractionTime.push(duration);
+        if (this.queryStats.extractionTime.length > 100) {
+            this.queryStats.extractionTime.shift(); // Keep only last 100 measurements
+        }
+
+        if (duration > 100 && window.KIMI_CONFIG?.DEBUG?.MEMORY) {
+            console.warn(`🐌 Slow memory extraction: ${duration.toFixed(2)}ms for text length ${userText?.length || 0}`);
+        }
+
+        return result;
+    }
+
+    // Get current configuration for debugging and monitoring
+    getConfiguration() {
+        return {
+            ...this.config,
+            memoryCategories: this.memoryCategories,
+            runtime: {
+                memoryEnabled: this.memoryEnabled,
+                maxMemoryEntries: this.maxMemoryEntries,
+                selectedCharacter: this.selectedCharacter,
+                keywordCacheSize: this.keywordCache.size,
+                compiledPatternsCount: Object.values(this.compiledPatterns || {}).reduce((sum, arr) => sum + arr.length, 0)
+            }
+        };
+    }
+
+    // Update configuration at runtime (for advanced users)
+    updateConfiguration(configPath, value) {
+        const keys = configPath.split(".");
+        let current = this.config;
+
+        // Navigate to the parent object
+        for (let i = 0; i < keys.length - 1; i++) {
+            if (!current[keys[i]]) current[keys[i]] = {};
+            current = current[keys[i]];
+        }
+
+        // Set the value
+        const lastKey = keys[keys.length - 1];
+        const oldValue = current[lastKey];
+        current[lastKey] = value;
+
+        if (window.KIMI_CONFIG?.DEBUG?.MEMORY) {
+            console.log(`🔧 Configuration updated: ${configPath} = ${value} (was: ${oldValue})`);
+        }
+
+        return { oldValue, newValue: value };
+    }
+
+    async cleanupOldMemories() {
+        if (!this.db) return;
+
+        try {
+            // Retrieve all active memories for the current character
+            const memories = await this.getAllMemories();
+
+            const maxEntries = window.KIMI_MAX_MEMORIES || this.maxMemoryEntries || 100;
+            const ttlDays = window.KIMI_MEMORY_TTL_DAYS || 365;
+
+            // Soft-expire memories older than TTL by marking isActive=false
+            const now = Date.now();
+            const ttlMs = ttlDays * 24 * 60 * 60 * 1000;
+            const expiredMemories = [];
+
+            for (const mem of memories) {
+                const created = new Date(this.getCreationTimestamp(mem)).getTime();
+                if (now - created > ttlMs) {
+                    try {
+                        await this.updateMemory(mem.id, { isActive: false });
+                        expiredMemories.push(mem.id);
+                    } catch (e) {
+                        console.error(`Memory expiration failed for ID ${mem.id}:`, {
+                            error: e.message,
+                            memoryId: mem.id,
+                            createdAt: this.getCreationTimestamp(mem),
+                            character: mem.character
+                        });
+                        // Continue with other memories even if one fails
+                    }
+                }
+            }
+
+            if (window.KIMI_CONFIG?.DEBUG?.MEMORY && expiredMemories.length > 0) {
+                console.log(`Successfully expired ${expiredMemories.length} memories:`, expiredMemories);
+            }
+
+            // Refresh active memories after TTL purge
+            const activeMemories = (await this.getAllMemories()).filter(m => m.isActive);
+
+            // If still more than maxEntries, mark lowest-priority ones inactive (soft delete)
+            if (activeMemories.length > maxEntries) {
+                // Sort by a combined score: low importance + old timestamp + low access
+                activeMemories.sort((a, b) => {
+                    const scoreA =
+                        (a.importance || 0.5) * -1 + (a.accessCount || 0) * 0.01 + new Date(this.getCreationTimestamp(a)).getTime() / (1000 * 60 * 60 * 24);
+                    const scoreB =
+                        (b.importance || 0.5) * -1 + (b.accessCount || 0) * 0.01 + new Date(this.getCreationTimestamp(b)).getTime() / (1000 * 60 * 60 * 24);
+                    return scoreB - scoreA;
+                });
+
+                const toDeactivate = activeMemories.slice(maxEntries);
+                const deactivatedMemories = [];
+                const failedDeactivations = [];
+
+                for (const mem of toDeactivate) {
+                    try {
+                        await this.updateMemory(mem.id, { isActive: false });
+                        deactivatedMemories.push(mem.id);
+                    } catch (e) {
+                        console.error(`Memory deactivation failed for ID ${mem.id}:`, {
+                            error: e.message,
+                            memoryId: mem.id,
+                            importance: mem.importance,
+                            character: mem.character
+                        });
+                        failedDeactivations.push(mem.id);
+                    }
+                }
+
+                if (window.KIMI_CONFIG?.DEBUG?.MEMORY) {
+                    console.log(`Memory cleanup: ${deactivatedMemories.length} deactivated, ${failedDeactivations.length} failed`);
+                }
+            }
+        } 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
+                const res = this.selectMostImportantMemories(allMemories, limit);
+                // touch top results to update access metrics
+                this._touchMemories(res, limit).catch(() => {});
+                return res;
+            }
+
+            // 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);
+
+            const out = relevantMemories.slice(0, limit).map(r => r);
+            // touch top results to update access metrics
+            this._touchMemories(
+                out.map(r => r),
+                limit
+            ).catch(() => {});
+            return out;
+        } 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 = this.getDaysSinceCreation(memory);
+            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) * this.config.relevance.contentSimilarity;
+
+        // Keyword overlap boost (derived keywords)
+        try {
+            const memKeys = memory.keywords || this.deriveKeywords(memory.content || "");
+            const ctxKeys = this.deriveKeywords(context || "");
+            const keyOverlap = ctxKeys.filter(k => memKeys.includes(k)).length;
+            if (ctxKeys.length > 0) {
+                score += (keyOverlap / ctxKeys.length) * this.config.relevance.keywordOverlap;
+            }
+        } catch (e) {
+            // fallback to original keyword matching
+            let keywordMatches = 0;
+            for (const word of contextWords) {
+                if (memoryWords.includes(word)) {
+                    keywordMatches++;
+                }
+            }
+            if (contextWords.length > 0) {
+                score += (keywordMatches / contextWords.length) * this.config.relevance.keywordOverlap;
+            }
+        }
+
+        // Category relevance bonus based on context
+        score += this.getCategoryRelevance(memory.category, context) * this.config.relevance.categoryRelevance;
+
+        // Recent memories get bonus for current conversation
+        const daysSinceCreation = this.getDaysSinceCreation(memory);
+        score +=
+            Math.max(0, (this.config.relevance.recentDaysThreshold - daysSinceCreation) / this.config.relevance.recentDaysThreshold) *
+            this.config.relevance.recencyBonus;
+
+        // Confidence and importance boost
+        score += (memory.confidence || 0.5) * this.config.relevance.confidenceBonus;
+        score += (memory.importance || 0.5) * this.config.relevance.importanceBonus;
+
+        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", "appelle", "nombre", "chiamo", "heiße", "名前", "名字", "我叫"],
+            preferences: [
+                "like",
+                "love",
+                "hate",
+                "prefer",
+                "enjoy",
+                "favorite",
+                "dislike",
+                "j'aime",
+                "j'adore",
+                "je préfère",
+                "je déteste",
+                "me gusta",
+                "prefiero",
+                "odio",
+                "mi piace",
+                "preferisco",
+                "ich mag",
+                "ich bevorzuge",
+                "hasse"
+            ],
+            relationships: [
+                "family",
+                "friend",
+                "wife",
+                "husband",
+                "partner",
+                "mother",
+                "father",
+                "girlfriend",
+                "boyfriend",
+                "anniversary",
+                "date",
+                "kiss",
+                "move in",
+                "famille",
+                "ami",
+                "copine",
+                "copain",
+                "anniversaire",
+                "rendez-vous",
+                "baiser",
+                "emménagé",
+                "pareja",
+                "cita",
+                "beso",
+                "aniversario",
+                "mudarnos",
+                "fidanzata",
+                "fidanzato",
+                "anniversario",
+                "bacio",
+                "trasferiti",
+                "freundin",
+                "freund",
+                "jahrestag",
+                "kuss",
+                "eingezogen"
+            ],
+            activities: [
+                "play",
+                "hobby",
+                "sport",
+                "activity",
+                "practice",
+                "do",
+                "joue",
+                "passe-temps",
+                "hobby",
+                "juego",
+                "pasatiempo",
+                "gioco",
+                "passatempo",
+                "spiele",
+                "hobby"
+            ],
+            goals: [
+                "want",
+                "plan",
+                "goal",
+                "dream",
+                "hope",
+                "wish",
+                "future",
+                "veux",
+                "objectif",
+                "apprends",
+                "aprendo",
+                "voglio",
+                "obiettivo",
+                "lerne",
+                "ziel"
+            ],
+            experiences: [
+                "remember",
+                "happened",
+                "story",
+                "experience",
+                "time",
+                "we met",
+                "first date",
+                "first kiss",
+                "anniversary",
+                "rencontré",
+                "premier rendez-vous",
+                "premier baiser",
+                "anniversaire",
+                "conocimos",
+                "primera cita",
+                "primer beso",
+                "aniversario",
+                "conosciuti",
+                "primo appuntamento",
+                "primo bacio",
+                "anniversario",
+                "kennengelernt",
+                "erstes date",
+                "erster kuss",
+                "jahrestag"
+            ],
+            important: [
+                "important",
+                "remember",
+                "special",
+                "never forget",
+                "important",
+                "souvenir",
+                "spécial",
+                "importante",
+                "recuerda",
+                "importante",
+                "ricorda",
+                "wichtig",
+                "erinnere"
+            ]
+        };
+
+        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.lastAccess = new Date();
+                await this.db.db.memories.put(memory);
+            }
+        } catch (error) {
+            console.error("Error recording memory access:", error);
+        }
+    }
+
+    // Touch multiple memories to update lastAccess and accessCount
+    async _touchMemories(memories, limit = 5) {
+        if (!this.db || !Array.isArray(memories) || memories.length === 0) return;
+
+        try {
+            const top = memories.slice(0, limit);
+            const now = new Date();
+            const minMinutes = window.KIMI_MEMORY_TOUCH_MINUTES || 60;
+            const minTouchInterval = minMinutes * 60 * 1000;
+
+            // Batch collection: gather all updates before executing
+            const batchUpdates = [];
+
+            for (const m of top) {
+                try {
+                    const id = m.id;
+                    const existing = await this.db.db.memories.get(id);
+                    if (existing) {
+                        const lastAccess = existing.lastAccess ? new Date(existing.lastAccess).getTime() : 0;
+
+                        // Only touch if enough time has passed
+                        if (now.getTime() - lastAccess > minTouchInterval) {
+                            batchUpdates.push({
+                                key: id,
+                                changes: {
+                                    accessCount: (existing.accessCount || 0) + 1,
+                                    lastAccess: now
+                                }
+                            });
+                        }
+                    }
+                } catch (e) {
+                    console.warn("Error preparing memory touch batch for", m && m.id, e);
+                }
+            }
+
+            // Execute all updates in a single batch operation
+            if (batchUpdates.length > 0) {
+                if (this.db.db.memories.bulkUpdate) {
+                    // Use bulkUpdate if available (Dexie 3.x+)
+                    await this.db.db.memories.bulkUpdate(batchUpdates);
+                } else {
+                    // Fallback: parallel individual updates (still better than sequential)
+                    const updatePromises = batchUpdates.map(update => this.db.db.memories.update(update.key, update.changes));
+                    await Promise.all(updatePromises);
+                }
+
+                if (window.KIMI_CONFIG?.DEBUG?.MEMORY) {
+                    console.log(`📊 Batch touched ${batchUpdates.length} memories`);
+                }
+            }
+        } catch (e) {
+            console.warn("Error in _touchMemories batch processing", e);
+        }
+    }
+
+    // ===== MEMORY SCORING & RANKING =====
+    scoreMemory(memory) {
+        // Factors: importance (0-1), recency, frequency, confidence
+        const now = Date.now();
+        const created = memory.createdAt ? new Date(memory.createdAt).getTime() : memory.timestamp ? new Date(memory.timestamp).getTime() : now;
+        const lastAccess = memory.lastAccess ? new Date(memory.lastAccess).getTime() : created;
+        const ageMs = Math.max(1, now - created);
+        const sinceLastAccessMs = Math.max(1, now - lastAccess);
+        // Recency: exponential decay
+        const recency = Math.exp(-sinceLastAccessMs / (1000 * 60 * 60 * 24 * 14)); // 14-day half-life approx
+        const freshness = Math.exp(-ageMs / (1000 * 60 * 60 * 24 * 60)); // 60-day aging
+        const freq = Math.log10((memory.accessCount || 0) + 1) / Math.log10(50); // normalized frequency (cap ~50)
+        const importance = typeof memory.importance === "number" ? memory.importance : 0.5;
+        const confidence = typeof memory.confidence === "number" ? memory.confidence : 0.5;
+        // Weighted sum using global knobs
+        const wImportance = window.KIMI_WEIGHT_IMPORTANCE || 0.35;
+        const wRecency = window.KIMI_WEIGHT_RECENCY || 0.2;
+        const wFrequency = window.KIMI_WEIGHT_FREQUENCY || 0.15;
+        const wConfidence = window.KIMI_WEIGHT_CONFIDENCE || 0.2;
+        const wFreshness = window.KIMI_WEIGHT_FRESHNESS || 0.1;
+
+        const score = importance * wImportance + recency * wRecency + freq * wFrequency + confidence * wConfidence + freshness * wFreshness;
+        return Number(score.toFixed(6));
+    }
+
+    async getRankedMemories(contextText = "", limit = 7) {
+        const all = await this.getAllMemories();
+        if (!all.length) return [];
+        // Optional basic context relevance boost
+        const ctxLower = (contextText || "").toLowerCase();
+        // Favor pinned memories by boosting their base score
+        return all
+            .map(m => {
+                let baseScore = this.scoreMemory(m);
+                if (m.tags && m.tags.includes && m.tags.includes("pinned")) baseScore += 0.2;
+                if (ctxLower && m.content && ctxLower.includes(m.content.toLowerCase().split(" ")[0])) {
+                    baseScore += 0.05; // tiny relevance boost
+                }
+                return { memory: m, score: baseScore };
+            })
+            .sort((a, b) => b.score - a.score)
+            .slice(0, limit)
+            .map(r => r.memory);
+    }
+
+    // Pin/unpin APIs to manually mark important memories
+    async pinMemory(memoryId) {
+        if (!this.db) return false;
+        try {
+            const m = await this.db.db.memories.get(memoryId);
+            if (!m) return false;
+            const tags = new Set([...(m.tags || []), "pinned"]);
+            await this.db.db.memories.update(memoryId, { tags: [...tags], importance: Math.max(m.importance || 0.5, 0.95) });
+            return true;
+        } catch (e) {
+            console.error("Error pinning memory", e);
+            return false;
+        }
+    }
+
+    async unpinMemory(memoryId) {
+        if (!this.db) return false;
+        try {
+            const m = await this.db.db.memories.get(memoryId);
+            if (!m) return false;
+            const tags = new Set([...(m.tags || [])]);
+            tags.delete("pinned");
+            await this.db.db.memories.update(memoryId, { tags: [...tags] });
+            return true;
+        } catch (e) {
+            console.error("Error unpinning memory", e);
+            return false;
+        }
+    }
+
+    // Summarize recent memories into a non-destructive summary memory
+    async summarizeRecentMemories(days = 7, options = { category: null, archiveSources: false }) {
+        if (!this.db) return null;
+        try {
+            const cutoff = Date.now() - (days || 7) * 24 * 60 * 60 * 1000;
+            const all = await this.getAllMemories();
+            // Exclude existing summaries to avoid summarizing summaries repeatedly
+            const recent = all.filter(
+                m => new Date(this.getCreationTimestamp(m)).getTime() >= cutoff && m.isActive && m.type !== "summary" && !(m.tags && m.tags.includes("summary"))
+            );
+            if (!recent.length) return null;
+
+            // Group by top keyword
+            const groups = {};
+            for (const m of recent) {
+                const keys = m.keywords && m.keywords.length ? m.keywords : this.deriveKeywords(m.content || "");
+                const top = keys[0] || "misc";
+                groups[top] = groups[top] || [];
+                groups[top].push(m);
+            }
+
+            // Build a simple summary per group
+            const summaries = [];
+            for (const [k, items] of Object.entries(groups)) {
+                const contents = items.map(i => i.content).slice(0, 6);
+                summaries.push(`${k}: ${contents.join(" | ")}`);
+            }
+
+            const summaryContent = `Summary (${days}d): ` + summaries.join(" \n");
+
+            const summaryJson = { summary: summaries };
+
+            const summaryMemory = {
+                category: options.category || "experiences",
+                type: "summary",
+                content: summaryContent,
+                sourceText: summaryContent,
+                summaryJson: JSON.stringify(summaryJson),
+                confidence: 0.9,
+                createdAt: new Date(), // Use createdAt consistently
+                character: this.selectedCharacter,
+                isActive: true,
+                tags: ["summary"]
+            };
+
+            const saved = await this.addMemory(summaryMemory);
+
+            // Optionally archive sources (soft-deactivate)
+            if (options.archiveSources) {
+                for (const m of recent) {
+                    try {
+                        await this.updateMemory(m.id, { isActive: false });
+                    } catch (e) {
+                        console.warn("Failed to archive source memory", m.id, e);
+                    }
+                }
+            }
+
+            return saved;
+        } catch (e) {
+            console.error("Error summarizing memories", e);
+            return null;
+        }
+    }
+
+    // Summarize recent memories and replace sources (hard delete) - destructive
+    async summarizeAndReplace(days = 7, options = { category: null }) {
+        if (!this.db) return null;
+        try {
+            const cutoff = Date.now() - (days || 7) * 24 * 60 * 60 * 1000;
+            const all = await this.getAllMemories();
+            // Exclude existing summaries to avoid recursive summarization
+            const recent = all.filter(
+                m => new Date(this.getCreationTimestamp(m)).getTime() >= cutoff && m.isActive && m.type !== "summary" && !(m.tags && m.tags.includes("summary"))
+            );
+            if (!recent.length) return null;
+
+            // Build aggregate content from readable fields in chronological order
+            recent.sort((a, b) => new Date(this.getCreationTimestamp(a)) - new Date(this.getCreationTimestamp(b)));
+            const texts = recent
+                .map(r => {
+                    const raw = (r.title && r.title.trim()) || (r.sourceText && r.sourceText.trim()) || (r.content && r.content.trim()) || "";
+                    if (!raw) return "";
+                    // Normalize whitespace and remove stray leading punctuation
+                    let t = raw.replace(/\s+/g, " ").replace(/^[^\p{L}\p{N}]+/u, "");
+                    // Capitalize first meaningful letter
+                    if (t && t.length > 0) t = t.charAt(0).toUpperCase() + t.slice(1);
+                    return t;
+                })
+                .filter(Boolean)
+                .slice(0, 200);
+
+            const summaryContent = `Summary (${days}d):\n` + texts.map(t => `- ${t}`).join("\n");
+
+            const summaryJson = { summary: texts };
+
+            const summaryMemory = {
+                category: options.category || "experiences",
+                type: "summary",
+                title: `Summary - last ${days} days`,
+                content: summaryContent,
+                // Store the actual summary also in sourceText so editors/UIs show it
+                sourceText: summaryContent,
+                summaryJson: JSON.stringify(summaryJson),
+                confidence: 0.95,
+                timestamp: new Date(),
+                character: this.selectedCharacter,
+                isActive: true,
+                tags: ["summary", "replaced"]
+            };
+
+            // Add summary directly to DB to avoid addMemory's merge logic
+            let saved = null;
+            if (this.db && this.db.db && this.db.db.memories) {
+                try {
+                    const id = await this.db.db.memories.add(summaryMemory);
+                    summaryMemory.id = id;
+                    saved = summaryMemory;
+                    console.log("Summary added with ID:", id);
+                    // Read back the saved record to verify stored fields
+                    try {
+                        const savedRec = await this.db.db.memories.get(id);
+                        console.log("Saved summary record:", { id, content: savedRec.content, sourceText: savedRec.sourceText });
+                    } catch (e) {
+                        console.warn("Unable to read back saved summary", e);
+                    }
+                } catch (e) {
+                    console.error("Failed to write summary directly to DB", e);
+                }
+            } else {
+                // Fallback to addMemory if DB not available
+                saved = await this.addMemory(summaryMemory);
+            }
+
+            // Hard-delete sources
+            for (const m of recent) {
+                try {
+                    if (this.db && this.db.db && this.db.db.memories) {
+                        await this.db.db.memories.delete(m.id);
+                    }
+                } catch (e) {
+                    console.warn("Failed to delete source memory", m.id, e);
+                }
+            }
+
+            // Notify LLM to refresh context
+            this.notifyLLMContextUpdate();
+
+            return saved;
+        } catch (e) {
+            console.error("Error in summarizeAndReplace", e);
+            return null;
+        }
+    }
+
+    // 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;
+        }
+    }
+
+    // Background migration: populate keywords for all existing memories if missing
+    async populateKeywordsForAllMemories() {
+        if (!this.db || !this.db.db.memories) return false;
+        try {
+            console.log("🔧 Starting background keyword population...");
+            const all = await this.db.db.memories.toArray();
+            const ops = [];
+            for (const mem of all) {
+                if (!mem.keywords || !Array.isArray(mem.keywords) || mem.keywords.length === 0) {
+                    const keys = this.deriveKeywords(mem.content || "");
+                    ops.push(this.db.db.memories.update(mem.id, { keywords: keys }));
+                }
+                // batch in small chunks to avoid blocking
+                if (ops.length >= 50) {
+                    await Promise.all(ops);
+                    ops.length = 0;
+                }
+            }
+            if (ops.length) await Promise.all(ops);
+            console.log("✅ Keyword population complete");
+            return true;
+        } catch (e) {
+            console.warn("Error populating keywords", e);
+            return false;
+        }
+    }
+}
+
+window.KimiMemorySystem = KimiMemorySystem;
+export default KimiMemorySystem;

kimi-js/kimi-memory-ui.js

@@ -0,0 +1,966 @@
+// ===== KIMI MEMORY UI MANAGER =====
+class KimiMemoryUI {
+    constructor() {
+        this.memorySystem = null;
+        this.isInitialized = false;
+        // Debounce helpers for UI refresh to coalesce multiple DB reads
+        this._debounceTimers = {};
+    }
+
+    debounce(key, fn, wait = 350) {
+        if (this._debounceTimers[key]) clearTimeout(this._debounceTimers[key]);
+        this._debounceTimers[key] = setTimeout(() => {
+            fn();
+            delete this._debounceTimers[key];
+        }, wait);
+    }
+
+    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();
+                ensureVideoNeutralOnUIChange();
+            });
+        }
+
+        // Memory modal close
+        const memoryClose = document.getElementById("memory-close");
+        if (memoryClose) {
+            memoryClose.addEventListener("click", () => {
+                this.closeMemoryModal();
+                ensureVideoNeutralOnUIChange();
+            });
+        }
+
+        // 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();
+                ensureVideoNeutralOnUIChange();
+            });
+        }
+
+        // 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();
+                }
+            });
+        }
+
+        // Delegated handler for memory-source clicks / touch / keyboard
+        const memoryList = document.getElementById("memory-list");
+        if (memoryList) {
+            // Click and touch
+            memoryList.addEventListener("click", e => this.handleMemorySourceToggle(e));
+            memoryList.addEventListener("touchstart", e => this.handleMemorySourceToggle(e));
+
+            // General delegated click handler for memory actions (summarize, etc.)
+            memoryList.addEventListener("click", e => this.handleMemoryListClick(e));
+
+            // Keyboard accessibility: Enter / Space when focused on .memory-source
+            memoryList.addEventListener("keydown", e => {
+                const target = e.target;
+                if (target && target.classList && target.classList.contains("memory-source")) {
+                    if (e.key === "Enter" || e.key === " ") {
+                        e.preventDefault();
+                        this.toggleSourceContentForElement(target);
+                    }
+                }
+            });
+        }
+    }
+
+    // Delegated click handler for actions inside the memory list
+    async handleMemoryListClick(e) {
+        try {
+            const summarizeBtn = e.target.closest && e.target.closest("#memory-summarize-btn");
+            if (summarizeBtn) {
+                e.stopPropagation();
+                await this.handleSummarizeAction();
+                return;
+            }
+        } catch (err) {
+            console.error("Error handling memory list click", err);
+        }
+    }
+
+    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) {
+                        // Use centralized video utility for play
+                        window.KimiVideoManager.getVideoElement(v)
+                            .play()
+                            .catch(() => {
+                                if (typeof kv.returnToNeutral === "function") kv.returnToNeutral();
+                            });
+                    }
+                } catch {}
+            }
+        }
+    }
+
+    async loadMemories() {
+        if (!this.memorySystem) return;
+
+        try {
+            // Use debounce to avoid multiple rapid DB reads
+            this.debounce("loadMemories", async () => {
+                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 = "";
+
+        // Toolbar with summarize action
+        html += `
+            <div class="memory-toolbar" style="display:flex; gap:8px; align-items:center; margin-bottom:12px;">
+                <button id="memory-summarize-btn" class="kimi-button" title="Summarize recent memories">📝 Summarize last 7 days</button>
+            </div>
+        `;
+        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;
+                const importance = typeof memory.importance === "number" ? memory.importance : 0.5;
+                const importanceLevel = this.getImportanceLevelFromValue(importance);
+                const importancePct = Math.round(importance * 100);
+                const tagsHtml = this.renderTags(memory.tags || []);
+
+                html += `
+                    <div class="memory-item ${isAutomatic ? "memory-auto" : "memory-manual"}" data-memory-id="${memory.id}">
+                        <div class="memory-header">
+                            <div class="memory-item-title">${window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml ? window.KimiValidationUtils.escapeHtml(memory.title || "") : memory.title || ""}${!memory.title ? "" : ""}</div>
+                            <div class="memory-badges">
+                                <span class="memory-type ${memory.type}">${memory.type === "auto_extracted" ? "🤖 Auto" : "✋ Manual"}</span>
+                                <span class="memory-confidence confidence-${this.getConfidenceLevel(confidence)}">${confidence}%</span>
+                                ${memory.type === "summary" || (memory.tags && memory.tags.includes("summary")) ? `<span class="memory-summary-badge" style="background:var(--accent-color);color:white;padding:2px 6px;border-radius:12px;margin-left:8px;font-size:0.8em;">Summary</span>` : ""}
+                                ${isLongContent ? `<span class="memory-length">${wordCount} mots</span>` : ""}
+                <span class="memory-importance importance-${importanceLevel}" title="Importance: ${importancePct}% (${importanceLevel})">${importanceLevel.charAt(0).toUpperCase() + importanceLevel.slice(1)}</span>
+                            </div>
+                        </div>
+                        ${
+                            !memory.title
+                                ? `
+                        <div class="memory-preview">
+                            <div class="memory-preview-text ${isLongContent ? "memory-preview-short" : ""}" id="preview-${memory.id}">
+                                ${this.highlightMemoryContent(previewText)}
+                            </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> <span data-i18n="view_more"></span>
+                                </button>
+                            `
+                                    : ""
+                            }
+                        </div>
+                        `
+                                : ""
+                        }
+            ${tagsHtml}
+                        <div class="memory-meta">
+                            <span class="memory-date">${this.formatDate(
+                                // Robust fallback chain: createdAt -> timestamp -> lastAccess -> lastModified -> Date.now()
+                                memory.createdAt || memory.timestamp || memory.lastAccess || memory.lastModified || Date.now()
+                            )}</span>
+                            ${
+                                memory.sourceText
+                                    ? `<span class="memory-source" data-i18n="memory_source_label" title="${
+                                          window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                                              ? window.KimiValidationUtils.escapeHtml(memory.sourceText)
+                                              : memory.sourceText
+                                      }"></span>`
+                                    : `<span data-i18n="memory_manually_added"></span>`
+                            }
+                        </div>
+                            ${
+                                memory.sourceText
+                                    ? `<div class="memory-source-content" id="source-content-${memory.id}" style="display:none;">${
+                                          window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                                              ? window.KimiValidationUtils.escapeHtml(memory.sourceText)
+                                              : memory.sourceText
+                                      }</div>`
+                                    : ""
+                            }
+                                <div class="memory-actions">
+                                    <button class="memory-edit-btn" onclick="kimiMemoryUI.editMemory('${memory.id}')" data-i18n-title="edit_memory_button_title">
+                                        <i class="fas fa-edit"></i>
+                                    </button>
+                                    <button class="memory-delete-btn" onclick="kimiMemoryUI.deleteMemory('${memory.id}')" data-i18n-title="delete_memory_button_title">
+                                        <i class="fas fa-trash"></i>
+                                    </button>
+                                </div>
+                    </div>
+                `;
+            });
+
+            html += `
+                    </div>
+                </div>
+            `;
+        });
+
+        // Minimal runtime guard: block accidental <script> tags in generated HTML
+        // This is a non-intrusive safety check that prevents XSS when the
+        // assembled `html` somehow contains script tags. In normal operation
+        // the content is escaped via KimiValidationUtils and highlightMemoryContent(),
+        // so this will not run; it only activates on suspicious input.
+        try {
+            if (/\<\s*script\b/i.test(html)) {
+                console.warn("Blocked suspicious <script> tag in memory HTML rendering");
+                // Fallback: render as safe text to avoid executing injected scripts
+                memoryList.textContent = html;
+            } else {
+                memoryList.innerHTML = html;
+            }
+        } catch (e) {
+            // On any unexpected error, fallback to safe text rendering
+            console.error("Error while rendering memories, falling back to safe text:", e);
+            memoryList.textContent = html;
+        }
+
+        // Apply translations to dynamic content
+        if (window.applyTranslations && typeof window.applyTranslations === "function") {
+            window.applyTranslations();
+        }
+    }
+
+    // Map importance value [0..1] to level string
+    getImportanceLevelFromValue(value) {
+        if (value >= 0.8) return "high";
+        if (value >= 0.6) return "medium";
+        return "low";
+    }
+
+    // Render tags as compact chips; show up to 4 then "+N"
+    renderTags(tags) {
+        if (!Array.isArray(tags) || tags.length === 0) return "";
+        const maxVisible = 4;
+        const visible = tags.slice(0, maxVisible);
+        const moreCount = tags.length - visible.length;
+
+        const escape = txt =>
+            window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml ? window.KimiValidationUtils.escapeHtml(String(txt)) : String(txt);
+
+        const classify = tag => {
+            if (tag.startsWith("relationship:")) return "tag-relationship";
+            if (tag.startsWith("boundary:")) return "tag-boundary";
+            if (tag.startsWith("time:")) return "tag-time";
+            if (tag.startsWith("type:")) return "tag-type";
+            return "tag-generic";
+        };
+
+        const chips = visible.map(tag => `<span class="memory-tag ${classify(tag)}" title="${escape(tag)}">${escape(tag)}</span>`).join("");
+
+        const moreChip = moreCount > 0 ? `<span class="memory-tag tag-more" title="${moreCount} more">+${moreCount}</span>` : "";
+
+        return `<div class="memory-tags">${chips}${moreChip}</div>`;
+    }
+
+    formatCategoryName(category) {
+        // Try to resolve via i18n keys first, fallback to hardcoded English
+        const i18nKey = `memory_category_${category}`;
+        if (window.kimiI18nManager && typeof window.kimiI18nManager.t === "function") {
+            const val = window.kimiI18nManager.t(i18nKey);
+            if (val && val !== i18nKey) return val;
+        }
+
+        const names = {
+            personal: "Personal Information",
+            preferences: "Likes & Dislikes",
+            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(raw) {
+        if (!raw) return "";
+        let date = null;
+        // Accept Date object, number, string
+        if (raw instanceof Date) {
+            date = raw;
+        } else {
+            // Some legacy records may store ISO string or Date object stringified
+            try {
+                date = new Date(raw);
+            } catch {
+                date = null;
+            }
+        }
+        if (!date || isNaN(date.getTime())) {
+            return ""; // Hide instead of showing 'Invalid Date'
+        }
+        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;
+    }
+
+    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> <span data-i18n="view_more"></span>';
+        } else {
+            previewShort.style.display = "none";
+            previewFull.style.display = "block";
+            icon.className = "fas fa-chevron-up";
+            expandBtn.innerHTML = '<i class="fas fa-chevron-up"></i> <span data-i18n="view_less"></span>';
+        }
+
+        // Re-apply translations for the new button label
+        if (window.applyTranslations && typeof window.applyTranslations === "function") {
+            window.applyTranslations();
+        }
+    }
+
+    // Handle delegated click/touch events for .memory-source
+    handleMemorySourceToggle(e) {
+        try {
+            const el = e.target.closest && e.target.closest(".memory-source");
+            if (!el) return;
+            // Prevent triggering parent handlers
+            e.stopPropagation();
+            e.preventDefault();
+            this.toggleSourceContentForElement(el);
+        } catch (err) {
+            console.error("Error handling memory-source toggle", err);
+        }
+    }
+
+    // Toggle the adjacent .memory-source-content for a given .memory-source element
+    toggleSourceContentForElement(sourceEl) {
+        if (!sourceEl) return;
+        // The memory id is present on the nearest .memory-item
+        const item = sourceEl.closest(".memory-item");
+        if (!item) return;
+        const id = item.getAttribute("data-memory-id");
+        if (!id) return;
+
+        const contentEl = document.getElementById(`source-content-${id}`);
+        if (!contentEl) return;
+
+        const isVisible = contentEl.style.display !== "none" && contentEl.style.display !== "";
+
+        // Close any other open source contents
+        document.querySelectorAll(".memory-source-content").forEach(el => {
+            if (el !== contentEl) el.style.display = "none";
+        });
+
+        if (isVisible) {
+            contentEl.style.display = "none";
+            sourceEl.setAttribute("aria-expanded", "false");
+        } else {
+            // simple sliding animation via max-height for smoother appearance
+            contentEl.style.display = "block";
+            sourceEl.setAttribute("aria-expanded", "true");
+        }
+    }
+
+    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> <span data-i18n="edit_memory_title"></span>
+                </h3>
+                <div style="margin-bottom: 12px;">
+                    <label style="display: block; margin-bottom: 8px; font-weight: 500;" data-i18n="label_title"></label>
+                    <input id="edit-memory-title" class="kimi-input" style="width:100%;" value="${
+                        window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                            ? window.KimiValidationUtils.escapeHtml(memory.title || "")
+                            : memory.title || ""
+                    }" placeholder="Optional title for this memory" />
+                </div>
+                <div style="margin-bottom: 16px;">
+                    <label style="display: block; margin-bottom: 8px; font-weight: 500;" data-i18n="label_category"></label>
+                    <select id="edit-memory-category" class="kimi-select" style="width: 100%;">
+                        <option value="personal" ${memory.category === "personal" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t ? window.kimiI18nManager.t("memory_category_personal") : "Personal Info"
+                        }</option>
+                        <option value="preferences" ${memory.category === "preferences" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t ? window.kimiI18nManager.t("memory_category_preferences") : "Likes & Dislikes"
+                        }</option>
+                        <option value="relationships" ${memory.category === "relationships" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t ? window.kimiI18nManager.t("memory_category_relationships") : "Relationships"
+                        }</option>
+                        <option value="activities" ${memory.category === "activities" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t ? window.kimiI18nManager.t("memory_category_activities") : "Activities & Hobbies"
+                        }</option>
+                        <option value="goals" ${memory.category === "goals" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t ? window.kimiI18nManager.t("memory_category_goals") : "Goals & Plans"
+                        }</option>
+                        <option value="experiences" ${memory.category === "experiences" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t ? window.kimiI18nManager.t("memory_category_experiences") : "Experiences"
+                        }</option>
+                        <option value="important" ${memory.category === "important" ? "selected" : ""}>${
+                            window.kimiI18nManager && window.kimiI18nManager.t ? window.kimiI18nManager.t("memory_category_important") : "Important Events"
+                        }</option>
+                    </select>
+                </div>
+                <div style="margin-bottom: 20px;">
+                    <label style="display: block; margin-bottom: 8px; font-weight: 500;" data-i18n="label_content"></label>
+                    <textarea id="edit-memory-content" class="kimi-input" style="width: 100%; height: 100px; resize: vertical;" placeholder="Memory content...">${
+                        window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                            ? window.KimiValidationUtils.escapeHtml(memory.sourceText || memory.content || "")
+                            : memory.sourceText || memory.content || ""
+                    }</textarea>
+                </div>
+                <div style="display: flex; gap: 12px; justify-content: flex-end;">
+                    <button id="cancel-edit" class="kimi-button" style="background: #6c757d;" data-i18n="cancel">
+                        <i class="fas fa-times"></i> <span data-i18n="cancel"></span>
+                    </button>
+                    <button id="save-edit" class="kimi-button">
+                        <i class="fas fa-save"></i> <span data-i18n="save"></span>
+                    </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 newTitle = dialog.querySelector("#edit-memory-title").value.trim();
+                const newCategory = dialog.querySelector("#edit-memory-category").value;
+                const newContent = dialog.querySelector("#edit-memory-content").value.trim();
+
+                if (!newContent) {
+                    this.showFeedback(window.kimiI18nManager ? window.kimiI18nManager.t("validation_empty_message") : "Content cannot be empty", "error");
+                    return;
+                }
+
+                console.log(`🔄 Attempting to update memory ID: ${memoryId}`);
+                console.log("New data:", { category: newCategory, content: newContent });
+
+                try {
+                    // Also update sourceText so the "📝 Memory of the conversation" shows edited content
+                    const result = await this.memorySystem.updateMemory(memoryId, {
+                        title: newTitle,
+                        category: newCategory,
+                        content: newContent,
+                        sourceText: newContent
+                    });
+
+                    console.log("Update result:", result);
+
+                    if (result === true) {
+                        // Close the modal
+                        document.body.removeChild(overlay);
+
+                        // Force full reload
+                        await this.loadMemories();
+                        await this.updateMemoryStats();
+
+                        this.showFeedback(window.kimiI18nManager ? window.kimiI18nManager.t("saved") : "Saved");
+                        console.log("✅ UI updated");
+                    } else {
+                        this.showFeedback(
+                            window.kimiI18nManager ? window.kimiI18nManager.t("fallback_general_error") : "Error: unable to update memory",
+                            "error"
+                        );
+                        console.error("❌ Update failed, result:", result);
+                    }
+                } catch (error) {
+                    console.error("Error updating memory:", error);
+                    this.showFeedback(window.kimiI18nManager ? window.kimiI18nManager.t("fallback_general_error") : "Error updating memory", "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();
+            // Debounced stats update
+            this.debounce("updateStats", async () => 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 handleSummarizeAction() {
+        if (!this.memorySystem) return;
+        try {
+            // Destructive confirmation modal
+            const confirmMsg = `This action will create a single summary memory for the last 7 days and permanently DELETE the source memories. This is irreversible. Do you want to continue?`;
+            if (!confirm(confirmMsg)) {
+                this.showFeedback("Summary canceled");
+                return;
+            }
+
+            this.showFeedback("Creating summary and replacing sources...");
+            const result = await this.memorySystem.summarizeAndReplace(7, {});
+            if (result) {
+                this.showFeedback("Summary created and sources deleted");
+                await this.loadMemories();
+                await this.updateMemoryStats();
+            } else {
+                this.showFeedback("No recent memories to summarize");
+            }
+        } catch (e) {
+            console.error("Error creating destructive summary", e);
+            this.showFeedback("Error creating summary", "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 of the memory UI (useful for debugging)
+    async forceRefresh() {
+        console.log("🔄 Force refresh of memory UI...");
+        try {
+            if (this.memorySystem) {
+                // Migrate IDs if necessary
+                await this.memorySystem.migrateIncompatibleIDs();
+
+                // Reload memories
+                await this.loadMemories();
+                await this.updateMemoryStats();
+
+                console.log("✅ Forced refresh completed");
+            }
+        } catch (error) {
+            console.error("❌ Error during forced refresh:", 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;
+
+function ensureVideoNeutralOnUIChange() {
+    if (window.kimiVideo && window.kimiVideo.getCurrentVideoInfo) {
+        const info = window.kimiVideo.getCurrentVideoInfo();
+        if (info && info.ended) window.kimiVideo.returnToNeutral();
+    }
+}

kimi-js/kimi-memory.js

@@ -0,0 +1,156 @@
+// ===== 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,
+            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();
+
+            // Load affection trait from personality database with unified defaults
+            const charDefAff = (window.KIMI_CHARACTERS && window.KIMI_CHARACTERS[this.selectedCharacter]?.traits?.affection) || null;
+            const unifiedDefaults = window.kimiEmotionSystem?.TRAIT_DEFAULTS || { affection: 55 };
+            const defaultAff = typeof charDefAff === "number" ? charDefAff : unifiedDefaults.affection;
+            this.affectionTrait = await this.db.getPersonalityTrait("affection", defaultAff, this.selectedCharacter);
+
+            this.preferences = {
+                voiceRate: await this.db.getPreference("voiceRate", 1.1),
+                voicePitch: await this.db.getPreference("voicePitch", 1.1),
+                voiceVolume: await this.db.getPreference("voiceVolume", 0.8),
+                lastInteraction: await this.db.getPreference(`lastInteraction_${this.selectedCharacter}`, null),
+                totalInteractions: await this.db.getPreference(`totalInteractions_${this.selectedCharacter}`, 0),
+                emotionalState: await this.db.getPreference(`emotionalState_${this.selectedCharacter}`, "neutral")
+            };
+            // affectionTrait already loaded above with coherent default
+            this.isReady = true;
+            this.updateFavorabilityBar();
+        } catch (error) {
+            console.error("KimiMemory initialization error:", error);
+        }
+    }
+
+    async saveConversation(userText, kimiResponse, tokenInfo = null) {
+        if (!this.db) return;
+
+        try {
+            const character = await this.db.getSelectedCharacter();
+
+            // Use global personality average for conversation favorability score
+            let relationshipLevel = 50; // fallback
+            try {
+                const traits = window.getCharacterTraits ? await window.getCharacterTraits(character) : await this.db.getAllPersonalityTraits(character);
+                relationshipLevel = window.getPersonalityAverage ? window.getPersonalityAverage(traits) : 50;
+            } catch (error) {
+                console.warn("Error calculating relationship level for conversation:", error);
+            }
+
+            await this.db.saveConversation(userText, kimiResponse, relationshipLevel, new Date(), character);
+
+            // Legacy interactions counter kept for backward compatibility (not shown in UI now)
+            let total = await this.db.getPreference(`totalInteractions_${character}`, 0);
+            total = Number(total) + 1;
+            await this.db.setPreference(`totalInteractions_${character}`, total);
+            this.preferences.totalInteractions = total;
+
+            // Update tokens usage if provided (in/out)
+            if (tokenInfo && typeof tokenInfo.tokensIn === "number" && typeof tokenInfo.tokensOut === "number") {
+                const prevIn = Number(await this.db.getPreference(`totalTokensIn_${character}`, 0)) || 0;
+                const prevOut = Number(await this.db.getPreference(`totalTokensOut_${character}`, 0)) || 0;
+                await this.db.setPreference(`totalTokensIn_${character}`, prevIn + tokenInfo.tokensIn);
+                await this.db.setPreference(`totalTokensOut_${character}`, prevOut + tokenInfo.tokensOut);
+            }
+
+            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
+            const unifiedDefaults = window.kimiEmotionSystem?.TRAIT_DEFAULTS || { affection: 55 };
+            this.affectionTrait = await this.db.getPersonalityTrait("affection", unifiedDefaults.affection, this.selectedCharacter);
+            this.updateFavorabilityBar();
+        } catch (error) {
+            console.error("Error updating affection trait:", error);
+        }
+    }
+
+    /**
+     * @deprecated Use updateGlobalPersonalityUI().
+     * Thin wrapper retained for backward compatibility only.
+     */
+    updateFavorabilityBar() {
+        if (window.updateGlobalPersonalityUI) {
+            window.updateGlobalPersonalityUI();
+        }
+    }
+
+    async getGreeting() {
+        const i18n = window.kimiI18nManager;
+
+        // Use global personality average instead of just affection trait
+        let relationshipLevel = 50; // fallback
+        try {
+            if (this.db) {
+                const traits = window.getCharacterTraits
+                    ? await window.getCharacterTraits(this.selectedCharacter)
+                    : await this.db.getAllPersonalityTraits(this.selectedCharacter);
+                relationshipLevel = window.getPersonalityAverage ? window.getPersonalityAverage(traits) : 50;
+            }
+        } catch (error) {
+            console.warn("Error calculating greeting level:", error);
+        }
+
+        if (relationshipLevel <= 10) {
+            return i18n?.t("greeting_low") || "Hello.";
+        }
+        if (relationshipLevel < 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;
+export default KimiMemory;

kimi-js/kimi-module.js

@@ -0,0 +1,1949 @@
+// KIMI MODULE SYSTEM
+// KimiDataManager has been extracted to kimi-data-manager.js
+// (kept global via window.KimiDataManager)
+
+// Fonctions utilitaires et logique (référencent window.*)
+
+// Helper function to avoid video logic duplication
+async function handleVideoResponseWithFallback(sanitizedText, response, updatedTraits, selectedCharacter) {
+    if (window.kimiVideoController) {
+        // SIMPLE API
+        window.kimiVideoController.playVideo("user", sanitizedText);
+        if (response) {
+            window.kimiVideoController.playVideo("llm", response);
+        }
+    } else {
+        // Fallback to legacy logic
+        const lang = (await window.kimiDB?.getPreference("selectedLanguage", "en")) || "en";
+        const keywords = (window.KIMI_CONTEXT_KEYWORDS && (window.KIMI_CONTEXT_KEYWORDS[lang] || window.KIMI_CONTEXT_KEYWORDS.en)) || {};
+        // Centralized dancing detection via hasKeywordCategory
+        const userAskedDance = (window.hasKeywordCategory && window.hasKeywordCategory("dancing", sanitizedText, lang)) || false;
+
+        if (userAskedDance && window.kimiVideo) {
+            window.kimiVideo.switchToContext("dancing", "dancing", null, updatedTraits, updatedTraits.affection, true);
+        } else if (window.kimiVideo) {
+            const userEmotion = window.kimiEmotionSystem?.analyzeEmotionValidated(sanitizedText) || "neutral";
+            if (userEmotion === "negative") {
+                window.kimiVideo.respondWithEmotion("negative", updatedTraits, updatedTraits.affection);
+            } else if (response) {
+                const responseEmotion = window.kimiEmotionSystem?.analyzeEmotionValidated(response) || "positive";
+                // User negative override already handled; else use response emotion
+                window.kimiVideo.respondWithEmotion(responseEmotion, updatedTraits, updatedTraits.affection);
+            } else {
+                window.kimiVideo.respondWithEmotion("neutral", updatedTraits, updatedTraits.affection);
+            }
+        }
+    }
+}
+
+function updateFavorabilityLabel(characterKey) {
+    const favorabilityLabel = document.getElementById("favorability-label");
+    if (favorabilityLabel && window.KIMI_CHARACTERS && window.KIMI_CHARACTERS[characterKey]) {
+        // New semantics: show overall personality average (independent display)
+        favorabilityLabel.removeAttribute("for"); // decouple from any specific slider
+        if (window.setI18n) window.setI18n(favorabilityLabel, "personality_average_of", { name: window.KIMI_CHARACTERS[characterKey].name });
+        favorabilityLabel.textContent = `💖 Personality average of ${window.KIMI_CHARACTERS[characterKey].name}`;
+        if (!favorabilityLabel.getAttribute("title")) {
+            favorabilityLabel.setAttribute("title", "Average of (Affection + Playfulness + Intelligence + Empathy + Humor + Romance) / 6");
+        }
+        applyTranslations();
+    }
+}
+
+// Simplified personality average computation using centralized system
+function computePersonalityAverage(traits) {
+    return window.getPersonalityAverage ? window.getPersonalityAverage(traits) : 50;
+}
+
+// Update UI elements (bar + percentage text + label) based on overall personality average
+async function updateGlobalPersonalityUI(characterKey = null) {
+    try {
+        const db = window.kimiDB;
+        if (!db) return;
+        const character = characterKey || (await db.getSelectedCharacter());
+        const traits = window.getCharacterTraits ? await window.getCharacterTraits(character) : await db.getAllPersonalityTraits(character);
+        const avg = computePersonalityAverage(traits);
+        // Reuse existing favorability bar elements for global average
+        const bar = document.getElementById("favorability-bar");
+        const text = document.getElementById("favorability-text");
+        if (bar) bar.style.width = `${avg}%`;
+        if (text) text.textContent = `${avg.toFixed(2)}%`;
+        // Update label content if character provided
+        updateFavorabilityLabel(character);
+    } catch (e) {
+        console.warn("Failed to update global personality UI", e);
+    }
+}
+window.updateGlobalPersonalityUI = updateGlobalPersonalityUI;
+
+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";
+        if (window.setI18n) window.setI18n(ageDiv, "character_age", { age: info.age });
+
+        const birthplaceDiv = document.createElement("div");
+        birthplaceDiv.className = "character-birthplace";
+        if (window.setI18n) window.setI18n(birthplaceDiv, "character_birthplace", { birthplace: info.birthplace });
+
+        const summaryDiv = document.createElement("div");
+        summaryDiv.className = "character-summary";
+        if (window.setI18n) window.setI18n(summaryDiv, `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";
+        if (window.setI18n) window.setI18n(promptLabel, "system_prompt");
+        promptLabel.textContent = "System Prompt";
+
+        const promptInput = document.createElement("textarea");
+        promptInput.className = "character-prompt-input";
+        promptInput.id = `prompt-${key}`;
+        promptInput.rows = 6;
+
+        // Create buttons container
+        const buttonsContainer = document.createElement("div");
+        buttonsContainer.className = "character-prompt-buttons";
+
+        // Save button
+        const saveButton = document.createElement("button");
+        saveButton.className = "kimi-button character-save-btn";
+        saveButton.id = `save-${key}`;
+        if (window.setI18n) window.setI18n(saveButton, "save");
+        saveButton.textContent = "Save";
+
+        // Reset button
+        const resetButton = document.createElement("button");
+        resetButton.className = "kimi-button character-reset-btn";
+        resetButton.id = `reset-${key}`;
+        if (window.setI18n) window.setI18n(resetButton, "reset_to_default");
+        resetButton.textContent = "Reset to Default";
+
+        buttonsContainer.appendChild(saveButton);
+        buttonsContainer.appendChild(resetButton);
+
+        card.appendChild(img);
+        card.appendChild(infoDiv);
+        card.appendChild(promptLabel);
+        card.appendChild(promptInput);
+        card.appendChild(buttonsContainer);
+        characterGrid.appendChild(card);
+    }
+    applyTranslations();
+
+    // Initialize prompt values and button event listeners
+    for (const key of Object.keys(window.KIMI_CHARACTERS)) {
+        const promptInput = document.getElementById(`prompt-${key}`);
+        const saveButton = document.getElementById(`save-${key}`);
+        const resetButton = document.getElementById(`reset-${key}`);
+
+        if (promptInput) {
+            const prompt = await kimiDB.getSystemPromptForCharacter(key);
+            promptInput.value = prompt;
+            promptInput.disabled = key !== selectedCharacter;
+        }
+
+        // Save button event listener
+        if (saveButton) {
+            saveButton.addEventListener("click", async () => {
+                if (promptInput) {
+                    await kimiDB.setSystemPromptForCharacter(key, promptInput.value);
+
+                    // Visual feedback
+                    const originalText = saveButton.textContent;
+                    saveButton.textContent = "Saved!";
+                    saveButton.classList.add("success");
+                    saveButton.disabled = true;
+
+                    setTimeout(() => {
+                        if (window.setI18n) window.setI18n(saveButton, "save");
+                        applyTranslations();
+                        saveButton.classList.remove("success");
+                        saveButton.disabled = false;
+                    }, 1500);
+
+                    // Refresh personality if this is the selected character
+                    if (key === selectedCharacter && window.kimiLLM && window.kimiLLM.refreshMemoryContext) {
+                        await window.kimiLLM.refreshMemoryContext();
+                    }
+                }
+            });
+        }
+
+        // Reset button event listener
+        if (resetButton) {
+            resetButton.addEventListener("click", async () => {
+                const defaultPrompt = window.KIMI_CHARACTERS[key]?.defaultPrompt || "";
+                if (promptInput) {
+                    promptInput.value = defaultPrompt;
+                    await kimiDB.setSystemPromptForCharacter(key, defaultPrompt);
+
+                    // Visual feedback
+                    const originalText = resetButton.textContent;
+                    resetButton.textContent = "Reset!";
+                    resetButton.classList.add("animated");
+                    if (window.setI18n) window.setI18n(resetButton, "reset_done");
+                    applyTranslations();
+
+                    setTimeout(() => {
+                        if (window.setI18n) window.setI18n(resetButton, "reset_to_default");
+                        applyTranslations();
+                        resetButton.classList.remove("animated");
+                    }, 1500);
+
+                    // Refresh personality if this is the selected character
+                    if (key === selectedCharacter && window.kimiLLM && window.kimiLLM.refreshMemoryContext) {
+                        await window.kimiLLM.refreshMemoryContext();
+                    }
+                }
+            });
+        }
+    }
+    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}`);
+                const saveButton = document.getElementById(`save-${key}`);
+                const resetButton = document.getElementById(`reset-${key}`);
+
+                if (promptInput) promptInput.disabled = key !== charKey;
+                if (saveButton) saveButton.disabled = key !== charKey;
+                if (resetButton) resetButton.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;
+                if (window.setI18n) window.setI18n(chatHeaderName, `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! 💕";
+}
+
+// Déporté vers KimiEmotionSystem: utiliser window.updatePersonalityTraitsFromEmotion
+
+async function analyzeAndReact(text, useAdvancedLLM = true, onStreamToken = null) {
+    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 = window.getCharacterTraits ? await window.getCharacterTraits(selectedCharacter) : await kimiDB.getAllPersonalityTraits(selectedCharacter);
+        const avg = window.getPersonalityAverage ? window.getPersonalityAverage(traits) : 50;
+        const affection = typeof traits.affection === "number" ? traits.affection : 55;
+        const characterTraits = window.KIMI_CHARACTERS[selectedCharacter]?.traits || "";
+
+        // Only trigger listening videos for voice input, NOT for text chat
+        // Text chat should keep neutral videos until LLM response processing begins
+
+        if (typeof window.updatePersonalityTraitsFromEmotion === "function") {
+            await window.updatePersonalityTraitsFromEmotion(reaction, sanitizedText);
+        }
+
+        if (useAdvancedLLM && isSystemReady && kimiLLM) {
+            try {
+                const providerPref = kimiDB ? await kimiDB.getPreference("llmProvider", "openrouter") : "openrouter";
+                const apiKey = kimiDB && window.KimiProviderUtils ? await window.KimiProviderUtils.getApiKey(kimiDB, providerPref) : null;
+
+                if (apiKey && apiKey.trim() !== "") {
+                    try {
+                        if (window.dispatchEvent) {
+                            window.emitAppEvent && window.emitAppEvent("chat:typing:start");
+                        }
+                    } catch (e) {}
+
+                    // Use streaming if onStreamToken callback is provided
+                    if (onStreamToken && typeof kimiLLM.chatStreaming === "function") {
+                        response = await kimiLLM.chatStreaming(sanitizedText, onStreamToken);
+                    } else {
+                        response = await kimiLLM.chat(sanitizedText);
+                    }
+
+                    try {
+                        if (window.dispatchEvent) {
+                            window.emitAppEvent && window.emitAppEvent("chat:typing:stop");
+                        }
+                    } catch (e) {}
+
+                    const updatedTraits = window.getCharacterTraits
+                        ? await window.getCharacterTraits(selectedCharacter)
+                        : await kimiDB.getAllPersonalityTraits(selectedCharacter);
+
+                    // Use centralized video handling to avoid duplication
+                    await handleVideoResponseWithFallback(sanitizedText, response, updatedTraits, selectedCharacter);
+
+                    if (kimiLLM.updatePersonalityFromResponse) {
+                        await kimiLLM.updatePersonalityFromResponse(sanitizedText, response);
+                        const selectedCharacter2 = await kimiDB.getSelectedCharacter();
+                        const traits2 = window.getCharacterTraits
+                            ? await window.getCharacterTraits(selectedCharacter2)
+                            : 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 = window.getCharacterTraits
+                        ? await window.getCharacterTraits(selectedCharacter)
+                        : await kimiDB.getAllPersonalityTraits(selectedCharacter);
+                    kimiVideo.respondWithEmotion("neutral", updatedTraits, updatedTraits.affection);
+                }
+            } catch (error) {
+                console.warn("LLM not available:", error.message);
+                try {
+                    if (window.dispatchEvent) {
+                        window.emitAppEvent && window.emitAppEvent("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 && window.KimiProviderUtils ? await window.KimiProviderUtils.getApiKey(kimiDB, providerPref2) : 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 = window.getCharacterTraits
+                    ? await window.getCharacterTraits(selectedCharacter)
+                    : await kimiDB.getAllPersonalityTraits(selectedCharacter);
+
+                // Use centralized video handling to avoid duplication
+                await handleVideoResponseWithFallback(sanitizedText, response, updatedTraits, selectedCharacter);
+            }
+        } 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 && window.KimiProviderUtils ? await window.KimiProviderUtils.getApiKey(kimiDB, providerPref3) : 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 = window.getCharacterTraits
+                ? await window.getCharacterTraits(selectedCharacter)
+                : await kimiDB.getAllPersonalityTraits(selectedCharacter);
+
+            // Use centralized video handling to avoid duplication
+            await handleVideoResponseWithFallback(sanitizedText, null, updatedTraits, selectedCharacter);
+        }
+
+        // Use token usage collected by LLM manager if available
+        let tokenInfo = null;
+        if (window._lastKimiTokenUsage) {
+            tokenInfo = window._lastKimiTokenUsage;
+            window._lastKimiTokenUsage = null; // consume once
+        } else if (window.KimiTokenUtils) {
+            // Fallback approximate (no system prompt included)
+            try {
+                const est = window.KimiTokenUtils.estimate;
+                tokenInfo = { tokensIn: est(sanitizedText), tokensOut: est(response) };
+            } catch {}
+        }
+        await kimiMemory.saveConversation(sanitizedText, response, tokenInfo);
+        if (typeof updateStats === "function") {
+            updateStats();
+        }
+
+        // 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");
+    // Allow empty text for streaming (we'll update it progressively)
+    if (text === undefined || text === null) 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");
+    // Use formatted text with HTML support (secure formatting)
+    if (text && window.KimiValidationUtils && window.KimiValidationUtils.formatChatText) {
+        textDiv.innerHTML = window.KimiValidationUtils.formatChatText(text);
+    } else {
+        textDiv.textContent = text || ""; // Fallback to plain text
+    }
+
+    messageDiv.appendChild(textDiv);
+    messageDiv.appendChild(messageTimeDiv);
+
+    chatMessages.appendChild(messageDiv);
+    chatMessages.scrollTop = chatMessages.scrollHeight;
+
+    // Return an object that allows updating the message content for streaming
+    return {
+        updateText: newText => {
+            // Use formatted text for streaming updates too
+            if (newText && window.KimiValidationUtils && window.KimiValidationUtils.formatChatText) {
+                textDiv.innerHTML = window.KimiValidationUtils.formatChatText(newText);
+            } else {
+                textDiv.textContent = newText;
+            }
+            // Throttle scrolling to prevent visual stuttering during streaming
+            if (!textDiv._scrollTimeout) {
+                textDiv._scrollTimeout = setTimeout(() => {
+                    chatMessages.scrollTop = chatMessages.scrollHeight;
+                    textDiv._scrollTimeout = null;
+                }, 50); // Throttle to 20 FPS max
+            }
+        },
+        element: messageDiv,
+        textElement: textDiv
+    };
+}
+
+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 = await 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 = await kimiMemory.getGreeting();
+            addMessageToChat("kimi", greeting);
+        }
+    } else {
+        const greeting = await 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",
+            "providerApiKey",
+            "llmProvider",
+            "llmModelId",
+            "selectedCharacter",
+            "llmTemperature",
+            "llmMaxTokens",
+            "llmTopP",
+            "llmFrequencyPenalty",
+            "llmPresencePenalty",
+            "enableStreaming"
+        ];
+        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";
+        // Normalize legacy formats to primary subtag (e.g., 'en-US' -> 'en')
+        const normSelectedLanguage = (function (raw) {
+            if (!raw) return "en";
+            let r = String(raw).toLowerCase();
+            if (r.includes(":")) r = r.split(":").pop();
+            r = r.replace("_", "-");
+            return r.includes("-") ? r.split("-")[0] : r;
+        })(selectedLanguage);
+        const apiKey = preferences.providerApiKey || "";
+        const provider = preferences.llmProvider || "openrouter";
+        // Resolve baseUrl based on provider-specific stored preferences to avoid cross-provider leaks
+        const placeholders = window.KimiProviderPlaceholders || {};
+        let baseUrl;
+        if (provider === "openai-compatible" || provider === "ollama") {
+            const key = `llmBaseUrl_${provider}`;
+            try {
+                baseUrl = await kimiDB.getPreference(key, provider === "openai-compatible" ? "" : placeholders[provider]);
+            } catch (e) {
+                baseUrl = provider === "openai-compatible" ? "" : placeholders[provider];
+            }
+        } else {
+            baseUrl = placeholders[provider] || placeholders.openai;
+        }
+        const modelId = preferences.llmModelId || (window.kimiLLM ? window.kimiLLM.currentModel : "");
+        const selectedCharacter = preferences.selectedCharacter || "kimi";
+        const llmTemperature = preferences.llmTemperature !== undefined ? preferences.llmTemperature : 0.9;
+        const llmMaxTokens = preferences.llmMaxTokens !== undefined ? preferences.llmMaxTokens : 400;
+        const llmTopP = preferences.llmTopP !== undefined ? preferences.llmTopP : 0.9;
+        const llmFrequencyPenalty = preferences.llmFrequencyPenalty !== undefined ? preferences.llmFrequencyPenalty : 0.9;
+        const llmPresencePenalty = preferences.llmPresencePenalty !== undefined ? preferences.llmPresencePenalty : 0.8;
+        const enableStreaming = preferences.enableStreaming !== undefined ? preferences.enableStreaming : true;
+
+        // Update UI with voice settings
+        const languageSelect = document.getElementById("language-selection");
+        if (languageSelect) languageSelect.value = normSelectedLanguage;
+        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);
+
+        // Update streaming toggle
+        const streamingToggle = document.getElementById("enable-streaming");
+        if (streamingToggle) {
+            if (enableStreaming) {
+                streamingToggle.classList.add("active");
+            } else {
+                streamingToggle.classList.remove("active");
+            }
+            streamingToggle.setAttribute("aria-checked", String(enableStreaming));
+        }
+
+        // Batch load personality traits
+        const traitNames = ["affection", "playfulness", "intelligence", "empathy", "humor", "romance"];
+        const personality = await kimiDB.getPersonalityTraitsBatch(traitNames, selectedCharacter);
+        const defaults = [65, 55, 70, 75, 60, 50];
+
+        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("provider-api-key");
+        if (apiKeyInput) {
+            // Get the API key for the current provider
+            let providerKey = "";
+            if (window.KimiProviderUtils) {
+                providerKey = await window.KimiProviderUtils.getApiKey(kimiDB, provider);
+            } else {
+                providerKey = apiKey; // fallback to old method
+            }
+            apiKeyInput.value = providerKey || "";
+        }
+        const providerSelect = document.getElementById("llm-provider");
+        if (providerSelect) providerSelect.value = provider;
+        const baseUrlInput = document.getElementById("llm-base-url");
+        if (baseUrlInput) {
+            // Determine whether base URL should be editable for this provider
+            const isModifiable = provider === "openai-compatible" || provider === "ollama";
+            // Provider-specific defaults/placeholders
+            const placeholders = {
+                openrouter: "https://openrouter.ai/api/v1/chat/completions",
+                openai: "https://api.openai.com/v1/chat/completions",
+                groq: "https://api.groq.com/openai/v1/chat/completions",
+                together: "https://api.together.xyz/v1/chat/completions",
+                deepseek: "https://api.deepseek.com/chat/completions",
+                "openai-compatible": "",
+                ollama: "http://localhost:11434/api/chat"
+            };
+            const placeholder = placeholders[provider] || placeholders.openai;
+            baseUrlInput.placeholder = provider === "openai-compatible" ? "" : placeholder;
+
+            if (isModifiable) {
+                // Show stored baseUrl for modifiable providers (could be empty)
+                baseUrlInput.value = baseUrl || "";
+                baseUrlInput.disabled = false;
+                baseUrlInput.style.opacity = "1";
+            } else {
+                // For fixed providers show the provider URL as value and make input readonly
+                baseUrlInput.value = placeholder;
+                baseUrlInput.disabled = true;
+                baseUrlInput.style.opacity = "0.6";
+            }
+        }
+        const modelIdInput = document.getElementById("llm-model-id");
+        if (modelIdInput) {
+            if (provider === "openrouter") {
+                modelIdInput.value = modelId;
+            } else {
+                modelIdInput.value = ""; // only placeholder for non-OpenRouter providers
+            }
+        }
+        // For non-OpenRouter providers we keep placeholder per provider; the value is already set above.
+        const apiKeyLabel = document.getElementById("api-key-label");
+        if (apiKeyLabel) {
+            apiKeyLabel.textContent = window.KimiProviderUtils ? window.KimiProviderUtils.getLabelForProvider(provider) : "API Key";
+        }
+
+        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 = window.getCharacterTraits ? await window.getCharacterTraits(characterKey) : await kimiDB.getAllPersonalityTraits(characterKey);
+
+        // Get default traits from KIMI_CHARACTERS constants
+        const characterDefaults = window.KIMI_CHARACTERS[characterKey]?.traits || {};
+
+        // Get unified defaults
+        const unifiedDefaults = window.kimiEmotionSystem?.TRAIT_DEFAULTS || {
+            affection: 55,
+            playfulness: 55,
+            intelligence: 70,
+            empathy: 75,
+            humor: 60,
+            romance: 50
+        };
+
+        // Use saved traits if they exist, otherwise fall back to character defaults, then unified defaults
+        const traits = {
+            affection: savedTraits.affection ?? characterDefaults.affection ?? unifiedDefaults.affection,
+            playfulness: savedTraits.playfulness ?? characterDefaults.playfulness ?? unifiedDefaults.playfulness,
+            intelligence: savedTraits.intelligence ?? characterDefaults.intelligence ?? unifiedDefaults.intelligence,
+            empathy: savedTraits.empathy ?? characterDefaults.empathy ?? unifiedDefaults.empathy,
+            humor: savedTraits.humor ?? characterDefaults.humor ?? unifiedDefaults.humor,
+            romance: savedTraits.romance ?? characterDefaults.romance ?? unifiedDefaults.romance
+        };
+
+        // 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();
+    // Retrieve token usage (fallback to 0)
+    const tokensIn = await kimiDB.getPreference(`totalTokensIn_${character}`, 0);
+    const tokensOut = await kimiDB.getPreference(`totalTokensOut_${character}`, 0);
+    const charDefAff = (window.KIMI_CHARACTERS && window.KIMI_CHARACTERS[character]?.traits?.affection) || null;
+    const genericAff = (window.getTraitDefaults && window.getTraitDefaults().affection) || 55;
+    const defaultAff = typeof charDefAff === "number" ? charDefAff : genericAff;
+    const affectionTrait = await kimiDB.getPersonalityTrait("affection", defaultAff, 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 tokensEl = document.getElementById("tokens-usage");
+    const favorabilityEl = document.getElementById("current-favorability");
+    const conversationsEl = document.getElementById("conversations-count");
+    const daysEl = document.getElementById("days-together");
+    if (tokensEl) tokensEl.textContent = `${tokensIn} / ${tokensOut}`;
+    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", 400);
+        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.8);
+        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) {
+            if (window.KIMI_CONFIG?.DEBUG?.ENABLED) {
+                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";
+        // use i18n placeholder key
+        if (window.kimiI18nManager && typeof window.kimiI18nManager.t === "function") {
+            searchInput.setAttribute("data-i18n-placeholder", "models_search_placeholder");
+        } else {
+            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";
+            // i18n aware title
+            if (window.setI18n) window.setI18n(title, "models_recommended_title");
+            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";
+            // toggle show/hide label via i18n when available
+            if (window.kimiI18nManager && typeof window.kimiI18nManager.t === "function") {
+                const currentKey = loadAvailableModels._allCollapsed === false ? "button_hide" : "button_show";
+                if (window.setI18n) window.setI18n(toggleBtn, currentKey);
+                toggleBtn.textContent = window.kimiI18nManager.t(currentKey);
+            } else {
+                toggleBtn.textContent = loadAvailableModels._allCollapsed === false ? "Hide" : "Show";
+            }
+            const label = document.createElement("span");
+            if (window.setI18n) window.setI18n(label, "models_all_title");
+            header.appendChild(label);
+            header.appendChild(toggleBtn);
+            const refreshBtn = document.createElement("button");
+            refreshBtn.type = "button";
+            refreshBtn.className = "kimi-button";
+            refreshBtn.style.marginLeft = "8px";
+            if (window.kimiI18nManager && typeof window.kimiI18nManager.t === "function") {
+                if (window.setI18n) window.setI18n(refreshBtn, "button_refresh");
+            } else {
+                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;
+                if (window.kimiI18nManager && typeof window.kimiI18nManager.t === "function") {
+                    const key = nowCollapsed ? "button_show" : "button_hide";
+                    if (window.setI18n) window.setI18n(toggleBtn, key);
+                    toggleBtn.textContent = window.kimiI18nManager.t(key);
+                } else {
+                    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";
+        // Escape any content from error.message to prevent XSS when inserted into innerHTML
+        const safeMsg =
+            window.KimiValidationUtils && window.KimiValidationUtils.escapeHtml
+                ? window.KimiValidationUtils.escapeHtml(error.message || String(error))
+                : String(error.message || error);
+        errorDiv.innerHTML = `
+    <p>❌ Error loading models: ${safeMsg}</p>
+    `;
+        modelsContainer.appendChild(errorDiv);
+    } finally {
+        loadAvailableModels._loading = false;
+    }
+}
+
+// Debug utilities removed for production optimization
+
+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 {
+        // Check if streaming is enabled (you can add a preference for this)
+        const streamingEnabled = await window.kimiDB?.getPreference("enableStreaming", window.KIMI_CONFIG?.DEFAULTS?.ENABLE_STREAMING ?? true);
+
+        if (streamingEnabled && window.kimiLLM && typeof window.kimiLLM.chatStreaming === "function") {
+            // Use streaming through analyzeAndReact
+            let streamingResponse = "";
+            const messageObj = addMessageToChat("kimi", ""); // Start with empty message
+
+            // Safety check: ensure messageObj is valid
+            if (!messageObj || typeof messageObj.updateText !== "function") {
+                console.error("Failed to create streaming message object, falling back to non-streaming");
+                const response = await analyzeAndReact(message);
+                let finalResponse = response;
+                if (!finalResponse || typeof finalResponse !== "string" || finalResponse.trim().length < 2) {
+                    finalResponse = window.getLocalizedEmotionalResponse ? window.getLocalizedEmotionalResponse("neutral") : "I'm here for you!";
+                }
+                addMessageToChat("kimi", finalResponse);
+                if (window.voiceManager && !message.startsWith("Vous:")) {
+                    window.voiceManager.speak(finalResponse);
+                }
+                if (waitingIndicator) waitingIndicator.style.display = "none";
+                return;
+            }
+
+            try {
+                // Start streaming response processing
+                if (window.KIMI_CONFIG?.DEBUG?.ENABLED) {
+                    console.log("🔄 Starting streaming response...");
+                }
+                let emotionDetected = false;
+
+                const response = await analyzeAndReact(message, true, token => {
+                    streamingResponse += token;
+                    if (messageObj && messageObj.updateText) {
+                        messageObj.updateText(streamingResponse);
+                    }
+                    // Progressive analysis disabled to prevent UI flickering during streaming
+                    // All analysis will be done after streaming completes
+                });
+                // Streaming completed
+                if (window.KIMI_CONFIG?.DEBUG?.ENABLED) {
+                    console.log("✅ Streaming completed, final response length:", streamingResponse.length);
+                }
+
+                // Final processing after streaming completes
+                let finalResponse = streamingResponse || response;
+                if (!finalResponse || finalResponse.trim().length < 2) {
+                    finalResponse = window.getLocalizedEmotionalResponse ? window.getLocalizedEmotionalResponse("neutral") : "I'm here for you!";
+                    if (messageObj && messageObj.updateText) {
+                        messageObj.updateText(finalResponse);
+                    }
+                } else {
+                    if (messageObj && messageObj.updateText) {
+                        messageObj.updateText(finalResponse);
+                    }
+                }
+
+                // Voice synthesis after streaming completes (if not started during streaming)
+                if (window.voiceManager && !message.startsWith("Vous:") && finalResponse.length > 20) {
+                    // Check if voice synthesis should happen
+                    const shouldSpeak = await window.kimiDB?.getPreference("voiceEnabled", window.KIMI_CONFIG?.DEFAULTS?.VOICE_ENABLED ?? true);
+                    if (shouldSpeak) {
+                        window.voiceManager.speak(finalResponse);
+                    }
+                }
+
+                // Final comprehensive system updates
+                try {
+                    // Final emotion analysis if not done during streaming
+                    if (!emotionDetected && window.kimiAnalyzeEmotion) {
+                        const finalEmotion = window.kimiAnalyzeEmotion(finalResponse);
+                        if (finalEmotion && finalEmotion !== "neutral") {
+                            emotionDetected = true;
+                        }
+                    }
+
+                    // Final personality update
+                    if (window.updatePersonalityTraitsFromEmotion && finalResponse.length > 50) {
+                        const finalEmotion = window.kimiAnalyzeEmotion ? window.kimiAnalyzeEmotion(finalResponse) : "neutral";
+                        await window.updatePersonalityTraitsFromEmotion(finalEmotion, finalResponse);
+                    }
+
+                    // Final memory extraction
+                    if (window.kimiMemory && typeof window.kimiMemory.extractMemoriesFromConversation === "function") {
+                        await window.kimiMemory.extractMemoriesFromConversation(message, finalResponse);
+                    }
+
+                    // Final video state adjustment
+                    if (window.kimiVideo && window.kimiDB) {
+                        const selectedCharacter = await window.kimiDB.getSelectedCharacter();
+                        const traits = window.getCharacterTraits
+                            ? await window.getCharacterTraits(selectedCharacter)
+                            : await window.kimiDB.getAllPersonalityTraits(selectedCharacter);
+                        if (traits && emotionDetected) {
+                            window.kimiVideo.setMoodByPersonality(traits);
+                        }
+                    }
+                } catch (finalError) {
+                    console.warn("Final system updates failed:", finalError);
+                }
+
+                if (waitingIndicator) waitingIndicator.style.display = "none";
+            } catch (streamingError) {
+                console.warn("Streaming failed, falling back to non-streaming:", streamingError);
+                // Fallback to non-streaming
+                const response = await analyzeAndReact(message);
+                let finalResponse = response;
+                if (!finalResponse || typeof finalResponse !== "string" || finalResponse.trim().length < 2) {
+                    finalResponse = window.getLocalizedEmotionalResponse ? window.getLocalizedEmotionalResponse("neutral") : "I'm here for you!";
+                }
+                if (messageObj && messageObj.updateText) {
+                    messageObj.updateText(finalResponse);
+                }
+
+                if (window.voiceManager && !message.startsWith("Vous:")) {
+                    window.voiceManager.speak(finalResponse);
+                }
+                if (waitingIndicator) waitingIndicator.style.display = "none";
+            }
+        } else {
+            // Use non-streaming (original behavior)
+            const response = await analyzeAndReact(message);
+            let finalResponse = response;
+            // If the LLM's response is empty, null, or too short, use the emotional fallback.
+            if (!finalResponse || typeof finalResponse !== "string" || finalResponse.trim().length < 2) {
+                finalResponse = window.getLocalizedEmotionalResponse ? window.getLocalizedEmotionalResponse("neutral") : "I'm here for you!";
+            }
+            setTimeout(() => {
+                addMessageToChat("kimi", finalResponse);
+                if (window.voiceManager && !message.startsWith("Vous:")) {
+                    window.voiceManager.speak(finalResponse);
+                }
+                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");
+    // Affection restored as editable trait.
+    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 enableStreamingToggle = document.getElementById("enable-streaming");
+    const colorThemeSelect = document.getElementById("color-theme");
+    const interfaceOpacitySlider = document.getElementById("interface-opacity");
+
+    // SIMPLE FIX: Initialize _kimiListenerCleanup to prevent undefined error
+    if (!window._kimiListenerCleanup) {
+        window._kimiListenerCleanup = [];
+    }
+
+    // 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");
+            // Preserve legitimate zero values (avoid using || which treats 0 as falsy)
+            let value = validation && !isNaN(validation.value) ? validation.value : parseFloat(e.target.value);
+            if (isNaN(value)) 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");
+            let value = validation && !isNaN(validation.value) ? validation.value : parseFloat(e.target.value);
+            if (isNaN(value)) 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");
+            let value = validation && !isNaN(validation.value) ? validation.value : parseFloat(e.target.value);
+            if (isNaN(value)) 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));
+    }
+    // Note: Language selector event listener is now handled by VoiceManager.setupLanguageSelector()
+    // This prevents duplicate event listeners and ensures proper voice/language coordination
+
+    // Note: Voice selector event listener is now handled by VoiceManager.updateVoiceSelector()
+    // This prevents duplicate event listeners and ensures proper voice preference coordination
+
+    // 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 (affection included)
+                            await kimiDB.setPersonalityBatch(pendingTraitChanges);
+
+                            // Side-effects handled by central 'personality:updated' listener.
+                        } 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");
+            let value = validation && !isNaN(validation.value) ? validation.value : parseFloat(e.target.value);
+            if (isNaN(value)) 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) || 400;
+
+            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");
+            let value = validation && !isNaN(validation.value) ? validation.value : parseFloat(e.target.value);
+            if (isNaN(value)) 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");
+            let value = validation && !isNaN(validation.value) ? validation.value : parseFloat(e.target.value);
+            if (isNaN(value)) value = 0.9;
+
+            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");
+            let value = validation && !isNaN(validation.value) ? validation.value : parseFloat(e.target.value);
+            if (isNaN(value)) value = 0.8;
+
+            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 (enableStreamingToggle) {
+        const listener = async () => {
+            try {
+                const isEnabled = enableStreamingToggle.classList.contains("active");
+                const newState = !isEnabled;
+                enableStreamingToggle.classList.toggle("active", newState);
+                enableStreamingToggle.setAttribute("aria-checked", newState ? "true" : "false");
+                if (kimiDB) await kimiDB.setPreference("enableStreaming", newState);
+            } catch (error) {
+                console.error("Error toggling streaming:", error);
+            }
+        };
+        enableStreamingToggle.addEventListener("click", listener);
+        window._kimiListenerCleanup.push(() => enableStreamingToggle.removeEventListener("click", 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);
+        };
+        colorThemeSelect.addEventListener("change", window._kimiColorThemeListener);
+    }
+    if (interfaceOpacitySlider) {
+        const listener = e => {
+            const validation = window.KimiValidationUtils?.validateRange(e.target.value, "interfaceOpacity");
+            let value = validation && !isNaN(validation.value) ? validation.value : parseFloat(e.target.value);
+            if (isNaN(value)) 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
+    // Real-time transcript toggle (shows live speech transcription and AI responses)
+    const transcriptToggle = document.getElementById("transcript-toggle");
+    if (transcriptToggle) {
+        if (kimiDB && kimiDB.getPreference) {
+            kimiDB.getPreference("showTranscript", window.KIMI_CONFIG?.DEFAULTS?.SHOW_TRANSCRIPT ?? 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");
+            // Save transcript display preference
+            if (kimiDB && kimiDB.setPreference) {
+                await kimiDB.setPreference("showTranscript", enabled);
+            }
+            // Apply change immediately if transcript is currently visible
+            if (window.kimiVoiceManager && window.kimiVoiceManager.updateTranscriptVisibility) {
+                if (!enabled) {
+                    // Hide transcript immediately if disabled (uses centralized logic)
+                    await window.kimiVoiceManager.updateTranscriptVisibility(false);
+                }
+                // If enabled, transcript will show naturally during next voice interaction
+            }
+        };
+        transcriptToggle.onclick = onToggle;
+        transcriptToggle.onkeydown = async e => {
+            if (e.key === " " || e.key === "Enter") {
+                e.preventDefault();
+                await onToggle();
+            }
+        };
+    }
+}
+
+// Exposer globalement (KimiDataManager already exposed in kimi-data-manager.js)
+window.updateFavorabilityLabel = updateFavorabilityLabel;
+window.loadCharacterSection = loadCharacterSection;
+window.getBasicResponse = getBasicResponse;
+window.analyzeAndReact = analyzeAndReact;
+window.addMessageToChat = addMessageToChat;
+window.loadChatHistory = loadChatHistory;
+window.loadSettingsData = loadSettingsData;
+window.updateSlider = updateSlider;
+
+// DYNAMIC SLIDER SYNC
+async function refreshAllSliders() {
+    if (!window.kimiDB) return;
+    const prefMap = [
+        ["voice-rate", "voiceRate", "VOICE_RATE"],
+        ["voice-pitch", "voicePitch", "VOICE_PITCH"],
+        ["voice-volume", "voiceVolume", "VOICE_VOLUME"],
+        ["llm-temperature", "llmTemperature", "LLM_TEMPERATURE"],
+        ["llm-max-tokens", "llmMaxTokens", "LLM_MAX_TOKENS"],
+        ["llm-top-p", "llmTopP", "LLM_TOP_P"],
+        ["llm-frequency-penalty", "llmFrequencyPenalty", "LLM_FREQUENCY_PENALTY"],
+        ["llm-presence-penalty", "llmPresencePenalty", "LLM_PRESENCE_PENALTY"],
+        ["interface-opacity", "interfaceOpacity", "INTERFACE_OPACITY"]
+    ];
+    for (const [sliderId, prefKey, defaultKey] of prefMap) {
+        try {
+            const el = document.getElementById(sliderId);
+            if (!el) continue;
+            const stored = await window.kimiDB.getPreference(prefKey, window.KIMI_CONFIG?.DEFAULTS?.[defaultKey]);
+            if (typeof stored === "number" || (typeof stored === "string" && stored !== null)) {
+                updateSlider(sliderId, stored);
+            }
+        } catch {}
+    }
+
+    // Load streaming preference
+    try {
+        const enableStreamingToggle = document.getElementById("enable-streaming");
+        if (enableStreamingToggle) {
+            const streamingEnabled = await window.kimiDB.getPreference("enableStreaming", window.KIMI_CONFIG?.DEFAULTS?.ENABLE_STREAMING ?? true);
+            enableStreamingToggle.classList.toggle("active", streamingEnabled);
+            enableStreamingToggle.setAttribute("aria-checked", streamingEnabled ? "true" : "false");
+        }
+    } catch {}
+}
+window.refreshAllSliders = refreshAllSliders;
+
+const _debouncedPrefUpdate = window.KimiPerformanceUtils
+    ? window.KimiPerformanceUtils.debounce(evt => {
+          const key = evt.detail?.key;
+          if (!key) return;
+          const keyToSlider = {
+              voiceRate: "voice-rate",
+              voicePitch: "voice-pitch",
+              voiceVolume: "voice-volume",
+              llmTemperature: "llm-temperature",
+              llmMaxTokens: "llm-max-tokens",
+              llmTopP: "llm-top-p",
+              llmFrequencyPenalty: "llm-frequency-penalty",
+              llmPresencePenalty: "llm-presence-penalty",
+              interfaceOpacity: "interface-opacity"
+          };
+          const sliderId = keyToSlider[key];
+          if (sliderId && typeof evt.detail.value !== "undefined") {
+              updateSlider(sliderId, evt.detail.value);
+          }
+      }, 120)
+    : null;
+window.addEventListener("preferenceUpdated", evt => {
+    if (_debouncedPrefUpdate) _debouncedPrefUpdate(evt);
+});
+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");
+                apiInput.setAttribute("data-1p-ignore", "true");
+                apiInput.setAttribute("data-bwignore", "true");
+                apiInput.setAttribute("data-form-type", "other");
+                apiInput.setAttribute("autocapitalize", "none");
+                apiInput.setAttribute("autocorrect", "off");
+                apiInput.setAttribute("spellcheck", "false");
+            }
+        }, 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 = window.getCharacterTraits ? await window.getCharacterTraits(selectedCharacter) : await kimiDB.getAllPersonalityTraits(selectedCharacter);
+
+    // Build required traits prioritizing character-specific defaults (fallback to generic)
+    const getRequiredTraits = () => {
+        const charDefaults = (window.KIMI_CHARACTERS && window.KIMI_CHARACTERS[selectedCharacter]?.traits) || {};
+        let generic = {};
+        if (window.KimiEmotionSystem) {
+            const emotionSystem = new window.KimiEmotionSystem(kimiDB);
+            generic = emotionSystem.TRAIT_DEFAULTS;
+        } else if (window.getTraitDefaults) {
+            generic = window.getTraitDefaults();
+        } else {
+            generic = { affection: 55, playfulness: 55, intelligence: 70, empathy: 75, humor: 60, romance: 50 };
+        }
+        // Character defaults take precedence over generic defaults
+        return { ...generic, ...charDefaults };
+    };
+
+    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.updateGlobalPersonalityUI) {
+            window.updateGlobalPersonalityUI();
+        } else if (window.kimiMemory.updateFavorabilityBar) {
+            // Fallback (will internally compute average now)
+            window.kimiMemory.updateFavorabilityBar();
+        }
+    }
+
+    // Video/voice updates are centralized in the 'personality:updated' listener.
+
+    return updatedTraits;
+}
+
+// Simplified validation using centralized emotion system
+function validateEmotionContext(emotion) {
+    return window.kimiEmotionSystem?.validateEmotion(emotion) || "neutral";
+}
+
+// Simplified video context consistency check using centralized system
+async function ensureVideoContextConsistency() {
+    if (!window.kimiVideo || !window.kimiDB) return;
+
+    const selectedCharacter = await window.kimiDB.getSelectedCharacter();
+    const traits = window.getCharacterTraits
+        ? await window.getCharacterTraits(selectedCharacter)
+        : await window.kimiDB.getAllPersonalityTraits(selectedCharacter);
+
+    // Validate current video context using centralized validation
+    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", "dark");
+                document.documentElement.setAttribute("data-theme", userTheme);
+            } else {
+                document.documentElement.setAttribute("data-theme", "dark");
+            }
+        }
+        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,1250 @@
+import KimiDatabase from "./kimi-database.js";
+import KimiLLMManager from "./kimi-llm-manager.js";
+import KimiEmotionSystem from "./kimi-emotion-system.js";
+import KimiMemorySystem from "./kimi-memory-system.js";
+import KimiMemory from "./kimi-memory.js";
+import { KimiDataManager } from "./kimi-data-manager.js"; // Explicit import (phasing out window.KimiDataManager)
+import { initializeVideoController } from "./kimi-video-controller.js"; // Unified video control
+
+document.addEventListener("DOMContentLoaded", async function () {
+    const DEFAULT_SYSTEM_PROMPT = window.DEFAULT_SYSTEM_PROMPT;
+
+    let kimiDB = null;
+    let kimiLLM = null;
+    let isSystemReady = false;
+
+    // Global debug flag for sync/log verbosity (default: false)
+    if (typeof window.KIMI_DEBUG_SYNC === "undefined") {
+        window.KIMI_DEBUG_SYNC = 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.removeAttribute("for");
+            if (window.setI18n) window.setI18n(favorabilityLabel, "personality_average_of");
+            favorabilityLabel.setAttribute("data-i18n-params", JSON.stringify({ name: window.KIMI_CHARACTERS[selectedCharacter].name }));
+            favorabilityLabel.textContent = `💖 Personality average 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]) {
+            if (window.setI18n) window.setI18n(chatHeaderName, `chat_with_${selectedCharacter}`);
+        }
+        kimiLLM = new KimiLLMManager(kimiDB);
+        window.kimiLLM = kimiLLM;
+        await kimiLLM.init();
+
+        // Initialize unified emotion system
+        window.kimiEmotionSystem = new KimiEmotionSystem(kimiDB);
+
+        // Initialize the new memory system
+        window.kimiMemorySystem = new 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;
+        // API config UI will be initialized after ApiUi is defined
+        // Update global personality average UI once initial traits are loaded
+        if (window.updateGlobalPersonalityUI) {
+            try {
+                await window.updateGlobalPersonalityUI(selectedCharacter);
+            } catch {}
+        }
+        if (window.refreshAllSliders) {
+            try {
+                await window.refreshAllSliders();
+            } catch {}
+        }
+    } catch (error) {
+        console.error("Initialization error:", error);
+        // Log initialization error to error manager
+        if (window.kimiErrorManager) {
+            window.kimiErrorManager.logInitError("KimiApp", error, {
+                selectedCharacter: selectedCharacter,
+                stage: "main_initialization"
+            });
+        }
+    }
+    // Centralized helpers for API config UI
+    const ApiUi = {
+        presenceDot: () => document.getElementById("api-key-presence"),
+        presenceDotTest: () => document.getElementById("api-key-presence-test"),
+        apiKeyInput: () => document.getElementById("provider-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"),
+        // Saved key indicator (left dot)
+        setPresence(color) {
+            const dot = this.presenceDot();
+            if (dot) dot.style.backgroundColor = color;
+        },
+        // Test result indicator (right dot)
+        setTestPresence(color) {
+            const dot2 = this.presenceDotTest();
+            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);
+        // On load, test status is unknown
+        ApiUi.setTestPresence("#9e9e9e");
+    }
+
+    // Initialize API config UI from saved preferences
+    async function initializeApiConfigUI() {
+        try {
+            if (!window.kimiDB) return;
+            const provider = await window.kimiDB.getPreference("llmProvider", "openrouter");
+            // Resolve base URL preference: prefer provider-specific stored key for modifiable
+            let baseUrl;
+            const shared = window.KimiProviderPlaceholders || {};
+            if (provider === "openai-compatible" || provider === "ollama") {
+                const key = `llmBaseUrl_${provider}`;
+                const defaultForProvider = provider === "openai-compatible" ? "" : shared[provider];
+                baseUrl = await window.kimiDB.getPreference(key, defaultForProvider);
+            } else {
+                baseUrl = shared[provider] || shared.openai;
+            }
+            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();
+
+            // Set base URL based on modifiability
+            if (baseUrlInput) {
+                const isModifiable = isUrlModifiable(provider);
+                baseUrlInput.value = baseUrl || "";
+                baseUrlInput.disabled = !isModifiable;
+                baseUrlInput.style.opacity = isModifiable ? "1" : "0.6";
+            }
+            // Only prefill model for OpenRouter, others should show placeholder only
+            if (modelIdInput) {
+                if (provider === "openrouter") {
+                    if (!modelIdInput.value) modelIdInput.value = modelId;
+                } else {
+                    modelIdInput.value = "";
+                }
+            }
+            // Load the provider-specific key
+            const keyPref = window.KimiProviderUtils ? window.KimiProviderUtils.getKeyPrefForProvider(provider) : "providerApiKey";
+            const storedKey = await window.kimiDB.getPreference(keyPref, "");
+            if (apiKeyInput) apiKeyInput.value = storedKey || "";
+            ApiUi.setPresence(storedKey ? "#4caf50" : "#9e9e9e");
+            ApiUi.setTestPresence("#9e9e9e");
+            const savedBadge = ApiUi.savedBadge();
+            if (savedBadge) {
+                // Show only if provider requires a key and key exists
+                if (provider !== "ollama" && storedKey) {
+                    savedBadge.style.display = "inline";
+                } else {
+                    savedBadge.style.display = "none";
+                }
+            }
+            ApiUi.clearStatus();
+            // Enable/disable Test button according to validation (Ollama does not require API key)
+            const valid = !!(window.KIMI_VALIDATORS && window.KIMI_VALIDATORS.validateApiKey(storedKey || ""));
+            ApiUi.setTestEnabled(provider === "ollama" ? true : 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);
+            // Log UI initialization error
+            if (window.kimiErrorManager) {
+                window.kimiErrorManager.logUIError("ApiConfigUI", e, {
+                    stage: "api_config_initialization"
+                });
+            }
+        }
+    }
+    // Hydrate API config UI from DB after ApiUi is defined and function declared
+    initializeApiConfigUI();
+
+    // Listen for model changes and update the UI only for OpenRouter
+    window.addEventListener("llmModelChanged", function (event) {
+        const modelIdInput = ApiUi.modelIdInput();
+        const providerSelect = ApiUi.providerSelect();
+
+        // Only update the field if current provider is OpenRouter
+        if (modelIdInput && event.detail && event.detail.id && providerSelect && providerSelect.value === "openrouter") {
+            modelIdInput.value = event.detail.id;
+        }
+    });
+
+    // Helper function to check if URL is modifiable for current provider
+    function isUrlModifiable(provider) {
+        return provider === "openai-compatible" || provider === "ollama";
+    }
+
+    const providerSelectEl = document.getElementById("llm-provider");
+    if (providerSelectEl) {
+        providerSelectEl.addEventListener("change", async function (e) {
+            const provider = e.target.value;
+            const baseUrlInput = ApiUi.baseUrlInput();
+            const modelIdInput = ApiUi.modelIdInput();
+            const apiKeyInput = ApiUi.apiKeyInput();
+
+            const shared = window.KimiProviderPlaceholders || {};
+            const p = {
+                url: shared[provider] || "",
+                keyPh: provider === "ollama" ? "" : "your-key",
+                model: provider === "openrouter" && window.kimiLLM ? window.kimiLLM.currentModel : "model-id"
+            };
+            if (baseUrlInput) {
+                // Set placeholder: for openai-compatible we want an empty placeholder
+                baseUrlInput.placeholder = provider === "openai-compatible" ? "" : p.url;
+                // Only allow URL modification for custom and ollama providers
+                const isModifiable = isUrlModifiable(provider);
+
+                if (isModifiable) {
+                    // For custom and ollama: load saved URL or use sensible default per provider
+                    const defaultForProvider = provider === "openai-compatible" ? "" : p.url;
+                    const key = `llmBaseUrl_${provider}`;
+                    const savedUrl = await window.kimiDB.getPreference(key, defaultForProvider);
+                    baseUrlInput.value = savedUrl || "";
+                    baseUrlInput.disabled = false;
+                    baseUrlInput.style.opacity = "1";
+                } else {
+                    // For other providers: fixed URL, not modifiable
+                    baseUrlInput.value = p.url;
+                    baseUrlInput.disabled = true;
+                    baseUrlInput.style.opacity = "0.6";
+                }
+            }
+            if (apiKeyInput) {
+                apiKeyInput.placeholder = p.keyPh;
+                // Masquer/désactiver le champ pour Ollama/local
+                if (provider === "ollama") {
+                    apiKeyInput.value = "";
+                    apiKeyInput.disabled = true;
+                    apiKeyInput.style.display = "none";
+                } else {
+                    apiKeyInput.disabled = false;
+                    apiKeyInput.style.display = "";
+                }
+            }
+            if (modelIdInput) {
+                modelIdInput.placeholder = p.model;
+                // Only populate the field for OpenRouter since those are the models we have in the list
+                // For other providers, user must manually enter the provider-specific model ID
+                modelIdInput.value = provider === "openrouter" && window.kimiLLM ? window.kimiLLM.currentModel : "";
+            }
+            if (window.kimiDB) {
+                await window.kimiDB.setPreference("llmProvider", provider);
+
+                const apiKeyLabel = document.getElementById("api-key-label");
+                // Load provider-specific key into the input for clarity
+                const keyPref = window.KimiProviderUtils ? window.KimiProviderUtils.getKeyPrefForProvider(provider) : "providerApiKey";
+                const storedKey = await window.kimiDB.getPreference(keyPref, "");
+                if (apiKeyInput && provider !== "ollama") apiKeyInput.value = storedKey || "";
+                const color = provider === "ollama" ? "#9e9e9e" : storedKey && storedKey.length > 0 ? "#4caf50" : "#9e9e9e";
+                ApiUi.setPresence(color);
+                // Changing provider invalidates previous test state
+                ApiUi.setTestPresence("#9e9e9e");
+                ApiUi.setTestEnabled(provider === "ollama" ? true : !!(window.KIMI_VALIDATORS && window.KIMI_VALIDATORS.validateApiKey(storedKey || "")));
+
+                // Dynamic label per provider
+                if (apiKeyLabel) {
+                    apiKeyLabel.textContent = window.KimiProviderUtils ? window.KimiProviderUtils.getLabelForProvider(provider) : "API Key";
+                }
+                const savedBadge = ApiUi.savedBadge();
+                if (savedBadge) {
+                    if (provider !== "ollama" && storedKey) {
+                        savedBadge.style.display = "inline";
+                    } else {
+                        savedBadge.style.display = "none";
+                    }
+                }
+                ApiUi.clearStatus();
+
+                // Save URL after all UI updates are complete
+                const isModifiableFinal = isUrlModifiable(provider);
+                // Only persist provider-specific llmBaseUrl when the provider allows modification.
+                if (isModifiableFinal && baseUrlInput) {
+                    const key = `llmBaseUrl_${provider}`;
+                    await window.kimiDB.setPreference(key, baseUrlInput.value || "");
+                }
+            }
+        });
+
+        // Listen for model ID changes and update the current model
+        const modelIdInput = ApiUi.modelIdInput();
+        if (modelIdInput) {
+            modelIdInput.addEventListener("blur", async function (e) {
+                const newModelId = e.target.value.trim();
+                if (newModelId && window.kimiLLM && newModelId !== window.kimiLLM.currentModel) {
+                    try {
+                        await window.kimiLLM.setCurrentModel(newModelId);
+                    } catch (error) {
+                        console.warn("Failed to set model:", error.message);
+                        // Reset to current model if setting failed
+                        e.target.value = window.kimiLLM.currentModel || "";
+                    }
+                }
+            });
+        }
+
+        // Listen for Base URL changes and save for modifiable providers
+        const baseUrlInput = ApiUi.baseUrlInput();
+        if (baseUrlInput) {
+            baseUrlInput.addEventListener("blur", async function (e) {
+                const providerSelect = ApiUi.providerSelect();
+                const provider = providerSelect ? providerSelect.value : "openrouter";
+                const isModifiable = isUrlModifiable(provider);
+
+                if (isModifiable && window.kimiDB) {
+                    const newUrl = e.target.value.trim();
+                    try {
+                        const key = `llmBaseUrl_${provider}`;
+                        // Allow empty string to be saved for openai-compatible (user may clear it)
+                        await window.kimiDB.setPreference(key, newUrl || "");
+                    } catch (error) {
+                        console.warn("Failed to save base URL:", error.message);
+                    }
+                }
+            });
+        }
+    }
+
+    // Loading screen management
+    const hideLoadingScreen = () => {
+        const loadingScreen = document.getElementById("loading-screen");
+        if (loadingScreen) {
+            loadingScreen.style.opacity = "0";
+            setTimeout(() => {
+                loadingScreen.style.display = "none";
+            }, 500);
+        }
+    };
+
+    // Hide loading screen when resources are loaded
+    if (document.readyState === "complete") {
+        setTimeout(hideLoadingScreen, 1000);
+    } else {
+        window.addEventListener("load", () => {
+            setTimeout(hideLoadingScreen, 1000);
+        });
+    }
+
+    // Use centralized video utilities
+    let video1 = window.KimiVideoManager.getVideoElement("#video1");
+    let video2 = window.KimiVideoManager.getVideoElement("#video2");
+    if (!video1 || !video2) {
+        const videoContainer = document.querySelector(".video-container");
+        if (videoContainer) {
+            video1 = window.KimiVideoManager.createVideoElement("video1", "bg-video active");
+            video2 = window.KimiVideoManager.createVideoElement("video2", "bg-video");
+            videoContainer.appendChild(video1);
+            videoContainer.appendChild(video2);
+        }
+    }
+    let activeVideo = video1;
+    let inactiveVideo = video2;
+    kimiVideo = new window.KimiVideoManager(video1, video2);
+    await kimiVideo.init(kimiDB);
+    window.kimiVideo = kimiVideo;
+
+    // Initialize unified video controller
+    window.kimiVideoController = initializeVideoController(kimiVideo, window.kimiEmotionSystem, kimiDB);
+
+    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;
+                // Character save should not toggle the API key saved indicator.
+                const promptInput = window.KimiDOMUtils.get(`#prompt-${charKey}`);
+                const prompt = promptInput ? promptInput.value : "";
+
+                await window.kimiDB.setSelectedCharacter(charKey);
+                await window.kimiDB.setSystemPromptForCharacter(charKey, prompt);
+                // Ensure memory system uses the correct character
+                if (window.kimiMemorySystem) {
+                    window.kimiMemorySystem.selectedCharacter = charKey;
+                }
+                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();
+                }
+
+                await window.loadCharacterSection();
+                if (settingsPanel && scrollTop !== null) {
+                    requestAnimationFrame(() => {
+                        settingsPanel.scrollTop = scrollTop;
+                    });
+                }
+                // Refresh memory tab after character selection
+                if (window.kimiMemoryUI && typeof window.kimiMemoryUI.updateMemoryStats === "function") {
+                    await window.kimiMemoryUI.updateMemoryStats();
+                }
+                if (window.setI18n) window.setI18n(saveCharacterBtn, "saved");
+                saveCharacterBtn.classList.add("success");
+                saveCharacterBtn.disabled = true;
+
+                setTimeout(() => {
+                    if (window.setI18n) window.setI18n(saveCharacterBtn, "save");
+                    saveCharacterBtn.classList.remove("success");
+                    saveCharacterBtn.disabled = false;
+                }, 1000);
+
+                // Force full UI refresh to ensure all character-specific modules reinitialize.
+                // Full page refresh to reinitialize all character-dependent modules.
+                setTimeout(() => {
+                    try {
+                        window.location.reload();
+                    } catch (e) {
+                        console.warn("Page reload failed", e);
+                    }
+                }, 1200); // slightly after button reset to allow visual feedback
+            });
+        }
+        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");
+                }
+            }
+        });
+        (function (el) {
+            if (!el) return;
+            const pad = (p => (p ? parseFloat(p) : 0))(getComputedStyle(el).paddingTop) + (p => (p ? parseFloat(p) : 0))(getComputedStyle(el).paddingBottom);
+            const lh = parseFloat(getComputedStyle(el).lineHeight) || 18,
+                max = lh * 4 + pad;
+            const a = () => {
+                el.style.height = "auto";
+                el.style.height = Math.min(el.scrollHeight, max) + "px";
+            };
+            el.addEventListener("input", a);
+            el.addEventListener("focus", a);
+            setTimeout(a, 0);
+        })(chatInput);
+        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");
+    const globalHelpButton = document.getElementById("global-help-button");
+
+    if (!settingsButton || !helpButton) {
+        console.error("Critical UI buttons missing from DOM");
+        return;
+    }
+
+    const openHelp = () => window.kimiOverlayManager.open("help-overlay");
+
+    helpButton.addEventListener("click", openHelp);
+    if (globalHelpButton) {
+        globalHelpButton.addEventListener("click", openHelp);
+    }
+
+    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 === "personality") {
+                await window.loadCharacterSection();
+            }
+        }
+    });
+
+    window.kimiUIEventManager = new window.KimiUIEventManager();
+    window.kimiUIEventManager.addEvent(window, "resize", window.updateTabsScrollIndicator);
+
+    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 (provider !== "ollama" && !apiKey) {
+                statusSpan.textContent = window.kimiI18nManager?.t("api_key_missing") || "API key missing";
+                statusSpan.style.color = "#ff6b6b";
+                return;
+            }
+
+            // Validate API key format before saving/testing
+            if (provider !== "ollama") {
+                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) {
+                // Save API key under provider-specific preference key (skip for Ollama)
+                if (provider !== "ollama") {
+                    const keyPref = window.KimiProviderUtils ? window.KimiProviderUtils.getKeyPrefForProvider(provider) : "providerApiKey";
+                    await window.kimiDB.setPreference(keyPref, apiKey);
+                }
+                await window.kimiDB.setPreference("llmProvider", provider);
+                if (baseUrl) {
+                    // Save under provider-specific key to avoid cross-provider contamination
+                    const key = `llmBaseUrl_${provider}`;
+                    await window.kimiDB.setPreference(key, baseUrl);
+                }
+                if (modelId) await window.kimiDB.setPreference("llmModelId", modelId);
+            }
+            statusSpan.textContent = "Testing in progress...";
+            statusSpan.style.color = "#ffa726";
+
+            try {
+                if (window.kimiLLM) {
+                    // Test API minimal et centralisé pour tous les providers
+                    const result = await window.kimiLLM.testApiKeyMinimal(modelId);
+                    if (result.success) {
+                        statusSpan.textContent = "Connection successful!";
+                        statusSpan.style.color = "#4caf50";
+                        // Only show saved badge if an actual non-empty API key is stored and provider requires one
+                        const savedBadge = ApiUi.savedBadge();
+                        if (savedBadge) {
+                            const apiKeyInputEl = ApiUi.apiKeyInput();
+                            const hasKey = apiKeyInputEl && apiKeyInputEl.value.trim().length > 0;
+                            if (provider !== "ollama" && hasKey) {
+                                savedBadge.textContent = (window.kimiI18nManager && window.kimiI18nManager.t("saved_short")) || "Saved";
+                                savedBadge.style.display = "inline";
+                            } else {
+                                savedBadge.style.display = "none";
+                            }
+                        }
+
+                        if (result.response) {
+                            setTimeout(() => {
+                                statusSpan.textContent = `Test response: \"${result.response.substring(0, 50)}...\"`;
+                            }, 1000);
+                        }
+                        // Mark test success explicitly
+                        ApiUi.setTestPresence("#4caf50");
+                    } else {
+                        statusSpan.textContent = `${result.error}`;
+                        statusSpan.style.color = "#ff6b6b";
+                        ApiUi.setTestPresence("#9e9e9e");
+                        if (result.error.includes("similaires disponibles")) {
+                            setTimeout(() => {}, 1000);
+                        }
+                    }
+                } else {
+                    statusSpan.textContent = "LLM manager not initialized";
+                    statusSpan.style.color = "#ff6b6b";
+                    ApiUi.setTestPresence("#9e9e9e");
+                }
+            } catch (error) {
+                console.error("Error while testing API:", error);
+                statusSpan.textContent = `Error: ${error.message}`;
+                statusSpan.style.color = "#ff6b6b";
+                ApiUi.setTestPresence("#9e9e9e");
+
+                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 keyPref = window.KimiProviderUtils ? window.KimiProviderUtils.getKeyPrefForProvider(provider) : "providerApiKey";
+                const value = input.value.trim();
+                // Update Test button state immediately
+                const validNow = !!(window.KIMI_VALIDATORS && window.KIMI_VALIDATORS.validateApiKey(value));
+                ApiUi.setTestEnabled(provider === "ollama" ? true : validNow);
+                if (window.kimiDB) {
+                    try {
+                        await window.kimiDB.setPreference(keyPref, value);
+                        const savedBadge = ApiUi.savedBadge();
+                        if (savedBadge) {
+                            if (value) {
+                                savedBadge.textContent = (window.kimiI18nManager && window.kimiI18nManager.t("saved_short")) || "Saved";
+                                savedBadge.style.display = "inline";
+                            } else {
+                                savedBadge.style.display = "none";
+                            }
+                        }
+                        ApiUi.setPresence(value ? "#4caf50" : "#9e9e9e");
+                        // Any key change invalidates previous test state
+                        ApiUi.setTestPresence("#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);
+                        ApiUi.setTestPresence("#9e9e9e");
+                    }
+                }
+            }, 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() {
+        // SIMPLE FIX: Initialize _kimiEventCleanup to prevent undefined error
+        if (!window._kimiEventCleanup) {
+            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;
+
+                // Simple cleanup system
+                const cleanupFn = () => {
+                    element.removeEventListener(event, handler);
+                    element[identifier] = false;
+                };
+
+                // Store cleanup function in the simple array
+                window._kimiEventCleanup.push(cleanupFn);
+            }
+        }
+
+        // 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);
+        // Note: Language selector event listener is now handled by VoiceManager.setupLanguageSelector()
+        // This prevents duplicate event listeners and ensures proper coordination between voice and i18n systems
+
+        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
+    }
+
+    // ==== BATCHED EVENT AGGREGATOR (personality + preferences) ====
+    const batchedUpdates = {
+        personality: null,
+        preferences: new Set()
+    };
+    let batchTimer = null;
+
+    function scheduleFlush() {
+        if (batchTimer) return;
+        batchTimer = setTimeout(flushBatchedUpdates, 100); // 100ms coalescing window
+    }
+
+    async function flushBatchedUpdates() {
+        const personalityPayload = batchedUpdates.personality;
+        const prefKeys = Array.from(batchedUpdates.preferences);
+        batchedUpdates.personality = null;
+        batchedUpdates.preferences.clear();
+        batchTimer = null;
+
+        // Apply personality update once (last-wins)
+        if (personalityPayload) {
+            const { character, traits } = personalityPayload;
+            const defaults = (window.getTraitDefaults && window.getTraitDefaults()) || {
+                affection: 55, // Baseline affection default
+                romance: 50,
+                empathy: 75,
+                playfulness: 55,
+                humor: 60,
+                intelligence: 70
+            };
+
+            // Prefer persisted DB traits over defaults to avoid temporary inconsistencies.
+            let dbTraits = null;
+            try {
+                if (window.kimiDB && typeof window.kimiDB.getAllPersonalityTraits === "function") {
+                    dbTraits = window.getCharacterTraits
+                        ? await window.getCharacterTraits(character || null)
+                        : await window.kimiDB.getAllPersonalityTraits(character || null);
+                }
+            } catch (e) {
+                dbTraits = null;
+            }
+
+            const baseline = { ...defaults, ...(dbTraits || {}) };
+            const safeTraits = {};
+            for (const key of Object.keys(defaults)) {
+                // If incoming payload provides the key, use it; otherwise use baseline (DB -> defaults)
+                let raw = Object.prototype.hasOwnProperty.call(traits || {}, key) ? traits[key] : baseline[key];
+                let v = Number(raw);
+                if (!isFinite(v) || isNaN(v)) v = Number(baseline[key]);
+                v = Math.max(0, Math.min(100, v));
+                safeTraits[key] = v;
+            }
+            if (window.KIMI_DEBUG_SYNC) {
+                window.KIMI_CONFIG?.debugLog("SYNC", `Personality updated for ${character}:`, safeTraits);
+            }
+            // Centralize side-effects elsewhere; aggregator remains a coalesced logger only.
+        }
+
+        // Preference keys batch (currently UI refresh for sliders already handled elsewhere)
+        if (prefKeys.length > 0) {
+            // Potential future hook: log or perform aggregated operations
+            // console.log("⚙️ Batched preference keys:", prefKeys);
+        }
+    }
+
+    // Also listen to the DB-wrapped event name to preserve batched logging
+    window.addEventListener("personality:updated", event => {
+        batchedUpdates.personality = event.detail; // last event wins
+        scheduleFlush();
+    });
+    window.addEventListener("preferenceUpdated", event => {
+        if (event.detail?.key) batchedUpdates.preferences.add(event.detail.key);
+        scheduleFlush();
+    });
+
+    // 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();
+            }
+        }
+    });
+
+    // Refresh sliders when character or language preference changes
+    window.addEventListener("preferenceUpdated", evt => {
+        const k = evt.detail?.key;
+        if (!k) return;
+        if (k === "selectedCharacter" || k === "selectedLanguage") {
+            if (window.refreshAllSliders) {
+                setTimeout(() => window.refreshAllSliders(), 50);
+            }
+        }
+    });
+
+    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
+
+    // Personality sync: global event and wrappers
+    (function setupPersonalitySync() {
+        // Guard to avoid multiple initializations
+        if (window._kimiPersonalitySyncReady) return;
+        window._kimiPersonalitySyncReady = true;
+
+        const dispatchUpdated = async (partialTraits, characterHint = null) => {
+            try {
+                const character = characterHint || (window.kimiDB && (await window.kimiDB.getSelectedCharacter())) || null;
+                window.dispatchEvent(
+                    new CustomEvent("personality:updated", {
+                        detail: { character, traits: { ...partialTraits } }
+                    })
+                );
+            } catch (e) {}
+        };
+
+        const tryWrapDB = () => {
+            const db = window.kimiDB;
+            if (!db) return false;
+
+            const wrapOnce = (obj, methodName, buildTraitsFromArgs) => {
+                if (!obj || typeof obj[methodName] !== "function") return;
+                if (obj[methodName]._kimiWrapped) return;
+                const original = obj[methodName].bind(obj);
+                obj[methodName] = async function (...args) {
+                    const res = await original(...args);
+                    try {
+                        const { traits, character } = await buildTraitsFromArgs(args, res);
+                        if (traits && Object.keys(traits).length > 0) {
+                            await dispatchUpdated(traits, character);
+                        }
+                    } catch (e) {}
+                    return res;
+                };
+                obj[methodName]._kimiWrapped = true;
+            };
+
+            // setPersonalityTrait(trait, value, character?)
+            wrapOnce(db, "setPersonalityTrait", async args => {
+                const [trait, value, character] = args;
+                return { traits: { [String(trait)]: Number(value) }, character: character || null };
+            });
+
+            // setPersonalityBatch(traitsObj, character?)
+            wrapOnce(db, "setPersonalityBatch", async args => {
+                const [traitsObj, character] = args;
+                const traits = {};
+                if (traitsObj && typeof traitsObj === "object") {
+                    for (const [k, v] of Object.entries(traitsObj)) {
+                        traits[String(k)] = Number(v);
+                    }
+                }
+                return { traits, character: character || null };
+            });
+
+            // savePersonality(personalityObj, character?)
+            wrapOnce(db, "savePersonality", async args => {
+                const [personalityObj, character] = args;
+                const traits = {};
+                if (personalityObj && typeof personalityObj === "object") {
+                    for (const [k, v] of Object.entries(personalityObj)) {
+                        traits[String(k)] = Number(v);
+                    }
+                }
+                return { traits, character: character || null };
+            });
+
+            return true;
+        };
+
+        // Try immediately and then retry a few times if DB not yet ready
+        if (!tryWrapDB()) {
+            let attempts = 0;
+            const maxAttempts = 20;
+            const interval = setInterval(() => {
+                attempts++;
+                if (tryWrapDB() || attempts >= maxAttempts) {
+                    clearInterval(interval);
+                }
+            }, 250);
+        }
+
+        // Central listener: debounce UI/video sync to avoid thrashing
+        let syncTimer = null;
+        let lastTraits = {};
+        window.addEventListener("personality:updated", async e => {
+            try {
+                if (e && e.detail && e.detail.traits) {
+                    // Merge incremental updates
+                    lastTraits = { ...lastTraits, ...e.detail.traits };
+                }
+            } catch {}
+
+            if (syncTimer) clearTimeout(syncTimer);
+            syncTimer = setTimeout(async () => {
+                try {
+                    const db = window.kimiDB;
+                    const character = (e && e.detail && e.detail.character) || (db && (await db.getSelectedCharacter())) || null;
+                    let traits = lastTraits;
+                    if (!traits || Object.keys(traits).length === 0) {
+                        // Fallback: fetch all traits if partial not provided
+                        traits = db && (window.getCharacterTraits ? await window.getCharacterTraits(character) : await db.getAllPersonalityTraits(character));
+                    }
+
+                    // 1) Update UI sliders if available
+                    if (typeof window.updateSlider === "function" && traits) {
+                        for (const [trait, value] of Object.entries(traits)) {
+                            const id = `trait-${trait}`;
+                            if (document.getElementById(id)) {
+                                try {
+                                    window.updateSlider(id, value);
+                                } catch {}
+                            }
+                        }
+                    }
+                    if (typeof window.syncPersonalityTraits === "function") {
+                        try {
+                            await window.syncPersonalityTraits(character);
+                        } catch {}
+                    }
+
+                    // 2) Update memory cache affection bar if available
+                    if (window.kimiMemory && typeof window.kimiMemory.updateAffectionTrait === "function") {
+                        try {
+                            await window.kimiMemory.updateAffectionTrait();
+                        } catch {}
+                    }
+
+                    // 3) Update video mood by personality
+                    if (window.kimiVideo && typeof window.kimiVideo.setMoodByPersonality === "function") {
+                        const allTraits =
+                            traits && Object.keys(traits).length > 0
+                                ? { ...traits }
+                                : (db &&
+                                      (window.getCharacterTraits ? await window.getCharacterTraits(character) : await db.getAllPersonalityTraits(character))) ||
+                                  {};
+                        try {
+                            window.kimiVideo.setMoodByPersonality(allTraits);
+                        } catch {}
+                        // 3b) Update voice modulation based on personality
+                        try {
+                            if (window.voiceManager && typeof window.voiceManager.updatePersonalityModulation === "function") {
+                                window.voiceManager.updatePersonalityModulation(allTraits);
+                            }
+                        } catch {}
+                    }
+
+                    // 4) Ensure current video context is valid (lightweight guard)
+                    let beforeInfo = null;
+                    try {
+                        if (window.kimiVideo && typeof window.kimiVideo.getCurrentVideoInfo === "function") {
+                            beforeInfo = window.kimiVideo.getCurrentVideoInfo();
+                        }
+                    } catch {}
+
+                    if (typeof window.ensureVideoContextConsistency === "function") {
+                        try {
+                            await window.ensureVideoContextConsistency();
+                        } catch {}
+                    }
+
+                    try {
+                        if (window.KIMI_DEBUG_SYNC && window.kimiVideo && typeof window.kimiVideo.getCurrentVideoInfo === "function") {
+                            const afterInfo = window.kimiVideo.getCurrentVideoInfo();
+                            if (
+                                beforeInfo &&
+                                afterInfo &&
+                                (beforeInfo.context !== afterInfo.context ||
+                                    beforeInfo.emotion !== afterInfo.emotion ||
+                                    beforeInfo.category !== afterInfo.category)
+                            ) {
+                                console.log("🔧 SyncGuard: corrected video context", { from: beforeInfo, to: afterInfo });
+                            }
+                        }
+                    } catch {}
+                } catch {
+                } finally {
+                    lastTraits = {};
+                    if (window.updateGlobalPersonalityUI) {
+                        try {
+                            await window.updateGlobalPersonalityUI();
+                        } catch {}
+                    }
+                }
+            }, 120); // small debounce
+        });
+    })();
+});

kimi-js/kimi-security.js

@@ -0,0 +1,163 @@
+// ===== KIMI SECURITY & VALIDATION CONFIGURATION =====
+
+window.KIMI_SECURITY_CONFIG = {
+    // Input validation limits
+    MAX_MESSAGE_LENGTH: 5000,
+    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;
+
+// ===== Global Input Hardening (anti-autofill and password manager suppression) =====
+(function setupGlobalInputHardening() {
+    try {
+        const ATTRS = {
+            autocomplete: "off",
+            autocapitalize: "none",
+            autocorrect: "off",
+            spellcheck: "false",
+            inputmode: "text",
+            "aria-autocomplete": "none",
+            "data-lpignore": "true",
+            "data-1p-ignore": "true",
+            "data-bwignore": "true",
+            "data-form-type": "other"
+        };
+
+        const API_INPUT_ID = "openrouter-api-key";
+
+        function hardenElement(el) {
+            if (!el || !(el instanceof HTMLElement)) return;
+            const tag = el.tagName;
+            if (tag !== "INPUT" && tag !== "TEXTAREA") return;
+
+            // Do not convert other inputs to password; only enforce anti-autofill attributes
+            for (const [k, v] of Object.entries(ATTRS)) {
+                try {
+                    if (el.getAttribute(k) !== v) el.setAttribute(k, v);
+                } catch {}
+            }
+
+            // Special handling for the API key field: ensure it's treated as non-credential by managers
+            if (el.id === API_INPUT_ID) {
+                try {
+                    // Keep password type by default for masking; JS toggler can switch to text on demand
+                    if (!el.hasAttribute("type")) el.setAttribute("type", "password");
+                    // Explicitly set a non-credential-ish name/value context
+                    if (el.getAttribute("name") !== "openrouter_api_key") el.setAttribute("name", "openrouter_api_key");
+                    if (el.getAttribute("autocomplete") !== "new-password") el.setAttribute("autocomplete", "new-password");
+                } catch {}
+            } else {
+                // For non-API inputs, if browser set type=password by heuristics, revert to text
+                try {
+                    if (el.getAttribute("type") === "password" && el.id !== API_INPUT_ID) {
+                        el.setAttribute("type", "text");
+                    }
+                } catch {}
+            }
+        }
+
+        function hardenAll(scope = document) {
+            const nodes = scope.querySelectorAll("input, textarea");
+            nodes.forEach(hardenElement);
+        }
+
+        // Initial pass
+        if (document.readyState === "loading") {
+            document.addEventListener("DOMContentLoaded", () => hardenAll());
+        } else {
+            hardenAll();
+        }
+
+        // Observe dynamic DOM changes
+        const mo = new MutationObserver(mutations => {
+            for (const m of mutations) {
+                if (m.type === "childList") {
+                    m.addedNodes.forEach(node => {
+                        if (node.nodeType === 1) {
+                            if (node.matches && (node.matches("input") || node.matches("textarea"))) {
+                                hardenElement(node);
+                            }
+                            const descendants = node.querySelectorAll ? node.querySelectorAll("input, textarea") : [];
+                            descendants.forEach(hardenElement);
+                        }
+                    });
+                }
+            }
+        });
+        try {
+            mo.observe(document.documentElement || document.body, {
+                subtree: true,
+                childList: true
+            });
+        } catch {}
+
+        // Expose for debugging if needed
+        window._kimiInputHardener = { hardenAll };
+    } catch (e) {
+        // Fail-safe: never block the app
+        console.warn("Input hardening setup error:", e);
+    }
+})();

kimi-js/kimi-utils.js

@@ -0,0 +1,1118 @@
+// CENTRALIZED KIMI UTILITIES
+// Lightweight additional helpers (Phase 1 consolidation):
+// 1. emitAppEvent(name, detail) -> standard CustomEvent emitter with safe try/catch.
+// 2. getCharacterTraits(char?) -> single place to fetch all personality traits (reduces repetition).
+// 3. setI18n(element, key, params?) -> uniform attribute assignment for i18n keys.
+// These are intentionally minimal & backward-compatible.
+
+if (!window.emitAppEvent) {
+    window.emitAppEvent = function emitAppEvent(name, detail = {}) {
+        if (!name) return false;
+        try {
+            window.dispatchEvent(new CustomEvent(name, { detail }));
+            return true;
+        } catch {
+            return false;
+        }
+    };
+}
+
+if (!window.getCharacterTraits) {
+    window.getCharacterTraits = async function getCharacterTraits(character = null) {
+        try {
+            const db = window.kimiDB;
+            if (!db || typeof db.getAllPersonalityTraits !== "function") return {};
+            // Init cache structure
+            if (!window.__KIMI_TRAITS_CACHE__) {
+                const cfgTtl = (window.KIMI_TRAITS_CACHE_CONFIG && window.KIMI_TRAITS_CACHE_CONFIG.ttlMs) || window.KIMI_CONFIG?.traitsCacheTtlMs;
+                const ttl = typeof cfgTtl === "number" && cfgTtl > 0 ? cfgTtl : 120000;
+                window.__KIMI_TRAITS_CACHE__ = {
+                    data: new Map(),
+                    ts: new Map(),
+                    ttl,
+                    metrics: { hits: 0, misses: 0, invalidations: 0 }
+                }; // TTL configurable (default 2 min)
+                // Centralized trait keys constant
+                window.__KIMI_TRAIT_KEYS__ = ["affection", "playfulness", "intelligence", "empathy", "humor", "romance"];
+            }
+            const cache = window.__KIMI_TRAITS_CACHE__;
+            let char = character;
+            if (!char && typeof db.getSelectedCharacter === "function") {
+                char = await db.getSelectedCharacter();
+            }
+            if (!char) return {};
+            const now = Date.now();
+            const cached = cache.data.get(char);
+            const ts = cache.ts.get(char) || 0;
+            if (cached && now - ts < cache.ttl) {
+                cache.metrics.hits++;
+                return cached;
+            }
+            cache.metrics.misses++;
+            const traits = (await db.getAllPersonalityTraits(char)) || {};
+            cache.data.set(char, traits);
+            cache.ts.set(char, now);
+            return traits;
+        } catch {
+            return {};
+        }
+    };
+}
+
+if (!window.setI18n) {
+    window.setI18n = function setI18n(el, key, params = null) {
+        if (!el || !key) return;
+        try {
+            el.setAttribute("data-i18n", key);
+            if (params && typeof params === "object") {
+                el.setAttribute("data-i18n-params", JSON.stringify(params));
+            }
+        } catch {}
+    };
+}
+
+// Invalidate trait cache on relevant preference updates (e.g., personality changes)
+if (window.addEventListener && !window.__KIMI_TRAITS_CACHE_LISTENER__) {
+    window.__KIMI_TRAITS_CACHE_LISTENER__ = true;
+    window.addEventListener("preferenceUpdated", ev => {
+        try {
+            if (!window.__KIMI_TRAITS_CACHE__) return;
+            const key = ev?.detail?.key;
+            const traitKeys = window.__KIMI_TRAIT_KEYS__ || ["affection", "playfulness", "intelligence", "empathy", "humor", "romance"];
+            const shouldInvalidate = !key || traitKeys.includes(String(key).toLowerCase()) || /trait|personality/i.test(key);
+            if (shouldInvalidate) {
+                window.__KIMI_TRAITS_CACHE__.data.clear();
+                window.__KIMI_TRAITS_CACHE__.ts.clear();
+                if (window.__KIMI_TRAITS_CACHE__.metrics) window.__KIMI_TRAITS_CACHE__.metrics.invalidations++;
+            }
+        } catch {}
+    });
+}
+
+// Debug helper
+if (!window.kimiTraitCacheInfo) {
+    window.kimiTraitCacheInfo = function () {
+        const c = window.__KIMI_TRAITS_CACHE__;
+        if (!c) return { enabled: false };
+        return {
+            enabled: true,
+            entries: c.data.size,
+            ttlMs: c.ttl,
+            keys: [...c.data.keys()],
+            metrics: c.metrics ? { ...c.metrics } : null,
+            traitKeys: window.__KIMI_TRAIT_KEYS__ || []
+        };
+    };
+}
+
+// Simple runtime micro-test for cache invalidation
+if (!window.testTraitCacheInvalidation) {
+    window.testTraitCacheInvalidation = async function () {
+        const report = { initialFetch: null, secondFetchCached: null, afterInvalidation: null, passed: false };
+        try {
+            const traits1 = await window.getCharacterTraits();
+            report.initialFetch = { keys: Object.keys(traits1).length };
+            const before = performance.now();
+            const traits2 = await window.getCharacterTraits();
+            const dur2 = performance.now() - before;
+            report.secondFetchCached = { ms: Math.round(dur2), keys: Object.keys(traits2).length };
+            // Emit fake preferenceUpdated affecting traits
+            window.emitAppEvent && window.emitAppEvent("preferenceUpdated", { key: "affection" });
+            const traits3 = await window.getCharacterTraits();
+            report.afterInvalidation = { keys: Object.keys(traits3).length };
+            report.passed = report.initialFetch.keys === report.afterInvalidation.keys;
+        } catch (e) {
+            report.error = String(e);
+        }
+        return report;
+    };
+}
+
+// Input validation and sanitization utilities
+window.KimiValidationUtils = {
+    validateMessage(message) {
+        if (!message || typeof message !== "string") {
+            return { valid: false, error: "Message must be a non-empty string" };
+        }
+        const trimmed = message.trim();
+        if (!trimmed) return { valid: false, error: "Message cannot be empty" };
+        const MAX = (window.KIMI_SECURITY_CONFIG && window.KIMI_SECURITY_CONFIG.MAX_MESSAGE_LENGTH) || 5000;
+        if (trimmed.length > MAX) {
+            return { valid: false, error: `Message too long (max ${MAX} characters)` };
+        }
+        return { valid: true, sanitized: this.escapeHtml(trimmed) };
+    },
+    escapeHtml(text) {
+        const div = document.createElement("div");
+        div.textContent = text;
+        return div.innerHTML;
+    },
+    /**
+     * Format chat text with simple markdown-like syntax (secure)
+     * Supports: **bold**, *italic*, and preserves line breaks
+     * Security: All text is escaped first, then selective formatting is applied
+     */
+    formatChatText(text) {
+        if (!text || typeof text !== "string") return "";
+
+        // First: Escape all HTML to prevent XSS
+        let escaped = this.escapeHtml(text);
+
+        // Optional: Replace em-dash with regular dash if preferred
+        escaped = escaped.replace(/—/g, "-");
+
+        // Second: Apply simple formatting (only on escaped text)
+        // **bold** -> <strong>bold</strong>
+        escaped = escaped.replace(/\*\*(.*?)\*\*/g, "<strong>$1</strong>");
+
+        // *italic* -> <em>italic</em> (but not if already inside **)
+        escaped = escaped.replace(/(?<!\*)\*([^*]+?)\*(?!\*)/g, "<em>$1</em>");
+
+        // Smart paragraph handling: only create <p> for double line breaks or real paragraphs
+        // Split by double line breaks (\n\n) to identify real paragraphs
+        const realParagraphs = escaped.split(/\n\s*\n/).filter(para => para.trim().length > 0);
+
+        if (realParagraphs.length > 1) {
+            // Multiple paragraphs found - wrap each in <p>
+            escaped = realParagraphs.map(p => `<p>${p.trim().replace(/\n/g, " ")}</p>`).join("");
+        } else {
+            // Single paragraph - just convert single \n to spaces (natural text flow)
+            escaped = escaped.replace(/\n/g, " ");
+        }
+
+        return escaped;
+    },
+    validateRange(value, key) {
+        const bounds = {
+            voiceRate: { min: 0.5, max: 2, def: 1.1 },
+            voicePitch: { min: 0.5, max: 2, def: 1.1 },
+            voiceVolume: { min: 0, max: 1, def: 0.8 },
+            llmTemperature: { min: 0, max: 1, def: 0.9 },
+            llmMaxTokens: { min: 1, max: 8192, def: 400 },
+            llmTopP: { min: 0, max: 1, def: 0.9 },
+            llmFrequencyPenalty: { min: 0, max: 2, def: 0.9 },
+            llmPresencePenalty: { min: 0, max: 2, def: 0.8 },
+            interfaceOpacity: { min: 0.1, max: 1, def: 0.8 }
+        };
+        const b = bounds[key] || { min: 0, max: 100, def: 0 };
+        const v = window.KimiSecurityUtils
+            ? window.KimiSecurityUtils.validateRange(value, b.min, b.max, b.def)
+            : isNaN(parseFloat(value))
+              ? b.def
+              : Math.max(b.min, Math.min(b.max, parseFloat(value)));
+        return { value: v, clamped: v !== parseFloat(value) };
+    }
+};
+
+// Provider utilities used across the app
+const KimiProviderUtils = {
+    getKeyPrefForProvider(provider) {
+        // Each provider should have its own separate API key storage
+        const providerKeys = {
+            openrouter: "openrouterApiKey",
+            openai: "openaiApiKey",
+            groq: "groqApiKey",
+            together: "togetherApiKey",
+            deepseek: "deepseekApiKey",
+            "openai-compatible": "customApiKey",
+            ollama: null
+        };
+        return providerKeys[provider] || "providerApiKey";
+    },
+    async getApiKey(db, provider) {
+        if (!db) return null;
+        if (provider === "ollama") return "__local__";
+        const keyPref = this.getKeyPrefForProvider(provider);
+        return await db.getPreference(keyPref);
+    },
+    getLabelForProvider(provider) {
+        const labels = {
+            openrouter: "OpenRouter API Key",
+            openai: "OpenAI API Key",
+            groq: "Groq API Key",
+            together: "Together API Key",
+            deepseek: "DeepSeek API Key",
+            custom: "Custom API Key",
+            "openai-compatible": "API Key",
+            ollama: "API Key"
+        };
+        return labels[provider] || "API Key";
+    }
+};
+window.KimiProviderUtils = KimiProviderUtils;
+// Shared provider placeholders used by UI and LLM manager. Keep in window for backward compatibility.
+const KimiProviderPlaceholders = {
+    openrouter: "https://openrouter.ai/api/v1/chat/completions",
+    openai: "https://api.openai.com/v1/chat/completions",
+    groq: "https://api.groq.com/openai/v1/chat/completions",
+    together: "https://api.together.xyz/v1/chat/completions",
+    deepseek: "https://api.deepseek.com/chat/completions",
+    "openai-compatible": "",
+    ollama: "http://localhost:11434/api/chat"
+};
+window.KimiProviderPlaceholders = KimiProviderPlaceholders;
+export { KimiProviderUtils, KimiProviderPlaceholders };
+
+// Performance utility functions for debouncing and throttling
+window.KimiPerformanceUtils = {
+    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;
+        };
+    },
+
+    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);
+        };
+    }
+};
+
+// 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";
+    },
+    // Normalize language codes to a primary subtag (e.g. 'en-US' -> 'en', 'us:en' -> 'en')
+    normalizeLanguageCode(raw) {
+        if (!raw) return "";
+        try {
+            let norm = String(raw).toLowerCase();
+            if (norm.includes(":")) {
+                const parts = norm.split(":");
+                norm = parts[parts.length - 1];
+            }
+            norm = norm.replace("_", "-");
+            if (norm.includes("-")) norm = norm.split("-")[0];
+            return norm;
+        } catch (e) {
+            return "";
+        }
+    }
+};
+
+// 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-"));
+    }
+}
+
+// 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));
+    }
+}
+
+// KimiVideoManager implementation moved to ./kimi-videos.js
+// Ensure the video manager module is evaluated so it registers itself on window
+import "./kimi-videos.js";
+
+function getMoodCategoryFromPersonality(traits) {
+    // Use unified emotion system
+    if (window.kimiEmotionSystem) {
+        return window.kimiEmotionSystem.getMoodCategoryFromPersonality(traits);
+    }
+
+    // Fallback (should not be reached) - must match emotion system calculation
+    const keys = ["affection", "romance", "empathy", "playfulness", "humor", "intelligence"];
+    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";
+}
+
+// Expose personality → mood helper for video manager
+window.getMoodCategoryFromPersonality = getMoodCategoryFromPersonality;
+
+// 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;
+        // Guard flag to batch ResizeObserver callbacks within a frame
+        this._resizeRafScheduled = false;
+        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");
+        });
+        // Ensure the content scroll resets to the top when changing tabs
+        if (this.settingsContent) {
+            this.settingsContent.scrollTop = 0;
+            // Defer once to handle layout updates after class toggles
+            window.requestAnimationFrame(() => {
+                this.settingsContent.scrollTop = 0;
+            });
+        }
+        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(() => {
+                // Defer to next animation frame to avoid ResizeObserver loop warnings
+                if (this._resizeRafScheduled) return;
+                this._resizeRafScheduled = true;
+                window.requestAnimationFrame(() => {
+                    this._resizeRafScheduled = false;
+                    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")) {
+                        // Reset scroll to top when the settings modal opens
+                        if (this.settingsContent) {
+                            this.settingsContent.scrollTop = 0;
+                            window.requestAnimationFrame(() => {
+                                this.settingsContent.scrollTop = 0;
+                            });
+                        }
+                    }
+                }
+            });
+        });
+        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;
+            // Only update visible value; side-effects handled by specialized listeners
+            slider.addEventListener("input", () => {
+                if (valueSpan) valueSpan.textContent = slider.value;
+            });
+        });
+    }
+}
+
+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);
+    }
+    /**
+     * @deprecated Prefer calling updateGlobalPersonalityUI() after updating traits.
+     * This direct setter will be removed in a future cleanup.
+     */
+    setPersonalityAverage(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}%`;
+    }
+    /**
+     * @deprecated Use setPersonalityAverage() (itself deprecated) or updateGlobalPersonalityUI().
+     */
+    setFavorability(value) {
+        this.setPersonalityAverage(value);
+    }
+    async setTranscript(text) {
+        this.state.transcript = text;
+        // Always use the proper transcript management via VoiceManager
+        if (window.kimiVoiceManager && window.kimiVoiceManager.updateTranscriptVisibility) {
+            await window.kimiVoiceManager.updateTranscriptVisibility(!!text, text);
+        } else {
+            console.warn("VoiceManager not available - transcript display may not work properly");
+        }
+    }
+    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;
+// KimiVideoManager is provided by the separate module `kimi-videos.js` which sets
+// `window.KimiVideoManager` when executed. Do not reference the symbol here to
+// avoid ReferenceError during module evaluation.
+window.KimiSecurityUtils = KimiSecurityUtils;
+window.KimiCacheManager = new KimiCacheManager(); // Create global instance
+// Expose helper used by the video manager
+window.getCharacterInfo = getCharacterInfo;
+window.KimiInitManager = KimiInitManager;
+window.KimiDOMUtils = KimiDOMUtils;
+window.KimiOverlayManager = KimiOverlayManager;
+window.KimiTabManager = KimiTabManager;
+window.KimiUIEventManager = KimiUIEventManager;
+window.KimiFormManager = KimiFormManager;
+window.KimiUIStateManager = KimiUIStateManager;
+
+window.KimiTokenUtils = {
+    // Approximate token estimation (heuristic):
+    // Base: 1 token ~ 4 chars (English average). We refine by word count and punctuation density.
+    estimate(text) {
+        if (!text || typeof text !== "string") return 0;
+        const trimmed = text.trim();
+        if (!trimmed) return 0;
+        const charLen = trimmed.length;
+        const words = trimmed.split(/\s+/).length;
+        // Base estimates
+        let estimateByChars = Math.ceil(charLen / 4);
+        const estimateByWords = Math.ceil(words * 1.3); // average 1.3 tokens per word
+        // Blend and adjust for punctuation heavy content
+        const punctCount = (trimmed.match(/[.,!?;:]/g) || []).length;
+        const punctFactor = 1 + Math.min(punctCount / Math.max(words, 1) / 5, 0.15); // cap at +15%
+        const blended = Math.round((estimateByChars * 0.55 + estimateByWords * 0.45) * punctFactor);
+        return Math.max(1, blended);
+    }
+};