Update SillyBubble extension to support new image features

- Add support for character-based bubble styling
- Add support for speech and thought bubble types
- Update function schema with new parameters
- Add UI settings for character and bubble type selection
- Update examples and documentation
- Keep backward compatibility with style parameter

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

example.html

@@ -21,7 +21,7 @@
             </div>
 
             <div class="sillybubble_block flex-container">
-                <label for="sillybubble_default_style">Default Bubble Style:</label>
+                <label for="sillybubble_default_style">Default Bubble Style (Legacy):</label>
                 <select id="sillybubble_default_style" class="text_pole">
                     <option value="default">Default</option>
                     <option value="modern">Modern</option>
@@ -30,6 +30,22 @@
                 </select>
             </div>
 
+            <div class="sillybubble_block flex-container">
+                <label for="sillybubble_default_character">Default Character:</label>
+                <select id="sillybubble_default_character" class="text_pole">
+                    <option value="Example">Example</option>
+                    <option value="Bianca">Bianca</option>
+                </select>
+            </div>
+
+            <div class="sillybubble_block flex-container">
+                <label for="sillybubble_default_bubble_type">Default Bubble Type:</label>
+                <select id="sillybubble_default_bubble_type" class="text_pole">
+                    <option value="speech">Speech</option>
+                    <option value="thought">Thought</option>
+                </select>
+            </div>
+
             <div class="sillybubble_block flex-container">
                 <input id="sillybubble_test_button" class="menu_button" type="submit" value="Test Chat Bubble" />
             </div>
@@ -40,7 +56,9 @@
                 <p>Parameters:</p>
                 <ul>
                     <li><code>text</code>: The text to display in the bubble</li>
-                    <li><code>style</code>: (Optional) Bubble style</li>
+                    <li><code>character</code>: (Optional) Character to use (Example, Bianca, etc.)</li>
+                    <li><code>bubble_type</code>: (Optional) Bubble type (speech, thought)</li>
+                    <li><code>style</code>: (Optional, Legacy) Bubble style</li>
                 </ul>
                 <div class="sillybubble_important">
                     <p><strong>Important:</strong> Make sure function calling is enabled in SillyTavern's AI settings and the model you're using supports function calling.</p>
@@ -51,16 +69,20 @@
                         <li>The function appears in the function list</li>
                     </ol>
                     <p><strong>🚨 REQUIRED SETUP:</strong> You MUST add the following to your system prompt or character card:</p>
-                    <pre>You have access to a function called generateChatBubbleImage(text, style) that creates chat bubbles with the given text.
+                    <pre>You have access to a function called generateChatBubbleImage(text, character, bubble_type, style) that creates character-styled chat bubbles.
 
 The function parameters are:
 - text: The text to display in the chat bubble (required string)
-- style: Visual style of the bubble (optional string: "default", "modern", "retro", or "minimal")
+- character: The character to use for the bubble (optional string: "Example", "Bianca", etc.)
+- bubble_type: The type of bubble to use (optional string: "speech" or "thought")
+- style: Legacy parameter for visual style (optional string: "default", "modern", "retro", or "minimal")
 
 When you want to create a chat bubble, call this function with the text you want to display.
 Example usage:
 generateChatBubbleImage("Hello world!")
-generateChatBubbleImage("Hello in retro style", "retro")</pre>
+generateChatBubbleImage("Hello from Bianca", "Bianca")
+generateChatBubbleImage("I'm thinking...", "Example", "thought")
+generateChatBubbleImage("Hello in retro style", null, null, "retro")</pre>
                     <p><strong>ALTERNATIVE:</strong> If the AI can't call the function directly, you can instruct it to respond with Markdown formatted like this:</p>
                     <pre>![](image.php?q=Hello%20world)</pre>
                 </div>