Complete Settings Guide: Every Option Explained

This guide covers every setting in the chatbot application. Click the ⚙️ gear icon to open the Settings panel, then explore each section below to understand what each option does.

๐Ÿง  Persona System Prompt

Control who your AI companion is—their identity, personality, and how they interact with you.

๐Ÿ†” Core Identity Text Area

Define the AI's fundamental character. This is the unchangeable core of who they are—their name, role, and basic traits. Example: "You are Haru, a friendly and curious AI companion."

๐ŸŽญ Custom Personality / Roleplay Text Area

Add custom personality traits, roleplay scenarios, or specific behaviors on top of the core identity. Example: "You are a tsundere childhood friend who secretly has a crush on the user."

๐Ÿ’พ Save Persona Settings Button

Saves your persona configuration. Changes won't take effect until you save.

๐Ÿ”„ Reset Persona Button

Resets persona to the default settings, clearing any custom personality you've created.

๐Ÿ’ก Tip: Keep your Core Identity concise (1-3 sentences). Use Custom Personality for detailed traits and scenarios.

๐Ÿง  Memory Settings

Control how much conversation history the AI remembers when generating responses.

๐Ÿงต Conversation Memory Size Slider (5-50)

The number of previous messages the AI includes for context. Higher values = better memory but more API usage. Default: 10 messages.

๐Ÿ“Š Recommended Values:
  • 5-10: Quick, lightweight conversations
  • 15-25: Good balance for roleplay and ongoing stories
  • 30-50: Maximum context for complex narratives (may be slower)

๐Ÿงฉ Model Settings

Choose and manage your Live2D avatar models.

๐ŸŽญ Select Model Dropdown

Choose from available Live2D models. Click the dropdown to see thumbnails and model names.

➕ Add Custom Model Input Fields + Button

Add your own Live2D model by providing:

  • Model Name: Optional friendly name (auto-detected from URL if blank)
  • Model URL: Direct URL to the .model3.json file (required)
  • Thumbnail URL: Optional image for the model selector

๐Ÿ“‚ Custom Models Dropdown

Select and manage custom models you've added. Shows model info and removal options.

♻️ Reset Model Position & Zoom Button

Resets the model's position and zoom level to defaults. Useful if you've dragged the model off-screen.

๐Ÿ—‘️ Clear All Models Button

Removes all models currently displayed on screen.

๐Ÿ“– Open Model Gallery Button

Opens a fullscreen gallery showing all available models with thumbnails for easy selection.

๐Ÿ—‘️ Clear Custom Models Button

Removes all custom models you've added (built-in models remain).

๐ŸŒ Language Settings

Configure the language for AI responses and interface.

๐ŸŒ Language Dropdown

Select from 193 supported languages. The AI will respond in your chosen language.

๐Ÿ”ค Show Transliteration (for JA, KO) Checkbox

When enabled, shows romanized pronunciation (romaji/romanization) under Japanese and Korean text.

๐Ÿˆฏ Translate User Interface (AI) Checkbox

Translates all UI labels and buttons to your selected language using AI. May take a moment to load.

๐Ÿ”„ Reset Languages Button

Resets language settings to English (default).

๐Ÿ”Š Voice Settings

Control the AI's text-to-speech voice output.

๐Ÿ”ˆ Enable Voice (TTS) Checkbox

Master switch for voice output. When enabled, the AI speaks its responses aloud.

๐ŸŽ™️ Voice Dropdown

Select which voice the AI uses. Options include female voices in various languages. Set to "None" to disable TTS while keeping other voice controls visible.

๐Ÿ“ TTS Chunk Character Limit Slider (50-1000)

Maximum characters per TTS request. Lower values = more frequent but shorter audio clips. Default: 300.

▶️ Play / ⏸️ Pause / ⏹️ Stop Buttons

Manual controls for voice playback. Play resumes, Pause halts temporarily, Stop cancels all queued speech.

๐Ÿ’ก Tip: The voice automatically matches your language when you switch languages. Languages without native voices use the closest phonetic alternative.

๐ŸŽง Audio Settings

Ambient audio and background music.

๐Ÿ“ป Radio Stream Play/Pause + Volume Slider

Toggle an anime music radio stream (Listen.moe). Adjust volume with the slider (default: 25%).

๐Ÿ–ฅ️ Display Settings

Customize the visual appearance of the interface.

⏰ Show Clock Checkbox

Displays a digital clock on the screen.

๐ŸชŸ Chatbox Opacity Slider (0.1-1.0)

Controls transparency of the entire chat container. Lower = more transparent. Default: 0.9.

๐Ÿ’ฌ Message Bubble Opacity Slider (0.1-1.0)

Controls transparency of individual message bubbles. Default: 0.3 (quite transparent for aesthetic).

๐Ÿ–ผ️ Background Image Opacity Slider (0-1.0)

Controls how visible the background image is. 0 = hidden, 1 = fully visible. Default: 1.0.

๐Ÿ–ผ️ Background Image

Customize the scene behind your AI companion.

✨ AI Background Prompt Text Input + Button

Describe a scene and click "Generate Background" to create an AI-generated image. Example: "tranquil starry night sky, minimal, soft light"

๐ŸŒ Generate from Conversation Button

Automatically generates a background based on the current conversation context.

๐Ÿ”— Custom Background URL Text Input + Button

Set a background using any image URL. Click "Set Background" to apply.

๐Ÿงน Clear Background Button

Removes the current background, returning to the default dark theme.

๐Ÿ“š Background Library Gallery

View and manage all generated or added backgrounds. Click to apply, use Select mode to delete multiple.

๐Ÿ“ Background Fit Button Group

Control how the background image is displayed:

  • Contain: Full image visible, may have letterboxing
  • Cover: Fills screen, may crop edges
  • Stretch: Stretches to fill (may distort)
  • Top/Center/Bottom: Aligns the image vertically
  • Fit Width/Height: Scales to fit one dimension

⚙️ Preferences

General application behavior settings.

๐Ÿช„ Always show Settings on page load Checkbox

When enabled, the Settings panel opens automatically every time you load the page. Otherwise, it remembers whether you left it open or closed.

⏱️ Include current time in context Checkbox

Provides the AI with the current date and time so it can give time-aware responses like "Good morning!" or reference the current day.

๐Ÿ”‹ Include battery status in context Checkbox

Lets the AI know your device's battery level and charging state. The AI might say "I see you're running low on battery!"

๐Ÿงฌ Load multiple models at once Checkbox

When enabled, selecting a model adds it to the screen without removing existing ones. Great for having multiple characters interact!

๐Ÿž Debug Settings

Tools for developers and troubleshooting.

๐Ÿงฐ Enable Debug Panel Checkbox

Shows a draggable debug panel with real-time logs of system events, AI responses, and errors.

๐Ÿ“œ Auto-scroll Log Checkbox

Automatically scrolls the debug log to show the newest entries.

๐Ÿงน Clear Debug Log Button

Clears all entries in the debug panel.

๐Ÿ’ฌ Show Live2D Debug Logs Checkbox

Shows detailed logs about Live2D model loading, animations, and interactions.

๐Ÿง  Show AI Debug Logs Checkbox

Shows logs about AI requests, responses, and processing.

๐Ÿ”Š Show TTS Debug Logs Checkbox

Shows logs about text-to-speech processing, chunking, and playback.

๐Ÿ”Œ Test Fallback AI Checkbox

Forces the app to use the offline fallback AI instead of the main API. Useful for testing offline behavior.

⚠️ Note: Debug settings are primarily for developers. Enabling all logs may affect performance.

❓ Help & Tutorial

๐Ÿ“˜ Launch Tutorial Button

Opens an interactive walkthrough that explains the main features of the application.

๐Ÿ“‹ Quick Reference Table

Setting Type Default What It Does
Memory Size Slider 10 Messages AI remembers
Language Dropdown English AI response language
Voice Dropdown Auto TTS voice selection
TTS Chunk Limit Slider 300 Max chars per speech chunk
Chatbox Opacity Slider 0.9 Chat container transparency
Message Opacity Slider 0.3 Message bubble transparency
Background Opacity Slider 1.0 Background image visibility
Radio Volume Slider 0.25 Background music volume
๐ŸŽ‰ Pro Tip: All settings are automatically saved to your browser's local storage. They'll persist across sessions until you clear your browser data.

Comments

Popular posts from this blog

Hello World!

[PSA] Waifu Feed Protocol: Signal Hierarchy

Post Philosophy