Upload folder using huggingface_hub

.gitignore

@@ -0,0 +1,12 @@
+.eggs/
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+__tmp/*
+*.pyi
+.mypycache
+.ruff_cache
+node_modules
+backend/**/templates/

README.md

@@ -1,12 +1,476 @@
 ---
-title: Gradio Consilium Roundtable
-emoji: ⚡
-colorFrom: purple
+tags:
+- gradio-custom-component
+- custom-component-track
+- roundtable
+- consilium
+title: gradio_consilium_roundtable
+short_description: The roundtable for artificial minds
+colorFrom: blue
 colorTo: yellow
 sdk: gradio
-sdk_version: 5.33.0
-app_file: app.py
 pinned: false
+app_file: space.py
+emoji: 🏆
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# `gradio_consilium_roundtable`
+<a href="https://pypi.org/project/gradio_consilium_roundtable/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/gradio_consilium_roundtable"></a>  
+
+The roundtable for artificial minds
+
+## Installation
+
+```bash
+pip install gradio_consilium_roundtable
+```
+
+## Usage
+
+```python
+import gradio as gr
+from gradio_consilium_roundtable import consilium_roundtable
+import json
+
+def simulate_discussion():
+    """Simulate a live AI discussion with custom avatar images"""
+    
+    # Define avatar images (you can replace these URLs with actual image URLs)
+    avatar_images = {
+        "QwQ-32B": "https://cdn-avatars.huggingface.co/v1/production/uploads/620760a26e3b7210c2ff1943/-s1gyJfvbE1RgO5iBeNOi.png",
+        "DeepSeek-R1": "https://logosandtypes.com/wp-content/uploads/2025/02/deepseek.svg",
+        "Mistral Large": "https://logosandtypes.com/wp-content/uploads/2025/02/mistral-ai.svg",
+        "Claude": "https://claude.ai/favicon.ico",
+        # Web Search Agent will use emoji fallback (no image provided)
+    }
+    
+    # Initial state - everyone ready
+    initial_state = {
+        "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+        "messages": [],
+        "currentSpeaker": None,
+        "thinking": [],
+        "showBubbles": [],
+        "avatarImages": avatar_images
+    }
+
+    states = [
+        # 1. QwQ-32B starts thinking
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [],
+            "currentSpeaker": None,
+            "thinking": ["QwQ-32B"],
+            "showBubbles": [],
+            "avatarImages": avatar_images
+        },
+        
+        # 2. DeepSeek-R1 and Search start thinking - QwQ-32B's bubble should stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "This is a very long response that should demonstrate the scrolling functionality. I'm going to explain multiple points in detail.\n\n**Key Analysis Points:**\n- First consideration: market dynamics\n- Second factor: technical feasibility\n- Third aspect: resource allocation\n\nWe need to evaluate each of these systematically."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["DeepSeek-R1", "Web Search Agent"],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 3. DeepSeek-R1 responds - both QwQ-32B and DeepSeek-R1 bubbles visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis:\n\n**Key Points:**\n- Market dynamics are shifting rapidly\n- Technical feasibility looks promising\n- Resource allocation needs careful planning\n\n`Implementation roadmap` should include phased rollout."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation, QwQ-32B! I'd like to add some **quantitative analysis** to your reasoning:\n\n> Statistical models suggest a 73% success probability\n\nLet me run some deeper calculations..."}
+            ],
+            "currentSpeaker": "DeepSeek-R1",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 4. Multiple models thinking - previous responses stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["Mistral Large", "Claude"],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 5. Search agent responds with data - all previous responses visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 **Recent Market Data:**\n\n- Industry growth: +23% YoY\n- Competition analysis: 5 major players\n- Consumer sentiment: 87% positive\n\nSources: MarketWatch, TechCrunch, Industry Reports"}
+            ],
+            "currentSpeaker": "Web Search Agent",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 6. Claude joins the discussion
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 Industry growth: +23% YoY, Competition: 5 major players, Consumer sentiment: 87% positive"},
+                {"speaker": "Claude", "text": "Great insights everyone! Let me synthesize this information:\n\n🎯 **Strategic Recommendation:**\nBased on the quantitative analysis and market data, I suggest a **phased approach** with risk mitigation strategies built in."}
+            ],
+            "currentSpeaker": "Claude",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent"],
+            "avatarImages": avatar_images
+        },
+        
+        # 7. Final consensus with Mistral Large
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Strategic analysis complete with key considerations outlined."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical validation: 73% success probability confirmed."},
+                {"speaker": "Web Search Agent", "text": "Market data supports positive outlook: +23% growth, 87% sentiment."},
+                {"speaker": "Claude", "text": "Phased approach recommended with integrated risk mitigation."},
+                {"speaker": "Mistral Large", "text": "🏆 **CONSENSUS ACHIEVED**\n\nAll analyses converge on a **GO decision** with the following framework:\n\n✅ Phased implementation\n✅ 73% success probability\n✅ Strong market fundamentals\n✅ Risk mitigation protocols"}
+            ],
+            "currentSpeaker": "Mistral Large",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent", "Claude"],
+            "avatarImages": avatar_images
+        }
+    ]
+    
+    return initial_state, states
+
+def update_discussion_state(state_index, states):
+    """Get the next state in the discussion"""
+    if state_index >= len(states):
+        state_index = 0
+    return states[state_index], state_index + 1
+
+# Initialize the discussion
+initial_state, discussion_states = simulate_discussion()
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 🎭 Consilium Roundtable Demo")
+    gr.Markdown("**Watch the AI discussion unfold!** Click 'Next State' to see different phases of the discussion. 📼 Demo Video: https://youtu.be/oyYlf1BfuU8")
+    
+    # State management
+    state_counter = gr.State(0)
+    
+    # The roundtable component
+    roundtable = consilium_roundtable(
+        label="AI Discussion Roundtable",
+        show_label=True,
+        label_icon="https://huggingface.co/front/assets/huggingface_logo-noborder.svg",
+        value=initial_state
+    )
+    
+    with gr.Row():
+        next_btn = gr.Button("▶️ Next Discussion State", variant="primary")
+        reset_btn = gr.Button("🔄 Reset Discussion", variant="secondary")
+    
+    # Status display
+    with gr.Row():
+        status_display = gr.Markdown("**Status:** Discussion ready to begin")
+    
+    def next_state(current_counter):
+        new_state, new_counter = update_discussion_state(current_counter, discussion_states)
+        
+        # Convert to proper JSON string
+        json_state = json.dumps(new_state)
+        
+        # Create status message
+        thinking_list = new_state.get("thinking", [])
+        current_speaker = new_state.get("currentSpeaker")
+        
+        if thinking_list:
+            status = f"**Status:** {', '.join(thinking_list)} {'is' if len(thinking_list) == 1 else 'are'} thinking..."
+        elif current_speaker:
+            status = f"**Status:** {current_speaker} is responding..."
+        else:
+            status = "**Status:** Discussion in progress..."
+            
+        return json_state, new_counter, status
+
+    def reset_discussion():
+        json_state = json.dumps(initial_state)
+        return json_state, 0, "**Status:** Discussion reset - ready to begin"
+    
+    next_btn.click(
+        next_state,
+        inputs=[state_counter],
+        outputs=[roundtable, state_counter, status_display]
+    )
+    
+    reset_btn.click(
+        reset_discussion,
+        outputs=[roundtable, state_counter, status_display]
+    )
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+## `consilium_roundtable`
+
+### Initialization
+
+<table>
+<thead>
+<tr>
+<th align="left">name</th>
+<th align="left" style="width: 25%;">type</th>
+<th align="left">default</th>
+<th align="left">description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td align="left"><code>value</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | Callable | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">JSON string containing the discussion state with participants, messages, current speaker, thinking states, and avatar images. If a function is provided, it will be called each time the app loads to set the initial value.</td>
+</tr>
+
+<tr>
+<td align="left"><code>placeholder</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Not used in this component (roundtable displays participants instead).</td>
+</tr>
+
+<tr>
+<td align="left"><code>label</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | I18nData | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">The label for this component, displayed above the roundtable.</td>
+</tr>
+
+<tr>
+<td align="left"><code>label_icon</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | None
+```
+
+</td>
+<td align="left"><code>"🎭"</code></td>
+<td align="left">Icon displayed next to the label. Can be an emoji (default: "🎭") or a URL to an image. Set to None to disable.</td>
+</tr>
+
+<tr>
+<td align="left"><code>every</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+Timer | float | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Continuously calls `value` to recalculate it if `value` is a function (useful for live discussion updates).</td>
+</tr>
+
+<tr>
+<td align="left"><code>inputs</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+Component | Sequence[Component] | set[Component] | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Components that are used as inputs to calculate `value` if `value` is a function.</td>
+</tr>
+
+<tr>
+<td align="left"><code>show_label</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">If True, will display the label above the roundtable.</td>
+</tr>
+
+<tr>
+<td align="left"><code>scale</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+int | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Relative size compared to adjacent components in a Row or Blocks layout.</td>
+</tr>
+
+<tr>
+<td align="left"><code>min_width</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+int
+```
+
+</td>
+<td align="left"><code>600</code></td>
+<td align="left">Minimum pixel width for the component (default 600px for proper roundtable display).</td>
+</tr>
+
+<tr>
+<td align="left"><code>visible</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool
+```
+
+</td>
+<td align="left"><code>True</code></td>
+<td align="left">If False, component will be hidden.</td>
+</tr>
+
+<tr>
+<td align="left"><code>rtl</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool
+```
+
+</td>
+<td align="left"><code>False</code></td>
+<td align="left">Not used in this component.</td>
+</tr>
+
+<tr>
+<td align="left"><code>elem_id</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">An optional string assigned as the id of this component in the HTML DOM.</td>
+</tr>
+
+<tr>
+<td align="left"><code>elem_classes</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+list[str] | str | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Optional list of CSS classes assigned to this component.</td>
+</tr>
+
+<tr>
+<td align="left"><code>render</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool
+```
+
+</td>
+<td align="left"><code>True</code></td>
+<td align="left">If False, component will not be rendered in the Blocks context initially.</td>
+</tr>
+
+<tr>
+<td align="left"><code>key</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+int | str | tuple[int | str, ...] | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">For gr.render() - components with the same key are treated as the same component across re-renders.</td>
+</tr>
+
+<tr>
+<td align="left"><code>preserved_by_key</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+list[str] | str | None
+```
+
+</td>
+<td align="left"><code>"value"</code></td>
+<td align="left">Parameters preserved across re-renders when using keys.</td>
+</tr>
+</tbody></table>
+
+
+### Events
+
+| name | description |
+|:-----|:------------|
+| `change` | Triggered when the value of the consilium_roundtable changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input. |
+| `input` | This listener is triggered when the user changes the value of the consilium_roundtable. |
+| `submit` | This listener is triggered when the user presses the Enter key while the consilium_roundtable is focused. |
+
+
+
+### User function
+
+The impact on the users predict function varies depending on whether the component is used as an input or output for an event (or both).
+
+- When used as an Input, the component only impacts the input signature of the user function.
+- When used as an output, the component only impacts the return signature of the user function.
+
+The code snippet below is accurate in cases where the component is used as both an input and an output.
+
+- **As output:** Is passed, passes the JSON string value for processing.
+- **As input:** Should return, discussion state as dict or JSON string containing:.
+
+ ```python
+ def predict(
+     value: str | None
+ ) -> Any:
+     return value
+ ```
+ 

app.py

@@ -0,0 +1,191 @@
+import gradio as gr
+from gradio_consilium_roundtable import consilium_roundtable
+import json
+
+def simulate_discussion():
+    """Simulate a live AI discussion with custom avatar images"""
+    
+    # Define avatar images (you can replace these URLs with actual image URLs)
+    avatar_images = {
+        "QwQ-32B": "https://cdn-avatars.huggingface.co/v1/production/uploads/620760a26e3b7210c2ff1943/-s1gyJfvbE1RgO5iBeNOi.png",
+        "DeepSeek-R1": "https://logosandtypes.com/wp-content/uploads/2025/02/deepseek.svg",
+        "Mistral Large": "https://logosandtypes.com/wp-content/uploads/2025/02/mistral-ai.svg",
+        "Claude": "https://claude.ai/favicon.ico",
+        # Web Search Agent will use emoji fallback (no image provided)
+    }
+    
+    # Initial state - everyone ready
+    initial_state = {
+        "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+        "messages": [],
+        "currentSpeaker": None,
+        "thinking": [],
+        "showBubbles": [],
+        "avatarImages": avatar_images
+    }
+
+    states = [
+        # 1. QwQ-32B starts thinking
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [],
+            "currentSpeaker": None,
+            "thinking": ["QwQ-32B"],
+            "showBubbles": [],
+            "avatarImages": avatar_images
+        },
+        
+        # 2. DeepSeek-R1 and Search start thinking - QwQ-32B's bubble should stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "This is a very long response that should demonstrate the scrolling functionality. I'm going to explain multiple points in detail.\n\n**Key Analysis Points:**\n- First consideration: market dynamics\n- Second factor: technical feasibility\n- Third aspect: resource allocation\n\nWe need to evaluate each of these systematically."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["DeepSeek-R1", "Web Search Agent"],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 3. DeepSeek-R1 responds - both QwQ-32B and DeepSeek-R1 bubbles visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis:\n\n**Key Points:**\n- Market dynamics are shifting rapidly\n- Technical feasibility looks promising\n- Resource allocation needs careful planning\n\n`Implementation roadmap` should include phased rollout."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation, QwQ-32B! I'd like to add some **quantitative analysis** to your reasoning:\n\n> Statistical models suggest a 73% success probability\n\nLet me run some deeper calculations..."}
+            ],
+            "currentSpeaker": "DeepSeek-R1",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 4. Multiple models thinking - previous responses stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["Mistral Large", "Claude"],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 5. Search agent responds with data - all previous responses visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 **Recent Market Data:**\n\n- Industry growth: +23% YoY\n- Competition analysis: 5 major players\n- Consumer sentiment: 87% positive\n\nSources: MarketWatch, TechCrunch, Industry Reports"}
+            ],
+            "currentSpeaker": "Web Search Agent",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 6. Claude joins the discussion
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 Industry growth: +23% YoY, Competition: 5 major players, Consumer sentiment: 87% positive"},
+                {"speaker": "Claude", "text": "Great insights everyone! Let me synthesize this information:\n\n🎯 **Strategic Recommendation:**\nBased on the quantitative analysis and market data, I suggest a **phased approach** with risk mitigation strategies built in."}
+            ],
+            "currentSpeaker": "Claude",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent"],
+            "avatarImages": avatar_images
+        },
+        
+        # 7. Final consensus with Mistral Large
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Strategic analysis complete with key considerations outlined."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical validation: 73% success probability confirmed."},
+                {"speaker": "Web Search Agent", "text": "Market data supports positive outlook: +23% growth, 87% sentiment."},
+                {"speaker": "Claude", "text": "Phased approach recommended with integrated risk mitigation."},
+                {"speaker": "Mistral Large", "text": "🏆 **CONSENSUS ACHIEVED**\n\nAll analyses converge on a **GO decision** with the following framework:\n\n✅ Phased implementation\n✅ 73% success probability\n✅ Strong market fundamentals\n✅ Risk mitigation protocols"}
+            ],
+            "currentSpeaker": "Mistral Large",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent", "Claude"],
+            "avatarImages": avatar_images
+        }
+    ]
+    
+    return initial_state, states
+
+def update_discussion_state(state_index, states):
+    """Get the next state in the discussion"""
+    if state_index >= len(states):
+        state_index = 0
+    return states[state_index], state_index + 1
+
+# Initialize the discussion
+initial_state, discussion_states = simulate_discussion()
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 🎭 Consilium Roundtable Demo")
+    gr.Markdown("**Watch the AI discussion unfold!** Click 'Next State' to see different phases of the discussion. 📼 Demo Video: https://youtu.be/oyYlf1BfuU8")
+    
+    # State management
+    state_counter = gr.State(0)
+    
+    # The roundtable component
+    roundtable = consilium_roundtable(
+        label="AI Discussion Roundtable",
+        show_label=True,
+        label_icon="https://huggingface.co/front/assets/huggingface_logo-noborder.svg",
+        value=initial_state
+    )
+    
+    with gr.Row():
+        next_btn = gr.Button("▶️ Next Discussion State", variant="primary")
+        reset_btn = gr.Button("🔄 Reset Discussion", variant="secondary")
+    
+    # Status display
+    with gr.Row():
+        status_display = gr.Markdown("**Status:** Discussion ready to begin")
+    
+    def next_state(current_counter):
+        new_state, new_counter = update_discussion_state(current_counter, discussion_states)
+        
+        # Convert to proper JSON string
+        json_state = json.dumps(new_state)
+        
+        # Create status message
+        thinking_list = new_state.get("thinking", [])
+        current_speaker = new_state.get("currentSpeaker")
+        
+        if thinking_list:
+            status = f"**Status:** {', '.join(thinking_list)} {'is' if len(thinking_list) == 1 else 'are'} thinking..."
+        elif current_speaker:
+            status = f"**Status:** {current_speaker} is responding..."
+        else:
+            status = "**Status:** Discussion in progress..."
+            
+        return json_state, new_counter, status
+
+    def reset_discussion():
+        json_state = json.dumps(initial_state)
+        return json_state, 0, "**Status:** Discussion reset - ready to begin"
+    
+    next_btn.click(
+        next_state,
+        inputs=[state_counter],
+        outputs=[roundtable, state_counter, status_display]
+    )
+    
+    reset_btn.click(
+        reset_discussion,
+        outputs=[roundtable, state_counter, status_display]
+    )
+
+if __name__ == "__main__":
+    demo.launch()

css.css

@@ -0,0 +1,157 @@
+html {
+	font-family: Inter;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 1.5;
+	-webkit-text-size-adjust: 100%;
+	background: #fff;
+	color: #323232;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-rendering: optimizeLegibility;
+}
+
+:root {
+	--space: 1;
+	--vspace: calc(var(--space) * 1rem);
+	--vspace-0: calc(3 * var(--space) * 1rem);
+	--vspace-1: calc(2 * var(--space) * 1rem);
+	--vspace-2: calc(1.5 * var(--space) * 1rem);
+	--vspace-3: calc(0.5 * var(--space) * 1rem);
+}
+
+.app {
+	max-width: 748px !important;
+}
+
+.prose p {
+	margin: var(--vspace) 0;
+	line-height: var(--vspace * 2);
+	font-size: 1rem;
+}
+
+code {
+	font-family: "Inconsolata", sans-serif;
+	font-size: 16px;
+}
+
+h1,
+h1 code {
+	font-weight: 400;
+	line-height: calc(2.5 / var(--space) * var(--vspace));
+}
+
+h1 code {
+	background: none;
+	border: none;
+	letter-spacing: 0.05em;
+	padding-bottom: 5px;
+	position: relative;
+	padding: 0;
+}
+
+h2 {
+	margin: var(--vspace-1) 0 var(--vspace-2) 0;
+	line-height: 1em;
+}
+
+h3,
+h3 code {
+	margin: var(--vspace-1) 0 var(--vspace-2) 0;
+	line-height: 1em;
+}
+
+h4,
+h5,
+h6 {
+	margin: var(--vspace-3) 0 var(--vspace-3) 0;
+	line-height: var(--vspace);
+}
+
+.bigtitle,
+h1,
+h1 code {
+	font-size: calc(8px * 4.5);
+	word-break: break-word;
+}
+
+.title,
+h2,
+h2 code {
+	font-size: calc(8px * 3.375);
+	font-weight: lighter;
+	word-break: break-word;
+	border: none;
+	background: none;
+}
+
+.subheading1,
+h3,
+h3 code {
+	font-size: calc(8px * 1.8);
+	font-weight: 600;
+	border: none;
+	background: none;
+	letter-spacing: 0.1em;
+	text-transform: uppercase;
+}
+
+h2 code {
+	padding: 0;
+	position: relative;
+	letter-spacing: 0.05em;
+}
+
+blockquote {
+	font-size: calc(8px * 1.1667);
+	font-style: italic;
+	line-height: calc(1.1667 * var(--vspace));
+	margin: var(--vspace-2) var(--vspace-2);
+}
+
+.subheading2,
+h4 {
+	font-size: calc(8px * 1.4292);
+	text-transform: uppercase;
+	font-weight: 600;
+}
+
+.subheading3,
+h5 {
+	font-size: calc(8px * 1.2917);
+	line-height: calc(1.2917 * var(--vspace));
+
+	font-weight: lighter;
+	text-transform: uppercase;
+	letter-spacing: 0.15em;
+}
+
+h6 {
+	font-size: calc(8px * 1.1667);
+	font-size: 1.1667em;
+	font-weight: normal;
+	font-style: italic;
+	font-family: "le-monde-livre-classic-byol", serif !important;
+	letter-spacing: 0px !important;
+}
+
+#start .md > *:first-child {
+	margin-top: 0;
+}
+
+h2 + h3 {
+	margin-top: 0;
+}
+
+.md hr {
+	border: none;
+	border-top: 1px solid var(--block-border-color);
+	margin: var(--vspace-2) 0 var(--vspace-2) 0;
+}
+.prose ul {
+	margin: var(--vspace-2) 0 var(--vspace-1) 0;
+}
+
+.gap {
+	gap: 0;
+}

requirements.txt

@@ -0,0 +1 @@
+gradio_consilium_roundtable

space.py

@@ -0,0 +1,312 @@
+
+import gradio as gr
+from app import demo as app
+import os
+
+_docs = {'consilium_roundtable': {'description': 'Creates a visual roundtable component for AI consensus discussions.\n\nDisplays AI participants as avatars positioned around an oval table\nwith animated speech bubbles, thinking states, and real-time discussion updates.\nPerfect for multi-AI collaboration, decision-making processes, and consensus building.\n\nSupports custom avatar images with emoji fallbacks for enhanced visual representation.', 'members': {'__init__': {'value': {'type': 'str | Callable | None', 'default': 'None', 'description': 'JSON string containing the discussion state with participants, messages, current speaker, thinking states, and avatar images. If a function is provided, it will be called each time the app loads to set the initial value.'}, 'placeholder': {'type': 'str | None', 'default': 'None', 'description': 'Not used in this component (roundtable displays participants instead).'}, 'label': {'type': 'str | I18nData | None', 'default': 'None', 'description': 'The label for this component, displayed above the roundtable.'}, 'label_icon': {'type': 'str | None', 'default': '"🎭"', 'description': 'Icon displayed next to the label. Can be an emoji (default: "🎭") or a URL to an image. Set to None to disable.'}, 'every': {'type': 'Timer | float | None', 'default': 'None', 'description': 'Continuously calls `value` to recalculate it if `value` is a function (useful for live discussion updates).'}, 'inputs': {'type': 'Component | Sequence[Component] | set[Component] | None', 'default': 'None', 'description': 'Components that are used as inputs to calculate `value` if `value` is a function.'}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'If True, will display the label above the roundtable.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'Relative size compared to adjacent components in a Row or Blocks layout.'}, 'min_width': {'type': 'int', 'default': '600', 'description': 'Minimum pixel width for the component (default 600px for proper roundtable display).'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'rtl': {'type': 'bool', 'default': 'False', 'description': 'Not used in this component.'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string assigned as the id of this component in the HTML DOM.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'Optional list of CSS classes assigned to this component.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not be rendered in the Blocks context initially.'}, 'key': {'type': 'int | str | tuple[int | str, ...] | None', 'default': 'None', 'description': 'For gr.render() - components with the same key are treated as the same component across re-renders.'}, 'preserved_by_key': {'type': 'list[str] | str | None', 'default': '"value"', 'description': 'Parameters preserved across re-renders when using keys.'}}, 'postprocess': {'value': {'type': 'Any', 'description': 'Discussion state as dict or JSON string containing:'}}, 'preprocess': {'return': {'type': 'str | None', 'description': 'Passes the JSON string value for processing.'}, 'value': None}}, 'events': {'change': {'type': None, 'default': None, 'description': 'Triggered when the value of the consilium_roundtable changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input.'}, 'input': {'type': None, 'default': None, 'description': 'This listener is triggered when the user changes the value of the consilium_roundtable.'}, 'submit': {'type': None, 'default': None, 'description': 'This listener is triggered when the user presses the Enter key while the consilium_roundtable is focused.'}}}, '__meta__': {'additional_interfaces': {}, 'user_fn_refs': {'consilium_roundtable': []}}}
+
+abs_path = os.path.join(os.path.dirname(__file__), "css.css")
+
+with gr.Blocks(
+    css=abs_path,
+    theme=gr.themes.Default(
+        font_mono=[
+            gr.themes.GoogleFont("Inconsolata"),
+            "monospace",
+        ],
+    ),
+) as demo:
+    gr.Markdown(
+"""
+# `gradio_consilium_roundtable`
+
+<div style="display: flex; gap: 7px;">
+<a href="https://pypi.org/project/gradio_consilium_roundtable/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/gradio_consilium_roundtable"></a>  
+</div>
+
+The roundtable for artificial minds
+""", elem_classes=["md-custom"], header_links=True)
+    app.render()
+    gr.Markdown(
+"""
+## Installation
+
+```bash
+pip install gradio_consilium_roundtable
+```
+
+## Usage
+
+```python
+import gradio as gr
+from gradio_consilium_roundtable import consilium_roundtable
+import json
+
+def simulate_discussion():
+    \"\"\"Simulate a live AI discussion with custom avatar images\"\"\"
+    
+    # Define avatar images (you can replace these URLs with actual image URLs)
+    avatar_images = {
+        "QwQ-32B": "https://cdn-avatars.huggingface.co/v1/production/uploads/620760a26e3b7210c2ff1943/-s1gyJfvbE1RgO5iBeNOi.png",
+        "DeepSeek-R1": "https://logosandtypes.com/wp-content/uploads/2025/02/deepseek.svg",
+        "Mistral Large": "https://logosandtypes.com/wp-content/uploads/2025/02/mistral-ai.svg",
+        "Claude": "https://claude.ai/favicon.ico",
+        # Web Search Agent will use emoji fallback (no image provided)
+    }
+    
+    # Initial state - everyone ready
+    initial_state = {
+        "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+        "messages": [],
+        "currentSpeaker": None,
+        "thinking": [],
+        "showBubbles": [],
+        "avatarImages": avatar_images
+    }
+
+    states = [
+        # 1. QwQ-32B starts thinking
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [],
+            "currentSpeaker": None,
+            "thinking": ["QwQ-32B"],
+            "showBubbles": [],
+            "avatarImages": avatar_images
+        },
+        
+        # 2. DeepSeek-R1 and Search start thinking - QwQ-32B's bubble should stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "This is a very long response that should demonstrate the scrolling functionality. I'm going to explain multiple points in detail.\n\n**Key Analysis Points:**\n- First consideration: market dynamics\n- Second factor: technical feasibility\n- Third aspect: resource allocation\n\nWe need to evaluate each of these systematically."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["DeepSeek-R1", "Web Search Agent"],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 3. DeepSeek-R1 responds - both QwQ-32B and DeepSeek-R1 bubbles visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis:\n\n**Key Points:**\n- Market dynamics are shifting rapidly\n- Technical feasibility looks promising\n- Resource allocation needs careful planning\n\n`Implementation roadmap` should include phased rollout."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation, QwQ-32B! I'd like to add some **quantitative analysis** to your reasoning:\n\n> Statistical models suggest a 73% success probability\n\nLet me run some deeper calculations..."}
+            ],
+            "currentSpeaker": "DeepSeek-R1",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 4. Multiple models thinking - previous responses stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["Mistral Large", "Claude"],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 5. Search agent responds with data - all previous responses visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 **Recent Market Data:**\n\n- Industry growth: +23% YoY\n- Competition analysis: 5 major players\n- Consumer sentiment: 87% positive\n\nSources: MarketWatch, TechCrunch, Industry Reports"}
+            ],
+            "currentSpeaker": "Web Search Agent",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 6. Claude joins the discussion
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 Industry growth: +23% YoY, Competition: 5 major players, Consumer sentiment: 87% positive"},
+                {"speaker": "Claude", "text": "Great insights everyone! Let me synthesize this information:\n\n🎯 **Strategic Recommendation:**\nBased on the quantitative analysis and market data, I suggest a **phased approach** with risk mitigation strategies built in."}
+            ],
+            "currentSpeaker": "Claude",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent"],
+            "avatarImages": avatar_images
+        },
+        
+        # 7. Final consensus with Mistral Large
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Strategic analysis complete with key considerations outlined."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical validation: 73% success probability confirmed."},
+                {"speaker": "Web Search Agent", "text": "Market data supports positive outlook: +23% growth, 87% sentiment."},
+                {"speaker": "Claude", "text": "Phased approach recommended with integrated risk mitigation."},
+                {"speaker": "Mistral Large", "text": "🏆 **CONSENSUS ACHIEVED**\n\nAll analyses converge on a **GO decision** with the following framework:\n\n✅ Phased implementation\n✅ 73% success probability\n✅ Strong market fundamentals\n✅ Risk mitigation protocols"}
+            ],
+            "currentSpeaker": "Mistral Large",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent", "Claude"],
+            "avatarImages": avatar_images
+        }
+    ]
+    
+    return initial_state, states
+
+def update_discussion_state(state_index, states):
+    \"\"\"Get the next state in the discussion\"\"\"
+    if state_index >= len(states):
+        state_index = 0
+    return states[state_index], state_index + 1
+
+# Initialize the discussion
+initial_state, discussion_states = simulate_discussion()
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 🎭 Consilium Roundtable Demo")
+    gr.Markdown("**Watch the AI discussion unfold!** Click 'Next State' to see different phases of the discussion. 📼 Demo Video: https://youtu.be/oyYlf1BfuU8")
+    
+    # State management
+    state_counter = gr.State(0)
+    
+    # The roundtable component
+    roundtable = consilium_roundtable(
+        label="AI Discussion Roundtable",
+        show_label=True,
+        label_icon="https://huggingface.co/front/assets/huggingface_logo-noborder.svg",
+        value=initial_state
+    )
+    
+    with gr.Row():
+        next_btn = gr.Button("▶️ Next Discussion State", variant="primary")
+        reset_btn = gr.Button("🔄 Reset Discussion", variant="secondary")
+    
+    # Status display
+    with gr.Row():
+        status_display = gr.Markdown("**Status:** Discussion ready to begin")
+    
+    def next_state(current_counter):
+        new_state, new_counter = update_discussion_state(current_counter, discussion_states)
+        
+        # Convert to proper JSON string
+        json_state = json.dumps(new_state)
+        
+        # Create status message
+        thinking_list = new_state.get("thinking", [])
+        current_speaker = new_state.get("currentSpeaker")
+        
+        if thinking_list:
+            status = f"**Status:** {', '.join(thinking_list)} {'is' if len(thinking_list) == 1 else 'are'} thinking..."
+        elif current_speaker:
+            status = f"**Status:** {current_speaker} is responding..."
+        else:
+            status = "**Status:** Discussion in progress..."
+            
+        return json_state, new_counter, status
+
+    def reset_discussion():
+        json_state = json.dumps(initial_state)
+        return json_state, 0, "**Status:** Discussion reset - ready to begin"
+    
+    next_btn.click(
+        next_state,
+        inputs=[state_counter],
+        outputs=[roundtable, state_counter, status_display]
+    )
+    
+    reset_btn.click(
+        reset_discussion,
+        outputs=[roundtable, state_counter, status_display]
+    )
+
+if __name__ == "__main__":
+    demo.launch()
+```
+""", elem_classes=["md-custom"], header_links=True)
+
+
+    gr.Markdown("""
+## `consilium_roundtable`
+
+### Initialization
+""", elem_classes=["md-custom"], header_links=True)
+
+    gr.ParamViewer(value=_docs["consilium_roundtable"]["members"]["__init__"], linkify=[])
+
+
+    gr.Markdown("### Events")
+    gr.ParamViewer(value=_docs["consilium_roundtable"]["events"], linkify=['Event'])
+
+
+
+
+    gr.Markdown("""
+
+### User function
+
+The impact on the users predict function varies depending on whether the component is used as an input or output for an event (or both).
+
+- When used as an Input, the component only impacts the input signature of the user function.
+- When used as an output, the component only impacts the return signature of the user function.
+
+The code snippet below is accurate in cases where the component is used as both an input and an output.
+
+- **As input:** Is passed, passes the JSON string value for processing.
+- **As output:** Should return, discussion state as dict or JSON string containing:.
+
+ ```python
+def predict(
+    value: str | None
+) -> Any:
+    return value
+```
+""", elem_classes=["md-custom", "consilium_roundtable-user-fn"], header_links=True)
+
+
+
+
+    demo.load(None, js=r"""function() {
+    const refs = {};
+    const user_fn_refs = {
+          consilium_roundtable: [], };
+    requestAnimationFrame(() => {
+
+        Object.entries(user_fn_refs).forEach(([key, refs]) => {
+            if (refs.length > 0) {
+                const el = document.querySelector(`.${key}-user-fn`);
+                if (!el) return;
+                refs.forEach(ref => {
+                    el.innerHTML = el.innerHTML.replace(
+                        new RegExp("\\b"+ref+"\\b", "g"),
+                        `<a href="#h-${ref.toLowerCase()}">${ref}</a>`
+                    );
+                })
+            }
+        })
+
+        Object.entries(refs).forEach(([key, refs]) => {
+            if (refs.length > 0) {
+                const el = document.querySelector(`.${key}`);
+                if (!el) return;
+                refs.forEach(ref => {
+                    el.innerHTML = el.innerHTML.replace(
+                        new RegExp("\\b"+ref+"\\b", "g"),
+                        `<a href="#h-${ref.toLowerCase()}">${ref}</a>`
+                    );
+                })
+            }
+        })
+    })
+}
+
+""")
+
+demo.launch()

src/.gitattributes

@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto

src/.gitignore

@@ -0,0 +1,12 @@
+.eggs/
+dist/
+*.pyc
+__pycache__/
+*.py[cod]
+*$py.class
+__tmp/*
+*.pyi
+.mypycache
+.ruff_cache
+node_modules
+backend/**/templates/

src/README.md

@@ -0,0 +1,476 @@
+---
+tags:
+- gradio-custom-component
+- custom-component-track
+- roundtable
+- consilium
+title: gradio_consilium_roundtable
+short_description: The roundtable for artificial minds
+colorFrom: blue
+colorTo: yellow
+sdk: gradio
+pinned: false
+app_file: space.py
+emoji: 🏆
+---
+
+# `gradio_consilium_roundtable`
+<a href="https://pypi.org/project/gradio_consilium_roundtable/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/gradio_consilium_roundtable"></a>  
+
+The roundtable for artificial minds
+
+## Installation
+
+```bash
+pip install gradio_consilium_roundtable
+```
+
+## Usage
+
+```python
+import gradio as gr
+from gradio_consilium_roundtable import consilium_roundtable
+import json
+
+def simulate_discussion():
+    """Simulate a live AI discussion with custom avatar images"""
+    
+    # Define avatar images (you can replace these URLs with actual image URLs)
+    avatar_images = {
+        "QwQ-32B": "https://cdn-avatars.huggingface.co/v1/production/uploads/620760a26e3b7210c2ff1943/-s1gyJfvbE1RgO5iBeNOi.png",
+        "DeepSeek-R1": "https://logosandtypes.com/wp-content/uploads/2025/02/deepseek.svg",
+        "Mistral Large": "https://logosandtypes.com/wp-content/uploads/2025/02/mistral-ai.svg",
+        "Claude": "https://claude.ai/favicon.ico",
+        # Web Search Agent will use emoji fallback (no image provided)
+    }
+    
+    # Initial state - everyone ready
+    initial_state = {
+        "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+        "messages": [],
+        "currentSpeaker": None,
+        "thinking": [],
+        "showBubbles": [],
+        "avatarImages": avatar_images
+    }
+
+    states = [
+        # 1. QwQ-32B starts thinking
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [],
+            "currentSpeaker": None,
+            "thinking": ["QwQ-32B"],
+            "showBubbles": [],
+            "avatarImages": avatar_images
+        },
+        
+        # 2. DeepSeek-R1 and Search start thinking - QwQ-32B's bubble should stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "This is a very long response that should demonstrate the scrolling functionality. I'm going to explain multiple points in detail.\n\n**Key Analysis Points:**\n- First consideration: market dynamics\n- Second factor: technical feasibility\n- Third aspect: resource allocation\n\nWe need to evaluate each of these systematically."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["DeepSeek-R1", "Web Search Agent"],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 3. DeepSeek-R1 responds - both QwQ-32B and DeepSeek-R1 bubbles visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis:\n\n**Key Points:**\n- Market dynamics are shifting rapidly\n- Technical feasibility looks promising\n- Resource allocation needs careful planning\n\n`Implementation roadmap` should include phased rollout."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation, QwQ-32B! I'd like to add some **quantitative analysis** to your reasoning:\n\n> Statistical models suggest a 73% success probability\n\nLet me run some deeper calculations..."}
+            ],
+            "currentSpeaker": "DeepSeek-R1",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 4. Multiple models thinking - previous responses stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["Mistral Large", "Claude"],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 5. Search agent responds with data - all previous responses visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 **Recent Market Data:**\n\n- Industry growth: +23% YoY\n- Competition analysis: 5 major players\n- Consumer sentiment: 87% positive\n\nSources: MarketWatch, TechCrunch, Industry Reports"}
+            ],
+            "currentSpeaker": "Web Search Agent",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 6. Claude joins the discussion
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 Industry growth: +23% YoY, Competition: 5 major players, Consumer sentiment: 87% positive"},
+                {"speaker": "Claude", "text": "Great insights everyone! Let me synthesize this information:\n\n🎯 **Strategic Recommendation:**\nBased on the quantitative analysis and market data, I suggest a **phased approach** with risk mitigation strategies built in."}
+            ],
+            "currentSpeaker": "Claude",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent"],
+            "avatarImages": avatar_images
+        },
+        
+        # 7. Final consensus with Mistral Large
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Strategic analysis complete with key considerations outlined."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical validation: 73% success probability confirmed."},
+                {"speaker": "Web Search Agent", "text": "Market data supports positive outlook: +23% growth, 87% sentiment."},
+                {"speaker": "Claude", "text": "Phased approach recommended with integrated risk mitigation."},
+                {"speaker": "Mistral Large", "text": "🏆 **CONSENSUS ACHIEVED**\n\nAll analyses converge on a **GO decision** with the following framework:\n\n✅ Phased implementation\n✅ 73% success probability\n✅ Strong market fundamentals\n✅ Risk mitigation protocols"}
+            ],
+            "currentSpeaker": "Mistral Large",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent", "Claude"],
+            "avatarImages": avatar_images
+        }
+    ]
+    
+    return initial_state, states
+
+def update_discussion_state(state_index, states):
+    """Get the next state in the discussion"""
+    if state_index >= len(states):
+        state_index = 0
+    return states[state_index], state_index + 1
+
+# Initialize the discussion
+initial_state, discussion_states = simulate_discussion()
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 🎭 Consilium Roundtable Demo")
+    gr.Markdown("**Watch the AI discussion unfold!** Click 'Next State' to see different phases of the discussion. 📼 Demo Video: https://youtu.be/oyYlf1BfuU8")
+    
+    # State management
+    state_counter = gr.State(0)
+    
+    # The roundtable component
+    roundtable = consilium_roundtable(
+        label="AI Discussion Roundtable",
+        show_label=True,
+        label_icon="https://huggingface.co/front/assets/huggingface_logo-noborder.svg",
+        value=initial_state
+    )
+    
+    with gr.Row():
+        next_btn = gr.Button("▶️ Next Discussion State", variant="primary")
+        reset_btn = gr.Button("🔄 Reset Discussion", variant="secondary")
+    
+    # Status display
+    with gr.Row():
+        status_display = gr.Markdown("**Status:** Discussion ready to begin")
+    
+    def next_state(current_counter):
+        new_state, new_counter = update_discussion_state(current_counter, discussion_states)
+        
+        # Convert to proper JSON string
+        json_state = json.dumps(new_state)
+        
+        # Create status message
+        thinking_list = new_state.get("thinking", [])
+        current_speaker = new_state.get("currentSpeaker")
+        
+        if thinking_list:
+            status = f"**Status:** {', '.join(thinking_list)} {'is' if len(thinking_list) == 1 else 'are'} thinking..."
+        elif current_speaker:
+            status = f"**Status:** {current_speaker} is responding..."
+        else:
+            status = "**Status:** Discussion in progress..."
+            
+        return json_state, new_counter, status
+
+    def reset_discussion():
+        json_state = json.dumps(initial_state)
+        return json_state, 0, "**Status:** Discussion reset - ready to begin"
+    
+    next_btn.click(
+        next_state,
+        inputs=[state_counter],
+        outputs=[roundtable, state_counter, status_display]
+    )
+    
+    reset_btn.click(
+        reset_discussion,
+        outputs=[roundtable, state_counter, status_display]
+    )
+
+if __name__ == "__main__":
+    demo.launch()
+```
+
+## `consilium_roundtable`
+
+### Initialization
+
+<table>
+<thead>
+<tr>
+<th align="left">name</th>
+<th align="left" style="width: 25%;">type</th>
+<th align="left">default</th>
+<th align="left">description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td align="left"><code>value</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | Callable | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">JSON string containing the discussion state with participants, messages, current speaker, thinking states, and avatar images. If a function is provided, it will be called each time the app loads to set the initial value.</td>
+</tr>
+
+<tr>
+<td align="left"><code>placeholder</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Not used in this component (roundtable displays participants instead).</td>
+</tr>
+
+<tr>
+<td align="left"><code>label</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | I18nData | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">The label for this component, displayed above the roundtable.</td>
+</tr>
+
+<tr>
+<td align="left"><code>label_icon</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | None
+```
+
+</td>
+<td align="left"><code>"🎭"</code></td>
+<td align="left">Icon displayed next to the label. Can be an emoji (default: "🎭") or a URL to an image. Set to None to disable.</td>
+</tr>
+
+<tr>
+<td align="left"><code>every</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+Timer | float | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Continuously calls `value` to recalculate it if `value` is a function (useful for live discussion updates).</td>
+</tr>
+
+<tr>
+<td align="left"><code>inputs</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+Component | Sequence[Component] | set[Component] | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Components that are used as inputs to calculate `value` if `value` is a function.</td>
+</tr>
+
+<tr>
+<td align="left"><code>show_label</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">If True, will display the label above the roundtable.</td>
+</tr>
+
+<tr>
+<td align="left"><code>scale</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+int | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Relative size compared to adjacent components in a Row or Blocks layout.</td>
+</tr>
+
+<tr>
+<td align="left"><code>min_width</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+int
+```
+
+</td>
+<td align="left"><code>600</code></td>
+<td align="left">Minimum pixel width for the component (default 600px for proper roundtable display).</td>
+</tr>
+
+<tr>
+<td align="left"><code>visible</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool
+```
+
+</td>
+<td align="left"><code>True</code></td>
+<td align="left">If False, component will be hidden.</td>
+</tr>
+
+<tr>
+<td align="left"><code>rtl</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool
+```
+
+</td>
+<td align="left"><code>False</code></td>
+<td align="left">Not used in this component.</td>
+</tr>
+
+<tr>
+<td align="left"><code>elem_id</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+str | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">An optional string assigned as the id of this component in the HTML DOM.</td>
+</tr>
+
+<tr>
+<td align="left"><code>elem_classes</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+list[str] | str | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">Optional list of CSS classes assigned to this component.</td>
+</tr>
+
+<tr>
+<td align="left"><code>render</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+bool
+```
+
+</td>
+<td align="left"><code>True</code></td>
+<td align="left">If False, component will not be rendered in the Blocks context initially.</td>
+</tr>
+
+<tr>
+<td align="left"><code>key</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+int | str | tuple[int | str, ...] | None
+```
+
+</td>
+<td align="left"><code>None</code></td>
+<td align="left">For gr.render() - components with the same key are treated as the same component across re-renders.</td>
+</tr>
+
+<tr>
+<td align="left"><code>preserved_by_key</code></td>
+<td align="left" style="width: 25%;">
+
+```python
+list[str] | str | None
+```
+
+</td>
+<td align="left"><code>"value"</code></td>
+<td align="left">Parameters preserved across re-renders when using keys.</td>
+</tr>
+</tbody></table>
+
+
+### Events
+
+| name | description |
+|:-----|:------------|
+| `change` | Triggered when the value of the consilium_roundtable changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input. |
+| `input` | This listener is triggered when the user changes the value of the consilium_roundtable. |
+| `submit` | This listener is triggered when the user presses the Enter key while the consilium_roundtable is focused. |
+
+
+
+### User function
+
+The impact on the users predict function varies depending on whether the component is used as an input or output for an event (or both).
+
+- When used as an Input, the component only impacts the input signature of the user function.
+- When used as an output, the component only impacts the return signature of the user function.
+
+The code snippet below is accurate in cases where the component is used as both an input and an output.
+
+- **As output:** Is passed, passes the JSON string value for processing.
+- **As input:** Should return, discussion state as dict or JSON string containing:.
+
+ ```python
+ def predict(
+     value: str | None
+ ) -> Any:
+     return value
+ ```
+ 

src/backend/gradio_consilium_roundtable/__init__.py

@@ -0,0 +1,4 @@
+
+from .consilium_roundtable import consilium_roundtable
+
+__all__ = ['consilium_roundtable']

src/backend/gradio_consilium_roundtable/consilium_roundtable.py

@@ -0,0 +1,202 @@
+from __future__ import annotations
+
+from collections.abc import Callable, Sequence
+from typing import TYPE_CHECKING, Any
+import json
+
+from gradio.components.base import Component, FormComponent
+from gradio.events import Events
+from gradio.i18n import I18nData
+
+if TYPE_CHECKING:
+    from gradio.components import Timer
+
+
+class consilium_roundtable(FormComponent):
+    """
+    Creates a visual roundtable component for AI consensus discussions.
+    
+    Displays AI participants as avatars positioned around an oval table
+    with animated speech bubbles, thinking states, and real-time discussion updates.
+    Perfect for multi-AI collaboration, decision-making processes, and consensus building.
+    
+    Supports custom avatar images with emoji fallbacks for enhanced visual representation.
+    """
+
+    EVENTS = [
+        Events.change,
+        Events.input,
+        Events.submit,
+    ]
+
+    def __init__(
+        self,
+        value: str | Callable | None = None,
+        *,
+        placeholder: str | None = None,
+        label: str | I18nData | None = None,
+        label_icon: str | None = "🎭",
+        every: Timer | float | None = None,
+        inputs: Component | Sequence[Component] | set[Component] | None = None,
+        show_label: bool | None = None,
+        scale: int | None = None,
+        min_width: int = 600,
+        visible: bool = True,
+        rtl: bool = False,
+        elem_id: str | None = None,
+        elem_classes: list[str] | str | None = None,
+        render: bool = True,
+        key: int | str | tuple[int | str, ...] | None = None,
+        preserved_by_key: list[str] | str | None = "value",
+    ):
+        """
+        Parameters:
+            value: JSON string containing the discussion state with participants, messages, current speaker, thinking states, and avatar images. If a function is provided, it will be called each time the app loads to set the initial value.
+            placeholder: Not used in this component (roundtable displays participants instead).
+            label: The label for this component, displayed above the roundtable.
+            label_icon: Icon displayed next to the label. Can be an emoji (default: "🎭") or a URL to an image. Set to None to disable.
+            every: Continuously calls `value` to recalculate it if `value` is a function (useful for live discussion updates).
+            inputs: Components that are used as inputs to calculate `value` if `value` is a function.
+            show_label: If True, will display the label above the roundtable.
+            scale: Relative size compared to adjacent components in a Row or Blocks layout.
+            min_width: Minimum pixel width for the component (default 600px for proper roundtable display).
+            visible: If False, component will be hidden.
+            rtl: Not used in this component.
+            elem_id: An optional string assigned as the id of this component in the HTML DOM.
+            elem_classes: Optional list of CSS classes assigned to this component.
+            render: If False, component will not be rendered in the Blocks context initially.
+            key: For gr.render() - components with the same key are treated as the same component across re-renders.
+            preserved_by_key: Parameters preserved across re-renders when using keys.
+        """
+        self.placeholder = placeholder
+        self.rtl = rtl
+        self.label_icon = label_icon
+        super().__init__(
+            label=label,
+            every=every,
+            inputs=inputs,
+            show_label=show_label,
+            scale=scale,
+            min_width=min_width,
+            visible=visible,
+            elem_id=elem_id,
+            elem_classes=elem_classes,
+            value=value,
+            render=render,
+            key=key,
+            preserved_by_key=preserved_by_key,
+        )
+
+    def preprocess(self, payload: str | None) -> str | None:
+        """
+        Parameters:
+            payload: JSON string from the frontend containing user interactions or state changes.
+        Returns:
+            Passes the JSON string value for processing.
+        """
+        return None if payload is None else str(payload)
+
+    def postprocess(self, value: Any) -> str:
+        """
+        Convert discussion state to proper JSON string for frontend.
+        
+        Parameters:
+            value: Discussion state as dict or JSON string containing:
+                - participants: List of AI model names (e.g., ["Claude", "GPT-4", "Mistral"])
+                - messages: List of message objects with speaker and text
+                - currentSpeaker: Name of currently speaking participant (or null)
+                - thinking: List of participants currently in thinking state
+                - showBubbles: List of participants whose bubbles should remain visible
+                - avatarImages: Dict mapping participant names to image URLs (optional)
+        
+        Returns:
+            Clean JSON string for frontend consumption.
+        """
+        if value is None:
+            return json.dumps({
+                "participants": [], 
+                "messages": [], 
+                "currentSpeaker": None, 
+                "thinking": [], 
+                "showBubbles": [], 
+                "avatarImages": {}
+            })
+        
+        if isinstance(value, dict):
+            # Ensure all required fields are present
+            processed_value = {
+                "participants": value.get("participants", []),
+                "messages": value.get("messages", []),
+                "currentSpeaker": value.get("currentSpeaker"),
+                "thinking": value.get("thinking", []),
+                "showBubbles": value.get("showBubbles", []),
+                "avatarImages": value.get("avatarImages", {})
+            }
+            return json.dumps(processed_value)
+        elif isinstance(value, str):
+            try:
+                parsed = json.loads(value)
+                # Ensure avatarImages field exists
+                if "avatarImages" not in parsed:
+                    parsed["avatarImages"] = {}
+                return json.dumps(parsed)
+            except json.JSONDecodeError:
+                return json.dumps({
+                    "participants": [], 
+                    "messages": [], 
+                    "currentSpeaker": None, 
+                    "thinking": [], 
+                    "showBubbles": [], 
+                    "avatarImages": {}
+                })
+        
+        return json.dumps(value)
+
+    def api_info(self) -> dict[str, Any]:
+        return {
+            "type": "string",
+            "description": "JSON string containing AI discussion state with optional avatar images",
+            "example": json.dumps({
+                "participants": ["Claude", "GPT-4"], 
+                "messages": [{"speaker": "Claude", "text": "Hello"}], 
+                "currentSpeaker": "Claude", 
+                "thinking": [],
+                "showBubbles": [],
+                "avatarImages": {
+                    "Claude": "https://example.com/claude-avatar.png",
+                    "GPT-4": "https://example.com/gpt4-avatar.png"
+                }
+            })
+        }
+
+    def example_payload(self) -> Any:
+        return json.dumps({
+            "participants": ["Claude", "GPT-4", "Mistral"],
+            "messages": [
+                {"speaker": "Claude", "text": "I think we should consider multiple perspectives on this issue."},
+                {"speaker": "GPT-4", "text": "That's a solid foundation. Let me add some analysis..."}
+            ],
+            "currentSpeaker": "GPT-4",
+            "thinking": ["Mistral"],
+            "showBubbles": ["Claude"],
+            "avatarImages": {
+                "Claude": "https://example.com/claude.png",
+                "GPT-4": "https://example.com/gpt4.png"
+            }
+        })
+
+    def example_value(self) -> Any:
+        return json.dumps({
+            "participants": ["Claude", "GPT-4", "Mistral", "Gemini", "Search"],
+            "messages": [
+                {"speaker": "Claude", "text": "Welcome to the Consilium roundtable discussion!"},
+                {"speaker": "Search", "text": "I've gathered relevant data for our analysis."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["GPT-4", "Mistral"],
+            "showBubbles": ["Claude"],
+            "avatarImages": {
+                "Claude": "https://example.com/claude-avatar.jpg",
+                "Gemini": "https://example.com/gemini-avatar.png"
+            }
+        })

src/backend/gradio_consilium_roundtable/templates/component/index.js

@@ -0,0 +1,2117 @@
+var st = Object.defineProperty;
+var ve = (r) => {
+  throw TypeError(r);
+};
+var it = (r, e, t) => e in r ? st(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var x = (r, e, t) => it(r, typeof e != "symbol" ? e + "" : e, t), lt = (r, e, t) => e.has(r) || ve("Cannot " + t);
+var Te = (r, e, t) => e.has(r) ? ve("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t);
+var ee = (r, e, t) => (lt(r, e, "access private method"), t);
+function fe() {
+  return {
+    async: !1,
+    breaks: !1,
+    extensions: null,
+    gfm: !0,
+    hooks: null,
+    pedantic: !1,
+    renderer: null,
+    silent: !1,
+    tokenizer: null,
+    walkTokens: null
+  };
+}
+let O = fe();
+function qe(r) {
+  O = r;
+}
+const De = /[&<>"']/, rt = new RegExp(De.source, "g"), Ze = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, ot = new RegExp(Ze.source, "g"), at = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+}, ze = (r) => at[r];
+function C(r, e) {
+  if (e) {
+    if (De.test(r))
+      return r.replace(rt, ze);
+  } else if (Ze.test(r))
+    return r.replace(ot, ze);
+  return r;
+}
+const ct = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
+function ht(r) {
+  return r.replace(ct, (e, t) => (t = t.toLowerCase(), t === "colon" ? ":" : t.charAt(0) === "#" ? t.charAt(1) === "x" ? String.fromCharCode(parseInt(t.substring(2), 16)) : String.fromCharCode(+t.substring(1)) : ""));
+}
+const ut = /(^|[^\[])\^/g;
+function w(r, e) {
+  let t = typeof r == "string" ? r : r.source;
+  e = e || "";
+  const n = {
+    replace: (i, l) => {
+      let s = typeof l == "string" ? l : l.source;
+      return s = s.replace(ut, "$1"), t = t.replace(i, s), n;
+    },
+    getRegex: () => new RegExp(t, e)
+  };
+  return n;
+}
+function Ie(r) {
+  try {
+    r = encodeURI(r).replace(/%25/g, "%");
+  } catch {
+    return null;
+  }
+  return r;
+}
+const F = { exec: () => null };
+function Re(r, e) {
+  const t = r.replace(/\|/g, (l, s, o) => {
+    let a = !1, u = s;
+    for (; --u >= 0 && o[u] === "\\"; )
+      a = !a;
+    return a ? "|" : " |";
+  }), n = t.split(/ \|/);
+  let i = 0;
+  if (n[0].trim() || n.shift(), n.length > 0 && !n[n.length - 1].trim() && n.pop(), e)
+    if (n.length > e)
+      n.splice(e);
+    else
+      for (; n.length < e; )
+        n.push("");
+  for (; i < n.length; i++)
+    n[i] = n[i].trim().replace(/\\\|/g, "|");
+  return n;
+}
+function te(r, e, t) {
+  const n = r.length;
+  if (n === 0)
+    return "";
+  let i = 0;
+  for (; i < n && r.charAt(n - i - 1) === e; )
+    i++;
+  return r.slice(0, n - i);
+}
+function pt(r, e) {
+  if (r.indexOf(e[1]) === -1)
+    return -1;
+  let t = 0;
+  for (let n = 0; n < r.length; n++)
+    if (r[n] === "\\")
+      n++;
+    else if (r[n] === e[0])
+      t++;
+    else if (r[n] === e[1] && (t--, t < 0))
+      return n;
+  return -1;
+}
+function Se(r, e, t, n) {
+  const i = e.href, l = e.title ? C(e.title) : null, s = r[1].replace(/\\([\[\]])/g, "$1");
+  if (r[0].charAt(0) !== "!") {
+    n.state.inLink = !0;
+    const o = {
+      type: "link",
+      raw: t,
+      href: i,
+      title: l,
+      text: s,
+      tokens: n.inlineTokens(s)
+    };
+    return n.state.inLink = !1, o;
+  }
+  return {
+    type: "image",
+    raw: t,
+    href: i,
+    title: l,
+    text: C(s)
+  };
+}
+function ft(r, e) {
+  const t = r.match(/^(\s+)(?:```)/);
+  if (t === null)
+    return e;
+  const n = t[1];
+  return e.split(`
+`).map((i) => {
+    const l = i.match(/^\s+/);
+    if (l === null)
+      return i;
+    const [s] = l;
+    return s.length >= n.length ? i.slice(n.length) : i;
+  }).join(`
+`);
+}
+class se {
+  // set by the lexer
+  constructor(e) {
+    x(this, "options");
+    x(this, "rules");
+    // set by the lexer
+    x(this, "lexer");
+    this.options = e || O;
+  }
+  space(e) {
+    const t = this.rules.block.newline.exec(e);
+    if (t && t[0].length > 0)
+      return {
+        type: "space",
+        raw: t[0]
+      };
+  }
+  code(e) {
+    const t = this.rules.block.code.exec(e);
+    if (t) {
+      const n = t[0].replace(/^ {1,4}/gm, "");
+      return {
+        type: "code",
+        raw: t[0],
+        codeBlockStyle: "indented",
+        text: this.options.pedantic ? n : te(n, `
+`)
+      };
+    }
+  }
+  fences(e) {
+    const t = this.rules.block.fences.exec(e);
+    if (t) {
+      const n = t[0], i = ft(n, t[3] || "");
+      return {
+        type: "code",
+        raw: n,
+        lang: t[2] ? t[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : t[2],
+        text: i
+      };
+    }
+  }
+  heading(e) {
+    const t = this.rules.block.heading.exec(e);
+    if (t) {
+      let n = t[2].trim();
+      if (/#$/.test(n)) {
+        const i = te(n, "#");
+        (this.options.pedantic || !i || / $/.test(i)) && (n = i.trim());
+      }
+      return {
+        type: "heading",
+        raw: t[0],
+        depth: t[1].length,
+        text: n,
+        tokens: this.lexer.inline(n)
+      };
+    }
+  }
+  hr(e) {
+    const t = this.rules.block.hr.exec(e);
+    if (t)
+      return {
+        type: "hr",
+        raw: t[0]
+      };
+  }
+  blockquote(e) {
+    const t = this.rules.block.blockquote.exec(e);
+    if (t) {
+      let n = t[0].replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, `
+    $1`);
+      n = te(n.replace(/^ *>[ \t]?/gm, ""), `
+`);
+      const i = this.lexer.state.top;
+      this.lexer.state.top = !0;
+      const l = this.lexer.blockTokens(n);
+      return this.lexer.state.top = i, {
+        type: "blockquote",
+        raw: t[0],
+        tokens: l,
+        text: n
+      };
+    }
+  }
+  list(e) {
+    let t = this.rules.block.list.exec(e);
+    if (t) {
+      let n = t[1].trim();
+      const i = n.length > 1, l = {
+        type: "list",
+        raw: "",
+        ordered: i,
+        start: i ? +n.slice(0, -1) : "",
+        loose: !1,
+        items: []
+      };
+      n = i ? `\\d{1,9}\\${n.slice(-1)}` : `\\${n}`, this.options.pedantic && (n = i ? n : "[*+-]");
+      const s = new RegExp(`^( {0,3}${n})((?:[	 ][^\\n]*)?(?:\\n|$))`);
+      let o = "", a = "", u = !1;
+      for (; e; ) {
+        let c = !1;
+        if (!(t = s.exec(e)) || this.rules.block.hr.test(e))
+          break;
+        o = t[0], e = e.substring(o.length);
+        let h = t[2].split(`
+`, 1)[0].replace(/^\t+/, ($) => " ".repeat(3 * $.length)), p = e.split(`
+`, 1)[0], g = 0;
+        this.options.pedantic ? (g = 2, a = h.trimStart()) : (g = t[2].search(/[^ ]/), g = g > 4 ? 1 : g, a = h.slice(g), g += t[1].length);
+        let _ = !1;
+        if (!h && /^ *$/.test(p) && (o += p + `
+`, e = e.substring(p.length + 1), c = !0), !c) {
+          const $ = new RegExp(`^ {0,${Math.min(3, g - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), T = new RegExp(`^ {0,${Math.min(3, g - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), d = new RegExp(`^ {0,${Math.min(3, g - 1)}}(?:\`\`\`|~~~)`), m = new RegExp(`^ {0,${Math.min(3, g - 1)}}#`);
+          for (; e; ) {
+            const R = e.split(`
+`, 1)[0];
+            if (p = R, this.options.pedantic && (p = p.replace(/^ {1,4}(?=( {4})*[^ ])/g, "  ")), d.test(p) || m.test(p) || $.test(p) || T.test(e))
+              break;
+            if (p.search(/[^ ]/) >= g || !p.trim())
+              a += `
+` + p.slice(g);
+            else {
+              if (_ || h.search(/[^ ]/) >= 4 || d.test(h) || m.test(h) || T.test(h))
+                break;
+              a += `
+` + p;
+            }
+            !_ && !p.trim() && (_ = !0), o += R + `
+`, e = e.substring(R.length + 1), h = p.slice(g);
+          }
+        }
+        l.loose || (u ? l.loose = !0 : /\n *\n *$/.test(o) && (u = !0));
+        let y = null, z;
+        this.options.gfm && (y = /^\[[ xX]\] /.exec(a), y && (z = y[0] !== "[ ] ", a = a.replace(/^\[[ xX]\] +/, ""))), l.items.push({
+          type: "list_item",
+          raw: o,
+          task: !!y,
+          checked: z,
+          loose: !1,
+          text: a,
+          tokens: []
+        }), l.raw += o;
+      }
+      l.items[l.items.length - 1].raw = o.trimEnd(), l.items[l.items.length - 1].text = a.trimEnd(), l.raw = l.raw.trimEnd();
+      for (let c = 0; c < l.items.length; c++)
+        if (this.lexer.state.top = !1, l.items[c].tokens = this.lexer.blockTokens(l.items[c].text, []), !l.loose) {
+          const h = l.items[c].tokens.filter((g) => g.type === "space"), p = h.length > 0 && h.some((g) => /\n.*\n/.test(g.raw));
+          l.loose = p;
+        }
+      if (l.loose)
+        for (let c = 0; c < l.items.length; c++)
+          l.items[c].loose = !0;
+      return l;
+    }
+  }
+  html(e) {
+    const t = this.rules.block.html.exec(e);
+    if (t)
+      return {
+        type: "html",
+        block: !0,
+        raw: t[0],
+        pre: t[1] === "pre" || t[1] === "script" || t[1] === "style",
+        text: t[0]
+      };
+  }
+  def(e) {
+    const t = this.rules.block.def.exec(e);
+    if (t) {
+      const n = t[1].toLowerCase().replace(/\s+/g, " "), i = t[2] ? t[2].replace(/^<(.*)>$/, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "", l = t[3] ? t[3].substring(1, t[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : t[3];
+      return {
+        type: "def",
+        tag: n,
+        raw: t[0],
+        href: i,
+        title: l
+      };
+    }
+  }
+  table(e) {
+    const t = this.rules.block.table.exec(e);
+    if (!t || !/[:|]/.test(t[2]))
+      return;
+    const n = Re(t[1]), i = t[2].replace(/^\||\| *$/g, "").split("|"), l = t[3] && t[3].trim() ? t[3].replace(/\n[ \t]*$/, "").split(`
+`) : [], s = {
+      type: "table",
+      raw: t[0],
+      header: [],
+      align: [],
+      rows: []
+    };
+    if (n.length === i.length) {
+      for (const o of i)
+        /^ *-+: *$/.test(o) ? s.align.push("right") : /^ *:-+: *$/.test(o) ? s.align.push("center") : /^ *:-+ *$/.test(o) ? s.align.push("left") : s.align.push(null);
+      for (const o of n)
+        s.header.push({
+          text: o,
+          tokens: this.lexer.inline(o)
+        });
+      for (const o of l)
+        s.rows.push(Re(o, s.header.length).map((a) => ({
+          text: a,
+          tokens: this.lexer.inline(a)
+        })));
+      return s;
+    }
+  }
+  lheading(e) {
+    const t = this.rules.block.lheading.exec(e);
+    if (t)
+      return {
+        type: "heading",
+        raw: t[0],
+        depth: t[2].charAt(0) === "=" ? 1 : 2,
+        text: t[1],
+        tokens: this.lexer.inline(t[1])
+      };
+  }
+  paragraph(e) {
+    const t = this.rules.block.paragraph.exec(e);
+    if (t) {
+      const n = t[1].charAt(t[1].length - 1) === `
+` ? t[1].slice(0, -1) : t[1];
+      return {
+        type: "paragraph",
+        raw: t[0],
+        text: n,
+        tokens: this.lexer.inline(n)
+      };
+    }
+  }
+  text(e) {
+    const t = this.rules.block.text.exec(e);
+    if (t)
+      return {
+        type: "text",
+        raw: t[0],
+        text: t[0],
+        tokens: this.lexer.inline(t[0])
+      };
+  }
+  escape(e) {
+    const t = this.rules.inline.escape.exec(e);
+    if (t)
+      return {
+        type: "escape",
+        raw: t[0],
+        text: C(t[1])
+      };
+  }
+  tag(e) {
+    const t = this.rules.inline.tag.exec(e);
+    if (t)
+      return !this.lexer.state.inLink && /^<a /i.test(t[0]) ? this.lexer.state.inLink = !0 : this.lexer.state.inLink && /^<\/a>/i.test(t[0]) && (this.lexer.state.inLink = !1), !this.lexer.state.inRawBlock && /^<(pre|code|kbd|script)(\s|>)/i.test(t[0]) ? this.lexer.state.inRawBlock = !0 : this.lexer.state.inRawBlock && /^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0]) && (this.lexer.state.inRawBlock = !1), {
+        type: "html",
+        raw: t[0],
+        inLink: this.lexer.state.inLink,
+        inRawBlock: this.lexer.state.inRawBlock,
+        block: !1,
+        text: t[0]
+      };
+  }
+  link(e) {
+    const t = this.rules.inline.link.exec(e);
+    if (t) {
+      const n = t[2].trim();
+      if (!this.options.pedantic && /^</.test(n)) {
+        if (!/>$/.test(n))
+          return;
+        const s = te(n.slice(0, -1), "\\");
+        if ((n.length - s.length) % 2 === 0)
+          return;
+      } else {
+        const s = pt(t[2], "()");
+        if (s > -1) {
+          const a = (t[0].indexOf("!") === 0 ? 5 : 4) + t[1].length + s;
+          t[2] = t[2].substring(0, s), t[0] = t[0].substring(0, a).trim(), t[3] = "";
+        }
+      }
+      let i = t[2], l = "";
+      if (this.options.pedantic) {
+        const s = /^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(i);
+        s && (i = s[1], l = s[3]);
+      } else
+        l = t[3] ? t[3].slice(1, -1) : "";
+      return i = i.trim(), /^</.test(i) && (this.options.pedantic && !/>$/.test(n) ? i = i.slice(1) : i = i.slice(1, -1)), Se(t, {
+        href: i && i.replace(this.rules.inline.anyPunctuation, "$1"),
+        title: l && l.replace(this.rules.inline.anyPunctuation, "$1")
+      }, t[0], this.lexer);
+    }
+  }
+  reflink(e, t) {
+    let n;
+    if ((n = this.rules.inline.reflink.exec(e)) || (n = this.rules.inline.nolink.exec(e))) {
+      const i = (n[2] || n[1]).replace(/\s+/g, " "), l = t[i.toLowerCase()];
+      if (!l) {
+        const s = n[0].charAt(0);
+        return {
+          type: "text",
+          raw: s,
+          text: s
+        };
+      }
+      return Se(n, l, n[0], this.lexer);
+    }
+  }
+  emStrong(e, t, n = "") {
+    let i = this.rules.inline.emStrongLDelim.exec(e);
+    if (!i || i[3] && n.match(/[\p{L}\p{N}]/u))
+      return;
+    if (!(i[1] || i[2] || "") || !n || this.rules.inline.punctuation.exec(n)) {
+      const s = [...i[0]].length - 1;
+      let o, a, u = s, c = 0;
+      const h = i[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      for (h.lastIndex = 0, t = t.slice(-1 * e.length + s); (i = h.exec(t)) != null; ) {
+        if (o = i[1] || i[2] || i[3] || i[4] || i[5] || i[6], !o)
+          continue;
+        if (a = [...o].length, i[3] || i[4]) {
+          u += a;
+          continue;
+        } else if ((i[5] || i[6]) && s % 3 && !((s + a) % 3)) {
+          c += a;
+          continue;
+        }
+        if (u -= a, u > 0)
+          continue;
+        a = Math.min(a, a + u + c);
+        const p = [...i[0]][0].length, g = e.slice(0, s + i.index + p + a);
+        if (Math.min(s, a) % 2) {
+          const y = g.slice(1, -1);
+          return {
+            type: "em",
+            raw: g,
+            text: y,
+            tokens: this.lexer.inlineTokens(y)
+          };
+        }
+        const _ = g.slice(2, -2);
+        return {
+          type: "strong",
+          raw: g,
+          text: _,
+          tokens: this.lexer.inlineTokens(_)
+        };
+      }
+    }
+  }
+  codespan(e) {
+    const t = this.rules.inline.code.exec(e);
+    if (t) {
+      let n = t[2].replace(/\n/g, " ");
+      const i = /[^ ]/.test(n), l = /^ /.test(n) && / $/.test(n);
+      return i && l && (n = n.substring(1, n.length - 1)), n = C(n, !0), {
+        type: "codespan",
+        raw: t[0],
+        text: n
+      };
+    }
+  }
+  br(e) {
+    const t = this.rules.inline.br.exec(e);
+    if (t)
+      return {
+        type: "br",
+        raw: t[0]
+      };
+  }
+  del(e) {
+    const t = this.rules.inline.del.exec(e);
+    if (t)
+      return {
+        type: "del",
+        raw: t[0],
+        text: t[2],
+        tokens: this.lexer.inlineTokens(t[2])
+      };
+  }
+  autolink(e) {
+    const t = this.rules.inline.autolink.exec(e);
+    if (t) {
+      let n, i;
+      return t[2] === "@" ? (n = C(t[1]), i = "mailto:" + n) : (n = C(t[1]), i = n), {
+        type: "link",
+        raw: t[0],
+        text: n,
+        href: i,
+        tokens: [
+          {
+            type: "text",
+            raw: n,
+            text: n
+          }
+        ]
+      };
+    }
+  }
+  url(e) {
+    var n;
+    let t;
+    if (t = this.rules.inline.url.exec(e)) {
+      let i, l;
+      if (t[2] === "@")
+        i = C(t[0]), l = "mailto:" + i;
+      else {
+        let s;
+        do
+          s = t[0], t[0] = ((n = this.rules.inline._backpedal.exec(t[0])) == null ? void 0 : n[0]) ?? "";
+        while (s !== t[0]);
+        i = C(t[0]), t[1] === "www." ? l = "http://" + t[0] : l = t[0];
+      }
+      return {
+        type: "link",
+        raw: t[0],
+        text: i,
+        href: l,
+        tokens: [
+          {
+            type: "text",
+            raw: i,
+            text: i
+          }
+        ]
+      };
+    }
+  }
+  inlineText(e) {
+    const t = this.rules.inline.text.exec(e);
+    if (t) {
+      let n;
+      return this.lexer.state.inRawBlock ? n = t[0] : n = C(t[0]), {
+        type: "text",
+        raw: t[0],
+        text: n
+      };
+    }
+  }
+}
+const gt = /^(?: *(?:\n|$))+/, dt = /^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/, kt = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, U = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, mt = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, Oe = /(?:[*+-]|\d{1,9}[.)])/, je = w(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g, Oe).replace(/blockCode/g, / {4}/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).getRegex(), ge = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, bt = /^[^\n]+/, de = /(?!\s*\])(?:\\.|[^\[\]\\])+/, wt = w(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label", de).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), xt = w(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Oe).getRegex(), oe = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", ke = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, _t = w("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))", "i").replace("comment", ke).replace("tag", oe).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), Qe = w(ge).replace("hr", U).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", oe).getRegex(), yt = w(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Qe).getRegex(), me = {
+  blockquote: yt,
+  code: dt,
+  def: wt,
+  fences: kt,
+  heading: mt,
+  hr: U,
+  html: _t,
+  lheading: je,
+  list: xt,
+  newline: gt,
+  paragraph: Qe,
+  table: F,
+  text: bt
+}, Ae = w("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", U).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", " {4}[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", oe).getRegex(), vt = {
+  ...me,
+  table: Ae,
+  paragraph: w(ge).replace("hr", U).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", Ae).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", oe).getRegex()
+}, Tt = {
+  ...me,
+  html: w(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", ke).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
+  def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,
+  heading: /^(#{1,6})(.*)(?:\n+|$)/,
+  fences: F,
+  // fences not supported
+  lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
+  paragraph: w(ge).replace("hr", U).replace("heading", ` *#{1,6} *[^
+]`).replace("lheading", je).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
+}, Ve = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, zt = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, Ne = /^( {2,}|\\)\n(?!\s*$)/, It = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, W = "\\p{P}\\p{S}", Rt = w(/^((?![*_])[\spunctuation])/, "u").replace(/punctuation/g, W).getRegex(), St = /\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g, At = w(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/, "u").replace(/punct/g, W).getRegex(), Et = w("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])", "gu").replace(/punct/g, W).getRegex(), Lt = w("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])", "gu").replace(/punct/g, W).getRegex(), Ct = w(/\\([punct])/, "gu").replace(/punct/g, W).getRegex(), $t = w(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), Bt = w(ke).replace("(?:-->|$)", "-->").getRegex(), Mt = w("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", Bt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), ie = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, Pt = w(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label", ie).replace("href", /<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), He = w(/^!?\[(label)\]\[(ref)\]/).replace("label", ie).replace("ref", de).getRegex(), Fe = w(/^!?\[(ref)\](?:\[\])?/).replace("ref", de).getRegex(), qt = w("reflink|nolink(?!\\()", "g").replace("reflink", He).replace("nolink", Fe).getRegex(), be = {
+  _backpedal: F,
+  // only used for GFM url
+  anyPunctuation: Ct,
+  autolink: $t,
+  blockSkip: St,
+  br: Ne,
+  code: zt,
+  del: F,
+  emStrongLDelim: At,
+  emStrongRDelimAst: Et,
+  emStrongRDelimUnd: Lt,
+  escape: Ve,
+  link: Pt,
+  nolink: Fe,
+  punctuation: Rt,
+  reflink: He,
+  reflinkSearch: qt,
+  tag: Mt,
+  text: It,
+  url: F
+}, Dt = {
+  ...be,
+  link: w(/^!?\[(label)\]\((.*?)\)/).replace("label", ie).getRegex(),
+  reflink: w(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", ie).getRegex()
+}, ue = {
+  ...be,
+  escape: w(Ve).replace("])", "~|])").getRegex(),
+  url: w(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
+  _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,
+  del: /^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,
+  text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/
+}, Zt = {
+  ...ue,
+  br: w(Ne).replace("{2,}", "*").getRegex(),
+  text: w(ue.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
+}, ne = {
+  normal: me,
+  gfm: vt,
+  pedantic: Tt
+}, H = {
+  normal: be,
+  gfm: ue,
+  breaks: Zt,
+  pedantic: Dt
+};
+class M {
+  constructor(e) {
+    x(this, "tokens");
+    x(this, "options");
+    x(this, "state");
+    x(this, "tokenizer");
+    x(this, "inlineQueue");
+    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || O, this.options.tokenizer = this.options.tokenizer || new se(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
+      inLink: !1,
+      inRawBlock: !1,
+      top: !0
+    };
+    const t = {
+      block: ne.normal,
+      inline: H.normal
+    };
+    this.options.pedantic ? (t.block = ne.pedantic, t.inline = H.pedantic) : this.options.gfm && (t.block = ne.gfm, this.options.breaks ? t.inline = H.breaks : t.inline = H.gfm), this.tokenizer.rules = t;
+  }
+  /**
+   * Expose Rules
+   */
+  static get rules() {
+    return {
+      block: ne,
+      inline: H
+    };
+  }
+  /**
+   * Static Lex Method
+   */
+  static lex(e, t) {
+    return new M(t).lex(e);
+  }
+  /**
+   * Static Lex Inline Method
+   */
+  static lexInline(e, t) {
+    return new M(t).inlineTokens(e);
+  }
+  /**
+   * Preprocessing
+   */
+  lex(e) {
+    e = e.replace(/\r\n|\r/g, `
+`), this.blockTokens(e, this.tokens);
+    for (let t = 0; t < this.inlineQueue.length; t++) {
+      const n = this.inlineQueue[t];
+      this.inlineTokens(n.src, n.tokens);
+    }
+    return this.inlineQueue = [], this.tokens;
+  }
+  blockTokens(e, t = []) {
+    this.options.pedantic ? e = e.replace(/\t/g, "    ").replace(/^ +$/gm, "") : e = e.replace(/^( *)(\t+)/gm, (o, a, u) => a + "    ".repeat(u.length));
+    let n, i, l, s;
+    for (; e; )
+      if (!(this.options.extensions && this.options.extensions.block && this.options.extensions.block.some((o) => (n = o.call({ lexer: this }, e, t)) ? (e = e.substring(n.raw.length), t.push(n), !0) : !1))) {
+        if (n = this.tokenizer.space(e)) {
+          e = e.substring(n.raw.length), n.raw.length === 1 && t.length > 0 ? t[t.length - 1].raw += `
+` : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.code(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && (i.type === "paragraph" || i.type === "text") ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.fences(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.heading(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.hr(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.blockquote(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.list(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.html(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.def(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && (i.type === "paragraph" || i.type === "text") ? (i.raw += `
+` + n.raw, i.text += `
+` + n.raw, this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : this.tokens.links[n.tag] || (this.tokens.links[n.tag] = {
+            href: n.href,
+            title: n.title
+          });
+          continue;
+        }
+        if (n = this.tokenizer.table(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.lheading(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (l = e, this.options.extensions && this.options.extensions.startBlock) {
+          let o = 1 / 0;
+          const a = e.slice(1);
+          let u;
+          this.options.extensions.startBlock.forEach((c) => {
+            u = c.call({ lexer: this }, a), typeof u == "number" && u >= 0 && (o = Math.min(o, u));
+          }), o < 1 / 0 && o >= 0 && (l = e.substring(0, o + 1));
+        }
+        if (this.state.top && (n = this.tokenizer.paragraph(l))) {
+          i = t[t.length - 1], s && i.type === "paragraph" ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue.pop(), this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n), s = l.length !== e.length, e = e.substring(n.raw.length);
+          continue;
+        }
+        if (n = this.tokenizer.text(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && i.type === "text" ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue.pop(), this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n);
+          continue;
+        }
+        if (e) {
+          const o = "Infinite loop on byte: " + e.charCodeAt(0);
+          if (this.options.silent) {
+            console.error(o);
+            break;
+          } else
+            throw new Error(o);
+        }
+      }
+    return this.state.top = !0, t;
+  }
+  inline(e, t = []) {
+    return this.inlineQueue.push({ src: e, tokens: t }), t;
+  }
+  /**
+   * Lexing/Compiling
+   */
+  inlineTokens(e, t = []) {
+    let n, i, l, s = e, o, a, u;
+    if (this.tokens.links) {
+      const c = Object.keys(this.tokens.links);
+      if (c.length > 0)
+        for (; (o = this.tokenizer.rules.inline.reflinkSearch.exec(s)) != null; )
+          c.includes(o[0].slice(o[0].lastIndexOf("[") + 1, -1)) && (s = s.slice(0, o.index) + "[" + "a".repeat(o[0].length - 2) + "]" + s.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex));
+    }
+    for (; (o = this.tokenizer.rules.inline.blockSkip.exec(s)) != null; )
+      s = s.slice(0, o.index) + "[" + "a".repeat(o[0].length - 2) + "]" + s.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);
+    for (; (o = this.tokenizer.rules.inline.anyPunctuation.exec(s)) != null; )
+      s = s.slice(0, o.index) + "++" + s.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);
+    for (; e; )
+      if (a || (u = ""), a = !1, !(this.options.extensions && this.options.extensions.inline && this.options.extensions.inline.some((c) => (n = c.call({ lexer: this }, e, t)) ? (e = e.substring(n.raw.length), t.push(n), !0) : !1))) {
+        if (n = this.tokenizer.escape(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.tag(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && n.type === "text" && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.link(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.reflink(e, this.tokens.links)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && n.type === "text" && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.emStrong(e, s, u)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.codespan(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.br(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.del(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.autolink(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (!this.state.inLink && (n = this.tokenizer.url(e))) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (l = e, this.options.extensions && this.options.extensions.startInline) {
+          let c = 1 / 0;
+          const h = e.slice(1);
+          let p;
+          this.options.extensions.startInline.forEach((g) => {
+            p = g.call({ lexer: this }, h), typeof p == "number" && p >= 0 && (c = Math.min(c, p));
+          }), c < 1 / 0 && c >= 0 && (l = e.substring(0, c + 1));
+        }
+        if (n = this.tokenizer.inlineText(l)) {
+          e = e.substring(n.raw.length), n.raw.slice(-1) !== "_" && (u = n.raw.slice(-1)), a = !0, i = t[t.length - 1], i && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (e) {
+          const c = "Infinite loop on byte: " + e.charCodeAt(0);
+          if (this.options.silent) {
+            console.error(c);
+            break;
+          } else
+            throw new Error(c);
+        }
+      }
+    return t;
+  }
+}
+class le {
+  constructor(e) {
+    x(this, "options");
+    this.options = e || O;
+  }
+  code(e, t, n) {
+    var l;
+    const i = (l = (t || "").match(/^\S*/)) == null ? void 0 : l[0];
+    return e = e.replace(/\n$/, "") + `
+`, i ? '<pre><code class="language-' + C(i) + '">' + (n ? e : C(e, !0)) + `</code></pre>
+` : "<pre><code>" + (n ? e : C(e, !0)) + `</code></pre>
+`;
+  }
+  blockquote(e) {
+    return `<blockquote>
+${e}</blockquote>
+`;
+  }
+  html(e, t) {
+    return e;
+  }
+  heading(e, t, n) {
+    return `<h${t}>${e}</h${t}>
+`;
+  }
+  hr() {
+    return `<hr>
+`;
+  }
+  list(e, t, n) {
+    const i = t ? "ol" : "ul", l = t && n !== 1 ? ' start="' + n + '"' : "";
+    return "<" + i + l + `>
+` + e + "</" + i + `>
+`;
+  }
+  listitem(e, t, n) {
+    return `<li>${e}</li>
+`;
+  }
+  checkbox(e) {
+    return "<input " + (e ? 'checked="" ' : "") + 'disabled="" type="checkbox">';
+  }
+  paragraph(e) {
+    return `<p>${e}</p>
+`;
+  }
+  table(e, t) {
+    return t && (t = `<tbody>${t}</tbody>`), `<table>
+<thead>
+` + e + `</thead>
+` + t + `</table>
+`;
+  }
+  tablerow(e) {
+    return `<tr>
+${e}</tr>
+`;
+  }
+  tablecell(e, t) {
+    const n = t.header ? "th" : "td";
+    return (t.align ? `<${n} align="${t.align}">` : `<${n}>`) + e + `</${n}>
+`;
+  }
+  /**
+   * span level renderer
+   */
+  strong(e) {
+    return `<strong>${e}</strong>`;
+  }
+  em(e) {
+    return `<em>${e}</em>`;
+  }
+  codespan(e) {
+    return `<code>${e}</code>`;
+  }
+  br() {
+    return "<br>";
+  }
+  del(e) {
+    return `<del>${e}</del>`;
+  }
+  link(e, t, n) {
+    const i = Ie(e);
+    if (i === null)
+      return n;
+    e = i;
+    let l = '<a href="' + e + '"';
+    return t && (l += ' title="' + t + '"'), l += ">" + n + "</a>", l;
+  }
+  image(e, t, n) {
+    const i = Ie(e);
+    if (i === null)
+      return n;
+    e = i;
+    let l = `<img src="${e}" alt="${n}"`;
+    return t && (l += ` title="${t}"`), l += ">", l;
+  }
+  text(e) {
+    return e;
+  }
+}
+class we {
+  // no need for block level renderers
+  strong(e) {
+    return e;
+  }
+  em(e) {
+    return e;
+  }
+  codespan(e) {
+    return e;
+  }
+  del(e) {
+    return e;
+  }
+  html(e) {
+    return e;
+  }
+  text(e) {
+    return e;
+  }
+  link(e, t, n) {
+    return "" + n;
+  }
+  image(e, t, n) {
+    return "" + n;
+  }
+  br() {
+    return "";
+  }
+}
+class P {
+  constructor(e) {
+    x(this, "options");
+    x(this, "renderer");
+    x(this, "textRenderer");
+    this.options = e || O, this.options.renderer = this.options.renderer || new le(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.textRenderer = new we();
+  }
+  /**
+   * Static Parse Method
+   */
+  static parse(e, t) {
+    return new P(t).parse(e);
+  }
+  /**
+   * Static Parse Inline Method
+   */
+  static parseInline(e, t) {
+    return new P(t).parseInline(e);
+  }
+  /**
+   * Parse Loop
+   */
+  parse(e, t = !0) {
+    let n = "";
+    for (let i = 0; i < e.length; i++) {
+      const l = e[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[l.type]) {
+        const s = l, o = this.options.extensions.renderers[s.type].call({ parser: this }, s);
+        if (o !== !1 || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "paragraph", "text"].includes(s.type)) {
+          n += o || "";
+          continue;
+        }
+      }
+      switch (l.type) {
+        case "space":
+          continue;
+        case "hr": {
+          n += this.renderer.hr();
+          continue;
+        }
+        case "heading": {
+          const s = l;
+          n += this.renderer.heading(this.parseInline(s.tokens), s.depth, ht(this.parseInline(s.tokens, this.textRenderer)));
+          continue;
+        }
+        case "code": {
+          const s = l;
+          n += this.renderer.code(s.text, s.lang, !!s.escaped);
+          continue;
+        }
+        case "table": {
+          const s = l;
+          let o = "", a = "";
+          for (let c = 0; c < s.header.length; c++)
+            a += this.renderer.tablecell(this.parseInline(s.header[c].tokens), { header: !0, align: s.align[c] });
+          o += this.renderer.tablerow(a);
+          let u = "";
+          for (let c = 0; c < s.rows.length; c++) {
+            const h = s.rows[c];
+            a = "";
+            for (let p = 0; p < h.length; p++)
+              a += this.renderer.tablecell(this.parseInline(h[p].tokens), { header: !1, align: s.align[p] });
+            u += this.renderer.tablerow(a);
+          }
+          n += this.renderer.table(o, u);
+          continue;
+        }
+        case "blockquote": {
+          const s = l, o = this.parse(s.tokens);
+          n += this.renderer.blockquote(o);
+          continue;
+        }
+        case "list": {
+          const s = l, o = s.ordered, a = s.start, u = s.loose;
+          let c = "";
+          for (let h = 0; h < s.items.length; h++) {
+            const p = s.items[h], g = p.checked, _ = p.task;
+            let y = "";
+            if (p.task) {
+              const z = this.renderer.checkbox(!!g);
+              u ? p.tokens.length > 0 && p.tokens[0].type === "paragraph" ? (p.tokens[0].text = z + " " + p.tokens[0].text, p.tokens[0].tokens && p.tokens[0].tokens.length > 0 && p.tokens[0].tokens[0].type === "text" && (p.tokens[0].tokens[0].text = z + " " + p.tokens[0].tokens[0].text)) : p.tokens.unshift({
+                type: "text",
+                text: z + " "
+              }) : y += z + " ";
+            }
+            y += this.parse(p.tokens, u), c += this.renderer.listitem(y, _, !!g);
+          }
+          n += this.renderer.list(c, o, a);
+          continue;
+        }
+        case "html": {
+          const s = l;
+          n += this.renderer.html(s.text, s.block);
+          continue;
+        }
+        case "paragraph": {
+          const s = l;
+          n += this.renderer.paragraph(this.parseInline(s.tokens));
+          continue;
+        }
+        case "text": {
+          let s = l, o = s.tokens ? this.parseInline(s.tokens) : s.text;
+          for (; i + 1 < e.length && e[i + 1].type === "text"; )
+            s = e[++i], o += `
+` + (s.tokens ? this.parseInline(s.tokens) : s.text);
+          n += t ? this.renderer.paragraph(o) : o;
+          continue;
+        }
+        default: {
+          const s = 'Token with "' + l.type + '" type was not found.';
+          if (this.options.silent)
+            return console.error(s), "";
+          throw new Error(s);
+        }
+      }
+    }
+    return n;
+  }
+  /**
+   * Parse Inline Tokens
+   */
+  parseInline(e, t) {
+    t = t || this.renderer;
+    let n = "";
+    for (let i = 0; i < e.length; i++) {
+      const l = e[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[l.type]) {
+        const s = this.options.extensions.renderers[l.type].call({ parser: this }, l);
+        if (s !== !1 || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(l.type)) {
+          n += s || "";
+          continue;
+        }
+      }
+      switch (l.type) {
+        case "escape": {
+          const s = l;
+          n += t.text(s.text);
+          break;
+        }
+        case "html": {
+          const s = l;
+          n += t.html(s.text);
+          break;
+        }
+        case "link": {
+          const s = l;
+          n += t.link(s.href, s.title, this.parseInline(s.tokens, t));
+          break;
+        }
+        case "image": {
+          const s = l;
+          n += t.image(s.href, s.title, s.text);
+          break;
+        }
+        case "strong": {
+          const s = l;
+          n += t.strong(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "em": {
+          const s = l;
+          n += t.em(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "codespan": {
+          const s = l;
+          n += t.codespan(s.text);
+          break;
+        }
+        case "br": {
+          n += t.br();
+          break;
+        }
+        case "del": {
+          const s = l;
+          n += t.del(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "text": {
+          const s = l;
+          n += t.text(s.text);
+          break;
+        }
+        default: {
+          const s = 'Token with "' + l.type + '" type was not found.';
+          if (this.options.silent)
+            return console.error(s), "";
+          throw new Error(s);
+        }
+      }
+    }
+    return n;
+  }
+}
+class G {
+  constructor(e) {
+    x(this, "options");
+    this.options = e || O;
+  }
+  /**
+   * Process markdown before marked
+   */
+  preprocess(e) {
+    return e;
+  }
+  /**
+   * Process HTML after marked is finished
+   */
+  postprocess(e) {
+    return e;
+  }
+  /**
+   * Process all tokens before walk tokens
+   */
+  processAllTokens(e) {
+    return e;
+  }
+}
+x(G, "passThroughHooks", /* @__PURE__ */ new Set([
+  "preprocess",
+  "postprocess",
+  "processAllTokens"
+]));
+var Z, pe, Ge;
+class Ot {
+  constructor(...e) {
+    Te(this, Z);
+    x(this, "defaults", fe());
+    x(this, "options", this.setOptions);
+    x(this, "parse", ee(this, Z, pe).call(this, M.lex, P.parse));
+    x(this, "parseInline", ee(this, Z, pe).call(this, M.lexInline, P.parseInline));
+    x(this, "Parser", P);
+    x(this, "Renderer", le);
+    x(this, "TextRenderer", we);
+    x(this, "Lexer", M);
+    x(this, "Tokenizer", se);
+    x(this, "Hooks", G);
+    this.use(...e);
+  }
+  /**
+   * Run callback for every token
+   */
+  walkTokens(e, t) {
+    var i, l;
+    let n = [];
+    for (const s of e)
+      switch (n = n.concat(t.call(this, s)), s.type) {
+        case "table": {
+          const o = s;
+          for (const a of o.header)
+            n = n.concat(this.walkTokens(a.tokens, t));
+          for (const a of o.rows)
+            for (const u of a)
+              n = n.concat(this.walkTokens(u.tokens, t));
+          break;
+        }
+        case "list": {
+          const o = s;
+          n = n.concat(this.walkTokens(o.items, t));
+          break;
+        }
+        default: {
+          const o = s;
+          (l = (i = this.defaults.extensions) == null ? void 0 : i.childTokens) != null && l[o.type] ? this.defaults.extensions.childTokens[o.type].forEach((a) => {
+            const u = o[a].flat(1 / 0);
+            n = n.concat(this.walkTokens(u, t));
+          }) : o.tokens && (n = n.concat(this.walkTokens(o.tokens, t)));
+        }
+      }
+    return n;
+  }
+  use(...e) {
+    const t = this.defaults.extensions || { renderers: {}, childTokens: {} };
+    return e.forEach((n) => {
+      const i = { ...n };
+      if (i.async = this.defaults.async || i.async || !1, n.extensions && (n.extensions.forEach((l) => {
+        if (!l.name)
+          throw new Error("extension name required");
+        if ("renderer" in l) {
+          const s = t.renderers[l.name];
+          s ? t.renderers[l.name] = function(...o) {
+            let a = l.renderer.apply(this, o);
+            return a === !1 && (a = s.apply(this, o)), a;
+          } : t.renderers[l.name] = l.renderer;
+        }
+        if ("tokenizer" in l) {
+          if (!l.level || l.level !== "block" && l.level !== "inline")
+            throw new Error("extension level must be 'block' or 'inline'");
+          const s = t[l.level];
+          s ? s.unshift(l.tokenizer) : t[l.level] = [l.tokenizer], l.start && (l.level === "block" ? t.startBlock ? t.startBlock.push(l.start) : t.startBlock = [l.start] : l.level === "inline" && (t.startInline ? t.startInline.push(l.start) : t.startInline = [l.start]));
+        }
+        "childTokens" in l && l.childTokens && (t.childTokens[l.name] = l.childTokens);
+      }), i.extensions = t), n.renderer) {
+        const l = this.defaults.renderer || new le(this.defaults);
+        for (const s in n.renderer) {
+          if (!(s in l))
+            throw new Error(`renderer '${s}' does not exist`);
+          if (s === "options")
+            continue;
+          const o = s, a = n.renderer[o], u = l[o];
+          l[o] = (...c) => {
+            let h = a.apply(l, c);
+            return h === !1 && (h = u.apply(l, c)), h || "";
+          };
+        }
+        i.renderer = l;
+      }
+      if (n.tokenizer) {
+        const l = this.defaults.tokenizer || new se(this.defaults);
+        for (const s in n.tokenizer) {
+          if (!(s in l))
+            throw new Error(`tokenizer '${s}' does not exist`);
+          if (["options", "rules", "lexer"].includes(s))
+            continue;
+          const o = s, a = n.tokenizer[o], u = l[o];
+          l[o] = (...c) => {
+            let h = a.apply(l, c);
+            return h === !1 && (h = u.apply(l, c)), h;
+          };
+        }
+        i.tokenizer = l;
+      }
+      if (n.hooks) {
+        const l = this.defaults.hooks || new G();
+        for (const s in n.hooks) {
+          if (!(s in l))
+            throw new Error(`hook '${s}' does not exist`);
+          if (s === "options")
+            continue;
+          const o = s, a = n.hooks[o], u = l[o];
+          G.passThroughHooks.has(s) ? l[o] = (c) => {
+            if (this.defaults.async)
+              return Promise.resolve(a.call(l, c)).then((p) => u.call(l, p));
+            const h = a.call(l, c);
+            return u.call(l, h);
+          } : l[o] = (...c) => {
+            let h = a.apply(l, c);
+            return h === !1 && (h = u.apply(l, c)), h;
+          };
+        }
+        i.hooks = l;
+      }
+      if (n.walkTokens) {
+        const l = this.defaults.walkTokens, s = n.walkTokens;
+        i.walkTokens = function(o) {
+          let a = [];
+          return a.push(s.call(this, o)), l && (a = a.concat(l.call(this, o))), a;
+        };
+      }
+      this.defaults = { ...this.defaults, ...i };
+    }), this;
+  }
+  setOptions(e) {
+    return this.defaults = { ...this.defaults, ...e }, this;
+  }
+  lexer(e, t) {
+    return M.lex(e, t ?? this.defaults);
+  }
+  parser(e, t) {
+    return P.parse(e, t ?? this.defaults);
+  }
+}
+Z = new WeakSet(), pe = function(e, t) {
+  return (n, i) => {
+    const l = { ...i }, s = { ...this.defaults, ...l };
+    this.defaults.async === !0 && l.async === !1 && (s.silent || console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."), s.async = !0);
+    const o = ee(this, Z, Ge).call(this, !!s.silent, !!s.async);
+    if (typeof n > "u" || n === null)
+      return o(new Error("marked(): input parameter is undefined or null"));
+    if (typeof n != "string")
+      return o(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n) + ", string expected"));
+    if (s.hooks && (s.hooks.options = s), s.async)
+      return Promise.resolve(s.hooks ? s.hooks.preprocess(n) : n).then((a) => e(a, s)).then((a) => s.hooks ? s.hooks.processAllTokens(a) : a).then((a) => s.walkTokens ? Promise.all(this.walkTokens(a, s.walkTokens)).then(() => a) : a).then((a) => t(a, s)).then((a) => s.hooks ? s.hooks.postprocess(a) : a).catch(o);
+    try {
+      s.hooks && (n = s.hooks.preprocess(n));
+      let a = e(n, s);
+      s.hooks && (a = s.hooks.processAllTokens(a)), s.walkTokens && this.walkTokens(a, s.walkTokens);
+      let u = t(a, s);
+      return s.hooks && (u = s.hooks.postprocess(u)), u;
+    } catch (a) {
+      return o(a);
+    }
+  };
+}, Ge = function(e, t) {
+  return (n) => {
+    if (n.message += `
+Please report this to https://github.com/markedjs/marked.`, e) {
+      const i = "<p>An error occurred:</p><pre>" + C(n.message + "", !0) + "</pre>";
+      return t ? Promise.resolve(i) : i;
+    }
+    if (t)
+      return Promise.reject(n);
+    throw n;
+  };
+};
+const D = new Ot();
+function b(r, e) {
+  return D.parse(r, e);
+}
+b.options = b.setOptions = function(r) {
+  return D.setOptions(r), b.defaults = D.defaults, qe(b.defaults), b;
+};
+b.getDefaults = fe;
+b.defaults = O;
+b.use = function(...r) {
+  return D.use(...r), b.defaults = D.defaults, qe(b.defaults), b;
+};
+b.walkTokens = function(r, e) {
+  return D.walkTokens(r, e);
+};
+b.parseInline = D.parseInline;
+b.Parser = P;
+b.parser = P.parse;
+b.Renderer = le;
+b.TextRenderer = we;
+b.Lexer = M;
+b.lexer = M.lex;
+b.Tokenizer = se;
+b.Hooks = G;
+b.parse = b;
+b.options;
+b.setOptions;
+b.use;
+b.walkTokens;
+b.parseInline;
+P.parse;
+M.lex;
+const {
+  HtmlTagHydration: jt,
+  SvelteComponent: Qt,
+  append_hydration: I,
+  attr: k,
+  children: L,
+  claim_element: S,
+  claim_html_tag: Vt,
+  claim_space: V,
+  claim_text: ae,
+  destroy_each: Nt,
+  detach: v,
+  element: A,
+  ensure_array_like: Ee,
+  init: Ht,
+  insert_hydration: q,
+  listen: Ue,
+  noop: Le,
+  null_to_empty: Ce,
+  safe_not_equal: Ft,
+  set_data: ce,
+  set_style: j,
+  space: N,
+  src_url_equal: re,
+  text: he,
+  toggle_class: B
+} = window.__gradio__svelte__internal;
+function $e(r, e, t) {
+  const n = r.slice();
+  return n[31] = e[t], n[33] = t, n;
+}
+function Be(r) {
+  let e, t, n, i = (
+    /*label_icon*/
+    r[0] && Me(r)
+  );
+  return {
+    c() {
+      e = A("label"), i && i.c(), t = N(), n = he(
+        /*label*/
+        r[3]
+      ), this.h();
+    },
+    l(l) {
+      e = S(l, "LABEL", { class: !0, for: !0 });
+      var s = L(e);
+      i && i.l(s), t = V(s), n = ae(
+        s,
+        /*label*/
+        r[3]
+      ), s.forEach(v), this.h();
+    },
+    h() {
+      k(e, "class", "block-title svelte-h3uhc0"), k(e, "for", "consilium-roundtable");
+    },
+    m(l, s) {
+      q(l, e, s), i && i.m(e, null), I(e, t), I(e, n);
+    },
+    p(l, s) {
+      /*label_icon*/
+      l[0] ? i ? i.p(l, s) : (i = Me(l), i.c(), i.m(e, t)) : i && (i.d(1), i = null), s[0] & /*label*/
+      8 && ce(
+        n,
+        /*label*/
+        l[3]
+      );
+    },
+    d(l) {
+      l && v(e), i && i.d();
+    }
+  };
+}
+function Me(r) {
+  let e, t;
+  function n(s, o) {
+    return o[0] & /*label_icon*/
+    1 && (t = null), t == null && (t = !!Yt(
+      /*label_icon*/
+      s[0]
+    )), t ? Ut : Gt;
+  }
+  let i = n(r, [-1, -1]), l = i(r);
+  return {
+    c() {
+      e = A("div"), l.c(), this.h();
+    },
+    l(s) {
+      e = S(s, "DIV", { class: !0 });
+      var o = L(e);
+      l.l(o), o.forEach(v), this.h();
+    },
+    h() {
+      k(e, "class", "label-icon-container svelte-h3uhc0");
+    },
+    m(s, o) {
+      q(s, e, o), l.m(e, null);
+    },
+    p(s, o) {
+      i === (i = n(s, o)) && l ? l.p(s, o) : (l.d(1), l = i(s), l && (l.c(), l.m(e, null)));
+    },
+    d(s) {
+      s && v(e), l.d();
+    }
+  };
+}
+function Gt(r) {
+  let e, t;
+  return {
+    c() {
+      e = A("span"), t = he(
+        /*label_icon*/
+        r[0]
+      ), this.h();
+    },
+    l(n) {
+      e = S(n, "SPAN", { class: !0 });
+      var i = L(e);
+      t = ae(
+        i,
+        /*label_icon*/
+        r[0]
+      ), i.forEach(v), this.h();
+    },
+    h() {
+      k(e, "class", "label-icon-emoji svelte-h3uhc0");
+    },
+    m(n, i) {
+      q(n, e, i), I(e, t);
+    },
+    p(n, i) {
+      i[0] & /*label_icon*/
+      1 && ce(
+        t,
+        /*label_icon*/
+        n[0]
+      );
+    },
+    d(n) {
+      n && v(e);
+    }
+  };
+}
+function Ut(r) {
+  let e, t, n, i;
+  return {
+    c() {
+      e = A("img"), this.h();
+    },
+    l(l) {
+      e = S(l, "IMG", { src: !0, alt: !0, class: !0 }), this.h();
+    },
+    h() {
+      re(e.src, t = /*label_icon*/
+      r[0]) || k(e, "src", t), k(e, "alt", "Label Icon"), k(e, "class", "label-icon-image svelte-h3uhc0");
+    },
+    m(l, s) {
+      q(l, e, s), n || (i = Ue(
+        e,
+        "error",
+        /*handleLabelIconError*/
+        r[19]
+      ), n = !0);
+    },
+    p(l, s) {
+      s[0] & /*label_icon*/
+      1 && !re(e.src, t = /*label_icon*/
+      l[0]) && k(e, "src", t);
+    },
+    d(l) {
+      l && v(e), n = !1, i();
+    }
+  };
+}
+function Wt(r) {
+  let e, t = (
+    /*getEmoji*/
+    r[12](
+      /*participant*/
+      r[31]
+    ) + ""
+  ), n;
+  return {
+    c() {
+      e = A("span"), n = he(t), this.h();
+    },
+    l(i) {
+      e = S(i, "SPAN", { class: !0 });
+      var l = L(e);
+      n = ae(l, t), l.forEach(v), this.h();
+    },
+    h() {
+      k(e, "class", "avatar-emoji svelte-h3uhc0");
+    },
+    m(i, l) {
+      q(i, e, l), I(e, n);
+    },
+    p(i, l) {
+      l[0] & /*participants*/
+      32 && t !== (t = /*getEmoji*/
+      i[12](
+        /*participant*/
+        i[31]
+      ) + "") && ce(n, t);
+    },
+    d(i) {
+      i && v(e);
+    }
+  };
+}
+function Xt(r) {
+  let e, t, n, i, l;
+  function s(...o) {
+    return (
+      /*error_handler*/
+      r[25](
+        /*participant*/
+        r[31],
+        ...o
+      )
+    );
+  }
+  return {
+    c() {
+      e = A("img"), this.h();
+    },
+    l(o) {
+      e = S(o, "IMG", { src: !0, alt: !0, class: !0 }), this.h();
+    },
+    h() {
+      re(e.src, t = /*getAvatarImageUrl*/
+      r[13](
+        /*participant*/
+        r[31]
+      )) || k(e, "src", t), k(e, "alt", n = /*participant*/
+      r[31]), k(e, "class", "avatar-image svelte-h3uhc0");
+    },
+    m(o, a) {
+      q(o, e, a), i || (l = Ue(e, "error", s), i = !0);
+    },
+    p(o, a) {
+      r = o, a[0] & /*participants*/
+      32 && !re(e.src, t = /*getAvatarImageUrl*/
+      r[13](
+        /*participant*/
+        r[31]
+      )) && k(e, "src", t), a[0] & /*participants*/
+      32 && n !== (n = /*participant*/
+      r[31]) && k(e, "alt", n);
+    },
+    d(o) {
+      o && v(e), i = !1, l();
+    }
+  };
+}
+function Pe(r) {
+  let e, t, n, i, l = (
+    /*renderMarkdown*/
+    r[11](
+      /*getLatestMessage*/
+      r[15](
+        /*participant*/
+        r[31]
+      )
+    ) + ""
+  ), s, o, a, u, c, h, p, g = (
+    /*participant*/
+    r[31] + ""
+  ), _, y;
+  function z(d, m) {
+    return m[0] & /*participants*/
+    32 && (c = null), c == null && (c = !!/*hasCustomImage*/
+    d[14](
+      /*participant*/
+      d[31]
+    )), c ? Xt : Wt;
+  }
+  let $ = z(r, [-1, -1]), T = $(r);
+  return {
+    c() {
+      e = A("div"), t = A("div"), n = A("div"), i = new jt(!1), s = N(), o = A("div"), a = N(), u = A("div"), T.c(), h = N(), p = A("div"), _ = he(g), y = N(), this.h();
+    },
+    l(d) {
+      e = S(d, "DIV", { class: !0, style: !0 });
+      var m = L(e);
+      t = S(m, "DIV", { class: !0 });
+      var R = L(t);
+      n = S(R, "DIV", { class: !0 });
+      var X = L(n);
+      i = Vt(X, !1), X.forEach(v), s = V(R), o = S(R, "DIV", { class: !0 }), L(o).forEach(v), R.forEach(v), a = V(m), u = S(m, "DIV", { class: !0, role: !0, tabindex: !0 });
+      var J = L(u);
+      T.l(J), J.forEach(v), h = V(m), p = S(m, "DIV", { class: !0 });
+      var Y = L(p);
+      _ = ae(Y, g), Y.forEach(v), y = V(m), m.forEach(v), this.h();
+    },
+    h() {
+      i.a = null, k(n, "class", "bubble-content svelte-h3uhc0"), k(o, "class", "bubble-arrow svelte-h3uhc0"), k(t, "class", "speech-bubble svelte-h3uhc0"), B(
+        t,
+        "visible",
+        /*isBubbleVisible*/
+        r[16](
+          /*participant*/
+          r[31]
+        )
+      ), k(u, "class", "avatar svelte-h3uhc0"), k(u, "role", "button"), k(u, "tabindex", "0"), B(
+        u,
+        "speaking",
+        /*isAvatarActive*/
+        r[17](
+          /*participant*/
+          r[31]
+        )
+      ), B(
+        u,
+        "thinking",
+        /*thinking*/
+        r[7].includes(
+          /*participant*/
+          r[31]
+        )
+      ), B(
+        u,
+        "responding",
+        /*currentSpeaker*/
+        r[6] === /*participant*/
+        r[31]
+      ), B(
+        u,
+        "has-image",
+        /*hasCustomImage*/
+        r[14](
+          /*participant*/
+          r[31]
+        )
+      ), k(p, "class", "participant-name svelte-h3uhc0"), k(e, "class", "participant-seat svelte-h3uhc0"), j(e, "left", Q(
+        /*index*/
+        r[33],
+        /*participants*/
+        r[5].length
+      ).left), j(e, "top", Q(
+        /*index*/
+        r[33],
+        /*participants*/
+        r[5].length
+      ).top), j(e, "transform", Q(
+        /*index*/
+        r[33],
+        /*participants*/
+        r[5].length
+      ).transform);
+    },
+    m(d, m) {
+      q(d, e, m), I(e, t), I(t, n), i.m(l, n), I(t, s), I(t, o), I(e, a), I(e, u), T.m(u, null), I(e, h), I(e, p), I(p, _), I(e, y);
+    },
+    p(d, m) {
+      m[0] & /*participants*/
+      32 && l !== (l = /*renderMarkdown*/
+      d[11](
+        /*getLatestMessage*/
+        d[15](
+          /*participant*/
+          d[31]
+        )
+      ) + "") && i.p(l), m[0] & /*isBubbleVisible, participants*/
+      65568 && B(
+        t,
+        "visible",
+        /*isBubbleVisible*/
+        d[16](
+          /*participant*/
+          d[31]
+        )
+      ), $ === ($ = z(d, m)) && T ? T.p(d, m) : (T.d(1), T = $(d), T && (T.c(), T.m(u, null))), m[0] & /*isAvatarActive, participants*/
+      131104 && B(
+        u,
+        "speaking",
+        /*isAvatarActive*/
+        d[17](
+          /*participant*/
+          d[31]
+        )
+      ), m[0] & /*thinking, participants*/
+      160 && B(
+        u,
+        "thinking",
+        /*thinking*/
+        d[7].includes(
+          /*participant*/
+          d[31]
+        )
+      ), m[0] & /*currentSpeaker, participants*/
+      96 && B(
+        u,
+        "responding",
+        /*currentSpeaker*/
+        d[6] === /*participant*/
+        d[31]
+      ), m[0] & /*hasCustomImage, participants*/
+      16416 && B(
+        u,
+        "has-image",
+        /*hasCustomImage*/
+        d[14](
+          /*participant*/
+          d[31]
+        )
+      ), m[0] & /*participants*/
+      32 && g !== (g = /*participant*/
+      d[31] + "") && ce(_, g), m[0] & /*participants*/
+      32 && j(e, "left", Q(
+        /*index*/
+        d[33],
+        /*participants*/
+        d[5].length
+      ).left), m[0] & /*participants*/
+      32 && j(e, "top", Q(
+        /*index*/
+        d[33],
+        /*participants*/
+        d[5].length
+      ).top), m[0] & /*participants*/
+      32 && j(e, "transform", Q(
+        /*index*/
+        d[33],
+        /*participants*/
+        d[5].length
+      ).transform);
+    },
+    d(d) {
+      d && v(e), T.d();
+    }
+  };
+}
+function Jt(r) {
+  let e, t, n, i, l, s, o, a = (
+    /*show_label*/
+    r[4] && /*label*/
+    r[3] && Be(r)
+  ), u = Ee(
+    /*participants*/
+    r[5]
+  ), c = [];
+  for (let h = 0; h < u.length; h += 1)
+    c[h] = Pe($e(r, u, h));
+  return {
+    c() {
+      e = A("div"), t = A("div"), n = A("div"), a && a.c(), i = N(), l = A("div");
+      for (let h = 0; h < c.length; h += 1)
+        c[h].c();
+      this.h();
+    },
+    l(h) {
+      e = S(h, "DIV", { class: !0, id: !0, style: !0 });
+      var p = L(e);
+      t = S(p, "DIV", { class: !0, id: !0 });
+      var g = L(t);
+      n = S(g, "DIV", { class: !0 });
+      var _ = L(n);
+      a && a.l(_), _.forEach(v), i = V(g), l = S(g, "DIV", { class: !0 });
+      var y = L(l);
+      for (let z = 0; z < c.length; z += 1)
+        c[z].l(y);
+      y.forEach(v), g.forEach(v), p.forEach(v), this.h();
+    },
+    h() {
+      k(n, "class", "table-center svelte-h3uhc0"), k(l, "class", "participants-circle"), k(t, "class", "consilium-container svelte-h3uhc0"), k(t, "id", "consilium-roundtable"), k(e, "class", s = Ce(
+        /*containerClasses*/
+        r[10]
+      ) + " svelte-h3uhc0"), k(
+        e,
+        "id",
+        /*elem_id*/
+        r[1]
+      ), k(e, "style", o = /*containerStyle*/
+      r[9] + "; " + /*minWidthStyle*/
+      r[8]), B(e, "hidden", !/*visible*/
+      r[2]);
+    },
+    m(h, p) {
+      q(h, e, p), I(e, t), I(t, n), a && a.m(n, null), I(t, i), I(t, l);
+      for (let g = 0; g < c.length; g += 1)
+        c[g] && c[g].m(l, null);
+    },
+    p(h, p) {
+      if (/*show_label*/
+      h[4] && /*label*/
+      h[3] ? a ? a.p(h, p) : (a = Be(h), a.c(), a.m(n, null)) : a && (a.d(1), a = null), p[0] & /*participants, isAvatarActive, thinking, currentSpeaker, hasCustomImage, getAvatarImageUrl, handleImageError, getEmoji, isBubbleVisible, renderMarkdown, getLatestMessage*/
+      522464) {
+        u = Ee(
+          /*participants*/
+          h[5]
+        );
+        let g;
+        for (g = 0; g < u.length; g += 1) {
+          const _ = $e(h, u, g);
+          c[g] ? c[g].p(_, p) : (c[g] = Pe(_), c[g].c(), c[g].m(l, null));
+        }
+        for (; g < c.length; g += 1)
+          c[g].d(1);
+        c.length = u.length;
+      }
+      p[0] & /*containerClasses*/
+      1024 && s !== (s = Ce(
+        /*containerClasses*/
+        h[10]
+      ) + " svelte-h3uhc0") && k(e, "class", s), p[0] & /*elem_id*/
+      2 && k(
+        e,
+        "id",
+        /*elem_id*/
+        h[1]
+      ), p[0] & /*containerStyle, minWidthStyle*/
+      768 && o !== (o = /*containerStyle*/
+      h[9] + "; " + /*minWidthStyle*/
+      h[8]) && k(e, "style", o), p[0] & /*containerClasses, visible*/
+      1028 && B(e, "hidden", !/*visible*/
+      h[2]);
+    },
+    i: Le,
+    o: Le,
+    d(h) {
+      h && v(e), a && a.d(), Nt(c, h);
+    }
+  };
+}
+function Q(r, e) {
+  const n = (360 / e * r - 90) * (Math.PI / 180), i = 260, l = 180, s = Math.cos(n) * i, o = Math.sin(n) * l;
+  return {
+    left: `calc(50% + ${s}px)`,
+    top: `calc(50% + ${o}px)`,
+    transform: "translate(-50%, -50%)"
+  };
+}
+function Yt(r) {
+  return r ? r.startsWith("http://") || r.startsWith("https://") || r.startsWith("data:") : !1;
+}
+function Kt(r, e, t) {
+  let n, i, l, { gradio: s } = e, { elem_id: o = "" } = e, { elem_classes: a = [] } = e, { visible: u = !0 } = e, { value: c = "{}" } = e, { label: h = "Consilium Roundtable" } = e, { label_icon: p = "🎭" } = e, { show_label: g = !0 } = e, { scale: _ = null } = e, { min_width: y = void 0 } = e, z = [], $ = [], T = null, d = [], m = [], R = {};
+  function X() {
+    try {
+      const f = JSON.parse(c);
+      t(5, z = f.participants || []), $ = f.messages || [], t(6, T = f.currentSpeaker || null), t(7, d = f.thinking || []), m = f.showBubbles || [], R = f.avatarImages || {}, console.log("Clean JSON parsed:", {
+        participants: z,
+        messages: $,
+        currentSpeaker: T,
+        thinking: d,
+        showBubbles: m,
+        avatarImages: R
+      });
+    } catch (f) {
+      console.error("Invalid JSON:", c, f);
+    }
+  }
+  function J(f) {
+    if (!f) return f;
+    try {
+      return b.setOptions({
+        breaks: !0,
+        // Convert line breaks to <br>
+        gfm: !0,
+        // GitHub flavored markdown
+        sanitize: !1,
+        // Allow HTML (safe since we control input)
+        smartypants: !1
+        // Don't convert quotes/dashes
+      }), f.includes(`
+`) ? b.parse(f) : b.parseInline(f);
+    } catch (E) {
+      return console.error("Markdown parsing error:", E), f;
+    }
+  }
+  const Y = {
+    Anthropic: "🤖",
+    Claude: "🤖",
+    Search: "🔍",
+    "Web Search Agent": "🔍",
+    OpenAI: "🧠",
+    "GPT-4": "🧠",
+    Google: "💎",
+    Gemini: "💎",
+    "QwQ-32B": "😊",
+    "DeepSeek-R1": "🔮",
+    Mistral: "🐱",
+    "Mistral Large": "🐱",
+    "Meta-Llama-3.1-8B": "🦙"
+  };
+  function We(f) {
+    return Y[f] || "🤖";
+  }
+  function Xe(f) {
+    return R[f] || null;
+  }
+  function Je(f) {
+    return R[f] && R[f].trim() !== "";
+  }
+  function Ye(f) {
+    if (d.includes(f))
+      return `${f} is thinking...`;
+    if (T === f)
+      return `${f} is responding...`;
+    const E = $.filter((K) => K.speaker === f);
+    return E.length === 0 ? `${f} is ready to discuss...` : E[E.length - 1].text || `${f} responded`;
+  }
+  function Ke(f) {
+    const E = d.includes(f), K = T === f, _e = m.includes(f), ye = E || K || _e;
+    return console.log(`${f} bubble visible:`, ye, { isThinking: E, isSpeaking: K, shouldShow: _e }), ye;
+  }
+  function et(f) {
+    return d.includes(f) || T === f;
+  }
+  function xe(f, E) {
+    console.warn(`Failed to load avatar image for ${E}, falling back to emoji`), R = Object.assign(Object.assign({}, R), { [E]: null });
+  }
+  function tt(f) {
+    console.warn("Failed to load label icon image, falling back to default emoji"), t(0, p = null);
+  }
+  const nt = (f, E) => xe(E, f);
+  return r.$$set = (f) => {
+    "gradio" in f && t(20, s = f.gradio), "elem_id" in f && t(1, o = f.elem_id), "elem_classes" in f && t(21, a = f.elem_classes), "visible" in f && t(2, u = f.visible), "value" in f && t(22, c = f.value), "label" in f && t(3, h = f.label), "label_icon" in f && t(0, p = f.label_icon), "show_label" in f && t(4, g = f.show_label), "scale" in f && t(23, _ = f.scale), "min_width" in f && t(24, y = f.min_width);
+  }, r.$$.update = () => {
+    r.$$.dirty[0] & /*elem_classes*/
+    2097152 && t(10, n = `wrapper ${a.join(" ")}`), r.$$.dirty[0] & /*scale*/
+    8388608 && t(9, i = _ ? `--scale: ${_}` : ""), r.$$.dirty[0] & /*min_width*/
+    16777216 && t(8, l = y ? `min-width: ${y}px` : ""), r.$$.dirty[0] & /*value*/
+    4194304 && X();
+  }, [
+    p,
+    o,
+    u,
+    h,
+    g,
+    z,
+    T,
+    d,
+    l,
+    i,
+    n,
+    J,
+    We,
+    Xe,
+    Je,
+    Ye,
+    Ke,
+    et,
+    xe,
+    tt,
+    s,
+    a,
+    c,
+    _,
+    y,
+    nt
+  ];
+}
+class tn extends Qt {
+  constructor(e) {
+    super(), Ht(
+      this,
+      e,
+      Kt,
+      Jt,
+      Ft,
+      {
+        gradio: 20,
+        elem_id: 1,
+        elem_classes: 21,
+        visible: 2,
+        value: 22,
+        label: 3,
+        label_icon: 0,
+        show_label: 4,
+        scale: 23,
+        min_width: 24
+      },
+      null,
+      [-1, -1]
+    );
+  }
+}
+export {
+  tn as default
+};

src/backend/gradio_consilium_roundtable/templates/component/style.css

@@ -0,0 +1 @@
+.hidden.svelte-h3uhc0{display:none}.block-title.svelte-h3uhc0{padding:10px;font-weight:700;color:gold;display:flex;flex-wrap:wrap;justify-content:center;text-shadow:0 2px 4px rgba(0,0,0,.8)}.label-icon-container.svelte-h3uhc0{width:24px;height:24px}.label-icon-emoji.svelte-h3uhc0{font-size:1.2rem;line-height:1}.label-icon-image.svelte-h3uhc0{width:24px;height:24px;object-fit:contain;border-radius:4px}.wrapper.svelte-h3uhc0{width:600px;height:600px;position:relative}.consilium-container.svelte-h3uhc0{top:150px;position:relative;width:450px;height:300px;margin:20px auto;border-radius:50%;background:linear-gradient(135deg,#0f5132,#198754);border:8px solid #8b4513;box-shadow:0 8px 32px #0006,inset 0 0 20px #0003}.table-center.svelte-h3uhc0{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#0000004d;border-radius:50%;width:140px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #8b4513;box-shadow:inset 0 0 10px #00000080}.participant-seat.svelte-h3uhc0{position:absolute;display:flex;flex-direction:column;align-items:center}.avatar.svelte-h3uhc0{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:linear-gradient(145deg,#fff,#e6e6e6);border:3px solid #8b4513;box-shadow:0 6px 15px #0000004d,inset 0 2px 5px #ffffff80;margin-bottom:8px;transition:all .3s ease;position:relative;z-index:10;overflow:hidden}.avatar.has-image.svelte-h3uhc0{background:#f8f9fa;padding:2px}.avatar-image.svelte-h3uhc0{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-emoji.svelte-h3uhc0{font-size:1.4rem;line-height:1}.avatar.thinking.svelte-h3uhc0{border-color:#ff6b35;animation:svelte-h3uhc0-thinking-pulse 1.5s infinite}.avatar.responding.svelte-h3uhc0{border-color:gold;animation:svelte-h3uhc0-speaking-glow 1s infinite}.avatar.speaking.svelte-h3uhc0{border-color:gold}.participant-name.svelte-h3uhc0{font-size:.75rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.8);text-align:center;white-space:nowrap;background:#0000004d;padding:2px 8px;border-radius:10px;border:1px solid #8b4513}.speech-bubble.svelte-h3uhc0{position:absolute;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);background:#fff;border-radius:15px;padding:10px 14px;box-shadow:0 8px 25px #0000004d;z-index:20;opacity:0;transition:all .4s ease;pointer-events:none;border:2px solid #8b4513;min-width:180px;max-width:300px;word-wrap:break-word;white-space:normal}.speech-bubble.visible.svelte-h3uhc0{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.bubble-content.svelte-h3uhc0{font-size:.8rem;color:#333;line-height:1.4;text-align:left;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8b4513 #f0f0f0}.bubble-content.svelte-h3uhc0::-webkit-scrollbar{width:6px}.bubble-content.svelte-h3uhc0::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.bubble-content.svelte-h3uhc0::-webkit-scrollbar-thumb{background:#8b4513;border-radius:3px}.bubble-content.svelte-h3uhc0::-webkit-scrollbar-thumb:hover{background:#654321}.bubble-arrow.svelte-h3uhc0{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.bubble-arrow.svelte-h3uhc0:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #8b4513}@keyframes svelte-h3uhc0-thinking-pulse{0%,to{transform:scale(1);box-shadow:0 6px 15px #0000004d,0 0 15px #ff6b3566}50%{transform:scale(1.03);box-shadow:0 8px 20px #0006,0 0 25px #ff6b3599}}@keyframes svelte-h3uhc0-speaking-glow{0%,to{box-shadow:0 6px 15px #0000004d,0 0 20px #ffd70080}50%{box-shadow:0 8px 20px #0006,0 0 30px #ffd700cc}}

src/backend/gradio_consilium_roundtable/templates/example/index.js

@@ -0,0 +1,2186 @@
+var st = Object.defineProperty;
+var ve = (r) => {
+  throw TypeError(r);
+};
+var it = (r, e, t) => e in r ? st(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var _ = (r, e, t) => it(r, typeof e != "symbol" ? e + "" : e, t), lt = (r, e, t) => e.has(r) || ve("Cannot " + t);
+var Te = (r, e, t) => e.has(r) ? ve("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t);
+var ee = (r, e, t) => (lt(r, e, "access private method"), t);
+function fe() {
+  return {
+    async: !1,
+    breaks: !1,
+    extensions: null,
+    gfm: !0,
+    hooks: null,
+    pedantic: !1,
+    renderer: null,
+    silent: !1,
+    tokenizer: null,
+    walkTokens: null
+  };
+}
+let O = fe();
+function Be(r) {
+  O = r;
+}
+const De = /[&<>"']/, rt = new RegExp(De.source, "g"), Ze = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, ot = new RegExp(Ze.source, "g"), at = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+}, ze = (r) => at[r];
+function C(r, e) {
+  if (e) {
+    if (De.test(r))
+      return r.replace(rt, ze);
+  } else if (Ze.test(r))
+    return r.replace(ot, ze);
+  return r;
+}
+const ct = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
+function ht(r) {
+  return r.replace(ct, (e, t) => (t = t.toLowerCase(), t === "colon" ? ":" : t.charAt(0) === "#" ? t.charAt(1) === "x" ? String.fromCharCode(parseInt(t.substring(2), 16)) : String.fromCharCode(+t.substring(1)) : ""));
+}
+const ut = /(^|[^\[])\^/g;
+function w(r, e) {
+  let t = typeof r == "string" ? r : r.source;
+  e = e || "";
+  const n = {
+    replace: (i, l) => {
+      let s = typeof l == "string" ? l : l.source;
+      return s = s.replace(ut, "$1"), t = t.replace(i, s), n;
+    },
+    getRegex: () => new RegExp(t, e)
+  };
+  return n;
+}
+function Ie(r) {
+  try {
+    r = encodeURI(r).replace(/%25/g, "%");
+  } catch {
+    return null;
+  }
+  return r;
+}
+const F = { exec: () => null };
+function Re(r, e) {
+  const t = r.replace(/\|/g, (l, s, o) => {
+    let a = !1, u = s;
+    for (; --u >= 0 && o[u] === "\\"; )
+      a = !a;
+    return a ? "|" : " |";
+  }), n = t.split(/ \|/);
+  let i = 0;
+  if (n[0].trim() || n.shift(), n.length > 0 && !n[n.length - 1].trim() && n.pop(), e)
+    if (n.length > e)
+      n.splice(e);
+    else
+      for (; n.length < e; )
+        n.push("");
+  for (; i < n.length; i++)
+    n[i] = n[i].trim().replace(/\\\|/g, "|");
+  return n;
+}
+function te(r, e, t) {
+  const n = r.length;
+  if (n === 0)
+    return "";
+  let i = 0;
+  for (; i < n && r.charAt(n - i - 1) === e; )
+    i++;
+  return r.slice(0, n - i);
+}
+function pt(r, e) {
+  if (r.indexOf(e[1]) === -1)
+    return -1;
+  let t = 0;
+  for (let n = 0; n < r.length; n++)
+    if (r[n] === "\\")
+      n++;
+    else if (r[n] === e[0])
+      t++;
+    else if (r[n] === e[1] && (t--, t < 0))
+      return n;
+  return -1;
+}
+function Se(r, e, t, n) {
+  const i = e.href, l = e.title ? C(e.title) : null, s = r[1].replace(/\\([\[\]])/g, "$1");
+  if (r[0].charAt(0) !== "!") {
+    n.state.inLink = !0;
+    const o = {
+      type: "link",
+      raw: t,
+      href: i,
+      title: l,
+      text: s,
+      tokens: n.inlineTokens(s)
+    };
+    return n.state.inLink = !1, o;
+  }
+  return {
+    type: "image",
+    raw: t,
+    href: i,
+    title: l,
+    text: C(s)
+  };
+}
+function ft(r, e) {
+  const t = r.match(/^(\s+)(?:```)/);
+  if (t === null)
+    return e;
+  const n = t[1];
+  return e.split(`
+`).map((i) => {
+    const l = i.match(/^\s+/);
+    if (l === null)
+      return i;
+    const [s] = l;
+    return s.length >= n.length ? i.slice(n.length) : i;
+  }).join(`
+`);
+}
+class se {
+  // set by the lexer
+  constructor(e) {
+    _(this, "options");
+    _(this, "rules");
+    // set by the lexer
+    _(this, "lexer");
+    this.options = e || O;
+  }
+  space(e) {
+    const t = this.rules.block.newline.exec(e);
+    if (t && t[0].length > 0)
+      return {
+        type: "space",
+        raw: t[0]
+      };
+  }
+  code(e) {
+    const t = this.rules.block.code.exec(e);
+    if (t) {
+      const n = t[0].replace(/^ {1,4}/gm, "");
+      return {
+        type: "code",
+        raw: t[0],
+        codeBlockStyle: "indented",
+        text: this.options.pedantic ? n : te(n, `
+`)
+      };
+    }
+  }
+  fences(e) {
+    const t = this.rules.block.fences.exec(e);
+    if (t) {
+      const n = t[0], i = ft(n, t[3] || "");
+      return {
+        type: "code",
+        raw: n,
+        lang: t[2] ? t[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : t[2],
+        text: i
+      };
+    }
+  }
+  heading(e) {
+    const t = this.rules.block.heading.exec(e);
+    if (t) {
+      let n = t[2].trim();
+      if (/#$/.test(n)) {
+        const i = te(n, "#");
+        (this.options.pedantic || !i || / $/.test(i)) && (n = i.trim());
+      }
+      return {
+        type: "heading",
+        raw: t[0],
+        depth: t[1].length,
+        text: n,
+        tokens: this.lexer.inline(n)
+      };
+    }
+  }
+  hr(e) {
+    const t = this.rules.block.hr.exec(e);
+    if (t)
+      return {
+        type: "hr",
+        raw: t[0]
+      };
+  }
+  blockquote(e) {
+    const t = this.rules.block.blockquote.exec(e);
+    if (t) {
+      let n = t[0].replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, `
+    $1`);
+      n = te(n.replace(/^ *>[ \t]?/gm, ""), `
+`);
+      const i = this.lexer.state.top;
+      this.lexer.state.top = !0;
+      const l = this.lexer.blockTokens(n);
+      return this.lexer.state.top = i, {
+        type: "blockquote",
+        raw: t[0],
+        tokens: l,
+        text: n
+      };
+    }
+  }
+  list(e) {
+    let t = this.rules.block.list.exec(e);
+    if (t) {
+      let n = t[1].trim();
+      const i = n.length > 1, l = {
+        type: "list",
+        raw: "",
+        ordered: i,
+        start: i ? +n.slice(0, -1) : "",
+        loose: !1,
+        items: []
+      };
+      n = i ? `\\d{1,9}\\${n.slice(-1)}` : `\\${n}`, this.options.pedantic && (n = i ? n : "[*+-]");
+      const s = new RegExp(`^( {0,3}${n})((?:[	 ][^\\n]*)?(?:\\n|$))`);
+      let o = "", a = "", u = !1;
+      for (; e; ) {
+        let c = !1;
+        if (!(t = s.exec(e)) || this.rules.block.hr.test(e))
+          break;
+        o = t[0], e = e.substring(o.length);
+        let h = t[2].split(`
+`, 1)[0].replace(/^\t+/, (L) => " ".repeat(3 * L.length)), p = e.split(`
+`, 1)[0], g = 0;
+        this.options.pedantic ? (g = 2, a = h.trimStart()) : (g = t[2].search(/[^ ]/), g = g > 4 ? 1 : g, a = h.slice(g), g += t[1].length);
+        let x = !1;
+        if (!h && /^ *$/.test(p) && (o += p + `
+`, e = e.substring(p.length + 1), c = !0), !c) {
+          const L = new RegExp(`^ {0,${Math.min(3, g - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), T = new RegExp(`^ {0,${Math.min(3, g - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), d = new RegExp(`^ {0,${Math.min(3, g - 1)}}(?:\`\`\`|~~~)`), m = new RegExp(`^ {0,${Math.min(3, g - 1)}}#`);
+          for (; e; ) {
+            const R = e.split(`
+`, 1)[0];
+            if (p = R, this.options.pedantic && (p = p.replace(/^ {1,4}(?=( {4})*[^ ])/g, "  ")), d.test(p) || m.test(p) || L.test(p) || T.test(e))
+              break;
+            if (p.search(/[^ ]/) >= g || !p.trim())
+              a += `
+` + p.slice(g);
+            else {
+              if (x || h.search(/[^ ]/) >= 4 || d.test(h) || m.test(h) || T.test(h))
+                break;
+              a += `
+` + p;
+            }
+            !x && !p.trim() && (x = !0), o += R + `
+`, e = e.substring(R.length + 1), h = p.slice(g);
+          }
+        }
+        l.loose || (u ? l.loose = !0 : /\n *\n *$/.test(o) && (u = !0));
+        let y = null, z;
+        this.options.gfm && (y = /^\[[ xX]\] /.exec(a), y && (z = y[0] !== "[ ] ", a = a.replace(/^\[[ xX]\] +/, ""))), l.items.push({
+          type: "list_item",
+          raw: o,
+          task: !!y,
+          checked: z,
+          loose: !1,
+          text: a,
+          tokens: []
+        }), l.raw += o;
+      }
+      l.items[l.items.length - 1].raw = o.trimEnd(), l.items[l.items.length - 1].text = a.trimEnd(), l.raw = l.raw.trimEnd();
+      for (let c = 0; c < l.items.length; c++)
+        if (this.lexer.state.top = !1, l.items[c].tokens = this.lexer.blockTokens(l.items[c].text, []), !l.loose) {
+          const h = l.items[c].tokens.filter((g) => g.type === "space"), p = h.length > 0 && h.some((g) => /\n.*\n/.test(g.raw));
+          l.loose = p;
+        }
+      if (l.loose)
+        for (let c = 0; c < l.items.length; c++)
+          l.items[c].loose = !0;
+      return l;
+    }
+  }
+  html(e) {
+    const t = this.rules.block.html.exec(e);
+    if (t)
+      return {
+        type: "html",
+        block: !0,
+        raw: t[0],
+        pre: t[1] === "pre" || t[1] === "script" || t[1] === "style",
+        text: t[0]
+      };
+  }
+  def(e) {
+    const t = this.rules.block.def.exec(e);
+    if (t) {
+      const n = t[1].toLowerCase().replace(/\s+/g, " "), i = t[2] ? t[2].replace(/^<(.*)>$/, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "", l = t[3] ? t[3].substring(1, t[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : t[3];
+      return {
+        type: "def",
+        tag: n,
+        raw: t[0],
+        href: i,
+        title: l
+      };
+    }
+  }
+  table(e) {
+    const t = this.rules.block.table.exec(e);
+    if (!t || !/[:|]/.test(t[2]))
+      return;
+    const n = Re(t[1]), i = t[2].replace(/^\||\| *$/g, "").split("|"), l = t[3] && t[3].trim() ? t[3].replace(/\n[ \t]*$/, "").split(`
+`) : [], s = {
+      type: "table",
+      raw: t[0],
+      header: [],
+      align: [],
+      rows: []
+    };
+    if (n.length === i.length) {
+      for (const o of i)
+        /^ *-+: *$/.test(o) ? s.align.push("right") : /^ *:-+: *$/.test(o) ? s.align.push("center") : /^ *:-+ *$/.test(o) ? s.align.push("left") : s.align.push(null);
+      for (const o of n)
+        s.header.push({
+          text: o,
+          tokens: this.lexer.inline(o)
+        });
+      for (const o of l)
+        s.rows.push(Re(o, s.header.length).map((a) => ({
+          text: a,
+          tokens: this.lexer.inline(a)
+        })));
+      return s;
+    }
+  }
+  lheading(e) {
+    const t = this.rules.block.lheading.exec(e);
+    if (t)
+      return {
+        type: "heading",
+        raw: t[0],
+        depth: t[2].charAt(0) === "=" ? 1 : 2,
+        text: t[1],
+        tokens: this.lexer.inline(t[1])
+      };
+  }
+  paragraph(e) {
+    const t = this.rules.block.paragraph.exec(e);
+    if (t) {
+      const n = t[1].charAt(t[1].length - 1) === `
+` ? t[1].slice(0, -1) : t[1];
+      return {
+        type: "paragraph",
+        raw: t[0],
+        text: n,
+        tokens: this.lexer.inline(n)
+      };
+    }
+  }
+  text(e) {
+    const t = this.rules.block.text.exec(e);
+    if (t)
+      return {
+        type: "text",
+        raw: t[0],
+        text: t[0],
+        tokens: this.lexer.inline(t[0])
+      };
+  }
+  escape(e) {
+    const t = this.rules.inline.escape.exec(e);
+    if (t)
+      return {
+        type: "escape",
+        raw: t[0],
+        text: C(t[1])
+      };
+  }
+  tag(e) {
+    const t = this.rules.inline.tag.exec(e);
+    if (t)
+      return !this.lexer.state.inLink && /^<a /i.test(t[0]) ? this.lexer.state.inLink = !0 : this.lexer.state.inLink && /^<\/a>/i.test(t[0]) && (this.lexer.state.inLink = !1), !this.lexer.state.inRawBlock && /^<(pre|code|kbd|script)(\s|>)/i.test(t[0]) ? this.lexer.state.inRawBlock = !0 : this.lexer.state.inRawBlock && /^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0]) && (this.lexer.state.inRawBlock = !1), {
+        type: "html",
+        raw: t[0],
+        inLink: this.lexer.state.inLink,
+        inRawBlock: this.lexer.state.inRawBlock,
+        block: !1,
+        text: t[0]
+      };
+  }
+  link(e) {
+    const t = this.rules.inline.link.exec(e);
+    if (t) {
+      const n = t[2].trim();
+      if (!this.options.pedantic && /^</.test(n)) {
+        if (!/>$/.test(n))
+          return;
+        const s = te(n.slice(0, -1), "\\");
+        if ((n.length - s.length) % 2 === 0)
+          return;
+      } else {
+        const s = pt(t[2], "()");
+        if (s > -1) {
+          const a = (t[0].indexOf("!") === 0 ? 5 : 4) + t[1].length + s;
+          t[2] = t[2].substring(0, s), t[0] = t[0].substring(0, a).trim(), t[3] = "";
+        }
+      }
+      let i = t[2], l = "";
+      if (this.options.pedantic) {
+        const s = /^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(i);
+        s && (i = s[1], l = s[3]);
+      } else
+        l = t[3] ? t[3].slice(1, -1) : "";
+      return i = i.trim(), /^</.test(i) && (this.options.pedantic && !/>$/.test(n) ? i = i.slice(1) : i = i.slice(1, -1)), Se(t, {
+        href: i && i.replace(this.rules.inline.anyPunctuation, "$1"),
+        title: l && l.replace(this.rules.inline.anyPunctuation, "$1")
+      }, t[0], this.lexer);
+    }
+  }
+  reflink(e, t) {
+    let n;
+    if ((n = this.rules.inline.reflink.exec(e)) || (n = this.rules.inline.nolink.exec(e))) {
+      const i = (n[2] || n[1]).replace(/\s+/g, " "), l = t[i.toLowerCase()];
+      if (!l) {
+        const s = n[0].charAt(0);
+        return {
+          type: "text",
+          raw: s,
+          text: s
+        };
+      }
+      return Se(n, l, n[0], this.lexer);
+    }
+  }
+  emStrong(e, t, n = "") {
+    let i = this.rules.inline.emStrongLDelim.exec(e);
+    if (!i || i[3] && n.match(/[\p{L}\p{N}]/u))
+      return;
+    if (!(i[1] || i[2] || "") || !n || this.rules.inline.punctuation.exec(n)) {
+      const s = [...i[0]].length - 1;
+      let o, a, u = s, c = 0;
+      const h = i[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      for (h.lastIndex = 0, t = t.slice(-1 * e.length + s); (i = h.exec(t)) != null; ) {
+        if (o = i[1] || i[2] || i[3] || i[4] || i[5] || i[6], !o)
+          continue;
+        if (a = [...o].length, i[3] || i[4]) {
+          u += a;
+          continue;
+        } else if ((i[5] || i[6]) && s % 3 && !((s + a) % 3)) {
+          c += a;
+          continue;
+        }
+        if (u -= a, u > 0)
+          continue;
+        a = Math.min(a, a + u + c);
+        const p = [...i[0]][0].length, g = e.slice(0, s + i.index + p + a);
+        if (Math.min(s, a) % 2) {
+          const y = g.slice(1, -1);
+          return {
+            type: "em",
+            raw: g,
+            text: y,
+            tokens: this.lexer.inlineTokens(y)
+          };
+        }
+        const x = g.slice(2, -2);
+        return {
+          type: "strong",
+          raw: g,
+          text: x,
+          tokens: this.lexer.inlineTokens(x)
+        };
+      }
+    }
+  }
+  codespan(e) {
+    const t = this.rules.inline.code.exec(e);
+    if (t) {
+      let n = t[2].replace(/\n/g, " ");
+      const i = /[^ ]/.test(n), l = /^ /.test(n) && / $/.test(n);
+      return i && l && (n = n.substring(1, n.length - 1)), n = C(n, !0), {
+        type: "codespan",
+        raw: t[0],
+        text: n
+      };
+    }
+  }
+  br(e) {
+    const t = this.rules.inline.br.exec(e);
+    if (t)
+      return {
+        type: "br",
+        raw: t[0]
+      };
+  }
+  del(e) {
+    const t = this.rules.inline.del.exec(e);
+    if (t)
+      return {
+        type: "del",
+        raw: t[0],
+        text: t[2],
+        tokens: this.lexer.inlineTokens(t[2])
+      };
+  }
+  autolink(e) {
+    const t = this.rules.inline.autolink.exec(e);
+    if (t) {
+      let n, i;
+      return t[2] === "@" ? (n = C(t[1]), i = "mailto:" + n) : (n = C(t[1]), i = n), {
+        type: "link",
+        raw: t[0],
+        text: n,
+        href: i,
+        tokens: [
+          {
+            type: "text",
+            raw: n,
+            text: n
+          }
+        ]
+      };
+    }
+  }
+  url(e) {
+    var n;
+    let t;
+    if (t = this.rules.inline.url.exec(e)) {
+      let i, l;
+      if (t[2] === "@")
+        i = C(t[0]), l = "mailto:" + i;
+      else {
+        let s;
+        do
+          s = t[0], t[0] = ((n = this.rules.inline._backpedal.exec(t[0])) == null ? void 0 : n[0]) ?? "";
+        while (s !== t[0]);
+        i = C(t[0]), t[1] === "www." ? l = "http://" + t[0] : l = t[0];
+      }
+      return {
+        type: "link",
+        raw: t[0],
+        text: i,
+        href: l,
+        tokens: [
+          {
+            type: "text",
+            raw: i,
+            text: i
+          }
+        ]
+      };
+    }
+  }
+  inlineText(e) {
+    const t = this.rules.inline.text.exec(e);
+    if (t) {
+      let n;
+      return this.lexer.state.inRawBlock ? n = t[0] : n = C(t[0]), {
+        type: "text",
+        raw: t[0],
+        text: n
+      };
+    }
+  }
+}
+const gt = /^(?: *(?:\n|$))+/, dt = /^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/, kt = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, W = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, mt = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, Oe = /(?:[*+-]|\d{1,9}[.)])/, je = w(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g, Oe).replace(/blockCode/g, / {4}/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).getRegex(), ge = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, bt = /^[^\n]+/, de = /(?!\s*\])(?:\\.|[^\[\]\\])+/, wt = w(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label", de).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), _t = w(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Oe).getRegex(), oe = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", ke = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, xt = w("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))", "i").replace("comment", ke).replace("tag", oe).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), Qe = w(ge).replace("hr", W).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", oe).getRegex(), yt = w(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Qe).getRegex(), me = {
+  blockquote: yt,
+  code: dt,
+  def: wt,
+  fences: kt,
+  heading: mt,
+  hr: W,
+  html: xt,
+  lheading: je,
+  list: _t,
+  newline: gt,
+  paragraph: Qe,
+  table: F,
+  text: bt
+}, Ae = w("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", W).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", " {4}[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", oe).getRegex(), vt = {
+  ...me,
+  table: Ae,
+  paragraph: w(ge).replace("hr", W).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", Ae).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", oe).getRegex()
+}, Tt = {
+  ...me,
+  html: w(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", ke).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
+  def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,
+  heading: /^(#{1,6})(.*)(?:\n+|$)/,
+  fences: F,
+  // fences not supported
+  lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
+  paragraph: w(ge).replace("hr", W).replace("heading", ` *#{1,6} *[^
+]`).replace("lheading", je).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
+}, Ne = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, zt = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, Ve = /^( {2,}|\\)\n(?!\s*$)/, It = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, U = "\\p{P}\\p{S}", Rt = w(/^((?![*_])[\spunctuation])/, "u").replace(/punctuation/g, U).getRegex(), St = /\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g, At = w(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/, "u").replace(/punct/g, U).getRegex(), Et = w("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])", "gu").replace(/punct/g, U).getRegex(), $t = w("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])", "gu").replace(/punct/g, U).getRegex(), Ct = w(/\\([punct])/, "gu").replace(/punct/g, U).getRegex(), Lt = w(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), Mt = w(ke).replace("(?:-->|$)", "-->").getRegex(), Pt = w("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", Mt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), ie = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, qt = w(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label", ie).replace("href", /<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), He = w(/^!?\[(label)\]\[(ref)\]/).replace("label", ie).replace("ref", de).getRegex(), Fe = w(/^!?\[(ref)\](?:\[\])?/).replace("ref", de).getRegex(), Bt = w("reflink|nolink(?!\\()", "g").replace("reflink", He).replace("nolink", Fe).getRegex(), be = {
+  _backpedal: F,
+  // only used for GFM url
+  anyPunctuation: Ct,
+  autolink: Lt,
+  blockSkip: St,
+  br: Ve,
+  code: zt,
+  del: F,
+  emStrongLDelim: At,
+  emStrongRDelimAst: Et,
+  emStrongRDelimUnd: $t,
+  escape: Ne,
+  link: qt,
+  nolink: Fe,
+  punctuation: Rt,
+  reflink: He,
+  reflinkSearch: Bt,
+  tag: Pt,
+  text: It,
+  url: F
+}, Dt = {
+  ...be,
+  link: w(/^!?\[(label)\]\((.*?)\)/).replace("label", ie).getRegex(),
+  reflink: w(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", ie).getRegex()
+}, ue = {
+  ...be,
+  escape: w(Ne).replace("])", "~|])").getRegex(),
+  url: w(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
+  _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,
+  del: /^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,
+  text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/
+}, Zt = {
+  ...ue,
+  br: w(Ve).replace("{2,}", "*").getRegex(),
+  text: w(ue.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
+}, ne = {
+  normal: me,
+  gfm: vt,
+  pedantic: Tt
+}, H = {
+  normal: be,
+  gfm: ue,
+  breaks: Zt,
+  pedantic: Dt
+};
+class P {
+  constructor(e) {
+    _(this, "tokens");
+    _(this, "options");
+    _(this, "state");
+    _(this, "tokenizer");
+    _(this, "inlineQueue");
+    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || O, this.options.tokenizer = this.options.tokenizer || new se(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
+      inLink: !1,
+      inRawBlock: !1,
+      top: !0
+    };
+    const t = {
+      block: ne.normal,
+      inline: H.normal
+    };
+    this.options.pedantic ? (t.block = ne.pedantic, t.inline = H.pedantic) : this.options.gfm && (t.block = ne.gfm, this.options.breaks ? t.inline = H.breaks : t.inline = H.gfm), this.tokenizer.rules = t;
+  }
+  /**
+   * Expose Rules
+   */
+  static get rules() {
+    return {
+      block: ne,
+      inline: H
+    };
+  }
+  /**
+   * Static Lex Method
+   */
+  static lex(e, t) {
+    return new P(t).lex(e);
+  }
+  /**
+   * Static Lex Inline Method
+   */
+  static lexInline(e, t) {
+    return new P(t).inlineTokens(e);
+  }
+  /**
+   * Preprocessing
+   */
+  lex(e) {
+    e = e.replace(/\r\n|\r/g, `
+`), this.blockTokens(e, this.tokens);
+    for (let t = 0; t < this.inlineQueue.length; t++) {
+      const n = this.inlineQueue[t];
+      this.inlineTokens(n.src, n.tokens);
+    }
+    return this.inlineQueue = [], this.tokens;
+  }
+  blockTokens(e, t = []) {
+    this.options.pedantic ? e = e.replace(/\t/g, "    ").replace(/^ +$/gm, "") : e = e.replace(/^( *)(\t+)/gm, (o, a, u) => a + "    ".repeat(u.length));
+    let n, i, l, s;
+    for (; e; )
+      if (!(this.options.extensions && this.options.extensions.block && this.options.extensions.block.some((o) => (n = o.call({ lexer: this }, e, t)) ? (e = e.substring(n.raw.length), t.push(n), !0) : !1))) {
+        if (n = this.tokenizer.space(e)) {
+          e = e.substring(n.raw.length), n.raw.length === 1 && t.length > 0 ? t[t.length - 1].raw += `
+` : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.code(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && (i.type === "paragraph" || i.type === "text") ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.fences(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.heading(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.hr(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.blockquote(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.list(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.html(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.def(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && (i.type === "paragraph" || i.type === "text") ? (i.raw += `
+` + n.raw, i.text += `
+` + n.raw, this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : this.tokens.links[n.tag] || (this.tokens.links[n.tag] = {
+            href: n.href,
+            title: n.title
+          });
+          continue;
+        }
+        if (n = this.tokenizer.table(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.lheading(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (l = e, this.options.extensions && this.options.extensions.startBlock) {
+          let o = 1 / 0;
+          const a = e.slice(1);
+          let u;
+          this.options.extensions.startBlock.forEach((c) => {
+            u = c.call({ lexer: this }, a), typeof u == "number" && u >= 0 && (o = Math.min(o, u));
+          }), o < 1 / 0 && o >= 0 && (l = e.substring(0, o + 1));
+        }
+        if (this.state.top && (n = this.tokenizer.paragraph(l))) {
+          i = t[t.length - 1], s && i.type === "paragraph" ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue.pop(), this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n), s = l.length !== e.length, e = e.substring(n.raw.length);
+          continue;
+        }
+        if (n = this.tokenizer.text(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && i.type === "text" ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue.pop(), this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n);
+          continue;
+        }
+        if (e) {
+          const o = "Infinite loop on byte: " + e.charCodeAt(0);
+          if (this.options.silent) {
+            console.error(o);
+            break;
+          } else
+            throw new Error(o);
+        }
+      }
+    return this.state.top = !0, t;
+  }
+  inline(e, t = []) {
+    return this.inlineQueue.push({ src: e, tokens: t }), t;
+  }
+  /**
+   * Lexing/Compiling
+   */
+  inlineTokens(e, t = []) {
+    let n, i, l, s = e, o, a, u;
+    if (this.tokens.links) {
+      const c = Object.keys(this.tokens.links);
+      if (c.length > 0)
+        for (; (o = this.tokenizer.rules.inline.reflinkSearch.exec(s)) != null; )
+          c.includes(o[0].slice(o[0].lastIndexOf("[") + 1, -1)) && (s = s.slice(0, o.index) + "[" + "a".repeat(o[0].length - 2) + "]" + s.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex));
+    }
+    for (; (o = this.tokenizer.rules.inline.blockSkip.exec(s)) != null; )
+      s = s.slice(0, o.index) + "[" + "a".repeat(o[0].length - 2) + "]" + s.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);
+    for (; (o = this.tokenizer.rules.inline.anyPunctuation.exec(s)) != null; )
+      s = s.slice(0, o.index) + "++" + s.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);
+    for (; e; )
+      if (a || (u = ""), a = !1, !(this.options.extensions && this.options.extensions.inline && this.options.extensions.inline.some((c) => (n = c.call({ lexer: this }, e, t)) ? (e = e.substring(n.raw.length), t.push(n), !0) : !1))) {
+        if (n = this.tokenizer.escape(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.tag(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && n.type === "text" && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.link(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.reflink(e, this.tokens.links)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && n.type === "text" && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.emStrong(e, s, u)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.codespan(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.br(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.del(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.autolink(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (!this.state.inLink && (n = this.tokenizer.url(e))) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (l = e, this.options.extensions && this.options.extensions.startInline) {
+          let c = 1 / 0;
+          const h = e.slice(1);
+          let p;
+          this.options.extensions.startInline.forEach((g) => {
+            p = g.call({ lexer: this }, h), typeof p == "number" && p >= 0 && (c = Math.min(c, p));
+          }), c < 1 / 0 && c >= 0 && (l = e.substring(0, c + 1));
+        }
+        if (n = this.tokenizer.inlineText(l)) {
+          e = e.substring(n.raw.length), n.raw.slice(-1) !== "_" && (u = n.raw.slice(-1)), a = !0, i = t[t.length - 1], i && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (e) {
+          const c = "Infinite loop on byte: " + e.charCodeAt(0);
+          if (this.options.silent) {
+            console.error(c);
+            break;
+          } else
+            throw new Error(c);
+        }
+      }
+    return t;
+  }
+}
+class le {
+  constructor(e) {
+    _(this, "options");
+    this.options = e || O;
+  }
+  code(e, t, n) {
+    var l;
+    const i = (l = (t || "").match(/^\S*/)) == null ? void 0 : l[0];
+    return e = e.replace(/\n$/, "") + `
+`, i ? '<pre><code class="language-' + C(i) + '">' + (n ? e : C(e, !0)) + `</code></pre>
+` : "<pre><code>" + (n ? e : C(e, !0)) + `</code></pre>
+`;
+  }
+  blockquote(e) {
+    return `<blockquote>
+${e}</blockquote>
+`;
+  }
+  html(e, t) {
+    return e;
+  }
+  heading(e, t, n) {
+    return `<h${t}>${e}</h${t}>
+`;
+  }
+  hr() {
+    return `<hr>
+`;
+  }
+  list(e, t, n) {
+    const i = t ? "ol" : "ul", l = t && n !== 1 ? ' start="' + n + '"' : "";
+    return "<" + i + l + `>
+` + e + "</" + i + `>
+`;
+  }
+  listitem(e, t, n) {
+    return `<li>${e}</li>
+`;
+  }
+  checkbox(e) {
+    return "<input " + (e ? 'checked="" ' : "") + 'disabled="" type="checkbox">';
+  }
+  paragraph(e) {
+    return `<p>${e}</p>
+`;
+  }
+  table(e, t) {
+    return t && (t = `<tbody>${t}</tbody>`), `<table>
+<thead>
+` + e + `</thead>
+` + t + `</table>
+`;
+  }
+  tablerow(e) {
+    return `<tr>
+${e}</tr>
+`;
+  }
+  tablecell(e, t) {
+    const n = t.header ? "th" : "td";
+    return (t.align ? `<${n} align="${t.align}">` : `<${n}>`) + e + `</${n}>
+`;
+  }
+  /**
+   * span level renderer
+   */
+  strong(e) {
+    return `<strong>${e}</strong>`;
+  }
+  em(e) {
+    return `<em>${e}</em>`;
+  }
+  codespan(e) {
+    return `<code>${e}</code>`;
+  }
+  br() {
+    return "<br>";
+  }
+  del(e) {
+    return `<del>${e}</del>`;
+  }
+  link(e, t, n) {
+    const i = Ie(e);
+    if (i === null)
+      return n;
+    e = i;
+    let l = '<a href="' + e + '"';
+    return t && (l += ' title="' + t + '"'), l += ">" + n + "</a>", l;
+  }
+  image(e, t, n) {
+    const i = Ie(e);
+    if (i === null)
+      return n;
+    e = i;
+    let l = `<img src="${e}" alt="${n}"`;
+    return t && (l += ` title="${t}"`), l += ">", l;
+  }
+  text(e) {
+    return e;
+  }
+}
+class we {
+  // no need for block level renderers
+  strong(e) {
+    return e;
+  }
+  em(e) {
+    return e;
+  }
+  codespan(e) {
+    return e;
+  }
+  del(e) {
+    return e;
+  }
+  html(e) {
+    return e;
+  }
+  text(e) {
+    return e;
+  }
+  link(e, t, n) {
+    return "" + n;
+  }
+  image(e, t, n) {
+    return "" + n;
+  }
+  br() {
+    return "";
+  }
+}
+class q {
+  constructor(e) {
+    _(this, "options");
+    _(this, "renderer");
+    _(this, "textRenderer");
+    this.options = e || O, this.options.renderer = this.options.renderer || new le(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.textRenderer = new we();
+  }
+  /**
+   * Static Parse Method
+   */
+  static parse(e, t) {
+    return new q(t).parse(e);
+  }
+  /**
+   * Static Parse Inline Method
+   */
+  static parseInline(e, t) {
+    return new q(t).parseInline(e);
+  }
+  /**
+   * Parse Loop
+   */
+  parse(e, t = !0) {
+    let n = "";
+    for (let i = 0; i < e.length; i++) {
+      const l = e[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[l.type]) {
+        const s = l, o = this.options.extensions.renderers[s.type].call({ parser: this }, s);
+        if (o !== !1 || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "paragraph", "text"].includes(s.type)) {
+          n += o || "";
+          continue;
+        }
+      }
+      switch (l.type) {
+        case "space":
+          continue;
+        case "hr": {
+          n += this.renderer.hr();
+          continue;
+        }
+        case "heading": {
+          const s = l;
+          n += this.renderer.heading(this.parseInline(s.tokens), s.depth, ht(this.parseInline(s.tokens, this.textRenderer)));
+          continue;
+        }
+        case "code": {
+          const s = l;
+          n += this.renderer.code(s.text, s.lang, !!s.escaped);
+          continue;
+        }
+        case "table": {
+          const s = l;
+          let o = "", a = "";
+          for (let c = 0; c < s.header.length; c++)
+            a += this.renderer.tablecell(this.parseInline(s.header[c].tokens), { header: !0, align: s.align[c] });
+          o += this.renderer.tablerow(a);
+          let u = "";
+          for (let c = 0; c < s.rows.length; c++) {
+            const h = s.rows[c];
+            a = "";
+            for (let p = 0; p < h.length; p++)
+              a += this.renderer.tablecell(this.parseInline(h[p].tokens), { header: !1, align: s.align[p] });
+            u += this.renderer.tablerow(a);
+          }
+          n += this.renderer.table(o, u);
+          continue;
+        }
+        case "blockquote": {
+          const s = l, o = this.parse(s.tokens);
+          n += this.renderer.blockquote(o);
+          continue;
+        }
+        case "list": {
+          const s = l, o = s.ordered, a = s.start, u = s.loose;
+          let c = "";
+          for (let h = 0; h < s.items.length; h++) {
+            const p = s.items[h], g = p.checked, x = p.task;
+            let y = "";
+            if (p.task) {
+              const z = this.renderer.checkbox(!!g);
+              u ? p.tokens.length > 0 && p.tokens[0].type === "paragraph" ? (p.tokens[0].text = z + " " + p.tokens[0].text, p.tokens[0].tokens && p.tokens[0].tokens.length > 0 && p.tokens[0].tokens[0].type === "text" && (p.tokens[0].tokens[0].text = z + " " + p.tokens[0].tokens[0].text)) : p.tokens.unshift({
+                type: "text",
+                text: z + " "
+              }) : y += z + " ";
+            }
+            y += this.parse(p.tokens, u), c += this.renderer.listitem(y, x, !!g);
+          }
+          n += this.renderer.list(c, o, a);
+          continue;
+        }
+        case "html": {
+          const s = l;
+          n += this.renderer.html(s.text, s.block);
+          continue;
+        }
+        case "paragraph": {
+          const s = l;
+          n += this.renderer.paragraph(this.parseInline(s.tokens));
+          continue;
+        }
+        case "text": {
+          let s = l, o = s.tokens ? this.parseInline(s.tokens) : s.text;
+          for (; i + 1 < e.length && e[i + 1].type === "text"; )
+            s = e[++i], o += `
+` + (s.tokens ? this.parseInline(s.tokens) : s.text);
+          n += t ? this.renderer.paragraph(o) : o;
+          continue;
+        }
+        default: {
+          const s = 'Token with "' + l.type + '" type was not found.';
+          if (this.options.silent)
+            return console.error(s), "";
+          throw new Error(s);
+        }
+      }
+    }
+    return n;
+  }
+  /**
+   * Parse Inline Tokens
+   */
+  parseInline(e, t) {
+    t = t || this.renderer;
+    let n = "";
+    for (let i = 0; i < e.length; i++) {
+      const l = e[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[l.type]) {
+        const s = this.options.extensions.renderers[l.type].call({ parser: this }, l);
+        if (s !== !1 || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(l.type)) {
+          n += s || "";
+          continue;
+        }
+      }
+      switch (l.type) {
+        case "escape": {
+          const s = l;
+          n += t.text(s.text);
+          break;
+        }
+        case "html": {
+          const s = l;
+          n += t.html(s.text);
+          break;
+        }
+        case "link": {
+          const s = l;
+          n += t.link(s.href, s.title, this.parseInline(s.tokens, t));
+          break;
+        }
+        case "image": {
+          const s = l;
+          n += t.image(s.href, s.title, s.text);
+          break;
+        }
+        case "strong": {
+          const s = l;
+          n += t.strong(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "em": {
+          const s = l;
+          n += t.em(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "codespan": {
+          const s = l;
+          n += t.codespan(s.text);
+          break;
+        }
+        case "br": {
+          n += t.br();
+          break;
+        }
+        case "del": {
+          const s = l;
+          n += t.del(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "text": {
+          const s = l;
+          n += t.text(s.text);
+          break;
+        }
+        default: {
+          const s = 'Token with "' + l.type + '" type was not found.';
+          if (this.options.silent)
+            return console.error(s), "";
+          throw new Error(s);
+        }
+      }
+    }
+    return n;
+  }
+}
+class G {
+  constructor(e) {
+    _(this, "options");
+    this.options = e || O;
+  }
+  /**
+   * Process markdown before marked
+   */
+  preprocess(e) {
+    return e;
+  }
+  /**
+   * Process HTML after marked is finished
+   */
+  postprocess(e) {
+    return e;
+  }
+  /**
+   * Process all tokens before walk tokens
+   */
+  processAllTokens(e) {
+    return e;
+  }
+}
+_(G, "passThroughHooks", /* @__PURE__ */ new Set([
+  "preprocess",
+  "postprocess",
+  "processAllTokens"
+]));
+var Z, pe, Ge;
+class Ot {
+  constructor(...e) {
+    Te(this, Z);
+    _(this, "defaults", fe());
+    _(this, "options", this.setOptions);
+    _(this, "parse", ee(this, Z, pe).call(this, P.lex, q.parse));
+    _(this, "parseInline", ee(this, Z, pe).call(this, P.lexInline, q.parseInline));
+    _(this, "Parser", q);
+    _(this, "Renderer", le);
+    _(this, "TextRenderer", we);
+    _(this, "Lexer", P);
+    _(this, "Tokenizer", se);
+    _(this, "Hooks", G);
+    this.use(...e);
+  }
+  /**
+   * Run callback for every token
+   */
+  walkTokens(e, t) {
+    var i, l;
+    let n = [];
+    for (const s of e)
+      switch (n = n.concat(t.call(this, s)), s.type) {
+        case "table": {
+          const o = s;
+          for (const a of o.header)
+            n = n.concat(this.walkTokens(a.tokens, t));
+          for (const a of o.rows)
+            for (const u of a)
+              n = n.concat(this.walkTokens(u.tokens, t));
+          break;
+        }
+        case "list": {
+          const o = s;
+          n = n.concat(this.walkTokens(o.items, t));
+          break;
+        }
+        default: {
+          const o = s;
+          (l = (i = this.defaults.extensions) == null ? void 0 : i.childTokens) != null && l[o.type] ? this.defaults.extensions.childTokens[o.type].forEach((a) => {
+            const u = o[a].flat(1 / 0);
+            n = n.concat(this.walkTokens(u, t));
+          }) : o.tokens && (n = n.concat(this.walkTokens(o.tokens, t)));
+        }
+      }
+    return n;
+  }
+  use(...e) {
+    const t = this.defaults.extensions || { renderers: {}, childTokens: {} };
+    return e.forEach((n) => {
+      const i = { ...n };
+      if (i.async = this.defaults.async || i.async || !1, n.extensions && (n.extensions.forEach((l) => {
+        if (!l.name)
+          throw new Error("extension name required");
+        if ("renderer" in l) {
+          const s = t.renderers[l.name];
+          s ? t.renderers[l.name] = function(...o) {
+            let a = l.renderer.apply(this, o);
+            return a === !1 && (a = s.apply(this, o)), a;
+          } : t.renderers[l.name] = l.renderer;
+        }
+        if ("tokenizer" in l) {
+          if (!l.level || l.level !== "block" && l.level !== "inline")
+            throw new Error("extension level must be 'block' or 'inline'");
+          const s = t[l.level];
+          s ? s.unshift(l.tokenizer) : t[l.level] = [l.tokenizer], l.start && (l.level === "block" ? t.startBlock ? t.startBlock.push(l.start) : t.startBlock = [l.start] : l.level === "inline" && (t.startInline ? t.startInline.push(l.start) : t.startInline = [l.start]));
+        }
+        "childTokens" in l && l.childTokens && (t.childTokens[l.name] = l.childTokens);
+      }), i.extensions = t), n.renderer) {
+        const l = this.defaults.renderer || new le(this.defaults);
+        for (const s in n.renderer) {
+          if (!(s in l))
+            throw new Error(`renderer '${s}' does not exist`);
+          if (s === "options")
+            continue;
+          const o = s, a = n.renderer[o], u = l[o];
+          l[o] = (...c) => {
+            let h = a.apply(l, c);
+            return h === !1 && (h = u.apply(l, c)), h || "";
+          };
+        }
+        i.renderer = l;
+      }
+      if (n.tokenizer) {
+        const l = this.defaults.tokenizer || new se(this.defaults);
+        for (const s in n.tokenizer) {
+          if (!(s in l))
+            throw new Error(`tokenizer '${s}' does not exist`);
+          if (["options", "rules", "lexer"].includes(s))
+            continue;
+          const o = s, a = n.tokenizer[o], u = l[o];
+          l[o] = (...c) => {
+            let h = a.apply(l, c);
+            return h === !1 && (h = u.apply(l, c)), h;
+          };
+        }
+        i.tokenizer = l;
+      }
+      if (n.hooks) {
+        const l = this.defaults.hooks || new G();
+        for (const s in n.hooks) {
+          if (!(s in l))
+            throw new Error(`hook '${s}' does not exist`);
+          if (s === "options")
+            continue;
+          const o = s, a = n.hooks[o], u = l[o];
+          G.passThroughHooks.has(s) ? l[o] = (c) => {
+            if (this.defaults.async)
+              return Promise.resolve(a.call(l, c)).then((p) => u.call(l, p));
+            const h = a.call(l, c);
+            return u.call(l, h);
+          } : l[o] = (...c) => {
+            let h = a.apply(l, c);
+            return h === !1 && (h = u.apply(l, c)), h;
+          };
+        }
+        i.hooks = l;
+      }
+      if (n.walkTokens) {
+        const l = this.defaults.walkTokens, s = n.walkTokens;
+        i.walkTokens = function(o) {
+          let a = [];
+          return a.push(s.call(this, o)), l && (a = a.concat(l.call(this, o))), a;
+        };
+      }
+      this.defaults = { ...this.defaults, ...i };
+    }), this;
+  }
+  setOptions(e) {
+    return this.defaults = { ...this.defaults, ...e }, this;
+  }
+  lexer(e, t) {
+    return P.lex(e, t ?? this.defaults);
+  }
+  parser(e, t) {
+    return q.parse(e, t ?? this.defaults);
+  }
+}
+Z = new WeakSet(), pe = function(e, t) {
+  return (n, i) => {
+    const l = { ...i }, s = { ...this.defaults, ...l };
+    this.defaults.async === !0 && l.async === !1 && (s.silent || console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."), s.async = !0);
+    const o = ee(this, Z, Ge).call(this, !!s.silent, !!s.async);
+    if (typeof n > "u" || n === null)
+      return o(new Error("marked(): input parameter is undefined or null"));
+    if (typeof n != "string")
+      return o(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n) + ", string expected"));
+    if (s.hooks && (s.hooks.options = s), s.async)
+      return Promise.resolve(s.hooks ? s.hooks.preprocess(n) : n).then((a) => e(a, s)).then((a) => s.hooks ? s.hooks.processAllTokens(a) : a).then((a) => s.walkTokens ? Promise.all(this.walkTokens(a, s.walkTokens)).then(() => a) : a).then((a) => t(a, s)).then((a) => s.hooks ? s.hooks.postprocess(a) : a).catch(o);
+    try {
+      s.hooks && (n = s.hooks.preprocess(n));
+      let a = e(n, s);
+      s.hooks && (a = s.hooks.processAllTokens(a)), s.walkTokens && this.walkTokens(a, s.walkTokens);
+      let u = t(a, s);
+      return s.hooks && (u = s.hooks.postprocess(u)), u;
+    } catch (a) {
+      return o(a);
+    }
+  };
+}, Ge = function(e, t) {
+  return (n) => {
+    if (n.message += `
+Please report this to https://github.com/markedjs/marked.`, e) {
+      const i = "<p>An error occurred:</p><pre>" + C(n.message + "", !0) + "</pre>";
+      return t ? Promise.resolve(i) : i;
+    }
+    if (t)
+      return Promise.reject(n);
+    throw n;
+  };
+};
+const D = new Ot();
+function b(r, e) {
+  return D.parse(r, e);
+}
+b.options = b.setOptions = function(r) {
+  return D.setOptions(r), b.defaults = D.defaults, Be(b.defaults), b;
+};
+b.getDefaults = fe;
+b.defaults = O;
+b.use = function(...r) {
+  return D.use(...r), b.defaults = D.defaults, Be(b.defaults), b;
+};
+b.walkTokens = function(r, e) {
+  return D.walkTokens(r, e);
+};
+b.parseInline = D.parseInline;
+b.Parser = q;
+b.parser = q.parse;
+b.Renderer = le;
+b.TextRenderer = we;
+b.Lexer = P;
+b.lexer = P.lex;
+b.Tokenizer = se;
+b.Hooks = G;
+b.parse = b;
+b.options;
+b.setOptions;
+b.use;
+b.walkTokens;
+b.parseInline;
+q.parse;
+P.lex;
+const {
+  HtmlTagHydration: jt,
+  SvelteComponent: Qt,
+  append_hydration: I,
+  attr: k,
+  children: $,
+  claim_element: S,
+  claim_html_tag: Nt,
+  claim_space: N,
+  claim_text: ae,
+  destroy_each: Vt,
+  detach: v,
+  element: A,
+  ensure_array_like: Ee,
+  init: Ht,
+  insert_hydration: B,
+  listen: We,
+  noop: $e,
+  null_to_empty: Ce,
+  safe_not_equal: Ft,
+  set_data: ce,
+  set_style: j,
+  space: V,
+  src_url_equal: re,
+  text: he,
+  toggle_class: M
+} = window.__gradio__svelte__internal;
+function Le(r, e, t) {
+  const n = r.slice();
+  return n[31] = e[t], n[33] = t, n;
+}
+function Me(r) {
+  let e, t, n, i = (
+    /*label_icon*/
+    r[0] && Pe(r)
+  );
+  return {
+    c() {
+      e = A("label"), i && i.c(), t = V(), n = he(
+        /*label*/
+        r[3]
+      ), this.h();
+    },
+    l(l) {
+      e = S(l, "LABEL", { class: !0, for: !0 });
+      var s = $(e);
+      i && i.l(s), t = N(s), n = ae(
+        s,
+        /*label*/
+        r[3]
+      ), s.forEach(v), this.h();
+    },
+    h() {
+      k(e, "class", "block-title svelte-h3uhc0"), k(e, "for", "consilium-roundtable");
+    },
+    m(l, s) {
+      B(l, e, s), i && i.m(e, null), I(e, t), I(e, n);
+    },
+    p(l, s) {
+      /*label_icon*/
+      l[0] ? i ? i.p(l, s) : (i = Pe(l), i.c(), i.m(e, t)) : i && (i.d(1), i = null), s[0] & /*label*/
+      8 && ce(
+        n,
+        /*label*/
+        l[3]
+      );
+    },
+    d(l) {
+      l && v(e), i && i.d();
+    }
+  };
+}
+function Pe(r) {
+  let e, t;
+  function n(s, o) {
+    return o[0] & /*label_icon*/
+    1 && (t = null), t == null && (t = !!Yt(
+      /*label_icon*/
+      s[0]
+    )), t ? Wt : Gt;
+  }
+  let i = n(r, [-1, -1]), l = i(r);
+  return {
+    c() {
+      e = A("div"), l.c(), this.h();
+    },
+    l(s) {
+      e = S(s, "DIV", { class: !0 });
+      var o = $(e);
+      l.l(o), o.forEach(v), this.h();
+    },
+    h() {
+      k(e, "class", "label-icon-container svelte-h3uhc0");
+    },
+    m(s, o) {
+      B(s, e, o), l.m(e, null);
+    },
+    p(s, o) {
+      i === (i = n(s, o)) && l ? l.p(s, o) : (l.d(1), l = i(s), l && (l.c(), l.m(e, null)));
+    },
+    d(s) {
+      s && v(e), l.d();
+    }
+  };
+}
+function Gt(r) {
+  let e, t;
+  return {
+    c() {
+      e = A("span"), t = he(
+        /*label_icon*/
+        r[0]
+      ), this.h();
+    },
+    l(n) {
+      e = S(n, "SPAN", { class: !0 });
+      var i = $(e);
+      t = ae(
+        i,
+        /*label_icon*/
+        r[0]
+      ), i.forEach(v), this.h();
+    },
+    h() {
+      k(e, "class", "label-icon-emoji svelte-h3uhc0");
+    },
+    m(n, i) {
+      B(n, e, i), I(e, t);
+    },
+    p(n, i) {
+      i[0] & /*label_icon*/
+      1 && ce(
+        t,
+        /*label_icon*/
+        n[0]
+      );
+    },
+    d(n) {
+      n && v(e);
+    }
+  };
+}
+function Wt(r) {
+  let e, t, n, i;
+  return {
+    c() {
+      e = A("img"), this.h();
+    },
+    l(l) {
+      e = S(l, "IMG", { src: !0, alt: !0, class: !0 }), this.h();
+    },
+    h() {
+      re(e.src, t = /*label_icon*/
+      r[0]) || k(e, "src", t), k(e, "alt", "Label Icon"), k(e, "class", "label-icon-image svelte-h3uhc0");
+    },
+    m(l, s) {
+      B(l, e, s), n || (i = We(
+        e,
+        "error",
+        /*handleLabelIconError*/
+        r[19]
+      ), n = !0);
+    },
+    p(l, s) {
+      s[0] & /*label_icon*/
+      1 && !re(e.src, t = /*label_icon*/
+      l[0]) && k(e, "src", t);
+    },
+    d(l) {
+      l && v(e), n = !1, i();
+    }
+  };
+}
+function Ut(r) {
+  let e, t = (
+    /*getEmoji*/
+    r[12](
+      /*participant*/
+      r[31]
+    ) + ""
+  ), n;
+  return {
+    c() {
+      e = A("span"), n = he(t), this.h();
+    },
+    l(i) {
+      e = S(i, "SPAN", { class: !0 });
+      var l = $(e);
+      n = ae(l, t), l.forEach(v), this.h();
+    },
+    h() {
+      k(e, "class", "avatar-emoji svelte-h3uhc0");
+    },
+    m(i, l) {
+      B(i, e, l), I(e, n);
+    },
+    p(i, l) {
+      l[0] & /*participants*/
+      32 && t !== (t = /*getEmoji*/
+      i[12](
+        /*participant*/
+        i[31]
+      ) + "") && ce(n, t);
+    },
+    d(i) {
+      i && v(e);
+    }
+  };
+}
+function Jt(r) {
+  let e, t, n, i, l;
+  function s(...o) {
+    return (
+      /*error_handler*/
+      r[25](
+        /*participant*/
+        r[31],
+        ...o
+      )
+    );
+  }
+  return {
+    c() {
+      e = A("img"), this.h();
+    },
+    l(o) {
+      e = S(o, "IMG", { src: !0, alt: !0, class: !0 }), this.h();
+    },
+    h() {
+      re(e.src, t = /*getAvatarImageUrl*/
+      r[13](
+        /*participant*/
+        r[31]
+      )) || k(e, "src", t), k(e, "alt", n = /*participant*/
+      r[31]), k(e, "class", "avatar-image svelte-h3uhc0");
+    },
+    m(o, a) {
+      B(o, e, a), i || (l = We(e, "error", s), i = !0);
+    },
+    p(o, a) {
+      r = o, a[0] & /*participants*/
+      32 && !re(e.src, t = /*getAvatarImageUrl*/
+      r[13](
+        /*participant*/
+        r[31]
+      )) && k(e, "src", t), a[0] & /*participants*/
+      32 && n !== (n = /*participant*/
+      r[31]) && k(e, "alt", n);
+    },
+    d(o) {
+      o && v(e), i = !1, l();
+    }
+  };
+}
+function qe(r) {
+  let e, t, n, i, l = (
+    /*renderMarkdown*/
+    r[11](
+      /*getLatestMessage*/
+      r[15](
+        /*participant*/
+        r[31]
+      )
+    ) + ""
+  ), s, o, a, u, c, h, p, g = (
+    /*participant*/
+    r[31] + ""
+  ), x, y;
+  function z(d, m) {
+    return m[0] & /*participants*/
+    32 && (c = null), c == null && (c = !!/*hasCustomImage*/
+    d[14](
+      /*participant*/
+      d[31]
+    )), c ? Jt : Ut;
+  }
+  let L = z(r, [-1, -1]), T = L(r);
+  return {
+    c() {
+      e = A("div"), t = A("div"), n = A("div"), i = new jt(!1), s = V(), o = A("div"), a = V(), u = A("div"), T.c(), h = V(), p = A("div"), x = he(g), y = V(), this.h();
+    },
+    l(d) {
+      e = S(d, "DIV", { class: !0, style: !0 });
+      var m = $(e);
+      t = S(m, "DIV", { class: !0 });
+      var R = $(t);
+      n = S(R, "DIV", { class: !0 });
+      var J = $(n);
+      i = Nt(J, !1), J.forEach(v), s = N(R), o = S(R, "DIV", { class: !0 }), $(o).forEach(v), R.forEach(v), a = N(m), u = S(m, "DIV", { class: !0, role: !0, tabindex: !0 });
+      var X = $(u);
+      T.l(X), X.forEach(v), h = N(m), p = S(m, "DIV", { class: !0 });
+      var Y = $(p);
+      x = ae(Y, g), Y.forEach(v), y = N(m), m.forEach(v), this.h();
+    },
+    h() {
+      i.a = null, k(n, "class", "bubble-content svelte-h3uhc0"), k(o, "class", "bubble-arrow svelte-h3uhc0"), k(t, "class", "speech-bubble svelte-h3uhc0"), M(
+        t,
+        "visible",
+        /*isBubbleVisible*/
+        r[16](
+          /*participant*/
+          r[31]
+        )
+      ), k(u, "class", "avatar svelte-h3uhc0"), k(u, "role", "button"), k(u, "tabindex", "0"), M(
+        u,
+        "speaking",
+        /*isAvatarActive*/
+        r[17](
+          /*participant*/
+          r[31]
+        )
+      ), M(
+        u,
+        "thinking",
+        /*thinking*/
+        r[7].includes(
+          /*participant*/
+          r[31]
+        )
+      ), M(
+        u,
+        "responding",
+        /*currentSpeaker*/
+        r[6] === /*participant*/
+        r[31]
+      ), M(
+        u,
+        "has-image",
+        /*hasCustomImage*/
+        r[14](
+          /*participant*/
+          r[31]
+        )
+      ), k(p, "class", "participant-name svelte-h3uhc0"), k(e, "class", "participant-seat svelte-h3uhc0"), j(e, "left", Q(
+        /*index*/
+        r[33],
+        /*participants*/
+        r[5].length
+      ).left), j(e, "top", Q(
+        /*index*/
+        r[33],
+        /*participants*/
+        r[5].length
+      ).top), j(e, "transform", Q(
+        /*index*/
+        r[33],
+        /*participants*/
+        r[5].length
+      ).transform);
+    },
+    m(d, m) {
+      B(d, e, m), I(e, t), I(t, n), i.m(l, n), I(t, s), I(t, o), I(e, a), I(e, u), T.m(u, null), I(e, h), I(e, p), I(p, x), I(e, y);
+    },
+    p(d, m) {
+      m[0] & /*participants*/
+      32 && l !== (l = /*renderMarkdown*/
+      d[11](
+        /*getLatestMessage*/
+        d[15](
+          /*participant*/
+          d[31]
+        )
+      ) + "") && i.p(l), m[0] & /*isBubbleVisible, participants*/
+      65568 && M(
+        t,
+        "visible",
+        /*isBubbleVisible*/
+        d[16](
+          /*participant*/
+          d[31]
+        )
+      ), L === (L = z(d, m)) && T ? T.p(d, m) : (T.d(1), T = L(d), T && (T.c(), T.m(u, null))), m[0] & /*isAvatarActive, participants*/
+      131104 && M(
+        u,
+        "speaking",
+        /*isAvatarActive*/
+        d[17](
+          /*participant*/
+          d[31]
+        )
+      ), m[0] & /*thinking, participants*/
+      160 && M(
+        u,
+        "thinking",
+        /*thinking*/
+        d[7].includes(
+          /*participant*/
+          d[31]
+        )
+      ), m[0] & /*currentSpeaker, participants*/
+      96 && M(
+        u,
+        "responding",
+        /*currentSpeaker*/
+        d[6] === /*participant*/
+        d[31]
+      ), m[0] & /*hasCustomImage, participants*/
+      16416 && M(
+        u,
+        "has-image",
+        /*hasCustomImage*/
+        d[14](
+          /*participant*/
+          d[31]
+        )
+      ), m[0] & /*participants*/
+      32 && g !== (g = /*participant*/
+      d[31] + "") && ce(x, g), m[0] & /*participants*/
+      32 && j(e, "left", Q(
+        /*index*/
+        d[33],
+        /*participants*/
+        d[5].length
+      ).left), m[0] & /*participants*/
+      32 && j(e, "top", Q(
+        /*index*/
+        d[33],
+        /*participants*/
+        d[5].length
+      ).top), m[0] & /*participants*/
+      32 && j(e, "transform", Q(
+        /*index*/
+        d[33],
+        /*participants*/
+        d[5].length
+      ).transform);
+    },
+    d(d) {
+      d && v(e), T.d();
+    }
+  };
+}
+function Xt(r) {
+  let e, t, n, i, l, s, o, a = (
+    /*show_label*/
+    r[4] && /*label*/
+    r[3] && Me(r)
+  ), u = Ee(
+    /*participants*/
+    r[5]
+  ), c = [];
+  for (let h = 0; h < u.length; h += 1)
+    c[h] = qe(Le(r, u, h));
+  return {
+    c() {
+      e = A("div"), t = A("div"), n = A("div"), a && a.c(), i = V(), l = A("div");
+      for (let h = 0; h < c.length; h += 1)
+        c[h].c();
+      this.h();
+    },
+    l(h) {
+      e = S(h, "DIV", { class: !0, id: !0, style: !0 });
+      var p = $(e);
+      t = S(p, "DIV", { class: !0, id: !0 });
+      var g = $(t);
+      n = S(g, "DIV", { class: !0 });
+      var x = $(n);
+      a && a.l(x), x.forEach(v), i = N(g), l = S(g, "DIV", { class: !0 });
+      var y = $(l);
+      for (let z = 0; z < c.length; z += 1)
+        c[z].l(y);
+      y.forEach(v), g.forEach(v), p.forEach(v), this.h();
+    },
+    h() {
+      k(n, "class", "table-center svelte-h3uhc0"), k(l, "class", "participants-circle"), k(t, "class", "consilium-container svelte-h3uhc0"), k(t, "id", "consilium-roundtable"), k(e, "class", s = Ce(
+        /*containerClasses*/
+        r[10]
+      ) + " svelte-h3uhc0"), k(
+        e,
+        "id",
+        /*elem_id*/
+        r[1]
+      ), k(e, "style", o = /*containerStyle*/
+      r[9] + "; " + /*minWidthStyle*/
+      r[8]), M(e, "hidden", !/*visible*/
+      r[2]);
+    },
+    m(h, p) {
+      B(h, e, p), I(e, t), I(t, n), a && a.m(n, null), I(t, i), I(t, l);
+      for (let g = 0; g < c.length; g += 1)
+        c[g] && c[g].m(l, null);
+    },
+    p(h, p) {
+      if (/*show_label*/
+      h[4] && /*label*/
+      h[3] ? a ? a.p(h, p) : (a = Me(h), a.c(), a.m(n, null)) : a && (a.d(1), a = null), p[0] & /*participants, isAvatarActive, thinking, currentSpeaker, hasCustomImage, getAvatarImageUrl, handleImageError, getEmoji, isBubbleVisible, renderMarkdown, getLatestMessage*/
+      522464) {
+        u = Ee(
+          /*participants*/
+          h[5]
+        );
+        let g;
+        for (g = 0; g < u.length; g += 1) {
+          const x = Le(h, u, g);
+          c[g] ? c[g].p(x, p) : (c[g] = qe(x), c[g].c(), c[g].m(l, null));
+        }
+        for (; g < c.length; g += 1)
+          c[g].d(1);
+        c.length = u.length;
+      }
+      p[0] & /*containerClasses*/
+      1024 && s !== (s = Ce(
+        /*containerClasses*/
+        h[10]
+      ) + " svelte-h3uhc0") && k(e, "class", s), p[0] & /*elem_id*/
+      2 && k(
+        e,
+        "id",
+        /*elem_id*/
+        h[1]
+      ), p[0] & /*containerStyle, minWidthStyle*/
+      768 && o !== (o = /*containerStyle*/
+      h[9] + "; " + /*minWidthStyle*/
+      h[8]) && k(e, "style", o), p[0] & /*containerClasses, visible*/
+      1028 && M(e, "hidden", !/*visible*/
+      h[2]);
+    },
+    i: $e,
+    o: $e,
+    d(h) {
+      h && v(e), a && a.d(), Vt(c, h);
+    }
+  };
+}
+function Q(r, e) {
+  const n = (360 / e * r - 90) * (Math.PI / 180), i = 260, l = 180, s = Math.cos(n) * i, o = Math.sin(n) * l;
+  return {
+    left: `calc(50% + ${s}px)`,
+    top: `calc(50% + ${o}px)`,
+    transform: "translate(-50%, -50%)"
+  };
+}
+function Yt(r) {
+  return r ? r.startsWith("http://") || r.startsWith("https://") || r.startsWith("data:") : !1;
+}
+function Kt(r, e, t) {
+  let n, i, l, { gradio: s } = e, { elem_id: o = "" } = e, { elem_classes: a = [] } = e, { visible: u = !0 } = e, { value: c = "{}" } = e, { label: h = "Consilium Roundtable" } = e, { label_icon: p = "🎭" } = e, { show_label: g = !0 } = e, { scale: x = null } = e, { min_width: y = void 0 } = e, z = [], L = [], T = null, d = [], m = [], R = {};
+  function J() {
+    try {
+      const f = JSON.parse(c);
+      t(5, z = f.participants || []), L = f.messages || [], t(6, T = f.currentSpeaker || null), t(7, d = f.thinking || []), m = f.showBubbles || [], R = f.avatarImages || {}, console.log("Clean JSON parsed:", {
+        participants: z,
+        messages: L,
+        currentSpeaker: T,
+        thinking: d,
+        showBubbles: m,
+        avatarImages: R
+      });
+    } catch (f) {
+      console.error("Invalid JSON:", c, f);
+    }
+  }
+  function X(f) {
+    if (!f) return f;
+    try {
+      return b.setOptions({
+        breaks: !0,
+        // Convert line breaks to <br>
+        gfm: !0,
+        // GitHub flavored markdown
+        sanitize: !1,
+        // Allow HTML (safe since we control input)
+        smartypants: !1
+        // Don't convert quotes/dashes
+      }), f.includes(`
+`) ? b.parse(f) : b.parseInline(f);
+    } catch (E) {
+      return console.error("Markdown parsing error:", E), f;
+    }
+  }
+  const Y = {
+    Anthropic: "🤖",
+    Claude: "🤖",
+    Search: "🔍",
+    "Web Search Agent": "🔍",
+    OpenAI: "🧠",
+    "GPT-4": "🧠",
+    Google: "💎",
+    Gemini: "💎",
+    "QwQ-32B": "😊",
+    "DeepSeek-R1": "🔮",
+    Mistral: "🐱",
+    "Mistral Large": "🐱",
+    "Meta-Llama-3.1-8B": "🦙"
+  };
+  function Ue(f) {
+    return Y[f] || "🤖";
+  }
+  function Je(f) {
+    return R[f] || null;
+  }
+  function Xe(f) {
+    return R[f] && R[f].trim() !== "";
+  }
+  function Ye(f) {
+    if (d.includes(f))
+      return `${f} is thinking...`;
+    if (T === f)
+      return `${f} is responding...`;
+    const E = L.filter((K) => K.speaker === f);
+    return E.length === 0 ? `${f} is ready to discuss...` : E[E.length - 1].text || `${f} responded`;
+  }
+  function Ke(f) {
+    const E = d.includes(f), K = T === f, xe = m.includes(f), ye = E || K || xe;
+    return console.log(`${f} bubble visible:`, ye, { isThinking: E, isSpeaking: K, shouldShow: xe }), ye;
+  }
+  function et(f) {
+    return d.includes(f) || T === f;
+  }
+  function _e(f, E) {
+    console.warn(`Failed to load avatar image for ${E}, falling back to emoji`), R = Object.assign(Object.assign({}, R), { [E]: null });
+  }
+  function tt(f) {
+    console.warn("Failed to load label icon image, falling back to default emoji"), t(0, p = null);
+  }
+  const nt = (f, E) => _e(E, f);
+  return r.$$set = (f) => {
+    "gradio" in f && t(20, s = f.gradio), "elem_id" in f && t(1, o = f.elem_id), "elem_classes" in f && t(21, a = f.elem_classes), "visible" in f && t(2, u = f.visible), "value" in f && t(22, c = f.value), "label" in f && t(3, h = f.label), "label_icon" in f && t(0, p = f.label_icon), "show_label" in f && t(4, g = f.show_label), "scale" in f && t(23, x = f.scale), "min_width" in f && t(24, y = f.min_width);
+  }, r.$$.update = () => {
+    r.$$.dirty[0] & /*elem_classes*/
+    2097152 && t(10, n = `wrapper ${a.join(" ")}`), r.$$.dirty[0] & /*scale*/
+    8388608 && t(9, i = x ? `--scale: ${x}` : ""), r.$$.dirty[0] & /*min_width*/
+    16777216 && t(8, l = y ? `min-width: ${y}px` : ""), r.$$.dirty[0] & /*value*/
+    4194304 && J();
+  }, [
+    p,
+    o,
+    u,
+    h,
+    g,
+    z,
+    T,
+    d,
+    l,
+    i,
+    n,
+    X,
+    Ue,
+    Je,
+    Xe,
+    Ye,
+    Ke,
+    et,
+    _e,
+    tt,
+    s,
+    a,
+    c,
+    x,
+    y,
+    nt
+  ];
+}
+class en extends Qt {
+  constructor(e) {
+    super(), Ht(
+      this,
+      e,
+      Kt,
+      Xt,
+      Ft,
+      {
+        gradio: 20,
+        elem_id: 1,
+        elem_classes: 21,
+        visible: 2,
+        value: 22,
+        label: 3,
+        label_icon: 0,
+        show_label: 4,
+        scale: 23,
+        min_width: 24
+      },
+      null,
+      [-1, -1]
+    );
+  }
+}
+const {
+  SvelteComponent: tn,
+  claim_component: nn,
+  create_component: sn,
+  destroy_component: ln,
+  init: rn,
+  mount_component: on,
+  noop: an,
+  safe_not_equal: cn,
+  transition_in: hn,
+  transition_out: un
+} = window.__gradio__svelte__internal, { onMount: dn } = window.__gradio__svelte__internal;
+function pn(r) {
+  let e, t;
+  return e = new en({
+    props: {
+      value: (
+        /*value*/
+        r[0]
+      ),
+      label: "Example Roundtable",
+      visible: !0,
+      elem_id: "example",
+      elem_classes: [],
+      scale: null,
+      min_width: 600,
+      gradio: {},
+      show_label: !0
+    }
+  }), {
+    c() {
+      sn(e.$$.fragment);
+    },
+    l(n) {
+      nn(e.$$.fragment, n);
+    },
+    m(n, i) {
+      on(e, n, i), t = !0;
+    },
+    p: an,
+    i(n) {
+      t || (hn(e.$$.fragment, n), t = !0);
+    },
+    o(n) {
+      un(e.$$.fragment, n), t = !1;
+    },
+    d(n) {
+      ln(e, n);
+    }
+  };
+}
+function fn(r) {
+  return [JSON.stringify({
+    participants: ["Claude", "GPT-4", "Mistral"],
+    messages: [
+      {
+        speaker: "Claude",
+        text: "Welcome to the roundtable!"
+      }
+    ],
+    currentSpeaker: "Claude",
+    thinking: []
+  })];
+}
+class kn extends tn {
+  constructor(e) {
+    super(), rn(this, e, fn, pn, cn, {});
+  }
+}
+export {
+  kn as default
+};

src/backend/gradio_consilium_roundtable/templates/example/style.css

@@ -0,0 +1 @@
+.hidden.svelte-h3uhc0{display:none}.block-title.svelte-h3uhc0{padding:10px;font-weight:700;color:gold;display:flex;flex-wrap:wrap;justify-content:center;text-shadow:0 2px 4px rgba(0,0,0,.8)}.label-icon-container.svelte-h3uhc0{width:24px;height:24px}.label-icon-emoji.svelte-h3uhc0{font-size:1.2rem;line-height:1}.label-icon-image.svelte-h3uhc0{width:24px;height:24px;object-fit:contain;border-radius:4px}.wrapper.svelte-h3uhc0{width:600px;height:600px;position:relative}.consilium-container.svelte-h3uhc0{top:150px;position:relative;width:450px;height:300px;margin:20px auto;border-radius:50%;background:linear-gradient(135deg,#0f5132,#198754);border:8px solid #8b4513;box-shadow:0 8px 32px #0006,inset 0 0 20px #0003}.table-center.svelte-h3uhc0{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#0000004d;border-radius:50%;width:140px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #8b4513;box-shadow:inset 0 0 10px #00000080}.participant-seat.svelte-h3uhc0{position:absolute;display:flex;flex-direction:column;align-items:center}.avatar.svelte-h3uhc0{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:linear-gradient(145deg,#fff,#e6e6e6);border:3px solid #8b4513;box-shadow:0 6px 15px #0000004d,inset 0 2px 5px #ffffff80;margin-bottom:8px;transition:all .3s ease;position:relative;z-index:10;overflow:hidden}.avatar.has-image.svelte-h3uhc0{background:#f8f9fa;padding:2px}.avatar-image.svelte-h3uhc0{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-emoji.svelte-h3uhc0{font-size:1.4rem;line-height:1}.avatar.thinking.svelte-h3uhc0{border-color:#ff6b35;animation:svelte-h3uhc0-thinking-pulse 1.5s infinite}.avatar.responding.svelte-h3uhc0{border-color:gold;animation:svelte-h3uhc0-speaking-glow 1s infinite}.avatar.speaking.svelte-h3uhc0{border-color:gold}.participant-name.svelte-h3uhc0{font-size:.75rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.8);text-align:center;white-space:nowrap;background:#0000004d;padding:2px 8px;border-radius:10px;border:1px solid #8b4513}.speech-bubble.svelte-h3uhc0{position:absolute;bottom:90px;left:50%;transform:translate(-50%) translateY(20px);background:#fff;border-radius:15px;padding:10px 14px;box-shadow:0 8px 25px #0000004d;z-index:20;opacity:0;transition:all .4s ease;pointer-events:none;border:2px solid #8b4513;min-width:180px;max-width:300px;word-wrap:break-word;white-space:normal}.speech-bubble.visible.svelte-h3uhc0{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.bubble-content.svelte-h3uhc0{font-size:.8rem;color:#333;line-height:1.4;text-align:left;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8b4513 #f0f0f0}.bubble-content.svelte-h3uhc0::-webkit-scrollbar{width:6px}.bubble-content.svelte-h3uhc0::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.bubble-content.svelte-h3uhc0::-webkit-scrollbar-thumb{background:#8b4513;border-radius:3px}.bubble-content.svelte-h3uhc0::-webkit-scrollbar-thumb:hover{background:#654321}.bubble-arrow.svelte-h3uhc0{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.bubble-arrow.svelte-h3uhc0:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #8b4513}@keyframes svelte-h3uhc0-thinking-pulse{0%,to{transform:scale(1);box-shadow:0 6px 15px #0000004d,0 0 15px #ff6b3566}50%{transform:scale(1.03);box-shadow:0 8px 20px #0006,0 0 25px #ff6b3599}}@keyframes svelte-h3uhc0-speaking-glow{0%,to{box-shadow:0 6px 15px #0000004d,0 0 20px #ffd70080}50%{box-shadow:0 8px 20px #0006,0 0 30px #ffd700cc}}

src/demo/app.py

@@ -0,0 +1,191 @@
+import gradio as gr
+from gradio_consilium_roundtable import consilium_roundtable
+import json
+
+def simulate_discussion():
+    """Simulate a live AI discussion with custom avatar images"""
+    
+    # Define avatar images (you can replace these URLs with actual image URLs)
+    avatar_images = {
+        "QwQ-32B": "https://cdn-avatars.huggingface.co/v1/production/uploads/620760a26e3b7210c2ff1943/-s1gyJfvbE1RgO5iBeNOi.png",
+        "DeepSeek-R1": "https://logosandtypes.com/wp-content/uploads/2025/02/deepseek.svg",
+        "Mistral Large": "https://logosandtypes.com/wp-content/uploads/2025/02/mistral-ai.svg",
+        "Claude": "https://claude.ai/favicon.ico",
+        # Web Search Agent will use emoji fallback (no image provided)
+    }
+    
+    # Initial state - everyone ready
+    initial_state = {
+        "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+        "messages": [],
+        "currentSpeaker": None,
+        "thinking": [],
+        "showBubbles": [],
+        "avatarImages": avatar_images
+    }
+
+    states = [
+        # 1. QwQ-32B starts thinking
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [],
+            "currentSpeaker": None,
+            "thinking": ["QwQ-32B"],
+            "showBubbles": [],
+            "avatarImages": avatar_images
+        },
+        
+        # 2. DeepSeek-R1 and Search start thinking - QwQ-32B's bubble should stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "This is a very long response that should demonstrate the scrolling functionality. I'm going to explain multiple points in detail.\n\n**Key Analysis Points:**\n- First consideration: market dynamics\n- Second factor: technical feasibility\n- Third aspect: resource allocation\n\nWe need to evaluate each of these systematically."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["DeepSeek-R1", "Web Search Agent"],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 3. DeepSeek-R1 responds - both QwQ-32B and DeepSeek-R1 bubbles visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis:\n\n**Key Points:**\n- Market dynamics are shifting rapidly\n- Technical feasibility looks promising\n- Resource allocation needs careful planning\n\n`Implementation roadmap` should include phased rollout."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation, QwQ-32B! I'd like to add some **quantitative analysis** to your reasoning:\n\n> Statistical models suggest a 73% success probability\n\nLet me run some deeper calculations..."}
+            ],
+            "currentSpeaker": "DeepSeek-R1",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 4. Multiple models thinking - previous responses stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["Mistral Large", "Claude"],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 5. Search agent responds with data - all previous responses visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 **Recent Market Data:**\n\n- Industry growth: +23% YoY\n- Competition analysis: 5 major players\n- Consumer sentiment: 87% positive\n\nSources: MarketWatch, TechCrunch, Industry Reports"}
+            ],
+            "currentSpeaker": "Web Search Agent",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 6. Claude joins the discussion
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 Industry growth: +23% YoY, Competition: 5 major players, Consumer sentiment: 87% positive"},
+                {"speaker": "Claude", "text": "Great insights everyone! Let me synthesize this information:\n\n🎯 **Strategic Recommendation:**\nBased on the quantitative analysis and market data, I suggest a **phased approach** with risk mitigation strategies built in."}
+            ],
+            "currentSpeaker": "Claude",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent"],
+            "avatarImages": avatar_images
+        },
+        
+        # 7. Final consensus with Mistral Large
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Strategic analysis complete with key considerations outlined."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical validation: 73% success probability confirmed."},
+                {"speaker": "Web Search Agent", "text": "Market data supports positive outlook: +23% growth, 87% sentiment."},
+                {"speaker": "Claude", "text": "Phased approach recommended with integrated risk mitigation."},
+                {"speaker": "Mistral Large", "text": "🏆 **CONSENSUS ACHIEVED**\n\nAll analyses converge on a **GO decision** with the following framework:\n\n✅ Phased implementation\n✅ 73% success probability\n✅ Strong market fundamentals\n✅ Risk mitigation protocols"}
+            ],
+            "currentSpeaker": "Mistral Large",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent", "Claude"],
+            "avatarImages": avatar_images
+        }
+    ]
+    
+    return initial_state, states
+
+def update_discussion_state(state_index, states):
+    """Get the next state in the discussion"""
+    if state_index >= len(states):
+        state_index = 0
+    return states[state_index], state_index + 1
+
+# Initialize the discussion
+initial_state, discussion_states = simulate_discussion()
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 🎭 Consilium Roundtable Demo")
+    gr.Markdown("**Watch the AI discussion unfold!** Click 'Next State' to see different phases of the discussion. 📼 Demo Video: https://youtu.be/oyYlf1BfuU8")
+    
+    # State management
+    state_counter = gr.State(0)
+    
+    # The roundtable component
+    roundtable = consilium_roundtable(
+        label="AI Discussion Roundtable",
+        show_label=True,
+        label_icon="https://huggingface.co/front/assets/huggingface_logo-noborder.svg",
+        value=initial_state
+    )
+    
+    with gr.Row():
+        next_btn = gr.Button("▶️ Next Discussion State", variant="primary")
+        reset_btn = gr.Button("🔄 Reset Discussion", variant="secondary")
+    
+    # Status display
+    with gr.Row():
+        status_display = gr.Markdown("**Status:** Discussion ready to begin")
+    
+    def next_state(current_counter):
+        new_state, new_counter = update_discussion_state(current_counter, discussion_states)
+        
+        # Convert to proper JSON string
+        json_state = json.dumps(new_state)
+        
+        # Create status message
+        thinking_list = new_state.get("thinking", [])
+        current_speaker = new_state.get("currentSpeaker")
+        
+        if thinking_list:
+            status = f"**Status:** {', '.join(thinking_list)} {'is' if len(thinking_list) == 1 else 'are'} thinking..."
+        elif current_speaker:
+            status = f"**Status:** {current_speaker} is responding..."
+        else:
+            status = "**Status:** Discussion in progress..."
+            
+        return json_state, new_counter, status
+
+    def reset_discussion():
+        json_state = json.dumps(initial_state)
+        return json_state, 0, "**Status:** Discussion reset - ready to begin"
+    
+    next_btn.click(
+        next_state,
+        inputs=[state_counter],
+        outputs=[roundtable, state_counter, status_display]
+    )
+    
+    reset_btn.click(
+        reset_discussion,
+        outputs=[roundtable, state_counter, status_display]
+    )
+
+if __name__ == "__main__":
+    demo.launch()

src/demo/css.css

@@ -0,0 +1,157 @@
+html {
+	font-family: Inter;
+	font-size: 16px;
+	font-weight: 400;
+	line-height: 1.5;
+	-webkit-text-size-adjust: 100%;
+	background: #fff;
+	color: #323232;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-rendering: optimizeLegibility;
+}
+
+:root {
+	--space: 1;
+	--vspace: calc(var(--space) * 1rem);
+	--vspace-0: calc(3 * var(--space) * 1rem);
+	--vspace-1: calc(2 * var(--space) * 1rem);
+	--vspace-2: calc(1.5 * var(--space) * 1rem);
+	--vspace-3: calc(0.5 * var(--space) * 1rem);
+}
+
+.app {
+	max-width: 748px !important;
+}
+
+.prose p {
+	margin: var(--vspace) 0;
+	line-height: var(--vspace * 2);
+	font-size: 1rem;
+}
+
+code {
+	font-family: "Inconsolata", sans-serif;
+	font-size: 16px;
+}
+
+h1,
+h1 code {
+	font-weight: 400;
+	line-height: calc(2.5 / var(--space) * var(--vspace));
+}
+
+h1 code {
+	background: none;
+	border: none;
+	letter-spacing: 0.05em;
+	padding-bottom: 5px;
+	position: relative;
+	padding: 0;
+}
+
+h2 {
+	margin: var(--vspace-1) 0 var(--vspace-2) 0;
+	line-height: 1em;
+}
+
+h3,
+h3 code {
+	margin: var(--vspace-1) 0 var(--vspace-2) 0;
+	line-height: 1em;
+}
+
+h4,
+h5,
+h6 {
+	margin: var(--vspace-3) 0 var(--vspace-3) 0;
+	line-height: var(--vspace);
+}
+
+.bigtitle,
+h1,
+h1 code {
+	font-size: calc(8px * 4.5);
+	word-break: break-word;
+}
+
+.title,
+h2,
+h2 code {
+	font-size: calc(8px * 3.375);
+	font-weight: lighter;
+	word-break: break-word;
+	border: none;
+	background: none;
+}
+
+.subheading1,
+h3,
+h3 code {
+	font-size: calc(8px * 1.8);
+	font-weight: 600;
+	border: none;
+	background: none;
+	letter-spacing: 0.1em;
+	text-transform: uppercase;
+}
+
+h2 code {
+	padding: 0;
+	position: relative;
+	letter-spacing: 0.05em;
+}
+
+blockquote {
+	font-size: calc(8px * 1.1667);
+	font-style: italic;
+	line-height: calc(1.1667 * var(--vspace));
+	margin: var(--vspace-2) var(--vspace-2);
+}
+
+.subheading2,
+h4 {
+	font-size: calc(8px * 1.4292);
+	text-transform: uppercase;
+	font-weight: 600;
+}
+
+.subheading3,
+h5 {
+	font-size: calc(8px * 1.2917);
+	line-height: calc(1.2917 * var(--vspace));
+
+	font-weight: lighter;
+	text-transform: uppercase;
+	letter-spacing: 0.15em;
+}
+
+h6 {
+	font-size: calc(8px * 1.1667);
+	font-size: 1.1667em;
+	font-weight: normal;
+	font-style: italic;
+	font-family: "le-monde-livre-classic-byol", serif !important;
+	letter-spacing: 0px !important;
+}
+
+#start .md > *:first-child {
+	margin-top: 0;
+}
+
+h2 + h3 {
+	margin-top: 0;
+}
+
+.md hr {
+	border: none;
+	border-top: 1px solid var(--block-border-color);
+	margin: var(--vspace-2) 0 var(--vspace-2) 0;
+}
+.prose ul {
+	margin: var(--vspace-2) 0 var(--vspace-1) 0;
+}
+
+.gap {
+	gap: 0;
+}

src/demo/requirements.txt

@@ -0,0 +1 @@
+gradio_consilium_roundtable

src/demo/space.py

@@ -0,0 +1,312 @@
+
+import gradio as gr
+from app import demo as app
+import os
+
+_docs = {'consilium_roundtable': {'description': 'Creates a visual roundtable component for AI consensus discussions.\n\nDisplays AI participants as avatars positioned around an oval table\nwith animated speech bubbles, thinking states, and real-time discussion updates.\nPerfect for multi-AI collaboration, decision-making processes, and consensus building.\n\nSupports custom avatar images with emoji fallbacks for enhanced visual representation.', 'members': {'__init__': {'value': {'type': 'str | Callable | None', 'default': 'None', 'description': 'JSON string containing the discussion state with participants, messages, current speaker, thinking states, and avatar images. If a function is provided, it will be called each time the app loads to set the initial value.'}, 'placeholder': {'type': 'str | None', 'default': 'None', 'description': 'Not used in this component (roundtable displays participants instead).'}, 'label': {'type': 'str | I18nData | None', 'default': 'None', 'description': 'The label for this component, displayed above the roundtable.'}, 'label_icon': {'type': 'str | None', 'default': '"🎭"', 'description': 'Icon displayed next to the label. Can be an emoji (default: "🎭") or a URL to an image. Set to None to disable.'}, 'every': {'type': 'Timer | float | None', 'default': 'None', 'description': 'Continuously calls `value` to recalculate it if `value` is a function (useful for live discussion updates).'}, 'inputs': {'type': 'Component | Sequence[Component] | set[Component] | None', 'default': 'None', 'description': 'Components that are used as inputs to calculate `value` if `value` is a function.'}, 'show_label': {'type': 'bool | None', 'default': 'None', 'description': 'If True, will display the label above the roundtable.'}, 'scale': {'type': 'int | None', 'default': 'None', 'description': 'Relative size compared to adjacent components in a Row or Blocks layout.'}, 'min_width': {'type': 'int', 'default': '600', 'description': 'Minimum pixel width for the component (default 600px for proper roundtable display).'}, 'visible': {'type': 'bool', 'default': 'True', 'description': 'If False, component will be hidden.'}, 'rtl': {'type': 'bool', 'default': 'False', 'description': 'Not used in this component.'}, 'elem_id': {'type': 'str | None', 'default': 'None', 'description': 'An optional string assigned as the id of this component in the HTML DOM.'}, 'elem_classes': {'type': 'list[str] | str | None', 'default': 'None', 'description': 'Optional list of CSS classes assigned to this component.'}, 'render': {'type': 'bool', 'default': 'True', 'description': 'If False, component will not be rendered in the Blocks context initially.'}, 'key': {'type': 'int | str | tuple[int | str, ...] | None', 'default': 'None', 'description': 'For gr.render() - components with the same key are treated as the same component across re-renders.'}, 'preserved_by_key': {'type': 'list[str] | str | None', 'default': '"value"', 'description': 'Parameters preserved across re-renders when using keys.'}}, 'postprocess': {'value': {'type': 'Any', 'description': 'Discussion state as dict or JSON string containing:'}}, 'preprocess': {'return': {'type': 'str | None', 'description': 'Passes the JSON string value for processing.'}, 'value': None}}, 'events': {'change': {'type': None, 'default': None, 'description': 'Triggered when the value of the consilium_roundtable changes either because of user input (e.g. a user types in a textbox) OR because of a function update (e.g. an image receives a value from the output of an event trigger). See `.input()` for a listener that is only triggered by user input.'}, 'input': {'type': None, 'default': None, 'description': 'This listener is triggered when the user changes the value of the consilium_roundtable.'}, 'submit': {'type': None, 'default': None, 'description': 'This listener is triggered when the user presses the Enter key while the consilium_roundtable is focused.'}}}, '__meta__': {'additional_interfaces': {}, 'user_fn_refs': {'consilium_roundtable': []}}}
+
+abs_path = os.path.join(os.path.dirname(__file__), "css.css")
+
+with gr.Blocks(
+    css=abs_path,
+    theme=gr.themes.Default(
+        font_mono=[
+            gr.themes.GoogleFont("Inconsolata"),
+            "monospace",
+        ],
+    ),
+) as demo:
+    gr.Markdown(
+"""
+# `gradio_consilium_roundtable`
+
+<div style="display: flex; gap: 7px;">
+<a href="https://pypi.org/project/gradio_consilium_roundtable/" target="_blank"><img alt="PyPI - Version" src="https://img.shields.io/pypi/v/gradio_consilium_roundtable"></a>  
+</div>
+
+The roundtable for artificial minds
+""", elem_classes=["md-custom"], header_links=True)
+    app.render()
+    gr.Markdown(
+"""
+## Installation
+
+```bash
+pip install gradio_consilium_roundtable
+```
+
+## Usage
+
+```python
+import gradio as gr
+from gradio_consilium_roundtable import consilium_roundtable
+import json
+
+def simulate_discussion():
+    \"\"\"Simulate a live AI discussion with custom avatar images\"\"\"
+    
+    # Define avatar images (you can replace these URLs with actual image URLs)
+    avatar_images = {
+        "QwQ-32B": "https://cdn-avatars.huggingface.co/v1/production/uploads/620760a26e3b7210c2ff1943/-s1gyJfvbE1RgO5iBeNOi.png",
+        "DeepSeek-R1": "https://logosandtypes.com/wp-content/uploads/2025/02/deepseek.svg",
+        "Mistral Large": "https://logosandtypes.com/wp-content/uploads/2025/02/mistral-ai.svg",
+        "Claude": "https://claude.ai/favicon.ico",
+        # Web Search Agent will use emoji fallback (no image provided)
+    }
+    
+    # Initial state - everyone ready
+    initial_state = {
+        "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+        "messages": [],
+        "currentSpeaker": None,
+        "thinking": [],
+        "showBubbles": [],
+        "avatarImages": avatar_images
+    }
+
+    states = [
+        # 1. QwQ-32B starts thinking
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [],
+            "currentSpeaker": None,
+            "thinking": ["QwQ-32B"],
+            "showBubbles": [],
+            "avatarImages": avatar_images
+        },
+        
+        # 2. DeepSeek-R1 and Search start thinking - QwQ-32B's bubble should stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "This is a very long response that should demonstrate the scrolling functionality. I'm going to explain multiple points in detail.\n\n**Key Analysis Points:**\n- First consideration: market dynamics\n- Second factor: technical feasibility\n- Third aspect: resource allocation\n\nWe need to evaluate each of these systematically."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["DeepSeek-R1", "Web Search Agent"],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 3. DeepSeek-R1 responds - both QwQ-32B and DeepSeek-R1 bubbles visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis:\n\n**Key Points:**\n- Market dynamics are shifting rapidly\n- Technical feasibility looks promising\n- Resource allocation needs careful planning\n\n`Implementation roadmap` should include phased rollout."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation, QwQ-32B! I'd like to add some **quantitative analysis** to your reasoning:\n\n> Statistical models suggest a 73% success probability\n\nLet me run some deeper calculations..."}
+            ],
+            "currentSpeaker": "DeepSeek-R1",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B"],
+            "avatarImages": avatar_images
+        },
+        
+        # 4. Multiple models thinking - previous responses stay visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."}
+            ],
+            "currentSpeaker": None,
+            "thinking": ["Mistral Large", "Claude"],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 5. Search agent responds with data - all previous responses visible
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Excellent foundation! Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 **Recent Market Data:**\n\n- Industry growth: +23% YoY\n- Competition analysis: 5 major players\n- Consumer sentiment: 87% positive\n\nSources: MarketWatch, TechCrunch, Industry Reports"}
+            ],
+            "currentSpeaker": "Web Search Agent",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1"],
+            "avatarImages": avatar_images
+        },
+        
+        # 6. Claude joins the discussion
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Here's my detailed analysis with key considerations for our strategic approach."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical models suggest a 73% success probability based on current market conditions."},
+                {"speaker": "Web Search Agent", "text": "📊 Industry growth: +23% YoY, Competition: 5 major players, Consumer sentiment: 87% positive"},
+                {"speaker": "Claude", "text": "Great insights everyone! Let me synthesize this information:\n\n🎯 **Strategic Recommendation:**\nBased on the quantitative analysis and market data, I suggest a **phased approach** with risk mitigation strategies built in."}
+            ],
+            "currentSpeaker": "Claude",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent"],
+            "avatarImages": avatar_images
+        },
+        
+        # 7. Final consensus with Mistral Large
+        {
+            "participants": ["QwQ-32B", "DeepSeek-R1", "Mistral Large", "Claude", "Web Search Agent"],
+            "messages": [
+                {"speaker": "QwQ-32B", "text": "Strategic analysis complete with key considerations outlined."},
+                {"speaker": "DeepSeek-R1", "text": "Statistical validation: 73% success probability confirmed."},
+                {"speaker": "Web Search Agent", "text": "Market data supports positive outlook: +23% growth, 87% sentiment."},
+                {"speaker": "Claude", "text": "Phased approach recommended with integrated risk mitigation."},
+                {"speaker": "Mistral Large", "text": "🏆 **CONSENSUS ACHIEVED**\n\nAll analyses converge on a **GO decision** with the following framework:\n\n✅ Phased implementation\n✅ 73% success probability\n✅ Strong market fundamentals\n✅ Risk mitigation protocols"}
+            ],
+            "currentSpeaker": "Mistral Large",
+            "thinking": [],
+            "showBubbles": ["QwQ-32B", "DeepSeek-R1", "Web Search Agent", "Claude"],
+            "avatarImages": avatar_images
+        }
+    ]
+    
+    return initial_state, states
+
+def update_discussion_state(state_index, states):
+    \"\"\"Get the next state in the discussion\"\"\"
+    if state_index >= len(states):
+        state_index = 0
+    return states[state_index], state_index + 1
+
+# Initialize the discussion
+initial_state, discussion_states = simulate_discussion()
+
+with gr.Blocks() as demo:
+    gr.Markdown("# 🎭 Consilium Roundtable Demo")
+    gr.Markdown("**Watch the AI discussion unfold!** Click 'Next State' to see different phases of the discussion. 📼 Demo Video: https://youtu.be/oyYlf1BfuU8")
+    
+    # State management
+    state_counter = gr.State(0)
+    
+    # The roundtable component
+    roundtable = consilium_roundtable(
+        label="AI Discussion Roundtable",
+        show_label=True,
+        label_icon="https://huggingface.co/front/assets/huggingface_logo-noborder.svg",
+        value=initial_state
+    )
+    
+    with gr.Row():
+        next_btn = gr.Button("▶️ Next Discussion State", variant="primary")
+        reset_btn = gr.Button("🔄 Reset Discussion", variant="secondary")
+    
+    # Status display
+    with gr.Row():
+        status_display = gr.Markdown("**Status:** Discussion ready to begin")
+    
+    def next_state(current_counter):
+        new_state, new_counter = update_discussion_state(current_counter, discussion_states)
+        
+        # Convert to proper JSON string
+        json_state = json.dumps(new_state)
+        
+        # Create status message
+        thinking_list = new_state.get("thinking", [])
+        current_speaker = new_state.get("currentSpeaker")
+        
+        if thinking_list:
+            status = f"**Status:** {', '.join(thinking_list)} {'is' if len(thinking_list) == 1 else 'are'} thinking..."
+        elif current_speaker:
+            status = f"**Status:** {current_speaker} is responding..."
+        else:
+            status = "**Status:** Discussion in progress..."
+            
+        return json_state, new_counter, status
+
+    def reset_discussion():
+        json_state = json.dumps(initial_state)
+        return json_state, 0, "**Status:** Discussion reset - ready to begin"
+    
+    next_btn.click(
+        next_state,
+        inputs=[state_counter],
+        outputs=[roundtable, state_counter, status_display]
+    )
+    
+    reset_btn.click(
+        reset_discussion,
+        outputs=[roundtable, state_counter, status_display]
+    )
+
+if __name__ == "__main__":
+    demo.launch()
+```
+""", elem_classes=["md-custom"], header_links=True)
+
+
+    gr.Markdown("""
+## `consilium_roundtable`
+
+### Initialization
+""", elem_classes=["md-custom"], header_links=True)
+
+    gr.ParamViewer(value=_docs["consilium_roundtable"]["members"]["__init__"], linkify=[])
+
+
+    gr.Markdown("### Events")
+    gr.ParamViewer(value=_docs["consilium_roundtable"]["events"], linkify=['Event'])
+
+
+
+
+    gr.Markdown("""
+
+### User function
+
+The impact on the users predict function varies depending on whether the component is used as an input or output for an event (or both).
+
+- When used as an Input, the component only impacts the input signature of the user function.
+- When used as an output, the component only impacts the return signature of the user function.
+
+The code snippet below is accurate in cases where the component is used as both an input and an output.
+
+- **As input:** Is passed, passes the JSON string value for processing.
+- **As output:** Should return, discussion state as dict or JSON string containing:.
+
+ ```python
+def predict(
+    value: str | None
+) -> Any:
+    return value
+```
+""", elem_classes=["md-custom", "consilium_roundtable-user-fn"], header_links=True)
+
+
+
+
+    demo.load(None, js=r"""function() {
+    const refs = {};
+    const user_fn_refs = {
+          consilium_roundtable: [], };
+    requestAnimationFrame(() => {
+
+        Object.entries(user_fn_refs).forEach(([key, refs]) => {
+            if (refs.length > 0) {
+                const el = document.querySelector(`.${key}-user-fn`);
+                if (!el) return;
+                refs.forEach(ref => {
+                    el.innerHTML = el.innerHTML.replace(
+                        new RegExp("\\b"+ref+"\\b", "g"),
+                        `<a href="#h-${ref.toLowerCase()}">${ref}</a>`
+                    );
+                })
+            }
+        })
+
+        Object.entries(refs).forEach(([key, refs]) => {
+            if (refs.length > 0) {
+                const el = document.querySelector(`.${key}`);
+                if (!el) return;
+                refs.forEach(ref => {
+                    el.innerHTML = el.innerHTML.replace(
+                        new RegExp("\\b"+ref+"\\b", "g"),
+                        `<a href="#h-${ref.toLowerCase()}">${ref}</a>`
+                    );
+                })
+            }
+        })
+    })
+}
+
+""")
+
+demo.launch()

src/frontend/Example.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+    import { onMount } from "svelte";
+    import Index from "./Index.svelte";
+
+    let value = JSON.stringify({
+        "participants": ["Claude", "GPT-4", "Mistral"],
+        "messages": [
+            {"speaker": "Claude", "text": "Welcome to the roundtable!"}
+        ],
+        "currentSpeaker": "Claude",
+        "thinking": []
+    });
+</script>
+
+<Index 
+    {value}
+    label="Example Roundtable"
+    visible={true}
+    elem_id="example"
+    elem_classes={[]}
+    scale={null}
+    min_width={600}
+    gradio={{}}
+    show_label={true}
+/>

src/frontend/Index.svelte

@@ -0,0 +1,470 @@
+<script lang="ts">
+    import { marked } from 'marked';
+
+    export let gradio: any;
+    export let elem_id: string = "";
+    export let elem_classes: string[] = [];
+    export let visible: boolean = true;
+    export let value: string = "{}";
+    export let label: string = "Consilium Roundtable";
+    export let label_icon: string | null = "🎭";
+    export let show_label: boolean = true;
+    export let scale: number | null = null;
+    export let min_width: number | undefined = undefined;
+
+    $: containerClasses = `wrapper ${elem_classes.join(' ')}`;
+    $: containerStyle = scale ? `--scale: ${scale}` : '';
+    $: minWidthStyle = min_width ? `min-width: ${min_width}px` : '';
+
+    let participants = [];
+    let messages = [];
+    let currentSpeaker = null;
+    let thinking = [];
+    let showBubbles = [];
+    let avatarImages = {};
+    
+    function updateFromValue() {
+        try {
+            const parsedValue = JSON.parse(value);
+            
+            participants = parsedValue.participants || [];
+            messages = parsedValue.messages || [];
+            currentSpeaker = parsedValue.currentSpeaker || null;
+            thinking = parsedValue.thinking || [];
+            showBubbles = parsedValue.showBubbles || [];
+            avatarImages = parsedValue.avatarImages || {};
+            
+            console.log("Clean JSON parsed:", {participants, messages, currentSpeaker, thinking, showBubbles, avatarImages});
+        } catch (e) {
+            console.error("Invalid JSON:", value, e);
+        }
+    }
+
+    function renderMarkdown(text: string): string {
+        if (!text) return text;
+        
+        try {
+            // Configure marked for inline rendering
+            marked.setOptions({
+                breaks: true,        // Convert line breaks to <br>
+                gfm: true,          // GitHub flavored markdown
+                sanitize: false,    // Allow HTML (safe since we control input)
+                smartypants: false  // Don't convert quotes/dashes
+            });
+            
+            // For single lines, parse as inline; for multi-line, parse as block
+            const hasMultipleLines = text.includes('\n');
+            
+            if (hasMultipleLines) {
+                return marked.parse(text);
+            } else {
+                return marked.parseInline(text);
+            }
+        } catch (error) {
+            console.error('Markdown parsing error:', error);
+            return text; // Fallback to plain text
+        }
+    }
+    
+    $: value, updateFromValue();
+    
+    const avatarEmojis = {
+        "Anthropic": "🤖",
+        "Claude": "🤖",
+        "Search": "🔍",
+        "Web Search Agent": "🔍",
+        "OpenAI": "🧠",
+        "GPT-4": "🧠", 
+        "Google": "💎",
+        "Gemini": "💎",
+        "QwQ-32B": "😊",
+        "DeepSeek-R1": "🔮",
+        "Mistral": "🐱",
+        "Mistral Large": "🐱",
+        "Meta-Llama-3.1-8B": "🦙"
+    };
+    
+    function getEmoji(name: string) {
+        return avatarEmojis[name] || "🤖";
+    }
+
+    function getAvatarImageUrl(name: string) {
+        return avatarImages[name] || null;
+    }
+
+    function hasCustomImage(name: string) {
+        return avatarImages[name] && avatarImages[name].trim() !== '';
+    }
+    
+    function getLatestMessage(speaker: string) {
+        if (thinking.includes(speaker)) {
+            return `${speaker} is thinking...`;
+        }
+        if (currentSpeaker === speaker) {
+            return `${speaker} is responding...`;
+        }
+        
+        const speakerMessages = messages.filter(m => m.speaker === speaker);
+        if (speakerMessages.length === 0) {
+            return `${speaker} is ready to discuss...`;
+        }
+        return speakerMessages[speakerMessages.length - 1].text || `${speaker} responded`;
+    }
+    
+    function isBubbleVisible(speaker: string) {
+        const isThinking = thinking.includes(speaker);
+        const isSpeaking = currentSpeaker === speaker;
+        const shouldShow = showBubbles.includes(speaker);
+        const visible = isThinking || isSpeaking || shouldShow;
+        
+        console.log(`${speaker} bubble visible:`, visible, {isThinking, isSpeaking, shouldShow});
+        return visible;
+    }
+    
+    function isAvatarActive(speaker: string) {
+        return thinking.includes(speaker) || currentSpeaker === speaker;
+    }
+    
+    function getPosition(index: number, total: number) {
+        const angle = (360 / total) * index;
+        const radians = (angle - 90) * (Math.PI / 180);
+        
+        const radiusX = 260;
+        const radiusY = 180;
+        
+        const x = Math.cos(radians) * radiusX;
+        const y = Math.sin(radians) * radiusY;
+        
+        return {
+            left: `calc(50% + ${x}px)`,
+            top: `calc(50% + ${y}px)`,
+            transform: 'translate(-50%, -50%)'
+        };
+    }
+
+    function handleImageError(event: Event, participant: string) {
+        console.warn(`Failed to load avatar image for ${participant}, falling back to emoji`);
+        // Hide the image and show emoji by removing the image URL
+        avatarImages = {...avatarImages, [participant]: null};
+    }
+
+    function handleLabelIconError(event: Event) {
+        console.warn('Failed to load label icon image, falling back to default emoji');
+        // Set to null to trigger emoji fallback
+        label_icon = null;
+    }
+
+    function isImageUrl(str: string | null): boolean {
+        if (!str) return false;
+        return str.startsWith('http://') || str.startsWith('https://') || str.startsWith('data:');
+    }
+</script>
+
+<div 
+    class={containerClasses} 
+    class:hidden={!visible} 
+    id={elem_id}
+    style="{containerStyle}; {minWidthStyle}"
+>   
+    <div class="consilium-container" id="consilium-roundtable">
+        <div class="table-center">
+            {#if show_label && label}
+                <label class="block-title" for="consilium-roundtable">
+                    {#if label_icon}
+                        <div class="label-icon-container">
+                            {#if isImageUrl(label_icon)}
+                                <img 
+                                    src={label_icon} 
+                                    alt="Label Icon" 
+                                    class="label-icon-image"
+                                    on:error={handleLabelIconError}
+                                />
+                            {:else}
+                                <span class="label-icon-emoji">{label_icon}</span>
+                            {/if}
+                        </div>
+                    {/if}
+                    {label}
+                </label>
+            {/if}
+        </div>
+        
+        <div class="participants-circle">
+            {#each participants as participant, index}
+                <div 
+                    class="participant-seat" 
+                    style="left: {getPosition(index, participants.length).left}; top: {getPosition(index, participants.length).top}; transform: {getPosition(index, participants.length).transform};"
+                >
+                    <div class="speech-bubble" class:visible={isBubbleVisible(participant)}>
+                        <div class="bubble-content">{@html renderMarkdown(getLatestMessage(participant))}</div>
+                        <div class="bubble-arrow"></div>
+                    </div>
+                    
+                    <div 
+                        class="avatar" 
+                        class:speaking={isAvatarActive(participant)}
+                        class:thinking={thinking.includes(participant)}
+                        class:responding={currentSpeaker === participant}
+                        class:has-image={hasCustomImage(participant)}
+                        role="button"
+                        tabindex="0"
+                    >
+                        {#if hasCustomImage(participant)}
+                            <img 
+                                src={getAvatarImageUrl(participant)} 
+                                alt={participant}
+                                class="avatar-image"
+                                on:error={(event) => handleImageError(event, participant)}
+                            />
+                        {:else}
+                            <span class="avatar-emoji">{getEmoji(participant)}</span>
+                        {/if}
+                    </div>
+                    <div class="participant-name">{participant}</div>
+                </div>
+            {/each}
+        </div>
+    </div>
+</div>
+
+<style>
+    .hidden {
+        display: none;
+    }
+    
+    .block-title {
+        padding: 10px;
+        font-weight: bold;
+        color: #ffd700;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        text-shadow: 0 2px 4px rgba(0,0,0,0.8);
+    }
+
+    .label-icon-container {
+        width: 24px;
+        height: 24px;
+    }
+
+    .label-icon-emoji {
+        font-size: 1.2rem;
+        line-height: 1;
+    }
+
+    .label-icon-image {
+        width: 24px;
+        height: 24px;
+        object-fit: contain;
+        border-radius: 4px;
+    }
+
+    .wrapper {
+        width: 600px;
+        height: 600px;
+        position: relative;
+    }
+
+    .consilium-container {
+        top: 150px;
+        position: relative;
+        width: 450px;
+        height: 300px;
+        margin: 20px auto;
+        border-radius: 50%;
+        background: linear-gradient(135deg, #0f5132, #198754);
+        border: 8px solid #8b4513;
+        box-shadow: 
+            0 8px 32px rgba(0,0,0,0.4),
+            inset 0 0 20px rgba(0,0,0,0.2);
+    }
+
+    .table-center {
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        text-align: center;
+        background: rgba(0,0,0,0.3);
+        border-radius: 50%;
+        width: 140px;
+        height: 100px; 
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        border: 2px solid #8b4513;
+        box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
+    }
+
+    .participant-seat {
+        position: absolute;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .avatar {
+        width: 60px;
+        height: 60px;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 1.4rem;
+        background: linear-gradient(145deg, #ffffff, #e6e6e6);
+        border: 3px solid #8b4513;
+        box-shadow: 
+            0 6px 15px rgba(0,0,0,0.3),
+            inset 0 2px 5px rgba(255,255,255,0.5);
+        margin-bottom: 8px;
+        transition: all 0.3s ease;
+        position: relative;
+        z-index: 10;
+        overflow: hidden;
+    }
+
+    .avatar.has-image {
+        background: #f8f9fa;
+        padding: 2px;
+    }
+
+    .avatar-image {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        border-radius: 50%;
+    }
+
+    .avatar-emoji {
+        font-size: 1.4rem;
+        line-height: 1;
+    }
+
+    .avatar.thinking {
+        border-color: #ff6b35;
+        animation: thinking-pulse 1.5s infinite;
+    }
+
+    .avatar.responding {
+        border-color: #ffd700;
+        animation: speaking-glow 1s infinite;
+    }
+
+    .avatar.speaking {
+        border-color: #ffd700;
+    }
+
+    .participant-name {
+        font-size: 0.75rem;
+        font-weight: bold;
+        color: #ffd700;
+        text-shadow: 0 2px 4px rgba(0,0,0,0.8);
+        text-align: center;
+        white-space: nowrap;
+        background: rgba(0,0,0,0.3);
+        padding: 2px 8px;
+        border-radius: 10px;
+        border: 1px solid #8b4513;
+    }
+
+    .speech-bubble {
+        position: absolute;
+        bottom: 90px;
+        left: 50%;
+        transform: translateX(-50%) translateY(20px);
+        background: white;
+        border-radius: 15px;
+        padding: 10px 14px;
+        box-shadow: 0 8px 25px rgba(0,0,0,0.3);
+        z-index: 20;
+        opacity: 0;
+        transition: all 0.4s ease;
+        pointer-events: none;
+        border: 2px solid #8b4513;
+        min-width: 180px;
+        max-width: 300px;
+        word-wrap: break-word;
+        white-space: normal;
+    }
+
+    .speech-bubble.visible {
+        opacity: 1;
+        transform: translateX(-50%) translateY(0);
+        pointer-events: auto;
+    }
+
+    .bubble-content {
+        font-size: 0.8rem;
+        color: #333;
+        line-height: 1.4;
+        text-align: left;
+        max-height: 100px;
+        overflow-y: auto;
+        scrollbar-width: thin;
+        scrollbar-color: #8b4513 #f0f0f0;
+    }
+
+    .bubble-content::-webkit-scrollbar {
+        width: 6px;
+    }
+
+    .bubble-content::-webkit-scrollbar-track {
+        background: #f0f0f0;
+        border-radius: 3px;
+    }
+
+    .bubble-content::-webkit-scrollbar-thumb {
+        background: #8b4513;
+        border-radius: 3px;
+    }
+
+    .bubble-content::-webkit-scrollbar-thumb:hover {
+        background: #654321;
+    }
+
+    .bubble-arrow {
+        position: absolute;
+        bottom: -10px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 10px solid transparent;
+        border-right: 10px solid transparent;
+        border-top: 10px solid white;
+    }
+
+    .bubble-arrow::before {
+        content: '';
+        position: absolute;
+        bottom: 2px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 0;
+        height: 0;
+        border-left: 12px solid transparent;
+        border-right: 12px solid transparent;
+        border-top: 12px solid #8b4513;
+    }
+
+    @keyframes thinking-pulse {
+        0%, 100% { 
+            transform: scale(1);
+            box-shadow: 0 6px 15px rgba(0,0,0,0.3), 0 0 15px rgba(255, 107, 53, 0.4);
+        }
+        50% { 
+            transform: scale(1.03);
+            box-shadow: 0 8px 20px rgba(0,0,0,0.4), 0 0 25px rgba(255, 107, 53, 0.6);
+        }
+    }
+
+    @keyframes speaking-glow {
+        0%, 100% { 
+            box-shadow: 0 6px 15px rgba(0,0,0,0.3), 0 0 20px rgba(255, 215, 0, 0.5);
+        }
+        50% { 
+            box-shadow: 0 8px 20px rgba(0,0,0,0.4), 0 0 30px rgba(255, 215, 0, 0.8);
+        }
+    }
+</style>

src/frontend/gradio.config.js

@@ -0,0 +1,9 @@
+export default {
+  plugins: [],
+  svelte: {
+    preprocess: [],
+  },
+  build: {
+    target: "modules",
+  },
+};

src/frontend/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "gradio_consilium_roundtable",
+  "version": "0.3.22",
+  "description": "Gradio UI packages",
+  "type": "module",
+  "author": "",
+  "license": "ISC",
+  "private": false,
+  "main_changeset": true,
+  "exports": {
+    ".": {
+      "gradio": "./Index.svelte",
+      "svelte": "./dist/Index.svelte",
+      "types": "./dist/Index.svelte.d.ts"
+    },
+    "./example": {
+      "gradio": "./Example.svelte",
+      "svelte": "./dist/Example.svelte",
+      "types": "./dist/Example.svelte.d.ts"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@gradio/atoms": "0.16.1",
+    "@gradio/icons": "0.12.0",
+    "@gradio/statustracker": "0.10.12",
+    "@gradio/utils": "0.10.2"
+  },
+  "devDependencies": {
+    "@gradio/preview": "0.13.0"
+  },
+  "peerDependencies": {
+    "svelte": "^4.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/gradio-app/gradio.git",
+    "directory": "js/simpletextbox"
+  }
+}

src/frontend/tsconfig.json

@@ -0,0 +1,13 @@
+{
+  "compilerOptions": {
+    "verbatimModuleSyntax": true,
+    "moduleResolution": "node",
+    "target": "es2017",
+    "lib": ["es2017", "dom"],
+    "allowJs": true,
+    "checkJs": false,
+    "strict": false,
+    "skipLibCheck": true
+  },
+  "include": ["**/*.ts", "**/*.svelte"]
+}

src/gradio_consilium_roundtable/templates/component/index.js

@@ -0,0 +1,1880 @@
+var Xe = Object.defineProperty;
+var we = (o) => {
+  throw TypeError(o);
+};
+var Je = (o, e, t) => e in o ? Xe(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t;
+var _ = (o, e, t) => Je(o, typeof e != "symbol" ? e + "" : e, t), We = (o, e, t) => e.has(o) || we("Cannot " + t);
+var xe = (o, e, t) => e.has(o) ? we("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(o) : e.set(o, t);
+var W = (o, e, t) => (We(o, e, "access private method"), t);
+function ce() {
+  return {
+    async: !1,
+    breaks: !1,
+    extensions: null,
+    gfm: !0,
+    hooks: null,
+    pedantic: !1,
+    renderer: null,
+    silent: !1,
+    tokenizer: null,
+    walkTokens: null
+  };
+}
+let D = ce();
+function Le(o) {
+  D = o;
+}
+const Me = /[&<>"']/, Ye = new RegExp(Me.source, "g"), $e = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, Ke = new RegExp($e.source, "g"), et = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+}, _e = (o) => et[o];
+function R(o, e) {
+  if (e) {
+    if (Me.test(o))
+      return o.replace(Ye, _e);
+  } else if ($e.test(o))
+    return o.replace(Ke, _e);
+  return o;
+}
+const tt = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
+function nt(o) {
+  return o.replace(tt, (e, t) => (t = t.toLowerCase(), t === "colon" ? ":" : t.charAt(0) === "#" ? t.charAt(1) === "x" ? String.fromCharCode(parseInt(t.substring(2), 16)) : String.fromCharCode(+t.substring(1)) : ""));
+}
+const st = /(^|[^\[])\^/g;
+function w(o, e) {
+  let t = typeof o == "string" ? o : o.source;
+  e = e || "";
+  const n = {
+    replace: (i, l) => {
+      let s = typeof l == "string" ? l : l.source;
+      return s = s.replace(st, "$1"), t = t.replace(i, s), n;
+    },
+    getRegex: () => new RegExp(t, e)
+  };
+  return n;
+}
+function ye(o) {
+  try {
+    o = encodeURI(o).replace(/%25/g, "%");
+  } catch {
+    return null;
+  }
+  return o;
+}
+const H = { exec: () => null };
+function Te(o, e) {
+  const t = o.replace(/\|/g, (l, s, r) => {
+    let a = !1, p = s;
+    for (; --p >= 0 && r[p] === "\\"; )
+      a = !a;
+    return a ? "|" : " |";
+  }), n = t.split(/ \|/);
+  let i = 0;
+  if (n[0].trim() || n.shift(), n.length > 0 && !n[n.length - 1].trim() && n.pop(), e)
+    if (n.length > e)
+      n.splice(e);
+    else
+      for (; n.length < e; )
+        n.push("");
+  for (; i < n.length; i++)
+    n[i] = n[i].trim().replace(/\\\|/g, "|");
+  return n;
+}
+function Y(o, e, t) {
+  const n = o.length;
+  if (n === 0)
+    return "";
+  let i = 0;
+  for (; i < n && o.charAt(n - i - 1) === e; )
+    i++;
+  return o.slice(0, n - i);
+}
+function it(o, e) {
+  if (o.indexOf(e[1]) === -1)
+    return -1;
+  let t = 0;
+  for (let n = 0; n < o.length; n++)
+    if (o[n] === "\\")
+      n++;
+    else if (o[n] === e[0])
+      t++;
+    else if (o[n] === e[1] && (t--, t < 0))
+      return n;
+  return -1;
+}
+function ve(o, e, t, n) {
+  const i = e.href, l = e.title ? R(e.title) : null, s = o[1].replace(/\\([\[\]])/g, "$1");
+  if (o[0].charAt(0) !== "!") {
+    n.state.inLink = !0;
+    const r = {
+      type: "link",
+      raw: t,
+      href: i,
+      title: l,
+      text: s,
+      tokens: n.inlineTokens(s)
+    };
+    return n.state.inLink = !1, r;
+  }
+  return {
+    type: "image",
+    raw: t,
+    href: i,
+    title: l,
+    text: R(s)
+  };
+}
+function lt(o, e) {
+  const t = o.match(/^(\s+)(?:```)/);
+  if (t === null)
+    return e;
+  const n = t[1];
+  return e.split(`
+`).map((i) => {
+    const l = i.match(/^\s+/);
+    if (l === null)
+      return i;
+    const [s] = l;
+    return s.length >= n.length ? i.slice(n.length) : i;
+  }).join(`
+`);
+}
+class ee {
+  // set by the lexer
+  constructor(e) {
+    _(this, "options");
+    _(this, "rules");
+    // set by the lexer
+    _(this, "lexer");
+    this.options = e || D;
+  }
+  space(e) {
+    const t = this.rules.block.newline.exec(e);
+    if (t && t[0].length > 0)
+      return {
+        type: "space",
+        raw: t[0]
+      };
+  }
+  code(e) {
+    const t = this.rules.block.code.exec(e);
+    if (t) {
+      const n = t[0].replace(/^ {1,4}/gm, "");
+      return {
+        type: "code",
+        raw: t[0],
+        codeBlockStyle: "indented",
+        text: this.options.pedantic ? n : Y(n, `
+`)
+      };
+    }
+  }
+  fences(e) {
+    const t = this.rules.block.fences.exec(e);
+    if (t) {
+      const n = t[0], i = lt(n, t[3] || "");
+      return {
+        type: "code",
+        raw: n,
+        lang: t[2] ? t[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : t[2],
+        text: i
+      };
+    }
+  }
+  heading(e) {
+    const t = this.rules.block.heading.exec(e);
+    if (t) {
+      let n = t[2].trim();
+      if (/#$/.test(n)) {
+        const i = Y(n, "#");
+        (this.options.pedantic || !i || / $/.test(i)) && (n = i.trim());
+      }
+      return {
+        type: "heading",
+        raw: t[0],
+        depth: t[1].length,
+        text: n,
+        tokens: this.lexer.inline(n)
+      };
+    }
+  }
+  hr(e) {
+    const t = this.rules.block.hr.exec(e);
+    if (t)
+      return {
+        type: "hr",
+        raw: t[0]
+      };
+  }
+  blockquote(e) {
+    const t = this.rules.block.blockquote.exec(e);
+    if (t) {
+      let n = t[0].replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, `
+    $1`);
+      n = Y(n.replace(/^ *>[ \t]?/gm, ""), `
+`);
+      const i = this.lexer.state.top;
+      this.lexer.state.top = !0;
+      const l = this.lexer.blockTokens(n);
+      return this.lexer.state.top = i, {
+        type: "blockquote",
+        raw: t[0],
+        tokens: l,
+        text: n
+      };
+    }
+  }
+  list(e) {
+    let t = this.rules.block.list.exec(e);
+    if (t) {
+      let n = t[1].trim();
+      const i = n.length > 1, l = {
+        type: "list",
+        raw: "",
+        ordered: i,
+        start: i ? +n.slice(0, -1) : "",
+        loose: !1,
+        items: []
+      };
+      n = i ? `\\d{1,9}\\${n.slice(-1)}` : `\\${n}`, this.options.pedantic && (n = i ? n : "[*+-]");
+      const s = new RegExp(`^( {0,3}${n})((?:[	 ][^\\n]*)?(?:\\n|$))`);
+      let r = "", a = "", p = !1;
+      for (; e; ) {
+        let c = !1;
+        if (!(t = s.exec(e)) || this.rules.block.hr.test(e))
+          break;
+        r = t[0], e = e.substring(r.length);
+        let g = t[2].split(`
+`, 1)[0].replace(/^\t+/, (k) => " ".repeat(3 * k.length)), h = e.split(`
+`, 1)[0], u = 0;
+        this.options.pedantic ? (u = 2, a = g.trimStart()) : (u = t[2].search(/[^ ]/), u = u > 4 ? 1 : u, a = g.slice(u), u += t[1].length);
+        let b = !1;
+        if (!g && /^ *$/.test(h) && (r += h + `
+`, e = e.substring(h.length + 1), c = !0), !c) {
+          const k = new RegExp(`^ {0,${Math.min(3, u - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), x = new RegExp(`^ {0,${Math.min(3, u - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), z = new RegExp(`^ {0,${Math.min(3, u - 1)}}(?:\`\`\`|~~~)`), S = new RegExp(`^ {0,${Math.min(3, u - 1)}}#`);
+          for (; e; ) {
+            const C = e.split(`
+`, 1)[0];
+            if (h = C, this.options.pedantic && (h = h.replace(/^ {1,4}(?=( {4})*[^ ])/g, "  ")), z.test(h) || S.test(h) || k.test(h) || x.test(e))
+              break;
+            if (h.search(/[^ ]/) >= u || !h.trim())
+              a += `
+` + h.slice(u);
+            else {
+              if (b || g.search(/[^ ]/) >= 4 || z.test(g) || S.test(g) || x.test(g))
+                break;
+              a += `
+` + h;
+            }
+            !b && !h.trim() && (b = !0), r += C + `
+`, e = e.substring(C.length + 1), g = h.slice(u);
+          }
+        }
+        l.loose || (p ? l.loose = !0 : /\n *\n *$/.test(r) && (p = !0));
+        let d = null, y;
+        this.options.gfm && (d = /^\[[ xX]\] /.exec(a), d && (y = d[0] !== "[ ] ", a = a.replace(/^\[[ xX]\] +/, ""))), l.items.push({
+          type: "list_item",
+          raw: r,
+          task: !!d,
+          checked: y,
+          loose: !1,
+          text: a,
+          tokens: []
+        }), l.raw += r;
+      }
+      l.items[l.items.length - 1].raw = r.trimEnd(), l.items[l.items.length - 1].text = a.trimEnd(), l.raw = l.raw.trimEnd();
+      for (let c = 0; c < l.items.length; c++)
+        if (this.lexer.state.top = !1, l.items[c].tokens = this.lexer.blockTokens(l.items[c].text, []), !l.loose) {
+          const g = l.items[c].tokens.filter((u) => u.type === "space"), h = g.length > 0 && g.some((u) => /\n.*\n/.test(u.raw));
+          l.loose = h;
+        }
+      if (l.loose)
+        for (let c = 0; c < l.items.length; c++)
+          l.items[c].loose = !0;
+      return l;
+    }
+  }
+  html(e) {
+    const t = this.rules.block.html.exec(e);
+    if (t)
+      return {
+        type: "html",
+        block: !0,
+        raw: t[0],
+        pre: t[1] === "pre" || t[1] === "script" || t[1] === "style",
+        text: t[0]
+      };
+  }
+  def(e) {
+    const t = this.rules.block.def.exec(e);
+    if (t) {
+      const n = t[1].toLowerCase().replace(/\s+/g, " "), i = t[2] ? t[2].replace(/^<(.*)>$/, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "", l = t[3] ? t[3].substring(1, t[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : t[3];
+      return {
+        type: "def",
+        tag: n,
+        raw: t[0],
+        href: i,
+        title: l
+      };
+    }
+  }
+  table(e) {
+    const t = this.rules.block.table.exec(e);
+    if (!t || !/[:|]/.test(t[2]))
+      return;
+    const n = Te(t[1]), i = t[2].replace(/^\||\| *$/g, "").split("|"), l = t[3] && t[3].trim() ? t[3].replace(/\n[ \t]*$/, "").split(`
+`) : [], s = {
+      type: "table",
+      raw: t[0],
+      header: [],
+      align: [],
+      rows: []
+    };
+    if (n.length === i.length) {
+      for (const r of i)
+        /^ *-+: *$/.test(r) ? s.align.push("right") : /^ *:-+: *$/.test(r) ? s.align.push("center") : /^ *:-+ *$/.test(r) ? s.align.push("left") : s.align.push(null);
+      for (const r of n)
+        s.header.push({
+          text: r,
+          tokens: this.lexer.inline(r)
+        });
+      for (const r of l)
+        s.rows.push(Te(r, s.header.length).map((a) => ({
+          text: a,
+          tokens: this.lexer.inline(a)
+        })));
+      return s;
+    }
+  }
+  lheading(e) {
+    const t = this.rules.block.lheading.exec(e);
+    if (t)
+      return {
+        type: "heading",
+        raw: t[0],
+        depth: t[2].charAt(0) === "=" ? 1 : 2,
+        text: t[1],
+        tokens: this.lexer.inline(t[1])
+      };
+  }
+  paragraph(e) {
+    const t = this.rules.block.paragraph.exec(e);
+    if (t) {
+      const n = t[1].charAt(t[1].length - 1) === `
+` ? t[1].slice(0, -1) : t[1];
+      return {
+        type: "paragraph",
+        raw: t[0],
+        text: n,
+        tokens: this.lexer.inline(n)
+      };
+    }
+  }
+  text(e) {
+    const t = this.rules.block.text.exec(e);
+    if (t)
+      return {
+        type: "text",
+        raw: t[0],
+        text: t[0],
+        tokens: this.lexer.inline(t[0])
+      };
+  }
+  escape(e) {
+    const t = this.rules.inline.escape.exec(e);
+    if (t)
+      return {
+        type: "escape",
+        raw: t[0],
+        text: R(t[1])
+      };
+  }
+  tag(e) {
+    const t = this.rules.inline.tag.exec(e);
+    if (t)
+      return !this.lexer.state.inLink && /^<a /i.test(t[0]) ? this.lexer.state.inLink = !0 : this.lexer.state.inLink && /^<\/a>/i.test(t[0]) && (this.lexer.state.inLink = !1), !this.lexer.state.inRawBlock && /^<(pre|code|kbd|script)(\s|>)/i.test(t[0]) ? this.lexer.state.inRawBlock = !0 : this.lexer.state.inRawBlock && /^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0]) && (this.lexer.state.inRawBlock = !1), {
+        type: "html",
+        raw: t[0],
+        inLink: this.lexer.state.inLink,
+        inRawBlock: this.lexer.state.inRawBlock,
+        block: !1,
+        text: t[0]
+      };
+  }
+  link(e) {
+    const t = this.rules.inline.link.exec(e);
+    if (t) {
+      const n = t[2].trim();
+      if (!this.options.pedantic && /^</.test(n)) {
+        if (!/>$/.test(n))
+          return;
+        const s = Y(n.slice(0, -1), "\\");
+        if ((n.length - s.length) % 2 === 0)
+          return;
+      } else {
+        const s = it(t[2], "()");
+        if (s > -1) {
+          const a = (t[0].indexOf("!") === 0 ? 5 : 4) + t[1].length + s;
+          t[2] = t[2].substring(0, s), t[0] = t[0].substring(0, a).trim(), t[3] = "";
+        }
+      }
+      let i = t[2], l = "";
+      if (this.options.pedantic) {
+        const s = /^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(i);
+        s && (i = s[1], l = s[3]);
+      } else
+        l = t[3] ? t[3].slice(1, -1) : "";
+      return i = i.trim(), /^</.test(i) && (this.options.pedantic && !/>$/.test(n) ? i = i.slice(1) : i = i.slice(1, -1)), ve(t, {
+        href: i && i.replace(this.rules.inline.anyPunctuation, "$1"),
+        title: l && l.replace(this.rules.inline.anyPunctuation, "$1")
+      }, t[0], this.lexer);
+    }
+  }
+  reflink(e, t) {
+    let n;
+    if ((n = this.rules.inline.reflink.exec(e)) || (n = this.rules.inline.nolink.exec(e))) {
+      const i = (n[2] || n[1]).replace(/\s+/g, " "), l = t[i.toLowerCase()];
+      if (!l) {
+        const s = n[0].charAt(0);
+        return {
+          type: "text",
+          raw: s,
+          text: s
+        };
+      }
+      return ve(n, l, n[0], this.lexer);
+    }
+  }
+  emStrong(e, t, n = "") {
+    let i = this.rules.inline.emStrongLDelim.exec(e);
+    if (!i || i[3] && n.match(/[\p{L}\p{N}]/u))
+      return;
+    if (!(i[1] || i[2] || "") || !n || this.rules.inline.punctuation.exec(n)) {
+      const s = [...i[0]].length - 1;
+      let r, a, p = s, c = 0;
+      const g = i[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      for (g.lastIndex = 0, t = t.slice(-1 * e.length + s); (i = g.exec(t)) != null; ) {
+        if (r = i[1] || i[2] || i[3] || i[4] || i[5] || i[6], !r)
+          continue;
+        if (a = [...r].length, i[3] || i[4]) {
+          p += a;
+          continue;
+        } else if ((i[5] || i[6]) && s % 3 && !((s + a) % 3)) {
+          c += a;
+          continue;
+        }
+        if (p -= a, p > 0)
+          continue;
+        a = Math.min(a, a + p + c);
+        const h = [...i[0]][0].length, u = e.slice(0, s + i.index + h + a);
+        if (Math.min(s, a) % 2) {
+          const d = u.slice(1, -1);
+          return {
+            type: "em",
+            raw: u,
+            text: d,
+            tokens: this.lexer.inlineTokens(d)
+          };
+        }
+        const b = u.slice(2, -2);
+        return {
+          type: "strong",
+          raw: u,
+          text: b,
+          tokens: this.lexer.inlineTokens(b)
+        };
+      }
+    }
+  }
+  codespan(e) {
+    const t = this.rules.inline.code.exec(e);
+    if (t) {
+      let n = t[2].replace(/\n/g, " ");
+      const i = /[^ ]/.test(n), l = /^ /.test(n) && / $/.test(n);
+      return i && l && (n = n.substring(1, n.length - 1)), n = R(n, !0), {
+        type: "codespan",
+        raw: t[0],
+        text: n
+      };
+    }
+  }
+  br(e) {
+    const t = this.rules.inline.br.exec(e);
+    if (t)
+      return {
+        type: "br",
+        raw: t[0]
+      };
+  }
+  del(e) {
+    const t = this.rules.inline.del.exec(e);
+    if (t)
+      return {
+        type: "del",
+        raw: t[0],
+        text: t[2],
+        tokens: this.lexer.inlineTokens(t[2])
+      };
+  }
+  autolink(e) {
+    const t = this.rules.inline.autolink.exec(e);
+    if (t) {
+      let n, i;
+      return t[2] === "@" ? (n = R(t[1]), i = "mailto:" + n) : (n = R(t[1]), i = n), {
+        type: "link",
+        raw: t[0],
+        text: n,
+        href: i,
+        tokens: [
+          {
+            type: "text",
+            raw: n,
+            text: n
+          }
+        ]
+      };
+    }
+  }
+  url(e) {
+    var n;
+    let t;
+    if (t = this.rules.inline.url.exec(e)) {
+      let i, l;
+      if (t[2] === "@")
+        i = R(t[0]), l = "mailto:" + i;
+      else {
+        let s;
+        do
+          s = t[0], t[0] = ((n = this.rules.inline._backpedal.exec(t[0])) == null ? void 0 : n[0]) ?? "";
+        while (s !== t[0]);
+        i = R(t[0]), t[1] === "www." ? l = "http://" + t[0] : l = t[0];
+      }
+      return {
+        type: "link",
+        raw: t[0],
+        text: i,
+        href: l,
+        tokens: [
+          {
+            type: "text",
+            raw: i,
+            text: i
+          }
+        ]
+      };
+    }
+  }
+  inlineText(e) {
+    const t = this.rules.inline.text.exec(e);
+    if (t) {
+      let n;
+      return this.lexer.state.inRawBlock ? n = t[0] : n = R(t[0]), {
+        type: "text",
+        raw: t[0],
+        text: n
+      };
+    }
+  }
+}
+const rt = /^(?: *(?:\n|$))+/, ot = /^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/, at = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, U = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, ct = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, Be = /(?:[*+-]|\d{1,9}[.)])/, Pe = w(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g, Be).replace(/blockCode/g, / {4}/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).getRegex(), he = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, ht = /^[^\n]+/, ue = /(?!\s*\])(?:\\.|[^\[\]\\])+/, ut = w(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label", ue).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), pt = w(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, Be).getRegex(), se = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", pe = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, ft = w("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))", "i").replace("comment", pe).replace("tag", se).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), qe = w(he).replace("hr", U).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", se).getRegex(), gt = w(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", qe).getRegex(), fe = {
+  blockquote: gt,
+  code: ot,
+  def: ut,
+  fences: at,
+  heading: ct,
+  hr: U,
+  html: ft,
+  lheading: Pe,
+  list: pt,
+  newline: rt,
+  paragraph: qe,
+  table: H,
+  text: ht
+}, ze = w("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", U).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", " {4}[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", se).getRegex(), dt = {
+  ...fe,
+  table: ze,
+  paragraph: w(he).replace("hr", U).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", ze).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", se).getRegex()
+}, kt = {
+  ...fe,
+  html: w(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", pe).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
+  def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,
+  heading: /^(#{1,6})(.*)(?:\n+|$)/,
+  fences: H,
+  // fences not supported
+  lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
+  paragraph: w(he).replace("hr", U).replace("heading", ` *#{1,6} *[^
+]`).replace("lheading", Pe).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
+}, Ze = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, bt = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, De = /^( {2,}|\\)\n(?!\s*$)/, mt = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, G = "\\p{P}\\p{S}", wt = w(/^((?![*_])[\spunctuation])/, "u").replace(/punctuation/g, G).getRegex(), xt = /\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g, _t = w(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/, "u").replace(/punct/g, G).getRegex(), yt = w("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])", "gu").replace(/punct/g, G).getRegex(), Tt = w("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])", "gu").replace(/punct/g, G).getRegex(), vt = w(/\\([punct])/, "gu").replace(/punct/g, G).getRegex(), zt = w(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), Rt = w(pe).replace("(?:-->|$)", "-->").getRegex(), It = w("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", Rt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), te = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, St = w(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label", te).replace("href", /<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), Oe = w(/^!?\[(label)\]\[(ref)\]/).replace("label", te).replace("ref", ue).getRegex(), Qe = w(/^!?\[(ref)\](?:\[\])?/).replace("ref", ue).getRegex(), At = w("reflink|nolink(?!\\()", "g").replace("reflink", Oe).replace("nolink", Qe).getRegex(), ge = {
+  _backpedal: H,
+  // only used for GFM url
+  anyPunctuation: vt,
+  autolink: zt,
+  blockSkip: xt,
+  br: De,
+  code: bt,
+  del: H,
+  emStrongLDelim: _t,
+  emStrongRDelimAst: yt,
+  emStrongRDelimUnd: Tt,
+  escape: Ze,
+  link: St,
+  nolink: Qe,
+  punctuation: wt,
+  reflink: Oe,
+  reflinkSearch: At,
+  tag: It,
+  text: mt,
+  url: H
+}, Et = {
+  ...ge,
+  link: w(/^!?\[(label)\]\((.*?)\)/).replace("label", te).getRegex(),
+  reflink: w(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", te).getRegex()
+}, ie = {
+  ...ge,
+  escape: w(Ze).replace("])", "~|])").getRegex(),
+  url: w(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
+  _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,
+  del: /^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,
+  text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/
+}, Ct = {
+  ...ie,
+  br: w(De).replace("{2,}", "*").getRegex(),
+  text: w(ie.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
+}, K = {
+  normal: fe,
+  gfm: dt,
+  pedantic: kt
+}, N = {
+  normal: ge,
+  gfm: ie,
+  breaks: Ct,
+  pedantic: Et
+};
+class $ {
+  constructor(e) {
+    _(this, "tokens");
+    _(this, "options");
+    _(this, "state");
+    _(this, "tokenizer");
+    _(this, "inlineQueue");
+    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || D, this.options.tokenizer = this.options.tokenizer || new ee(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
+      inLink: !1,
+      inRawBlock: !1,
+      top: !0
+    };
+    const t = {
+      block: K.normal,
+      inline: N.normal
+    };
+    this.options.pedantic ? (t.block = K.pedantic, t.inline = N.pedantic) : this.options.gfm && (t.block = K.gfm, this.options.breaks ? t.inline = N.breaks : t.inline = N.gfm), this.tokenizer.rules = t;
+  }
+  /**
+   * Expose Rules
+   */
+  static get rules() {
+    return {
+      block: K,
+      inline: N
+    };
+  }
+  /**
+   * Static Lex Method
+   */
+  static lex(e, t) {
+    return new $(t).lex(e);
+  }
+  /**
+   * Static Lex Inline Method
+   */
+  static lexInline(e, t) {
+    return new $(t).inlineTokens(e);
+  }
+  /**
+   * Preprocessing
+   */
+  lex(e) {
+    e = e.replace(/\r\n|\r/g, `
+`), this.blockTokens(e, this.tokens);
+    for (let t = 0; t < this.inlineQueue.length; t++) {
+      const n = this.inlineQueue[t];
+      this.inlineTokens(n.src, n.tokens);
+    }
+    return this.inlineQueue = [], this.tokens;
+  }
+  blockTokens(e, t = []) {
+    this.options.pedantic ? e = e.replace(/\t/g, "    ").replace(/^ +$/gm, "") : e = e.replace(/^( *)(\t+)/gm, (r, a, p) => a + "    ".repeat(p.length));
+    let n, i, l, s;
+    for (; e; )
+      if (!(this.options.extensions && this.options.extensions.block && this.options.extensions.block.some((r) => (n = r.call({ lexer: this }, e, t)) ? (e = e.substring(n.raw.length), t.push(n), !0) : !1))) {
+        if (n = this.tokenizer.space(e)) {
+          e = e.substring(n.raw.length), n.raw.length === 1 && t.length > 0 ? t[t.length - 1].raw += `
+` : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.code(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && (i.type === "paragraph" || i.type === "text") ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.fences(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.heading(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.hr(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.blockquote(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.list(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.html(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.def(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && (i.type === "paragraph" || i.type === "text") ? (i.raw += `
+` + n.raw, i.text += `
+` + n.raw, this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : this.tokens.links[n.tag] || (this.tokens.links[n.tag] = {
+            href: n.href,
+            title: n.title
+          });
+          continue;
+        }
+        if (n = this.tokenizer.table(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.lheading(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (l = e, this.options.extensions && this.options.extensions.startBlock) {
+          let r = 1 / 0;
+          const a = e.slice(1);
+          let p;
+          this.options.extensions.startBlock.forEach((c) => {
+            p = c.call({ lexer: this }, a), typeof p == "number" && p >= 0 && (r = Math.min(r, p));
+          }), r < 1 / 0 && r >= 0 && (l = e.substring(0, r + 1));
+        }
+        if (this.state.top && (n = this.tokenizer.paragraph(l))) {
+          i = t[t.length - 1], s && i.type === "paragraph" ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue.pop(), this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n), s = l.length !== e.length, e = e.substring(n.raw.length);
+          continue;
+        }
+        if (n = this.tokenizer.text(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && i.type === "text" ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue.pop(), this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n);
+          continue;
+        }
+        if (e) {
+          const r = "Infinite loop on byte: " + e.charCodeAt(0);
+          if (this.options.silent) {
+            console.error(r);
+            break;
+          } else
+            throw new Error(r);
+        }
+      }
+    return this.state.top = !0, t;
+  }
+  inline(e, t = []) {
+    return this.inlineQueue.push({ src: e, tokens: t }), t;
+  }
+  /**
+   * Lexing/Compiling
+   */
+  inlineTokens(e, t = []) {
+    let n, i, l, s = e, r, a, p;
+    if (this.tokens.links) {
+      const c = Object.keys(this.tokens.links);
+      if (c.length > 0)
+        for (; (r = this.tokenizer.rules.inline.reflinkSearch.exec(s)) != null; )
+          c.includes(r[0].slice(r[0].lastIndexOf("[") + 1, -1)) && (s = s.slice(0, r.index) + "[" + "a".repeat(r[0].length - 2) + "]" + s.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex));
+    }
+    for (; (r = this.tokenizer.rules.inline.blockSkip.exec(s)) != null; )
+      s = s.slice(0, r.index) + "[" + "a".repeat(r[0].length - 2) + "]" + s.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);
+    for (; (r = this.tokenizer.rules.inline.anyPunctuation.exec(s)) != null; )
+      s = s.slice(0, r.index) + "++" + s.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);
+    for (; e; )
+      if (a || (p = ""), a = !1, !(this.options.extensions && this.options.extensions.inline && this.options.extensions.inline.some((c) => (n = c.call({ lexer: this }, e, t)) ? (e = e.substring(n.raw.length), t.push(n), !0) : !1))) {
+        if (n = this.tokenizer.escape(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.tag(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && n.type === "text" && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.link(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.reflink(e, this.tokens.links)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && n.type === "text" && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.emStrong(e, s, p)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.codespan(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.br(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.del(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.autolink(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (!this.state.inLink && (n = this.tokenizer.url(e))) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (l = e, this.options.extensions && this.options.extensions.startInline) {
+          let c = 1 / 0;
+          const g = e.slice(1);
+          let h;
+          this.options.extensions.startInline.forEach((u) => {
+            h = u.call({ lexer: this }, g), typeof h == "number" && h >= 0 && (c = Math.min(c, h));
+          }), c < 1 / 0 && c >= 0 && (l = e.substring(0, c + 1));
+        }
+        if (n = this.tokenizer.inlineText(l)) {
+          e = e.substring(n.raw.length), n.raw.slice(-1) !== "_" && (p = n.raw.slice(-1)), a = !0, i = t[t.length - 1], i && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (e) {
+          const c = "Infinite loop on byte: " + e.charCodeAt(0);
+          if (this.options.silent) {
+            console.error(c);
+            break;
+          } else
+            throw new Error(c);
+        }
+      }
+    return t;
+  }
+}
+class ne {
+  constructor(e) {
+    _(this, "options");
+    this.options = e || D;
+  }
+  code(e, t, n) {
+    var l;
+    const i = (l = (t || "").match(/^\S*/)) == null ? void 0 : l[0];
+    return e = e.replace(/\n$/, "") + `
+`, i ? '<pre><code class="language-' + R(i) + '">' + (n ? e : R(e, !0)) + `</code></pre>
+` : "<pre><code>" + (n ? e : R(e, !0)) + `</code></pre>
+`;
+  }
+  blockquote(e) {
+    return `<blockquote>
+${e}</blockquote>
+`;
+  }
+  html(e, t) {
+    return e;
+  }
+  heading(e, t, n) {
+    return `<h${t}>${e}</h${t}>
+`;
+  }
+  hr() {
+    return `<hr>
+`;
+  }
+  list(e, t, n) {
+    const i = t ? "ol" : "ul", l = t && n !== 1 ? ' start="' + n + '"' : "";
+    return "<" + i + l + `>
+` + e + "</" + i + `>
+`;
+  }
+  listitem(e, t, n) {
+    return `<li>${e}</li>
+`;
+  }
+  checkbox(e) {
+    return "<input " + (e ? 'checked="" ' : "") + 'disabled="" type="checkbox">';
+  }
+  paragraph(e) {
+    return `<p>${e}</p>
+`;
+  }
+  table(e, t) {
+    return t && (t = `<tbody>${t}</tbody>`), `<table>
+<thead>
+` + e + `</thead>
+` + t + `</table>
+`;
+  }
+  tablerow(e) {
+    return `<tr>
+${e}</tr>
+`;
+  }
+  tablecell(e, t) {
+    const n = t.header ? "th" : "td";
+    return (t.align ? `<${n} align="${t.align}">` : `<${n}>`) + e + `</${n}>
+`;
+  }
+  /**
+   * span level renderer
+   */
+  strong(e) {
+    return `<strong>${e}</strong>`;
+  }
+  em(e) {
+    return `<em>${e}</em>`;
+  }
+  codespan(e) {
+    return `<code>${e}</code>`;
+  }
+  br() {
+    return "<br>";
+  }
+  del(e) {
+    return `<del>${e}</del>`;
+  }
+  link(e, t, n) {
+    const i = ye(e);
+    if (i === null)
+      return n;
+    e = i;
+    let l = '<a href="' + e + '"';
+    return t && (l += ' title="' + t + '"'), l += ">" + n + "</a>", l;
+  }
+  image(e, t, n) {
+    const i = ye(e);
+    if (i === null)
+      return n;
+    e = i;
+    let l = `<img src="${e}" alt="${n}"`;
+    return t && (l += ` title="${t}"`), l += ">", l;
+  }
+  text(e) {
+    return e;
+  }
+}
+class de {
+  // no need for block level renderers
+  strong(e) {
+    return e;
+  }
+  em(e) {
+    return e;
+  }
+  codespan(e) {
+    return e;
+  }
+  del(e) {
+    return e;
+  }
+  html(e) {
+    return e;
+  }
+  text(e) {
+    return e;
+  }
+  link(e, t, n) {
+    return "" + n;
+  }
+  image(e, t, n) {
+    return "" + n;
+  }
+  br() {
+    return "";
+  }
+}
+class B {
+  constructor(e) {
+    _(this, "options");
+    _(this, "renderer");
+    _(this, "textRenderer");
+    this.options = e || D, this.options.renderer = this.options.renderer || new ne(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.textRenderer = new de();
+  }
+  /**
+   * Static Parse Method
+   */
+  static parse(e, t) {
+    return new B(t).parse(e);
+  }
+  /**
+   * Static Parse Inline Method
+   */
+  static parseInline(e, t) {
+    return new B(t).parseInline(e);
+  }
+  /**
+   * Parse Loop
+   */
+  parse(e, t = !0) {
+    let n = "";
+    for (let i = 0; i < e.length; i++) {
+      const l = e[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[l.type]) {
+        const s = l, r = this.options.extensions.renderers[s.type].call({ parser: this }, s);
+        if (r !== !1 || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "paragraph", "text"].includes(s.type)) {
+          n += r || "";
+          continue;
+        }
+      }
+      switch (l.type) {
+        case "space":
+          continue;
+        case "hr": {
+          n += this.renderer.hr();
+          continue;
+        }
+        case "heading": {
+          const s = l;
+          n += this.renderer.heading(this.parseInline(s.tokens), s.depth, nt(this.parseInline(s.tokens, this.textRenderer)));
+          continue;
+        }
+        case "code": {
+          const s = l;
+          n += this.renderer.code(s.text, s.lang, !!s.escaped);
+          continue;
+        }
+        case "table": {
+          const s = l;
+          let r = "", a = "";
+          for (let c = 0; c < s.header.length; c++)
+            a += this.renderer.tablecell(this.parseInline(s.header[c].tokens), { header: !0, align: s.align[c] });
+          r += this.renderer.tablerow(a);
+          let p = "";
+          for (let c = 0; c < s.rows.length; c++) {
+            const g = s.rows[c];
+            a = "";
+            for (let h = 0; h < g.length; h++)
+              a += this.renderer.tablecell(this.parseInline(g[h].tokens), { header: !1, align: s.align[h] });
+            p += this.renderer.tablerow(a);
+          }
+          n += this.renderer.table(r, p);
+          continue;
+        }
+        case "blockquote": {
+          const s = l, r = this.parse(s.tokens);
+          n += this.renderer.blockquote(r);
+          continue;
+        }
+        case "list": {
+          const s = l, r = s.ordered, a = s.start, p = s.loose;
+          let c = "";
+          for (let g = 0; g < s.items.length; g++) {
+            const h = s.items[g], u = h.checked, b = h.task;
+            let d = "";
+            if (h.task) {
+              const y = this.renderer.checkbox(!!u);
+              p ? h.tokens.length > 0 && h.tokens[0].type === "paragraph" ? (h.tokens[0].text = y + " " + h.tokens[0].text, h.tokens[0].tokens && h.tokens[0].tokens.length > 0 && h.tokens[0].tokens[0].type === "text" && (h.tokens[0].tokens[0].text = y + " " + h.tokens[0].tokens[0].text)) : h.tokens.unshift({
+                type: "text",
+                text: y + " "
+              }) : d += y + " ";
+            }
+            d += this.parse(h.tokens, p), c += this.renderer.listitem(d, b, !!u);
+          }
+          n += this.renderer.list(c, r, a);
+          continue;
+        }
+        case "html": {
+          const s = l;
+          n += this.renderer.html(s.text, s.block);
+          continue;
+        }
+        case "paragraph": {
+          const s = l;
+          n += this.renderer.paragraph(this.parseInline(s.tokens));
+          continue;
+        }
+        case "text": {
+          let s = l, r = s.tokens ? this.parseInline(s.tokens) : s.text;
+          for (; i + 1 < e.length && e[i + 1].type === "text"; )
+            s = e[++i], r += `
+` + (s.tokens ? this.parseInline(s.tokens) : s.text);
+          n += t ? this.renderer.paragraph(r) : r;
+          continue;
+        }
+        default: {
+          const s = 'Token with "' + l.type + '" type was not found.';
+          if (this.options.silent)
+            return console.error(s), "";
+          throw new Error(s);
+        }
+      }
+    }
+    return n;
+  }
+  /**
+   * Parse Inline Tokens
+   */
+  parseInline(e, t) {
+    t = t || this.renderer;
+    let n = "";
+    for (let i = 0; i < e.length; i++) {
+      const l = e[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[l.type]) {
+        const s = this.options.extensions.renderers[l.type].call({ parser: this }, l);
+        if (s !== !1 || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(l.type)) {
+          n += s || "";
+          continue;
+        }
+      }
+      switch (l.type) {
+        case "escape": {
+          const s = l;
+          n += t.text(s.text);
+          break;
+        }
+        case "html": {
+          const s = l;
+          n += t.html(s.text);
+          break;
+        }
+        case "link": {
+          const s = l;
+          n += t.link(s.href, s.title, this.parseInline(s.tokens, t));
+          break;
+        }
+        case "image": {
+          const s = l;
+          n += t.image(s.href, s.title, s.text);
+          break;
+        }
+        case "strong": {
+          const s = l;
+          n += t.strong(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "em": {
+          const s = l;
+          n += t.em(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "codespan": {
+          const s = l;
+          n += t.codespan(s.text);
+          break;
+        }
+        case "br": {
+          n += t.br();
+          break;
+        }
+        case "del": {
+          const s = l;
+          n += t.del(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "text": {
+          const s = l;
+          n += t.text(s.text);
+          break;
+        }
+        default: {
+          const s = 'Token with "' + l.type + '" type was not found.';
+          if (this.options.silent)
+            return console.error(s), "";
+          throw new Error(s);
+        }
+      }
+    }
+    return n;
+  }
+}
+class F {
+  constructor(e) {
+    _(this, "options");
+    this.options = e || D;
+  }
+  /**
+   * Process markdown before marked
+   */
+  preprocess(e) {
+    return e;
+  }
+  /**
+   * Process HTML after marked is finished
+   */
+  postprocess(e) {
+    return e;
+  }
+  /**
+   * Process all tokens before walk tokens
+   */
+  processAllTokens(e) {
+    return e;
+  }
+}
+_(F, "passThroughHooks", /* @__PURE__ */ new Set([
+  "preprocess",
+  "postprocess",
+  "processAllTokens"
+]));
+var Z, le, je;
+class Lt {
+  constructor(...e) {
+    xe(this, Z);
+    _(this, "defaults", ce());
+    _(this, "options", this.setOptions);
+    _(this, "parse", W(this, Z, le).call(this, $.lex, B.parse));
+    _(this, "parseInline", W(this, Z, le).call(this, $.lexInline, B.parseInline));
+    _(this, "Parser", B);
+    _(this, "Renderer", ne);
+    _(this, "TextRenderer", de);
+    _(this, "Lexer", $);
+    _(this, "Tokenizer", ee);
+    _(this, "Hooks", F);
+    this.use(...e);
+  }
+  /**
+   * Run callback for every token
+   */
+  walkTokens(e, t) {
+    var i, l;
+    let n = [];
+    for (const s of e)
+      switch (n = n.concat(t.call(this, s)), s.type) {
+        case "table": {
+          const r = s;
+          for (const a of r.header)
+            n = n.concat(this.walkTokens(a.tokens, t));
+          for (const a of r.rows)
+            for (const p of a)
+              n = n.concat(this.walkTokens(p.tokens, t));
+          break;
+        }
+        case "list": {
+          const r = s;
+          n = n.concat(this.walkTokens(r.items, t));
+          break;
+        }
+        default: {
+          const r = s;
+          (l = (i = this.defaults.extensions) == null ? void 0 : i.childTokens) != null && l[r.type] ? this.defaults.extensions.childTokens[r.type].forEach((a) => {
+            const p = r[a].flat(1 / 0);
+            n = n.concat(this.walkTokens(p, t));
+          }) : r.tokens && (n = n.concat(this.walkTokens(r.tokens, t)));
+        }
+      }
+    return n;
+  }
+  use(...e) {
+    const t = this.defaults.extensions || { renderers: {}, childTokens: {} };
+    return e.forEach((n) => {
+      const i = { ...n };
+      if (i.async = this.defaults.async || i.async || !1, n.extensions && (n.extensions.forEach((l) => {
+        if (!l.name)
+          throw new Error("extension name required");
+        if ("renderer" in l) {
+          const s = t.renderers[l.name];
+          s ? t.renderers[l.name] = function(...r) {
+            let a = l.renderer.apply(this, r);
+            return a === !1 && (a = s.apply(this, r)), a;
+          } : t.renderers[l.name] = l.renderer;
+        }
+        if ("tokenizer" in l) {
+          if (!l.level || l.level !== "block" && l.level !== "inline")
+            throw new Error("extension level must be 'block' or 'inline'");
+          const s = t[l.level];
+          s ? s.unshift(l.tokenizer) : t[l.level] = [l.tokenizer], l.start && (l.level === "block" ? t.startBlock ? t.startBlock.push(l.start) : t.startBlock = [l.start] : l.level === "inline" && (t.startInline ? t.startInline.push(l.start) : t.startInline = [l.start]));
+        }
+        "childTokens" in l && l.childTokens && (t.childTokens[l.name] = l.childTokens);
+      }), i.extensions = t), n.renderer) {
+        const l = this.defaults.renderer || new ne(this.defaults);
+        for (const s in n.renderer) {
+          if (!(s in l))
+            throw new Error(`renderer '${s}' does not exist`);
+          if (s === "options")
+            continue;
+          const r = s, a = n.renderer[r], p = l[r];
+          l[r] = (...c) => {
+            let g = a.apply(l, c);
+            return g === !1 && (g = p.apply(l, c)), g || "";
+          };
+        }
+        i.renderer = l;
+      }
+      if (n.tokenizer) {
+        const l = this.defaults.tokenizer || new ee(this.defaults);
+        for (const s in n.tokenizer) {
+          if (!(s in l))
+            throw new Error(`tokenizer '${s}' does not exist`);
+          if (["options", "rules", "lexer"].includes(s))
+            continue;
+          const r = s, a = n.tokenizer[r], p = l[r];
+          l[r] = (...c) => {
+            let g = a.apply(l, c);
+            return g === !1 && (g = p.apply(l, c)), g;
+          };
+        }
+        i.tokenizer = l;
+      }
+      if (n.hooks) {
+        const l = this.defaults.hooks || new F();
+        for (const s in n.hooks) {
+          if (!(s in l))
+            throw new Error(`hook '${s}' does not exist`);
+          if (s === "options")
+            continue;
+          const r = s, a = n.hooks[r], p = l[r];
+          F.passThroughHooks.has(s) ? l[r] = (c) => {
+            if (this.defaults.async)
+              return Promise.resolve(a.call(l, c)).then((h) => p.call(l, h));
+            const g = a.call(l, c);
+            return p.call(l, g);
+          } : l[r] = (...c) => {
+            let g = a.apply(l, c);
+            return g === !1 && (g = p.apply(l, c)), g;
+          };
+        }
+        i.hooks = l;
+      }
+      if (n.walkTokens) {
+        const l = this.defaults.walkTokens, s = n.walkTokens;
+        i.walkTokens = function(r) {
+          let a = [];
+          return a.push(s.call(this, r)), l && (a = a.concat(l.call(this, r))), a;
+        };
+      }
+      this.defaults = { ...this.defaults, ...i };
+    }), this;
+  }
+  setOptions(e) {
+    return this.defaults = { ...this.defaults, ...e }, this;
+  }
+  lexer(e, t) {
+    return $.lex(e, t ?? this.defaults);
+  }
+  parser(e, t) {
+    return B.parse(e, t ?? this.defaults);
+  }
+}
+Z = new WeakSet(), le = function(e, t) {
+  return (n, i) => {
+    const l = { ...i }, s = { ...this.defaults, ...l };
+    this.defaults.async === !0 && l.async === !1 && (s.silent || console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."), s.async = !0);
+    const r = W(this, Z, je).call(this, !!s.silent, !!s.async);
+    if (typeof n > "u" || n === null)
+      return r(new Error("marked(): input parameter is undefined or null"));
+    if (typeof n != "string")
+      return r(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n) + ", string expected"));
+    if (s.hooks && (s.hooks.options = s), s.async)
+      return Promise.resolve(s.hooks ? s.hooks.preprocess(n) : n).then((a) => e(a, s)).then((a) => s.hooks ? s.hooks.processAllTokens(a) : a).then((a) => s.walkTokens ? Promise.all(this.walkTokens(a, s.walkTokens)).then(() => a) : a).then((a) => t(a, s)).then((a) => s.hooks ? s.hooks.postprocess(a) : a).catch(r);
+    try {
+      s.hooks && (n = s.hooks.preprocess(n));
+      let a = e(n, s);
+      s.hooks && (a = s.hooks.processAllTokens(a)), s.walkTokens && this.walkTokens(a, s.walkTokens);
+      let p = t(a, s);
+      return s.hooks && (p = s.hooks.postprocess(p)), p;
+    } catch (a) {
+      return r(a);
+    }
+  };
+}, je = function(e, t) {
+  return (n) => {
+    if (n.message += `
+Please report this to https://github.com/markedjs/marked.`, e) {
+      const i = "<p>An error occurred:</p><pre>" + R(n.message + "", !0) + "</pre>";
+      return t ? Promise.resolve(i) : i;
+    }
+    if (t)
+      return Promise.reject(n);
+    throw n;
+  };
+};
+const q = new Lt();
+function m(o, e) {
+  return q.parse(o, e);
+}
+m.options = m.setOptions = function(o) {
+  return q.setOptions(o), m.defaults = q.defaults, Le(m.defaults), m;
+};
+m.getDefaults = ce;
+m.defaults = D;
+m.use = function(...o) {
+  return q.use(...o), m.defaults = q.defaults, Le(m.defaults), m;
+};
+m.walkTokens = function(o, e) {
+  return q.walkTokens(o, e);
+};
+m.parseInline = q.parseInline;
+m.Parser = B;
+m.parser = B.parse;
+m.Renderer = ne;
+m.TextRenderer = de;
+m.Lexer = $;
+m.lexer = $.lex;
+m.Tokenizer = ee;
+m.Hooks = F;
+m.parse = m;
+m.options;
+m.setOptions;
+m.use;
+m.walkTokens;
+m.parseInline;
+B.parse;
+$.lex;
+const {
+  HtmlTagHydration: Mt,
+  SvelteComponent: $t,
+  append_hydration: v,
+  attr: T,
+  children: M,
+  claim_element: A,
+  claim_html_tag: Bt,
+  claim_space: j,
+  claim_text: re,
+  destroy_each: Pt,
+  detach: I,
+  element: E,
+  ensure_array_like: Re,
+  get_svelte_dataset: qt,
+  init: Zt,
+  insert_hydration: ke,
+  noop: Ie,
+  null_to_empty: Se,
+  safe_not_equal: Dt,
+  set_data: oe,
+  set_style: O,
+  space: V,
+  text: ae,
+  toggle_class: L
+} = window.__gradio__svelte__internal;
+function Ae(o, e, t) {
+  const n = o.slice();
+  return n[27] = e[t], n[29] = t, n;
+}
+function Ee(o) {
+  let e, t;
+  return {
+    c() {
+      e = E("label"), t = ae(
+        /*label*/
+        o[2]
+      ), this.h();
+    },
+    l(n) {
+      e = A(n, "LABEL", { class: !0, for: !0 });
+      var i = M(e);
+      t = re(
+        i,
+        /*label*/
+        o[2]
+      ), i.forEach(I), this.h();
+    },
+    h() {
+      T(e, "class", "block-title svelte-1eo2cb7"), T(e, "for", "consilium-roundtable");
+    },
+    m(n, i) {
+      ke(n, e, i), v(e, t);
+    },
+    p(n, i) {
+      i & /*label*/
+      4 && oe(
+        t,
+        /*label*/
+        n[2]
+      );
+    },
+    d(n) {
+      n && I(e);
+    }
+  };
+}
+function Ce(o) {
+  let e, t, n, i, l = (
+    /*renderMarkdown*/
+    o[10](
+      /*getLatestMessage*/
+      o[12](
+        /*participant*/
+        o[27]
+      )
+    ) + ""
+  ), s, r, a, p, c = (
+    /*getEmoji*/
+    o[11](
+      /*participant*/
+      o[27]
+    ) + ""
+  ), g, h, u, b = (
+    /*participant*/
+    o[27] + ""
+  ), d, y;
+  return {
+    c() {
+      e = E("div"), t = E("div"), n = E("div"), i = new Mt(!1), s = V(), r = E("div"), a = V(), p = E("div"), g = ae(c), h = V(), u = E("div"), d = ae(b), y = V(), this.h();
+    },
+    l(k) {
+      e = A(k, "DIV", { class: !0, style: !0 });
+      var x = M(e);
+      t = A(x, "DIV", { class: !0 });
+      var z = M(t);
+      n = A(z, "DIV", { class: !0 });
+      var S = M(n);
+      i = Bt(S, !1), S.forEach(I), s = j(z), r = A(z, "DIV", { class: !0 }), M(r).forEach(I), z.forEach(I), a = j(x), p = A(x, "DIV", { class: !0, role: !0, tabindex: !0 });
+      var C = M(p);
+      g = re(C, c), C.forEach(I), h = j(x), u = A(x, "DIV", { class: !0 });
+      var X = M(u);
+      d = re(X, b), X.forEach(I), y = j(x), x.forEach(I), this.h();
+    },
+    h() {
+      i.a = null, T(n, "class", "bubble-content svelte-1eo2cb7"), T(r, "class", "bubble-arrow svelte-1eo2cb7"), T(t, "class", "speech-bubble svelte-1eo2cb7"), L(
+        t,
+        "visible",
+        /*isBubbleVisible*/
+        o[13](
+          /*participant*/
+          o[27]
+        )
+      ), T(p, "class", "avatar svelte-1eo2cb7"), T(p, "role", "button"), T(p, "tabindex", "0"), L(
+        p,
+        "speaking",
+        /*isAvatarActive*/
+        o[14](
+          /*participant*/
+          o[27]
+        )
+      ), L(
+        p,
+        "thinking",
+        /*thinking*/
+        o[6].includes(
+          /*participant*/
+          o[27]
+        )
+      ), L(
+        p,
+        "responding",
+        /*currentSpeaker*/
+        o[5] === /*participant*/
+        o[27]
+      ), T(u, "class", "participant-name svelte-1eo2cb7"), T(e, "class", "participant-seat svelte-1eo2cb7"), O(e, "left", Q(
+        /*index*/
+        o[29],
+        /*participants*/
+        o[4].length
+      ).left), O(e, "top", Q(
+        /*index*/
+        o[29],
+        /*participants*/
+        o[4].length
+      ).top), O(e, "transform", Q(
+        /*index*/
+        o[29],
+        /*participants*/
+        o[4].length
+      ).transform);
+    },
+    m(k, x) {
+      ke(k, e, x), v(e, t), v(t, n), i.m(l, n), v(t, s), v(t, r), v(e, a), v(e, p), v(p, g), v(e, h), v(e, u), v(u, d), v(e, y);
+    },
+    p(k, x) {
+      x & /*participants*/
+      16 && l !== (l = /*renderMarkdown*/
+      k[10](
+        /*getLatestMessage*/
+        k[12](
+          /*participant*/
+          k[27]
+        )
+      ) + "") && i.p(l), x & /*isBubbleVisible, participants*/
+      8208 && L(
+        t,
+        "visible",
+        /*isBubbleVisible*/
+        k[13](
+          /*participant*/
+          k[27]
+        )
+      ), x & /*participants*/
+      16 && c !== (c = /*getEmoji*/
+      k[11](
+        /*participant*/
+        k[27]
+      ) + "") && oe(g, c), x & /*isAvatarActive, participants*/
+      16400 && L(
+        p,
+        "speaking",
+        /*isAvatarActive*/
+        k[14](
+          /*participant*/
+          k[27]
+        )
+      ), x & /*thinking, participants*/
+      80 && L(
+        p,
+        "thinking",
+        /*thinking*/
+        k[6].includes(
+          /*participant*/
+          k[27]
+        )
+      ), x & /*currentSpeaker, participants*/
+      48 && L(
+        p,
+        "responding",
+        /*currentSpeaker*/
+        k[5] === /*participant*/
+        k[27]
+      ), x & /*participants*/
+      16 && b !== (b = /*participant*/
+      k[27] + "") && oe(d, b), x & /*participants*/
+      16 && O(e, "left", Q(
+        /*index*/
+        k[29],
+        /*participants*/
+        k[4].length
+      ).left), x & /*participants*/
+      16 && O(e, "top", Q(
+        /*index*/
+        k[29],
+        /*participants*/
+        k[4].length
+      ).top), x & /*participants*/
+      16 && O(e, "transform", Q(
+        /*index*/
+        k[29],
+        /*participants*/
+        k[4].length
+      ).transform);
+    },
+    d(k) {
+      k && I(e);
+    }
+  };
+}
+function Ot(o) {
+  let e, t, n, i, l = '<div class="consensus-flame svelte-1eo2cb7">🎭</div> <div class="table-label svelte-1eo2cb7">CONSILIUM</div>', s, r, a, p, c = (
+    /*show_label*/
+    o[3] && /*label*/
+    o[2] && Ee(o)
+  ), g = Re(
+    /*participants*/
+    o[4]
+  ), h = [];
+  for (let u = 0; u < g.length; u += 1)
+    h[u] = Ce(Ae(o, g, u));
+  return {
+    c() {
+      e = E("div"), c && c.c(), t = V(), n = E("div"), i = E("div"), i.innerHTML = l, s = V(), r = E("div");
+      for (let u = 0; u < h.length; u += 1)
+        h[u].c();
+      this.h();
+    },
+    l(u) {
+      e = A(u, "DIV", { class: !0, id: !0, style: !0 });
+      var b = M(e);
+      c && c.l(b), t = j(b), n = A(b, "DIV", { class: !0, id: !0 });
+      var d = M(n);
+      i = A(d, "DIV", { class: !0, "data-svelte-h": !0 }), qt(i) !== "svelte-fj2hkt" && (i.innerHTML = l), s = j(d), r = A(d, "DIV", { class: !0 });
+      var y = M(r);
+      for (let k = 0; k < h.length; k += 1)
+        h[k].l(y);
+      y.forEach(I), d.forEach(I), b.forEach(I), this.h();
+    },
+    h() {
+      T(i, "class", "table-center svelte-1eo2cb7"), T(r, "class", "participants-circle"), T(n, "class", "consilium-container svelte-1eo2cb7"), T(n, "id", "consilium-roundtable"), T(e, "class", a = Se(
+        /*containerClasses*/
+        o[9]
+      ) + " svelte-1eo2cb7"), T(
+        e,
+        "id",
+        /*elem_id*/
+        o[0]
+      ), T(e, "style", p = /*containerStyle*/
+      o[8] + "; " + /*minWidthStyle*/
+      o[7]), L(e, "hidden", !/*visible*/
+      o[1]);
+    },
+    m(u, b) {
+      ke(u, e, b), c && c.m(e, null), v(e, t), v(e, n), v(n, i), v(n, s), v(n, r);
+      for (let d = 0; d < h.length; d += 1)
+        h[d] && h[d].m(r, null);
+    },
+    p(u, [b]) {
+      if (/*show_label*/
+      u[3] && /*label*/
+      u[2] ? c ? c.p(u, b) : (c = Ee(u), c.c(), c.m(e, t)) : c && (c.d(1), c = null), b & /*getPosition, participants, isAvatarActive, thinking, currentSpeaker, getEmoji, isBubbleVisible, renderMarkdown, getLatestMessage*/
+      31856) {
+        g = Re(
+          /*participants*/
+          u[4]
+        );
+        let d;
+        for (d = 0; d < g.length; d += 1) {
+          const y = Ae(u, g, d);
+          h[d] ? h[d].p(y, b) : (h[d] = Ce(y), h[d].c(), h[d].m(r, null));
+        }
+        for (; d < h.length; d += 1)
+          h[d].d(1);
+        h.length = g.length;
+      }
+      b & /*containerClasses*/
+      512 && a !== (a = Se(
+        /*containerClasses*/
+        u[9]
+      ) + " svelte-1eo2cb7") && T(e, "class", a), b & /*elem_id*/
+      1 && T(
+        e,
+        "id",
+        /*elem_id*/
+        u[0]
+      ), b & /*containerStyle, minWidthStyle*/
+      384 && p !== (p = /*containerStyle*/
+      u[8] + "; " + /*minWidthStyle*/
+      u[7]) && T(e, "style", p), b & /*containerClasses, visible*/
+      514 && L(e, "hidden", !/*visible*/
+      u[1]);
+    },
+    i: Ie,
+    o: Ie,
+    d(u) {
+      u && I(e), c && c.d(), Pt(h, u);
+    }
+  };
+}
+function Q(o, e) {
+  const n = (360 / e * o - 90) * (Math.PI / 180), i = 260, l = 180, s = Math.cos(n) * i, r = Math.sin(n) * l;
+  return {
+    left: `calc(50% + ${s}px)`,
+    top: `calc(50% + ${r}px)`,
+    transform: "translate(-50%, -50%)"
+  };
+}
+function Qt(o, e, t) {
+  let n, i, l, { gradio: s } = e, { elem_id: r = "" } = e, { elem_classes: a = [] } = e, { visible: p = !0 } = e, { value: c = "{}" } = e, { label: g = "Consilium Roundtable" } = e, { show_label: h = !0 } = e, { scale: u = null } = e, { min_width: b = void 0 } = e, { loading_status: d } = e, { interactive: y = !0 } = e, k = [], x = [], z = null, S = [], C = [];
+  function X() {
+    try {
+      const f = JSON.parse(c);
+      t(4, k = f.participants || []), x = f.messages || [], t(5, z = f.currentSpeaker || null), t(6, S = f.thinking || []), C = f.showBubbles || [], console.log("Clean JSON parsed:", {
+        participants: k,
+        messages: x,
+        currentSpeaker: z,
+        thinking: S,
+        showBubbles: C
+      });
+    } catch (f) {
+      console.error("Invalid JSON:", c, f);
+    }
+  }
+  function Ve(f) {
+    if (!f) return f;
+    try {
+      return m.setOptions({
+        breaks: !0,
+        // Convert line breaks to <br>
+        gfm: !0,
+        // GitHub flavored markdown
+        sanitize: !1,
+        // Allow HTML (safe since we control input)
+        smartypants: !1
+        // Don't convert quotes/dashes
+      }), f.includes(`
+`) ? m.parse(f) : m.parseInline(f);
+    } catch (P) {
+      return console.error("Markdown parsing error:", P), f;
+    }
+  }
+  const Ne = {
+    Claude: "🤖",
+    "GPT-4": "🧠",
+    Mistral: "🦾",
+    Gemini: "💎",
+    Search: "🔍",
+    OpenAI: "🧠",
+    Anthropic: "🤖",
+    Google: "💎"
+  };
+  function He(f) {
+    return Ne[f] || "🤖";
+  }
+  function Fe(f) {
+    if (S.includes(f))
+      return `${f} is thinking...`;
+    if (z === f)
+      return `${f} is responding...`;
+    const P = x.filter((J) => J.speaker === f);
+    return P.length === 0 ? `${f} is ready to discuss...` : P[P.length - 1].text || `${f} responded`;
+  }
+  function Ue(f) {
+    const P = S.includes(f), J = z === f, be = C.includes(f), me = P || J || be;
+    return console.log(`${f} bubble visible:`, me, { isThinking: P, isSpeaking: J, shouldShow: be }), me;
+  }
+  function Ge(f) {
+    return S.includes(f) || z === f;
+  }
+  return o.$$set = (f) => {
+    "gradio" in f && t(15, s = f.gradio), "elem_id" in f && t(0, r = f.elem_id), "elem_classes" in f && t(16, a = f.elem_classes), "visible" in f && t(1, p = f.visible), "value" in f && t(17, c = f.value), "label" in f && t(2, g = f.label), "show_label" in f && t(3, h = f.show_label), "scale" in f && t(18, u = f.scale), "min_width" in f && t(19, b = f.min_width), "loading_status" in f && t(20, d = f.loading_status), "interactive" in f && t(21, y = f.interactive);
+  }, o.$$.update = () => {
+    o.$$.dirty & /*elem_classes*/
+    65536 && t(9, n = `wrapper ${a.join(" ")}`), o.$$.dirty & /*scale*/
+    262144 && t(8, i = u ? `--scale: ${u}` : ""), o.$$.dirty & /*min_width*/
+    524288 && t(7, l = b ? `min-width: ${b}px` : ""), o.$$.dirty & /*interactive*/
+    2097152, o.$$.dirty & /*value*/
+    131072 && X();
+  }, [
+    r,
+    p,
+    g,
+    h,
+    k,
+    z,
+    S,
+    l,
+    i,
+    n,
+    Ve,
+    He,
+    Fe,
+    Ue,
+    Ge,
+    s,
+    a,
+    c,
+    u,
+    b,
+    d,
+    y
+  ];
+}
+class Vt extends $t {
+  constructor(e) {
+    super(), Zt(this, e, Qt, Ot, Dt, {
+      gradio: 15,
+      elem_id: 0,
+      elem_classes: 16,
+      visible: 1,
+      value: 17,
+      label: 2,
+      show_label: 3,
+      scale: 18,
+      min_width: 19,
+      loading_status: 20,
+      interactive: 21
+    });
+  }
+}
+export {
+  Vt as default
+};

src/gradio_consilium_roundtable/templates/component/style.css

@@ -0,0 +1 @@
+.hidden.svelte-1eo2cb7{display:none}.block-title.svelte-1eo2cb7{display:block;margin-bottom:10px;padding:10px;font-weight:700;color:gold}.wrapper.svelte-1eo2cb7{width:600px;height:600px;position:relative}.consilium-container.svelte-1eo2cb7{top:150px;position:relative;width:450px;height:300px;margin:20px auto;border-radius:50%;background:linear-gradient(135deg,#0f5132,#198754);border:8px solid #8b4513;box-shadow:0 8px 32px #0006,inset 0 0 20px #0003}.table-center.svelte-1eo2cb7{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#0000004d;border-radius:50%;width:140px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #8b4513;box-shadow:inset 0 0 10px #00000080}.consensus-flame.svelte-1eo2cb7{font-size:2rem;margin-bottom:5px}.table-label.svelte-1eo2cb7{color:gold;font-size:.7rem;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.participant-seat.svelte-1eo2cb7{position:absolute}.avatar.svelte-1eo2cb7{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:linear-gradient(145deg,#fff,#e6e6e6);border:3px solid #8b4513;box-shadow:0 6px 15px #0000004d,inset 0 2px 5px #ffffff80;margin-bottom:8px;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}.avatar.svelte-1eo2cb7:hover{transform:scale(1.05);box-shadow:0 8px 20px #0006,inset 0 2px 5px #ffffff80}.avatar.thinking.svelte-1eo2cb7{border-color:#ff6b35;animation:svelte-1eo2cb7-thinking-pulse 1.5s infinite}.avatar.responding.svelte-1eo2cb7{border-color:gold;animation:svelte-1eo2cb7-speaking-glow 1s infinite}.avatar.speaking.svelte-1eo2cb7{border-color:gold}.participant-name.svelte-1eo2cb7{font-size:.75rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.8);text-align:center;white-space:nowrap;background:#0000004d;padding:2px 8px;border-radius:10px;border:1px solid #8b4513}.speech-bubble.svelte-1eo2cb7{position:absolute;bottom:85px;left:50%;transform:translate(-50%) translateY(20px);background:#fff;border-radius:15px;padding:10px 14px;box-shadow:0 8px 25px #0000004d;z-index:20;opacity:0;transition:all .4s ease;pointer-events:none;border:2px solid #8b4513;min-width:180px;max-width:300px;word-wrap:break-word;white-space:normal}.speech-bubble.visible.svelte-1eo2cb7{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.bubble-content.svelte-1eo2cb7{font-size:.8rem;color:#333;line-height:1.4;text-align:left;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8b4513 #f0f0f0}.bubble-content.svelte-1eo2cb7::-webkit-scrollbar{width:6px}.bubble-content.svelte-1eo2cb7::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.bubble-content.svelte-1eo2cb7::-webkit-scrollbar-thumb{background:#8b4513;border-radius:3px}.bubble-content.svelte-1eo2cb7::-webkit-scrollbar-thumb:hover{background:#654321}.bubble-arrow.svelte-1eo2cb7{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.bubble-arrow.svelte-1eo2cb7:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #8b4513}@keyframes svelte-1eo2cb7-thinking-pulse{0%,to{transform:scale(1);box-shadow:0 6px 15px #0000004d,0 0 15px #ff6b3566}50%{transform:scale(1.03);box-shadow:0 8px 20px #0006,0 0 25px #ff6b3599}}@keyframes svelte-1eo2cb7-speaking-glow{0%,to{box-shadow:0 6px 15px #0000004d,0 0 20px #ffd70080}50%{box-shadow:0 8px 20px #0006,0 0 30px #ffd700cc}}

src/gradio_consilium_roundtable/templates/example/index.js

@@ -0,0 +1,1951 @@
+var Je = Object.defineProperty;
+var we = (r) => {
+  throw TypeError(r);
+};
+var We = (r, e, t) => e in r ? Je(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var _ = (r, e, t) => We(r, typeof e != "symbol" ? e + "" : e, t), Xe = (r, e, t) => e.has(r) || we("Cannot " + t);
+var xe = (r, e, t) => e.has(r) ? we("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(r) : e.set(r, t);
+var X = (r, e, t) => (Xe(r, e, "access private method"), t);
+function ce() {
+  return {
+    async: !1,
+    breaks: !1,
+    extensions: null,
+    gfm: !0,
+    hooks: null,
+    pedantic: !1,
+    renderer: null,
+    silent: !1,
+    tokenizer: null,
+    walkTokens: null
+  };
+}
+let D = ce();
+function $e(r) {
+  D = r;
+}
+const Le = /[&<>"']/, Ye = new RegExp(Le.source, "g"), Me = /[<>"']|&(?!(#\d{1,7}|#[Xx][a-fA-F0-9]{1,6}|\w+);)/, Ke = new RegExp(Me.source, "g"), et = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;"
+}, _e = (r) => et[r];
+function R(r, e) {
+  if (e) {
+    if (Le.test(r))
+      return r.replace(Ye, _e);
+  } else if (Me.test(r))
+    return r.replace(Ke, _e);
+  return r;
+}
+const tt = /&(#(?:\d+)|(?:#x[0-9A-Fa-f]+)|(?:\w+));?/ig;
+function nt(r) {
+  return r.replace(tt, (e, t) => (t = t.toLowerCase(), t === "colon" ? ":" : t.charAt(0) === "#" ? t.charAt(1) === "x" ? String.fromCharCode(parseInt(t.substring(2), 16)) : String.fromCharCode(+t.substring(1)) : ""));
+}
+const st = /(^|[^\[])\^/g;
+function w(r, e) {
+  let t = typeof r == "string" ? r : r.source;
+  e = e || "";
+  const n = {
+    replace: (i, l) => {
+      let s = typeof l == "string" ? l : l.source;
+      return s = s.replace(st, "$1"), t = t.replace(i, s), n;
+    },
+    getRegex: () => new RegExp(t, e)
+  };
+  return n;
+}
+function ye(r) {
+  try {
+    r = encodeURI(r).replace(/%25/g, "%");
+  } catch {
+    return null;
+  }
+  return r;
+}
+const H = { exec: () => null };
+function ve(r, e) {
+  const t = r.replace(/\|/g, (l, s, o) => {
+    let a = !1, p = s;
+    for (; --p >= 0 && o[p] === "\\"; )
+      a = !a;
+    return a ? "|" : " |";
+  }), n = t.split(/ \|/);
+  let i = 0;
+  if (n[0].trim() || n.shift(), n.length > 0 && !n[n.length - 1].trim() && n.pop(), e)
+    if (n.length > e)
+      n.splice(e);
+    else
+      for (; n.length < e; )
+        n.push("");
+  for (; i < n.length; i++)
+    n[i] = n[i].trim().replace(/\\\|/g, "|");
+  return n;
+}
+function Y(r, e, t) {
+  const n = r.length;
+  if (n === 0)
+    return "";
+  let i = 0;
+  for (; i < n && r.charAt(n - i - 1) === e; )
+    i++;
+  return r.slice(0, n - i);
+}
+function it(r, e) {
+  if (r.indexOf(e[1]) === -1)
+    return -1;
+  let t = 0;
+  for (let n = 0; n < r.length; n++)
+    if (r[n] === "\\")
+      n++;
+    else if (r[n] === e[0])
+      t++;
+    else if (r[n] === e[1] && (t--, t < 0))
+      return n;
+  return -1;
+}
+function Te(r, e, t, n) {
+  const i = e.href, l = e.title ? R(e.title) : null, s = r[1].replace(/\\([\[\]])/g, "$1");
+  if (r[0].charAt(0) !== "!") {
+    n.state.inLink = !0;
+    const o = {
+      type: "link",
+      raw: t,
+      href: i,
+      title: l,
+      text: s,
+      tokens: n.inlineTokens(s)
+    };
+    return n.state.inLink = !1, o;
+  }
+  return {
+    type: "image",
+    raw: t,
+    href: i,
+    title: l,
+    text: R(s)
+  };
+}
+function lt(r, e) {
+  const t = r.match(/^(\s+)(?:```)/);
+  if (t === null)
+    return e;
+  const n = t[1];
+  return e.split(`
+`).map((i) => {
+    const l = i.match(/^\s+/);
+    if (l === null)
+      return i;
+    const [s] = l;
+    return s.length >= n.length ? i.slice(n.length) : i;
+  }).join(`
+`);
+}
+class ee {
+  // set by the lexer
+  constructor(e) {
+    _(this, "options");
+    _(this, "rules");
+    // set by the lexer
+    _(this, "lexer");
+    this.options = e || D;
+  }
+  space(e) {
+    const t = this.rules.block.newline.exec(e);
+    if (t && t[0].length > 0)
+      return {
+        type: "space",
+        raw: t[0]
+      };
+  }
+  code(e) {
+    const t = this.rules.block.code.exec(e);
+    if (t) {
+      const n = t[0].replace(/^ {1,4}/gm, "");
+      return {
+        type: "code",
+        raw: t[0],
+        codeBlockStyle: "indented",
+        text: this.options.pedantic ? n : Y(n, `
+`)
+      };
+    }
+  }
+  fences(e) {
+    const t = this.rules.block.fences.exec(e);
+    if (t) {
+      const n = t[0], i = lt(n, t[3] || "");
+      return {
+        type: "code",
+        raw: n,
+        lang: t[2] ? t[2].trim().replace(this.rules.inline.anyPunctuation, "$1") : t[2],
+        text: i
+      };
+    }
+  }
+  heading(e) {
+    const t = this.rules.block.heading.exec(e);
+    if (t) {
+      let n = t[2].trim();
+      if (/#$/.test(n)) {
+        const i = Y(n, "#");
+        (this.options.pedantic || !i || / $/.test(i)) && (n = i.trim());
+      }
+      return {
+        type: "heading",
+        raw: t[0],
+        depth: t[1].length,
+        text: n,
+        tokens: this.lexer.inline(n)
+      };
+    }
+  }
+  hr(e) {
+    const t = this.rules.block.hr.exec(e);
+    if (t)
+      return {
+        type: "hr",
+        raw: t[0]
+      };
+  }
+  blockquote(e) {
+    const t = this.rules.block.blockquote.exec(e);
+    if (t) {
+      let n = t[0].replace(/\n {0,3}((?:=+|-+) *)(?=\n|$)/g, `
+    $1`);
+      n = Y(n.replace(/^ *>[ \t]?/gm, ""), `
+`);
+      const i = this.lexer.state.top;
+      this.lexer.state.top = !0;
+      const l = this.lexer.blockTokens(n);
+      return this.lexer.state.top = i, {
+        type: "blockquote",
+        raw: t[0],
+        tokens: l,
+        text: n
+      };
+    }
+  }
+  list(e) {
+    let t = this.rules.block.list.exec(e);
+    if (t) {
+      let n = t[1].trim();
+      const i = n.length > 1, l = {
+        type: "list",
+        raw: "",
+        ordered: i,
+        start: i ? +n.slice(0, -1) : "",
+        loose: !1,
+        items: []
+      };
+      n = i ? `\\d{1,9}\\${n.slice(-1)}` : `\\${n}`, this.options.pedantic && (n = i ? n : "[*+-]");
+      const s = new RegExp(`^( {0,3}${n})((?:[	 ][^\\n]*)?(?:\\n|$))`);
+      let o = "", a = "", p = !1;
+      for (; e; ) {
+        let c = !1;
+        if (!(t = s.exec(e)) || this.rules.block.hr.test(e))
+          break;
+        o = t[0], e = e.substring(o.length);
+        let g = t[2].split(`
+`, 1)[0].replace(/^\t+/, (k) => " ".repeat(3 * k.length)), h = e.split(`
+`, 1)[0], u = 0;
+        this.options.pedantic ? (u = 2, a = g.trimStart()) : (u = t[2].search(/[^ ]/), u = u > 4 ? 1 : u, a = g.slice(u), u += t[1].length);
+        let b = !1;
+        if (!g && /^ *$/.test(h) && (o += h + `
+`, e = e.substring(h.length + 1), c = !0), !c) {
+          const k = new RegExp(`^ {0,${Math.min(3, u - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), x = new RegExp(`^ {0,${Math.min(3, u - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), z = new RegExp(`^ {0,${Math.min(3, u - 1)}}(?:\`\`\`|~~~)`), S = new RegExp(`^ {0,${Math.min(3, u - 1)}}#`);
+          for (; e; ) {
+            const C = e.split(`
+`, 1)[0];
+            if (h = C, this.options.pedantic && (h = h.replace(/^ {1,4}(?=( {4})*[^ ])/g, "  ")), z.test(h) || S.test(h) || k.test(h) || x.test(e))
+              break;
+            if (h.search(/[^ ]/) >= u || !h.trim())
+              a += `
+` + h.slice(u);
+            else {
+              if (b || g.search(/[^ ]/) >= 4 || z.test(g) || S.test(g) || x.test(g))
+                break;
+              a += `
+` + h;
+            }
+            !b && !h.trim() && (b = !0), o += C + `
+`, e = e.substring(C.length + 1), g = h.slice(u);
+          }
+        }
+        l.loose || (p ? l.loose = !0 : /\n *\n *$/.test(o) && (p = !0));
+        let d = null, y;
+        this.options.gfm && (d = /^\[[ xX]\] /.exec(a), d && (y = d[0] !== "[ ] ", a = a.replace(/^\[[ xX]\] +/, ""))), l.items.push({
+          type: "list_item",
+          raw: o,
+          task: !!d,
+          checked: y,
+          loose: !1,
+          text: a,
+          tokens: []
+        }), l.raw += o;
+      }
+      l.items[l.items.length - 1].raw = o.trimEnd(), l.items[l.items.length - 1].text = a.trimEnd(), l.raw = l.raw.trimEnd();
+      for (let c = 0; c < l.items.length; c++)
+        if (this.lexer.state.top = !1, l.items[c].tokens = this.lexer.blockTokens(l.items[c].text, []), !l.loose) {
+          const g = l.items[c].tokens.filter((u) => u.type === "space"), h = g.length > 0 && g.some((u) => /\n.*\n/.test(u.raw));
+          l.loose = h;
+        }
+      if (l.loose)
+        for (let c = 0; c < l.items.length; c++)
+          l.items[c].loose = !0;
+      return l;
+    }
+  }
+  html(e) {
+    const t = this.rules.block.html.exec(e);
+    if (t)
+      return {
+        type: "html",
+        block: !0,
+        raw: t[0],
+        pre: t[1] === "pre" || t[1] === "script" || t[1] === "style",
+        text: t[0]
+      };
+  }
+  def(e) {
+    const t = this.rules.block.def.exec(e);
+    if (t) {
+      const n = t[1].toLowerCase().replace(/\s+/g, " "), i = t[2] ? t[2].replace(/^<(.*)>$/, "$1").replace(this.rules.inline.anyPunctuation, "$1") : "", l = t[3] ? t[3].substring(1, t[3].length - 1).replace(this.rules.inline.anyPunctuation, "$1") : t[3];
+      return {
+        type: "def",
+        tag: n,
+        raw: t[0],
+        href: i,
+        title: l
+      };
+    }
+  }
+  table(e) {
+    const t = this.rules.block.table.exec(e);
+    if (!t || !/[:|]/.test(t[2]))
+      return;
+    const n = ve(t[1]), i = t[2].replace(/^\||\| *$/g, "").split("|"), l = t[3] && t[3].trim() ? t[3].replace(/\n[ \t]*$/, "").split(`
+`) : [], s = {
+      type: "table",
+      raw: t[0],
+      header: [],
+      align: [],
+      rows: []
+    };
+    if (n.length === i.length) {
+      for (const o of i)
+        /^ *-+: *$/.test(o) ? s.align.push("right") : /^ *:-+: *$/.test(o) ? s.align.push("center") : /^ *:-+ *$/.test(o) ? s.align.push("left") : s.align.push(null);
+      for (const o of n)
+        s.header.push({
+          text: o,
+          tokens: this.lexer.inline(o)
+        });
+      for (const o of l)
+        s.rows.push(ve(o, s.header.length).map((a) => ({
+          text: a,
+          tokens: this.lexer.inline(a)
+        })));
+      return s;
+    }
+  }
+  lheading(e) {
+    const t = this.rules.block.lheading.exec(e);
+    if (t)
+      return {
+        type: "heading",
+        raw: t[0],
+        depth: t[2].charAt(0) === "=" ? 1 : 2,
+        text: t[1],
+        tokens: this.lexer.inline(t[1])
+      };
+  }
+  paragraph(e) {
+    const t = this.rules.block.paragraph.exec(e);
+    if (t) {
+      const n = t[1].charAt(t[1].length - 1) === `
+` ? t[1].slice(0, -1) : t[1];
+      return {
+        type: "paragraph",
+        raw: t[0],
+        text: n,
+        tokens: this.lexer.inline(n)
+      };
+    }
+  }
+  text(e) {
+    const t = this.rules.block.text.exec(e);
+    if (t)
+      return {
+        type: "text",
+        raw: t[0],
+        text: t[0],
+        tokens: this.lexer.inline(t[0])
+      };
+  }
+  escape(e) {
+    const t = this.rules.inline.escape.exec(e);
+    if (t)
+      return {
+        type: "escape",
+        raw: t[0],
+        text: R(t[1])
+      };
+  }
+  tag(e) {
+    const t = this.rules.inline.tag.exec(e);
+    if (t)
+      return !this.lexer.state.inLink && /^<a /i.test(t[0]) ? this.lexer.state.inLink = !0 : this.lexer.state.inLink && /^<\/a>/i.test(t[0]) && (this.lexer.state.inLink = !1), !this.lexer.state.inRawBlock && /^<(pre|code|kbd|script)(\s|>)/i.test(t[0]) ? this.lexer.state.inRawBlock = !0 : this.lexer.state.inRawBlock && /^<\/(pre|code|kbd|script)(\s|>)/i.test(t[0]) && (this.lexer.state.inRawBlock = !1), {
+        type: "html",
+        raw: t[0],
+        inLink: this.lexer.state.inLink,
+        inRawBlock: this.lexer.state.inRawBlock,
+        block: !1,
+        text: t[0]
+      };
+  }
+  link(e) {
+    const t = this.rules.inline.link.exec(e);
+    if (t) {
+      const n = t[2].trim();
+      if (!this.options.pedantic && /^</.test(n)) {
+        if (!/>$/.test(n))
+          return;
+        const s = Y(n.slice(0, -1), "\\");
+        if ((n.length - s.length) % 2 === 0)
+          return;
+      } else {
+        const s = it(t[2], "()");
+        if (s > -1) {
+          const a = (t[0].indexOf("!") === 0 ? 5 : 4) + t[1].length + s;
+          t[2] = t[2].substring(0, s), t[0] = t[0].substring(0, a).trim(), t[3] = "";
+        }
+      }
+      let i = t[2], l = "";
+      if (this.options.pedantic) {
+        const s = /^([^'"]*[^\s])\s+(['"])(.*)\2/.exec(i);
+        s && (i = s[1], l = s[3]);
+      } else
+        l = t[3] ? t[3].slice(1, -1) : "";
+      return i = i.trim(), /^</.test(i) && (this.options.pedantic && !/>$/.test(n) ? i = i.slice(1) : i = i.slice(1, -1)), Te(t, {
+        href: i && i.replace(this.rules.inline.anyPunctuation, "$1"),
+        title: l && l.replace(this.rules.inline.anyPunctuation, "$1")
+      }, t[0], this.lexer);
+    }
+  }
+  reflink(e, t) {
+    let n;
+    if ((n = this.rules.inline.reflink.exec(e)) || (n = this.rules.inline.nolink.exec(e))) {
+      const i = (n[2] || n[1]).replace(/\s+/g, " "), l = t[i.toLowerCase()];
+      if (!l) {
+        const s = n[0].charAt(0);
+        return {
+          type: "text",
+          raw: s,
+          text: s
+        };
+      }
+      return Te(n, l, n[0], this.lexer);
+    }
+  }
+  emStrong(e, t, n = "") {
+    let i = this.rules.inline.emStrongLDelim.exec(e);
+    if (!i || i[3] && n.match(/[\p{L}\p{N}]/u))
+      return;
+    if (!(i[1] || i[2] || "") || !n || this.rules.inline.punctuation.exec(n)) {
+      const s = [...i[0]].length - 1;
+      let o, a, p = s, c = 0;
+      const g = i[0][0] === "*" ? this.rules.inline.emStrongRDelimAst : this.rules.inline.emStrongRDelimUnd;
+      for (g.lastIndex = 0, t = t.slice(-1 * e.length + s); (i = g.exec(t)) != null; ) {
+        if (o = i[1] || i[2] || i[3] || i[4] || i[5] || i[6], !o)
+          continue;
+        if (a = [...o].length, i[3] || i[4]) {
+          p += a;
+          continue;
+        } else if ((i[5] || i[6]) && s % 3 && !((s + a) % 3)) {
+          c += a;
+          continue;
+        }
+        if (p -= a, p > 0)
+          continue;
+        a = Math.min(a, a + p + c);
+        const h = [...i[0]][0].length, u = e.slice(0, s + i.index + h + a);
+        if (Math.min(s, a) % 2) {
+          const d = u.slice(1, -1);
+          return {
+            type: "em",
+            raw: u,
+            text: d,
+            tokens: this.lexer.inlineTokens(d)
+          };
+        }
+        const b = u.slice(2, -2);
+        return {
+          type: "strong",
+          raw: u,
+          text: b,
+          tokens: this.lexer.inlineTokens(b)
+        };
+      }
+    }
+  }
+  codespan(e) {
+    const t = this.rules.inline.code.exec(e);
+    if (t) {
+      let n = t[2].replace(/\n/g, " ");
+      const i = /[^ ]/.test(n), l = /^ /.test(n) && / $/.test(n);
+      return i && l && (n = n.substring(1, n.length - 1)), n = R(n, !0), {
+        type: "codespan",
+        raw: t[0],
+        text: n
+      };
+    }
+  }
+  br(e) {
+    const t = this.rules.inline.br.exec(e);
+    if (t)
+      return {
+        type: "br",
+        raw: t[0]
+      };
+  }
+  del(e) {
+    const t = this.rules.inline.del.exec(e);
+    if (t)
+      return {
+        type: "del",
+        raw: t[0],
+        text: t[2],
+        tokens: this.lexer.inlineTokens(t[2])
+      };
+  }
+  autolink(e) {
+    const t = this.rules.inline.autolink.exec(e);
+    if (t) {
+      let n, i;
+      return t[2] === "@" ? (n = R(t[1]), i = "mailto:" + n) : (n = R(t[1]), i = n), {
+        type: "link",
+        raw: t[0],
+        text: n,
+        href: i,
+        tokens: [
+          {
+            type: "text",
+            raw: n,
+            text: n
+          }
+        ]
+      };
+    }
+  }
+  url(e) {
+    var n;
+    let t;
+    if (t = this.rules.inline.url.exec(e)) {
+      let i, l;
+      if (t[2] === "@")
+        i = R(t[0]), l = "mailto:" + i;
+      else {
+        let s;
+        do
+          s = t[0], t[0] = ((n = this.rules.inline._backpedal.exec(t[0])) == null ? void 0 : n[0]) ?? "";
+        while (s !== t[0]);
+        i = R(t[0]), t[1] === "www." ? l = "http://" + t[0] : l = t[0];
+      }
+      return {
+        type: "link",
+        raw: t[0],
+        text: i,
+        href: l,
+        tokens: [
+          {
+            type: "text",
+            raw: i,
+            text: i
+          }
+        ]
+      };
+    }
+  }
+  inlineText(e) {
+    const t = this.rules.inline.text.exec(e);
+    if (t) {
+      let n;
+      return this.lexer.state.inRawBlock ? n = t[0] : n = R(t[0]), {
+        type: "text",
+        raw: t[0],
+        text: n
+      };
+    }
+  }
+}
+const rt = /^(?: *(?:\n|$))+/, ot = /^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/, at = /^ {0,3}(`{3,}(?=[^`\n]*(?:\n|$))|~{3,})([^\n]*)(?:\n|$)(?:|([\s\S]*?)(?:\n|$))(?: {0,3}\1[~`]* *(?=\n|$)|$)/, G = /^ {0,3}((?:-[\t ]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})(?:\n+|$)/, ct = /^ {0,3}(#{1,6})(?=\s|$)(.*)(?:\n+|$)/, qe = /(?:[*+-]|\d{1,9}[.)])/, Pe = w(/^(?!bull |blockCode|fences|blockquote|heading|html)((?:.|\n(?!\s*?\n|bull |blockCode|fences|blockquote|heading|html))+?)\n {0,3}(=+|-+) *(?:\n+|$)/).replace(/bull/g, qe).replace(/blockCode/g, / {4}/).replace(/fences/g, / {0,3}(?:`{3,}|~{3,})/).replace(/blockquote/g, / {0,3}>/).replace(/heading/g, / {0,3}#{1,6}/).replace(/html/g, / {0,3}<[^\n>]+>\n/).getRegex(), he = /^([^\n]+(?:\n(?!hr|heading|lheading|blockquote|fences|list|html|table| +\n)[^\n]+)*)/, ht = /^[^\n]+/, ue = /(?!\s*\])(?:\\.|[^\[\]\\])+/, ut = w(/^ {0,3}\[(label)\]: *(?:\n *)?([^<\s][^\s]*|<.*?>)(?:(?: +(?:\n *)?| *\n *)(title))? *(?:\n+|$)/).replace("label", ue).replace("title", /(?:"(?:\\"?|[^"\\])*"|'[^'\n]*(?:\n[^'\n]+)*\n?'|\([^()]*\))/).getRegex(), pt = w(/^( {0,3}bull)([ \t][^\n]+?)?(?:\n|$)/).replace(/bull/g, qe).getRegex(), se = "address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h[1-6]|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|meta|nav|noframes|ol|optgroup|option|p|param|search|section|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul", pe = /<!--(?:-?>|[\s\S]*?(?:-->|$))/, ft = w("^ {0,3}(?:<(script|pre|style|textarea)[\\s>][\\s\\S]*?(?:</\\1>[^\\n]*\\n+|$)|comment[^\\n]*(\\n+|$)|<\\?[\\s\\S]*?(?:\\?>\\n*|$)|<![A-Z][\\s\\S]*?(?:>\\n*|$)|<!\\[CDATA\\[[\\s\\S]*?(?:\\]\\]>\\n*|$)|</?(tag)(?: +|\\n|/?>)[\\s\\S]*?(?:(?:\\n *)+\\n|$)|<(?!script|pre|style|textarea)([a-z][\\w-]*)(?:attribute)*? */?>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$)|</(?!script|pre|style|textarea)[a-z][\\w-]*\\s*>(?=[ \\t]*(?:\\n|$))[\\s\\S]*?(?:(?:\\n *)+\\n|$))", "i").replace("comment", pe).replace("tag", se).replace("attribute", / +[a-zA-Z:_][\w.:-]*(?: *= *"[^"\n]*"| *= *'[^'\n]*'| *= *[^\s"'=<>`]+)?/).getRegex(), Be = w(he).replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("|table", "").replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", se).getRegex(), gt = w(/^( {0,3}> ?(paragraph|[^\n]*)(?:\n|$))+/).replace("paragraph", Be).getRegex(), fe = {
+  blockquote: gt,
+  code: ot,
+  def: ut,
+  fences: at,
+  heading: ct,
+  hr: G,
+  html: ft,
+  lheading: Pe,
+  list: pt,
+  newline: rt,
+  paragraph: Be,
+  table: H,
+  text: ht
+}, ze = w("^ *([^\\n ].*)\\n {0,3}((?:\\| *)?:?-+:? *(?:\\| *:?-+:? *)*(?:\\| *)?)(?:\\n((?:(?! *\\n|hr|heading|blockquote|code|fences|list|html).*(?:\\n|$))*)\\n*|$)").replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("blockquote", " {0,3}>").replace("code", " {4}[^\\n]").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", se).getRegex(), dt = {
+  ...fe,
+  table: ze,
+  paragraph: w(he).replace("hr", G).replace("heading", " {0,3}#{1,6}(?:\\s|$)").replace("|lheading", "").replace("table", ze).replace("blockquote", " {0,3}>").replace("fences", " {0,3}(?:`{3,}(?=[^`\\n]*\\n)|~{3,})[^\\n]*\\n").replace("list", " {0,3}(?:[*+-]|1[.)]) ").replace("html", "</?(?:tag)(?: +|\\n|/?>)|<(?:script|pre|style|textarea|!--)").replace("tag", se).getRegex()
+}, kt = {
+  ...fe,
+  html: w(`^ *(?:comment *(?:\\n|\\s*$)|<(tag)[\\s\\S]+?</\\1> *(?:\\n{2,}|\\s*$)|<tag(?:"[^"]*"|'[^']*'|\\s[^'"/>\\s]*)*?/?> *(?:\\n{2,}|\\s*$))`).replace("comment", pe).replace(/tag/g, "(?!(?:a|em|strong|small|s|cite|q|dfn|abbr|data|time|code|var|samp|kbd|sub|sup|i|b|u|mark|ruby|rt|rp|bdi|bdo|span|br|wbr|ins|del|img)\\b)\\w+(?!:|[^\\w\\s@]*@)\\b").getRegex(),
+  def: /^ *\[([^\]]+)\]: *<?([^\s>]+)>?(?: +(["(][^\n]+[")]))? *(?:\n+|$)/,
+  heading: /^(#{1,6})(.*)(?:\n+|$)/,
+  fences: H,
+  // fences not supported
+  lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
+  paragraph: w(he).replace("hr", G).replace("heading", ` *#{1,6} *[^
+]`).replace("lheading", Pe).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
+}, Ze = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/, bt = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/, De = /^( {2,}|\\)\n(?!\s*$)/, mt = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/, U = "\\p{P}\\p{S}", wt = w(/^((?![*_])[\spunctuation])/, "u").replace(/punctuation/g, U).getRegex(), xt = /\[[^[\]]*?\]\([^\(\)]*?\)|`[^`]*?`|<[^<>]*?>/g, _t = w(/^(?:\*+(?:((?!\*)[punct])|[^\s*]))|^_+(?:((?!_)[punct])|([^\s_]))/, "u").replace(/punct/g, U).getRegex(), yt = w("^[^_*]*?__[^_*]*?\\*[^_*]*?(?=__)|[^*]+(?=[^*])|(?!\\*)[punct](\\*+)(?=[\\s]|$)|[^punct\\s](\\*+)(?!\\*)(?=[punct\\s]|$)|(?!\\*)[punct\\s](\\*+)(?=[^punct\\s])|[\\s](\\*+)(?!\\*)(?=[punct])|(?!\\*)[punct](\\*+)(?!\\*)(?=[punct])|[^punct\\s](\\*+)(?=[^punct\\s])", "gu").replace(/punct/g, U).getRegex(), vt = w("^[^_*]*?\\*\\*[^_*]*?_[^_*]*?(?=\\*\\*)|[^_]+(?=[^_])|(?!_)[punct](_+)(?=[\\s]|$)|[^punct\\s](_+)(?!_)(?=[punct\\s]|$)|(?!_)[punct\\s](_+)(?=[^punct\\s])|[\\s](_+)(?!_)(?=[punct])|(?!_)[punct](_+)(?!_)(?=[punct])", "gu").replace(/punct/g, U).getRegex(), Tt = w(/\\([punct])/, "gu").replace(/punct/g, U).getRegex(), zt = w(/^<(scheme:[^\s\x00-\x1f<>]*|email)>/).replace("scheme", /[a-zA-Z][a-zA-Z0-9+.-]{1,31}/).replace("email", /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+(@)[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+(?![-_])/).getRegex(), Rt = w(pe).replace("(?:-->|$)", "-->").getRegex(), It = w("^comment|^</[a-zA-Z][\\w:-]*\\s*>|^<[a-zA-Z][\\w-]*(?:attribute)*?\\s*/?>|^<\\?[\\s\\S]*?\\?>|^<![a-zA-Z]+\\s[\\s\\S]*?>|^<!\\[CDATA\\[[\\s\\S]*?\\]\\]>").replace("comment", Rt).replace("attribute", /\s+[a-zA-Z:_][\w.:-]*(?:\s*=\s*"[^"]*"|\s*=\s*'[^']*'|\s*=\s*[^\s"'=<>`]+)?/).getRegex(), te = /(?:\[(?:\\.|[^\[\]\\])*\]|\\.|`[^`]*`|[^\[\]\\`])*?/, St = w(/^!?\[(label)\]\(\s*(href)(?:\s+(title))?\s*\)/).replace("label", te).replace("href", /<(?:\\.|[^\n<>\\])+>|[^\s\x00-\x1f]*/).replace("title", /"(?:\\"?|[^"\\])*"|'(?:\\'?|[^'\\])*'|\((?:\\\)?|[^)\\])*\)/).getRegex(), Oe = w(/^!?\[(label)\]\[(ref)\]/).replace("label", te).replace("ref", ue).getRegex(), Qe = w(/^!?\[(ref)\](?:\[\])?/).replace("ref", ue).getRegex(), At = w("reflink|nolink(?!\\()", "g").replace("reflink", Oe).replace("nolink", Qe).getRegex(), ge = {
+  _backpedal: H,
+  // only used for GFM url
+  anyPunctuation: Tt,
+  autolink: zt,
+  blockSkip: xt,
+  br: De,
+  code: bt,
+  del: H,
+  emStrongLDelim: _t,
+  emStrongRDelimAst: yt,
+  emStrongRDelimUnd: vt,
+  escape: Ze,
+  link: St,
+  nolink: Qe,
+  punctuation: wt,
+  reflink: Oe,
+  reflinkSearch: At,
+  tag: It,
+  text: mt,
+  url: H
+}, Et = {
+  ...ge,
+  link: w(/^!?\[(label)\]\((.*?)\)/).replace("label", te).getRegex(),
+  reflink: w(/^!?\[(label)\]\s*\[([^\]]*)\]/).replace("label", te).getRegex()
+}, ie = {
+  ...ge,
+  escape: w(Ze).replace("])", "~|])").getRegex(),
+  url: w(/^((?:ftp|https?):\/\/|www\.)(?:[a-zA-Z0-9\-]+\.?)+[^\s<]*|^email/, "i").replace("email", /[A-Za-z0-9._+-]+(@)[a-zA-Z0-9-_]+(?:\.[a-zA-Z0-9-_]*[a-zA-Z0-9])+(?![-_])/).getRegex(),
+  _backpedal: /(?:[^?!.,:;*_'"~()&]+|\([^)]*\)|&(?![a-zA-Z0-9]+;$)|[?!.,:;*_'"~)]+(?!$))+/,
+  del: /^(~~?)(?=[^\s~])([\s\S]*?[^\s~])\1(?=[^~]|$)/,
+  text: /^([`~]+|[^`~])(?:(?= {2,}\n)|(?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)|[\s\S]*?(?:(?=[\\<!\[`*~_]|\b_|https?:\/\/|ftp:\/\/|www\.|$)|[^ ](?= {2,}\n)|[^a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-](?=[a-zA-Z0-9.!#$%&'*+\/=?_`{\|}~-]+@)))/
+}, Ct = {
+  ...ie,
+  br: w(De).replace("{2,}", "*").getRegex(),
+  text: w(ie.text).replace("\\b_", "\\b_| {2,}\\n").replace(/\{2,\}/g, "*").getRegex()
+}, K = {
+  normal: fe,
+  gfm: dt,
+  pedantic: kt
+}, V = {
+  normal: ge,
+  gfm: ie,
+  breaks: Ct,
+  pedantic: Et
+};
+class M {
+  constructor(e) {
+    _(this, "tokens");
+    _(this, "options");
+    _(this, "state");
+    _(this, "tokenizer");
+    _(this, "inlineQueue");
+    this.tokens = [], this.tokens.links = /* @__PURE__ */ Object.create(null), this.options = e || D, this.options.tokenizer = this.options.tokenizer || new ee(), this.tokenizer = this.options.tokenizer, this.tokenizer.options = this.options, this.tokenizer.lexer = this, this.inlineQueue = [], this.state = {
+      inLink: !1,
+      inRawBlock: !1,
+      top: !0
+    };
+    const t = {
+      block: K.normal,
+      inline: V.normal
+    };
+    this.options.pedantic ? (t.block = K.pedantic, t.inline = V.pedantic) : this.options.gfm && (t.block = K.gfm, this.options.breaks ? t.inline = V.breaks : t.inline = V.gfm), this.tokenizer.rules = t;
+  }
+  /**
+   * Expose Rules
+   */
+  static get rules() {
+    return {
+      block: K,
+      inline: V
+    };
+  }
+  /**
+   * Static Lex Method
+   */
+  static lex(e, t) {
+    return new M(t).lex(e);
+  }
+  /**
+   * Static Lex Inline Method
+   */
+  static lexInline(e, t) {
+    return new M(t).inlineTokens(e);
+  }
+  /**
+   * Preprocessing
+   */
+  lex(e) {
+    e = e.replace(/\r\n|\r/g, `
+`), this.blockTokens(e, this.tokens);
+    for (let t = 0; t < this.inlineQueue.length; t++) {
+      const n = this.inlineQueue[t];
+      this.inlineTokens(n.src, n.tokens);
+    }
+    return this.inlineQueue = [], this.tokens;
+  }
+  blockTokens(e, t = []) {
+    this.options.pedantic ? e = e.replace(/\t/g, "    ").replace(/^ +$/gm, "") : e = e.replace(/^( *)(\t+)/gm, (o, a, p) => a + "    ".repeat(p.length));
+    let n, i, l, s;
+    for (; e; )
+      if (!(this.options.extensions && this.options.extensions.block && this.options.extensions.block.some((o) => (n = o.call({ lexer: this }, e, t)) ? (e = e.substring(n.raw.length), t.push(n), !0) : !1))) {
+        if (n = this.tokenizer.space(e)) {
+          e = e.substring(n.raw.length), n.raw.length === 1 && t.length > 0 ? t[t.length - 1].raw += `
+` : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.code(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && (i.type === "paragraph" || i.type === "text") ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.fences(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.heading(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.hr(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.blockquote(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.list(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.html(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.def(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && (i.type === "paragraph" || i.type === "text") ? (i.raw += `
+` + n.raw, i.text += `
+` + n.raw, this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : this.tokens.links[n.tag] || (this.tokens.links[n.tag] = {
+            href: n.href,
+            title: n.title
+          });
+          continue;
+        }
+        if (n = this.tokenizer.table(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.lheading(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (l = e, this.options.extensions && this.options.extensions.startBlock) {
+          let o = 1 / 0;
+          const a = e.slice(1);
+          let p;
+          this.options.extensions.startBlock.forEach((c) => {
+            p = c.call({ lexer: this }, a), typeof p == "number" && p >= 0 && (o = Math.min(o, p));
+          }), o < 1 / 0 && o >= 0 && (l = e.substring(0, o + 1));
+        }
+        if (this.state.top && (n = this.tokenizer.paragraph(l))) {
+          i = t[t.length - 1], s && i.type === "paragraph" ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue.pop(), this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n), s = l.length !== e.length, e = e.substring(n.raw.length);
+          continue;
+        }
+        if (n = this.tokenizer.text(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && i.type === "text" ? (i.raw += `
+` + n.raw, i.text += `
+` + n.text, this.inlineQueue.pop(), this.inlineQueue[this.inlineQueue.length - 1].src = i.text) : t.push(n);
+          continue;
+        }
+        if (e) {
+          const o = "Infinite loop on byte: " + e.charCodeAt(0);
+          if (this.options.silent) {
+            console.error(o);
+            break;
+          } else
+            throw new Error(o);
+        }
+      }
+    return this.state.top = !0, t;
+  }
+  inline(e, t = []) {
+    return this.inlineQueue.push({ src: e, tokens: t }), t;
+  }
+  /**
+   * Lexing/Compiling
+   */
+  inlineTokens(e, t = []) {
+    let n, i, l, s = e, o, a, p;
+    if (this.tokens.links) {
+      const c = Object.keys(this.tokens.links);
+      if (c.length > 0)
+        for (; (o = this.tokenizer.rules.inline.reflinkSearch.exec(s)) != null; )
+          c.includes(o[0].slice(o[0].lastIndexOf("[") + 1, -1)) && (s = s.slice(0, o.index) + "[" + "a".repeat(o[0].length - 2) + "]" + s.slice(this.tokenizer.rules.inline.reflinkSearch.lastIndex));
+    }
+    for (; (o = this.tokenizer.rules.inline.blockSkip.exec(s)) != null; )
+      s = s.slice(0, o.index) + "[" + "a".repeat(o[0].length - 2) + "]" + s.slice(this.tokenizer.rules.inline.blockSkip.lastIndex);
+    for (; (o = this.tokenizer.rules.inline.anyPunctuation.exec(s)) != null; )
+      s = s.slice(0, o.index) + "++" + s.slice(this.tokenizer.rules.inline.anyPunctuation.lastIndex);
+    for (; e; )
+      if (a || (p = ""), a = !1, !(this.options.extensions && this.options.extensions.inline && this.options.extensions.inline.some((c) => (n = c.call({ lexer: this }, e, t)) ? (e = e.substring(n.raw.length), t.push(n), !0) : !1))) {
+        if (n = this.tokenizer.escape(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.tag(e)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && n.type === "text" && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.link(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.reflink(e, this.tokens.links)) {
+          e = e.substring(n.raw.length), i = t[t.length - 1], i && n.type === "text" && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.emStrong(e, s, p)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.codespan(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.br(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.del(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (n = this.tokenizer.autolink(e)) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (!this.state.inLink && (n = this.tokenizer.url(e))) {
+          e = e.substring(n.raw.length), t.push(n);
+          continue;
+        }
+        if (l = e, this.options.extensions && this.options.extensions.startInline) {
+          let c = 1 / 0;
+          const g = e.slice(1);
+          let h;
+          this.options.extensions.startInline.forEach((u) => {
+            h = u.call({ lexer: this }, g), typeof h == "number" && h >= 0 && (c = Math.min(c, h));
+          }), c < 1 / 0 && c >= 0 && (l = e.substring(0, c + 1));
+        }
+        if (n = this.tokenizer.inlineText(l)) {
+          e = e.substring(n.raw.length), n.raw.slice(-1) !== "_" && (p = n.raw.slice(-1)), a = !0, i = t[t.length - 1], i && i.type === "text" ? (i.raw += n.raw, i.text += n.text) : t.push(n);
+          continue;
+        }
+        if (e) {
+          const c = "Infinite loop on byte: " + e.charCodeAt(0);
+          if (this.options.silent) {
+            console.error(c);
+            break;
+          } else
+            throw new Error(c);
+        }
+      }
+    return t;
+  }
+}
+class ne {
+  constructor(e) {
+    _(this, "options");
+    this.options = e || D;
+  }
+  code(e, t, n) {
+    var l;
+    const i = (l = (t || "").match(/^\S*/)) == null ? void 0 : l[0];
+    return e = e.replace(/\n$/, "") + `
+`, i ? '<pre><code class="language-' + R(i) + '">' + (n ? e : R(e, !0)) + `</code></pre>
+` : "<pre><code>" + (n ? e : R(e, !0)) + `</code></pre>
+`;
+  }
+  blockquote(e) {
+    return `<blockquote>
+${e}</blockquote>
+`;
+  }
+  html(e, t) {
+    return e;
+  }
+  heading(e, t, n) {
+    return `<h${t}>${e}</h${t}>
+`;
+  }
+  hr() {
+    return `<hr>
+`;
+  }
+  list(e, t, n) {
+    const i = t ? "ol" : "ul", l = t && n !== 1 ? ' start="' + n + '"' : "";
+    return "<" + i + l + `>
+` + e + "</" + i + `>
+`;
+  }
+  listitem(e, t, n) {
+    return `<li>${e}</li>
+`;
+  }
+  checkbox(e) {
+    return "<input " + (e ? 'checked="" ' : "") + 'disabled="" type="checkbox">';
+  }
+  paragraph(e) {
+    return `<p>${e}</p>
+`;
+  }
+  table(e, t) {
+    return t && (t = `<tbody>${t}</tbody>`), `<table>
+<thead>
+` + e + `</thead>
+` + t + `</table>
+`;
+  }
+  tablerow(e) {
+    return `<tr>
+${e}</tr>
+`;
+  }
+  tablecell(e, t) {
+    const n = t.header ? "th" : "td";
+    return (t.align ? `<${n} align="${t.align}">` : `<${n}>`) + e + `</${n}>
+`;
+  }
+  /**
+   * span level renderer
+   */
+  strong(e) {
+    return `<strong>${e}</strong>`;
+  }
+  em(e) {
+    return `<em>${e}</em>`;
+  }
+  codespan(e) {
+    return `<code>${e}</code>`;
+  }
+  br() {
+    return "<br>";
+  }
+  del(e) {
+    return `<del>${e}</del>`;
+  }
+  link(e, t, n) {
+    const i = ye(e);
+    if (i === null)
+      return n;
+    e = i;
+    let l = '<a href="' + e + '"';
+    return t && (l += ' title="' + t + '"'), l += ">" + n + "</a>", l;
+  }
+  image(e, t, n) {
+    const i = ye(e);
+    if (i === null)
+      return n;
+    e = i;
+    let l = `<img src="${e}" alt="${n}"`;
+    return t && (l += ` title="${t}"`), l += ">", l;
+  }
+  text(e) {
+    return e;
+  }
+}
+class de {
+  // no need for block level renderers
+  strong(e) {
+    return e;
+  }
+  em(e) {
+    return e;
+  }
+  codespan(e) {
+    return e;
+  }
+  del(e) {
+    return e;
+  }
+  html(e) {
+    return e;
+  }
+  text(e) {
+    return e;
+  }
+  link(e, t, n) {
+    return "" + n;
+  }
+  image(e, t, n) {
+    return "" + n;
+  }
+  br() {
+    return "";
+  }
+}
+class q {
+  constructor(e) {
+    _(this, "options");
+    _(this, "renderer");
+    _(this, "textRenderer");
+    this.options = e || D, this.options.renderer = this.options.renderer || new ne(), this.renderer = this.options.renderer, this.renderer.options = this.options, this.textRenderer = new de();
+  }
+  /**
+   * Static Parse Method
+   */
+  static parse(e, t) {
+    return new q(t).parse(e);
+  }
+  /**
+   * Static Parse Inline Method
+   */
+  static parseInline(e, t) {
+    return new q(t).parseInline(e);
+  }
+  /**
+   * Parse Loop
+   */
+  parse(e, t = !0) {
+    let n = "";
+    for (let i = 0; i < e.length; i++) {
+      const l = e[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[l.type]) {
+        const s = l, o = this.options.extensions.renderers[s.type].call({ parser: this }, s);
+        if (o !== !1 || !["space", "hr", "heading", "code", "table", "blockquote", "list", "html", "paragraph", "text"].includes(s.type)) {
+          n += o || "";
+          continue;
+        }
+      }
+      switch (l.type) {
+        case "space":
+          continue;
+        case "hr": {
+          n += this.renderer.hr();
+          continue;
+        }
+        case "heading": {
+          const s = l;
+          n += this.renderer.heading(this.parseInline(s.tokens), s.depth, nt(this.parseInline(s.tokens, this.textRenderer)));
+          continue;
+        }
+        case "code": {
+          const s = l;
+          n += this.renderer.code(s.text, s.lang, !!s.escaped);
+          continue;
+        }
+        case "table": {
+          const s = l;
+          let o = "", a = "";
+          for (let c = 0; c < s.header.length; c++)
+            a += this.renderer.tablecell(this.parseInline(s.header[c].tokens), { header: !0, align: s.align[c] });
+          o += this.renderer.tablerow(a);
+          let p = "";
+          for (let c = 0; c < s.rows.length; c++) {
+            const g = s.rows[c];
+            a = "";
+            for (let h = 0; h < g.length; h++)
+              a += this.renderer.tablecell(this.parseInline(g[h].tokens), { header: !1, align: s.align[h] });
+            p += this.renderer.tablerow(a);
+          }
+          n += this.renderer.table(o, p);
+          continue;
+        }
+        case "blockquote": {
+          const s = l, o = this.parse(s.tokens);
+          n += this.renderer.blockquote(o);
+          continue;
+        }
+        case "list": {
+          const s = l, o = s.ordered, a = s.start, p = s.loose;
+          let c = "";
+          for (let g = 0; g < s.items.length; g++) {
+            const h = s.items[g], u = h.checked, b = h.task;
+            let d = "";
+            if (h.task) {
+              const y = this.renderer.checkbox(!!u);
+              p ? h.tokens.length > 0 && h.tokens[0].type === "paragraph" ? (h.tokens[0].text = y + " " + h.tokens[0].text, h.tokens[0].tokens && h.tokens[0].tokens.length > 0 && h.tokens[0].tokens[0].type === "text" && (h.tokens[0].tokens[0].text = y + " " + h.tokens[0].tokens[0].text)) : h.tokens.unshift({
+                type: "text",
+                text: y + " "
+              }) : d += y + " ";
+            }
+            d += this.parse(h.tokens, p), c += this.renderer.listitem(d, b, !!u);
+          }
+          n += this.renderer.list(c, o, a);
+          continue;
+        }
+        case "html": {
+          const s = l;
+          n += this.renderer.html(s.text, s.block);
+          continue;
+        }
+        case "paragraph": {
+          const s = l;
+          n += this.renderer.paragraph(this.parseInline(s.tokens));
+          continue;
+        }
+        case "text": {
+          let s = l, o = s.tokens ? this.parseInline(s.tokens) : s.text;
+          for (; i + 1 < e.length && e[i + 1].type === "text"; )
+            s = e[++i], o += `
+` + (s.tokens ? this.parseInline(s.tokens) : s.text);
+          n += t ? this.renderer.paragraph(o) : o;
+          continue;
+        }
+        default: {
+          const s = 'Token with "' + l.type + '" type was not found.';
+          if (this.options.silent)
+            return console.error(s), "";
+          throw new Error(s);
+        }
+      }
+    }
+    return n;
+  }
+  /**
+   * Parse Inline Tokens
+   */
+  parseInline(e, t) {
+    t = t || this.renderer;
+    let n = "";
+    for (let i = 0; i < e.length; i++) {
+      const l = e[i];
+      if (this.options.extensions && this.options.extensions.renderers && this.options.extensions.renderers[l.type]) {
+        const s = this.options.extensions.renderers[l.type].call({ parser: this }, l);
+        if (s !== !1 || !["escape", "html", "link", "image", "strong", "em", "codespan", "br", "del", "text"].includes(l.type)) {
+          n += s || "";
+          continue;
+        }
+      }
+      switch (l.type) {
+        case "escape": {
+          const s = l;
+          n += t.text(s.text);
+          break;
+        }
+        case "html": {
+          const s = l;
+          n += t.html(s.text);
+          break;
+        }
+        case "link": {
+          const s = l;
+          n += t.link(s.href, s.title, this.parseInline(s.tokens, t));
+          break;
+        }
+        case "image": {
+          const s = l;
+          n += t.image(s.href, s.title, s.text);
+          break;
+        }
+        case "strong": {
+          const s = l;
+          n += t.strong(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "em": {
+          const s = l;
+          n += t.em(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "codespan": {
+          const s = l;
+          n += t.codespan(s.text);
+          break;
+        }
+        case "br": {
+          n += t.br();
+          break;
+        }
+        case "del": {
+          const s = l;
+          n += t.del(this.parseInline(s.tokens, t));
+          break;
+        }
+        case "text": {
+          const s = l;
+          n += t.text(s.text);
+          break;
+        }
+        default: {
+          const s = 'Token with "' + l.type + '" type was not found.';
+          if (this.options.silent)
+            return console.error(s), "";
+          throw new Error(s);
+        }
+      }
+    }
+    return n;
+  }
+}
+class F {
+  constructor(e) {
+    _(this, "options");
+    this.options = e || D;
+  }
+  /**
+   * Process markdown before marked
+   */
+  preprocess(e) {
+    return e;
+  }
+  /**
+   * Process HTML after marked is finished
+   */
+  postprocess(e) {
+    return e;
+  }
+  /**
+   * Process all tokens before walk tokens
+   */
+  processAllTokens(e) {
+    return e;
+  }
+}
+_(F, "passThroughHooks", /* @__PURE__ */ new Set([
+  "preprocess",
+  "postprocess",
+  "processAllTokens"
+]));
+var Z, le, je;
+class $t {
+  constructor(...e) {
+    xe(this, Z);
+    _(this, "defaults", ce());
+    _(this, "options", this.setOptions);
+    _(this, "parse", X(this, Z, le).call(this, M.lex, q.parse));
+    _(this, "parseInline", X(this, Z, le).call(this, M.lexInline, q.parseInline));
+    _(this, "Parser", q);
+    _(this, "Renderer", ne);
+    _(this, "TextRenderer", de);
+    _(this, "Lexer", M);
+    _(this, "Tokenizer", ee);
+    _(this, "Hooks", F);
+    this.use(...e);
+  }
+  /**
+   * Run callback for every token
+   */
+  walkTokens(e, t) {
+    var i, l;
+    let n = [];
+    for (const s of e)
+      switch (n = n.concat(t.call(this, s)), s.type) {
+        case "table": {
+          const o = s;
+          for (const a of o.header)
+            n = n.concat(this.walkTokens(a.tokens, t));
+          for (const a of o.rows)
+            for (const p of a)
+              n = n.concat(this.walkTokens(p.tokens, t));
+          break;
+        }
+        case "list": {
+          const o = s;
+          n = n.concat(this.walkTokens(o.items, t));
+          break;
+        }
+        default: {
+          const o = s;
+          (l = (i = this.defaults.extensions) == null ? void 0 : i.childTokens) != null && l[o.type] ? this.defaults.extensions.childTokens[o.type].forEach((a) => {
+            const p = o[a].flat(1 / 0);
+            n = n.concat(this.walkTokens(p, t));
+          }) : o.tokens && (n = n.concat(this.walkTokens(o.tokens, t)));
+        }
+      }
+    return n;
+  }
+  use(...e) {
+    const t = this.defaults.extensions || { renderers: {}, childTokens: {} };
+    return e.forEach((n) => {
+      const i = { ...n };
+      if (i.async = this.defaults.async || i.async || !1, n.extensions && (n.extensions.forEach((l) => {
+        if (!l.name)
+          throw new Error("extension name required");
+        if ("renderer" in l) {
+          const s = t.renderers[l.name];
+          s ? t.renderers[l.name] = function(...o) {
+            let a = l.renderer.apply(this, o);
+            return a === !1 && (a = s.apply(this, o)), a;
+          } : t.renderers[l.name] = l.renderer;
+        }
+        if ("tokenizer" in l) {
+          if (!l.level || l.level !== "block" && l.level !== "inline")
+            throw new Error("extension level must be 'block' or 'inline'");
+          const s = t[l.level];
+          s ? s.unshift(l.tokenizer) : t[l.level] = [l.tokenizer], l.start && (l.level === "block" ? t.startBlock ? t.startBlock.push(l.start) : t.startBlock = [l.start] : l.level === "inline" && (t.startInline ? t.startInline.push(l.start) : t.startInline = [l.start]));
+        }
+        "childTokens" in l && l.childTokens && (t.childTokens[l.name] = l.childTokens);
+      }), i.extensions = t), n.renderer) {
+        const l = this.defaults.renderer || new ne(this.defaults);
+        for (const s in n.renderer) {
+          if (!(s in l))
+            throw new Error(`renderer '${s}' does not exist`);
+          if (s === "options")
+            continue;
+          const o = s, a = n.renderer[o], p = l[o];
+          l[o] = (...c) => {
+            let g = a.apply(l, c);
+            return g === !1 && (g = p.apply(l, c)), g || "";
+          };
+        }
+        i.renderer = l;
+      }
+      if (n.tokenizer) {
+        const l = this.defaults.tokenizer || new ee(this.defaults);
+        for (const s in n.tokenizer) {
+          if (!(s in l))
+            throw new Error(`tokenizer '${s}' does not exist`);
+          if (["options", "rules", "lexer"].includes(s))
+            continue;
+          const o = s, a = n.tokenizer[o], p = l[o];
+          l[o] = (...c) => {
+            let g = a.apply(l, c);
+            return g === !1 && (g = p.apply(l, c)), g;
+          };
+        }
+        i.tokenizer = l;
+      }
+      if (n.hooks) {
+        const l = this.defaults.hooks || new F();
+        for (const s in n.hooks) {
+          if (!(s in l))
+            throw new Error(`hook '${s}' does not exist`);
+          if (s === "options")
+            continue;
+          const o = s, a = n.hooks[o], p = l[o];
+          F.passThroughHooks.has(s) ? l[o] = (c) => {
+            if (this.defaults.async)
+              return Promise.resolve(a.call(l, c)).then((h) => p.call(l, h));
+            const g = a.call(l, c);
+            return p.call(l, g);
+          } : l[o] = (...c) => {
+            let g = a.apply(l, c);
+            return g === !1 && (g = p.apply(l, c)), g;
+          };
+        }
+        i.hooks = l;
+      }
+      if (n.walkTokens) {
+        const l = this.defaults.walkTokens, s = n.walkTokens;
+        i.walkTokens = function(o) {
+          let a = [];
+          return a.push(s.call(this, o)), l && (a = a.concat(l.call(this, o))), a;
+        };
+      }
+      this.defaults = { ...this.defaults, ...i };
+    }), this;
+  }
+  setOptions(e) {
+    return this.defaults = { ...this.defaults, ...e }, this;
+  }
+  lexer(e, t) {
+    return M.lex(e, t ?? this.defaults);
+  }
+  parser(e, t) {
+    return q.parse(e, t ?? this.defaults);
+  }
+}
+Z = new WeakSet(), le = function(e, t) {
+  return (n, i) => {
+    const l = { ...i }, s = { ...this.defaults, ...l };
+    this.defaults.async === !0 && l.async === !1 && (s.silent || console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."), s.async = !0);
+    const o = X(this, Z, je).call(this, !!s.silent, !!s.async);
+    if (typeof n > "u" || n === null)
+      return o(new Error("marked(): input parameter is undefined or null"));
+    if (typeof n != "string")
+      return o(new Error("marked(): input parameter is of type " + Object.prototype.toString.call(n) + ", string expected"));
+    if (s.hooks && (s.hooks.options = s), s.async)
+      return Promise.resolve(s.hooks ? s.hooks.preprocess(n) : n).then((a) => e(a, s)).then((a) => s.hooks ? s.hooks.processAllTokens(a) : a).then((a) => s.walkTokens ? Promise.all(this.walkTokens(a, s.walkTokens)).then(() => a) : a).then((a) => t(a, s)).then((a) => s.hooks ? s.hooks.postprocess(a) : a).catch(o);
+    try {
+      s.hooks && (n = s.hooks.preprocess(n));
+      let a = e(n, s);
+      s.hooks && (a = s.hooks.processAllTokens(a)), s.walkTokens && this.walkTokens(a, s.walkTokens);
+      let p = t(a, s);
+      return s.hooks && (p = s.hooks.postprocess(p)), p;
+    } catch (a) {
+      return o(a);
+    }
+  };
+}, je = function(e, t) {
+  return (n) => {
+    if (n.message += `
+Please report this to https://github.com/markedjs/marked.`, e) {
+      const i = "<p>An error occurred:</p><pre>" + R(n.message + "", !0) + "</pre>";
+      return t ? Promise.resolve(i) : i;
+    }
+    if (t)
+      return Promise.reject(n);
+    throw n;
+  };
+};
+const B = new $t();
+function m(r, e) {
+  return B.parse(r, e);
+}
+m.options = m.setOptions = function(r) {
+  return B.setOptions(r), m.defaults = B.defaults, $e(m.defaults), m;
+};
+m.getDefaults = ce;
+m.defaults = D;
+m.use = function(...r) {
+  return B.use(...r), m.defaults = B.defaults, $e(m.defaults), m;
+};
+m.walkTokens = function(r, e) {
+  return B.walkTokens(r, e);
+};
+m.parseInline = B.parseInline;
+m.Parser = q;
+m.parser = q.parse;
+m.Renderer = ne;
+m.TextRenderer = de;
+m.Lexer = M;
+m.lexer = M.lex;
+m.Tokenizer = ee;
+m.Hooks = F;
+m.parse = m;
+m.options;
+m.setOptions;
+m.use;
+m.walkTokens;
+m.parseInline;
+q.parse;
+M.lex;
+const {
+  HtmlTagHydration: Lt,
+  SvelteComponent: Mt,
+  append_hydration: T,
+  attr: v,
+  children: L,
+  claim_element: A,
+  claim_html_tag: qt,
+  claim_space: j,
+  claim_text: re,
+  destroy_each: Pt,
+  detach: I,
+  element: E,
+  ensure_array_like: Re,
+  get_svelte_dataset: Bt,
+  init: Zt,
+  insert_hydration: ke,
+  noop: Ie,
+  null_to_empty: Se,
+  safe_not_equal: Dt,
+  set_data: oe,
+  set_style: O,
+  space: N,
+  text: ae,
+  toggle_class: $
+} = window.__gradio__svelte__internal;
+function Ae(r, e, t) {
+  const n = r.slice();
+  return n[27] = e[t], n[29] = t, n;
+}
+function Ee(r) {
+  let e, t;
+  return {
+    c() {
+      e = E("label"), t = ae(
+        /*label*/
+        r[2]
+      ), this.h();
+    },
+    l(n) {
+      e = A(n, "LABEL", { class: !0, for: !0 });
+      var i = L(e);
+      t = re(
+        i,
+        /*label*/
+        r[2]
+      ), i.forEach(I), this.h();
+    },
+    h() {
+      v(e, "class", "block-title svelte-1eo2cb7"), v(e, "for", "consilium-roundtable");
+    },
+    m(n, i) {
+      ke(n, e, i), T(e, t);
+    },
+    p(n, i) {
+      i & /*label*/
+      4 && oe(
+        t,
+        /*label*/
+        n[2]
+      );
+    },
+    d(n) {
+      n && I(e);
+    }
+  };
+}
+function Ce(r) {
+  let e, t, n, i, l = (
+    /*renderMarkdown*/
+    r[10](
+      /*getLatestMessage*/
+      r[12](
+        /*participant*/
+        r[27]
+      )
+    ) + ""
+  ), s, o, a, p, c = (
+    /*getEmoji*/
+    r[11](
+      /*participant*/
+      r[27]
+    ) + ""
+  ), g, h, u, b = (
+    /*participant*/
+    r[27] + ""
+  ), d, y;
+  return {
+    c() {
+      e = E("div"), t = E("div"), n = E("div"), i = new Lt(!1), s = N(), o = E("div"), a = N(), p = E("div"), g = ae(c), h = N(), u = E("div"), d = ae(b), y = N(), this.h();
+    },
+    l(k) {
+      e = A(k, "DIV", { class: !0, style: !0 });
+      var x = L(e);
+      t = A(x, "DIV", { class: !0 });
+      var z = L(t);
+      n = A(z, "DIV", { class: !0 });
+      var S = L(n);
+      i = qt(S, !1), S.forEach(I), s = j(z), o = A(z, "DIV", { class: !0 }), L(o).forEach(I), z.forEach(I), a = j(x), p = A(x, "DIV", { class: !0, role: !0, tabindex: !0 });
+      var C = L(p);
+      g = re(C, c), C.forEach(I), h = j(x), u = A(x, "DIV", { class: !0 });
+      var J = L(u);
+      d = re(J, b), J.forEach(I), y = j(x), x.forEach(I), this.h();
+    },
+    h() {
+      i.a = null, v(n, "class", "bubble-content svelte-1eo2cb7"), v(o, "class", "bubble-arrow svelte-1eo2cb7"), v(t, "class", "speech-bubble svelte-1eo2cb7"), $(
+        t,
+        "visible",
+        /*isBubbleVisible*/
+        r[13](
+          /*participant*/
+          r[27]
+        )
+      ), v(p, "class", "avatar svelte-1eo2cb7"), v(p, "role", "button"), v(p, "tabindex", "0"), $(
+        p,
+        "speaking",
+        /*isAvatarActive*/
+        r[14](
+          /*participant*/
+          r[27]
+        )
+      ), $(
+        p,
+        "thinking",
+        /*thinking*/
+        r[6].includes(
+          /*participant*/
+          r[27]
+        )
+      ), $(
+        p,
+        "responding",
+        /*currentSpeaker*/
+        r[5] === /*participant*/
+        r[27]
+      ), v(u, "class", "participant-name svelte-1eo2cb7"), v(e, "class", "participant-seat svelte-1eo2cb7"), O(e, "left", Q(
+        /*index*/
+        r[29],
+        /*participants*/
+        r[4].length
+      ).left), O(e, "top", Q(
+        /*index*/
+        r[29],
+        /*participants*/
+        r[4].length
+      ).top), O(e, "transform", Q(
+        /*index*/
+        r[29],
+        /*participants*/
+        r[4].length
+      ).transform);
+    },
+    m(k, x) {
+      ke(k, e, x), T(e, t), T(t, n), i.m(l, n), T(t, s), T(t, o), T(e, a), T(e, p), T(p, g), T(e, h), T(e, u), T(u, d), T(e, y);
+    },
+    p(k, x) {
+      x & /*participants*/
+      16 && l !== (l = /*renderMarkdown*/
+      k[10](
+        /*getLatestMessage*/
+        k[12](
+          /*participant*/
+          k[27]
+        )
+      ) + "") && i.p(l), x & /*isBubbleVisible, participants*/
+      8208 && $(
+        t,
+        "visible",
+        /*isBubbleVisible*/
+        k[13](
+          /*participant*/
+          k[27]
+        )
+      ), x & /*participants*/
+      16 && c !== (c = /*getEmoji*/
+      k[11](
+        /*participant*/
+        k[27]
+      ) + "") && oe(g, c), x & /*isAvatarActive, participants*/
+      16400 && $(
+        p,
+        "speaking",
+        /*isAvatarActive*/
+        k[14](
+          /*participant*/
+          k[27]
+        )
+      ), x & /*thinking, participants*/
+      80 && $(
+        p,
+        "thinking",
+        /*thinking*/
+        k[6].includes(
+          /*participant*/
+          k[27]
+        )
+      ), x & /*currentSpeaker, participants*/
+      48 && $(
+        p,
+        "responding",
+        /*currentSpeaker*/
+        k[5] === /*participant*/
+        k[27]
+      ), x & /*participants*/
+      16 && b !== (b = /*participant*/
+      k[27] + "") && oe(d, b), x & /*participants*/
+      16 && O(e, "left", Q(
+        /*index*/
+        k[29],
+        /*participants*/
+        k[4].length
+      ).left), x & /*participants*/
+      16 && O(e, "top", Q(
+        /*index*/
+        k[29],
+        /*participants*/
+        k[4].length
+      ).top), x & /*participants*/
+      16 && O(e, "transform", Q(
+        /*index*/
+        k[29],
+        /*participants*/
+        k[4].length
+      ).transform);
+    },
+    d(k) {
+      k && I(e);
+    }
+  };
+}
+function Ot(r) {
+  let e, t, n, i, l = '<div class="consensus-flame svelte-1eo2cb7">🎭</div> <div class="table-label svelte-1eo2cb7">CONSILIUM</div>', s, o, a, p, c = (
+    /*show_label*/
+    r[3] && /*label*/
+    r[2] && Ee(r)
+  ), g = Re(
+    /*participants*/
+    r[4]
+  ), h = [];
+  for (let u = 0; u < g.length; u += 1)
+    h[u] = Ce(Ae(r, g, u));
+  return {
+    c() {
+      e = E("div"), c && c.c(), t = N(), n = E("div"), i = E("div"), i.innerHTML = l, s = N(), o = E("div");
+      for (let u = 0; u < h.length; u += 1)
+        h[u].c();
+      this.h();
+    },
+    l(u) {
+      e = A(u, "DIV", { class: !0, id: !0, style: !0 });
+      var b = L(e);
+      c && c.l(b), t = j(b), n = A(b, "DIV", { class: !0, id: !0 });
+      var d = L(n);
+      i = A(d, "DIV", { class: !0, "data-svelte-h": !0 }), Bt(i) !== "svelte-fj2hkt" && (i.innerHTML = l), s = j(d), o = A(d, "DIV", { class: !0 });
+      var y = L(o);
+      for (let k = 0; k < h.length; k += 1)
+        h[k].l(y);
+      y.forEach(I), d.forEach(I), b.forEach(I), this.h();
+    },
+    h() {
+      v(i, "class", "table-center svelte-1eo2cb7"), v(o, "class", "participants-circle"), v(n, "class", "consilium-container svelte-1eo2cb7"), v(n, "id", "consilium-roundtable"), v(e, "class", a = Se(
+        /*containerClasses*/
+        r[9]
+      ) + " svelte-1eo2cb7"), v(
+        e,
+        "id",
+        /*elem_id*/
+        r[0]
+      ), v(e, "style", p = /*containerStyle*/
+      r[8] + "; " + /*minWidthStyle*/
+      r[7]), $(e, "hidden", !/*visible*/
+      r[1]);
+    },
+    m(u, b) {
+      ke(u, e, b), c && c.m(e, null), T(e, t), T(e, n), T(n, i), T(n, s), T(n, o);
+      for (let d = 0; d < h.length; d += 1)
+        h[d] && h[d].m(o, null);
+    },
+    p(u, [b]) {
+      if (/*show_label*/
+      u[3] && /*label*/
+      u[2] ? c ? c.p(u, b) : (c = Ee(u), c.c(), c.m(e, t)) : c && (c.d(1), c = null), b & /*getPosition, participants, isAvatarActive, thinking, currentSpeaker, getEmoji, isBubbleVisible, renderMarkdown, getLatestMessage*/
+      31856) {
+        g = Re(
+          /*participants*/
+          u[4]
+        );
+        let d;
+        for (d = 0; d < g.length; d += 1) {
+          const y = Ae(u, g, d);
+          h[d] ? h[d].p(y, b) : (h[d] = Ce(y), h[d].c(), h[d].m(o, null));
+        }
+        for (; d < h.length; d += 1)
+          h[d].d(1);
+        h.length = g.length;
+      }
+      b & /*containerClasses*/
+      512 && a !== (a = Se(
+        /*containerClasses*/
+        u[9]
+      ) + " svelte-1eo2cb7") && v(e, "class", a), b & /*elem_id*/
+      1 && v(
+        e,
+        "id",
+        /*elem_id*/
+        u[0]
+      ), b & /*containerStyle, minWidthStyle*/
+      384 && p !== (p = /*containerStyle*/
+      u[8] + "; " + /*minWidthStyle*/
+      u[7]) && v(e, "style", p), b & /*containerClasses, visible*/
+      514 && $(e, "hidden", !/*visible*/
+      u[1]);
+    },
+    i: Ie,
+    o: Ie,
+    d(u) {
+      u && I(e), c && c.d(), Pt(h, u);
+    }
+  };
+}
+function Q(r, e) {
+  const n = (360 / e * r - 90) * (Math.PI / 180), i = 260, l = 180, s = Math.cos(n) * i, o = Math.sin(n) * l;
+  return {
+    left: `calc(50% + ${s}px)`,
+    top: `calc(50% + ${o}px)`,
+    transform: "translate(-50%, -50%)"
+  };
+}
+function Qt(r, e, t) {
+  let n, i, l, { gradio: s } = e, { elem_id: o = "" } = e, { elem_classes: a = [] } = e, { visible: p = !0 } = e, { value: c = "{}" } = e, { label: g = "Consilium Roundtable" } = e, { show_label: h = !0 } = e, { scale: u = null } = e, { min_width: b = void 0 } = e, { loading_status: d } = e, { interactive: y = !0 } = e, k = [], x = [], z = null, S = [], C = [];
+  function J() {
+    try {
+      const f = JSON.parse(c);
+      t(4, k = f.participants || []), x = f.messages || [], t(5, z = f.currentSpeaker || null), t(6, S = f.thinking || []), C = f.showBubbles || [], console.log("Clean JSON parsed:", {
+        participants: k,
+        messages: x,
+        currentSpeaker: z,
+        thinking: S,
+        showBubbles: C
+      });
+    } catch (f) {
+      console.error("Invalid JSON:", c, f);
+    }
+  }
+  function Ne(f) {
+    if (!f) return f;
+    try {
+      return m.setOptions({
+        breaks: !0,
+        // Convert line breaks to <br>
+        gfm: !0,
+        // GitHub flavored markdown
+        sanitize: !1,
+        // Allow HTML (safe since we control input)
+        smartypants: !1
+        // Don't convert quotes/dashes
+      }), f.includes(`
+`) ? m.parse(f) : m.parseInline(f);
+    } catch (P) {
+      return console.error("Markdown parsing error:", P), f;
+    }
+  }
+  const Ve = {
+    Claude: "🤖",
+    "GPT-4": "🧠",
+    Mistral: "🦾",
+    Gemini: "💎",
+    Search: "🔍",
+    OpenAI: "🧠",
+    Anthropic: "🤖",
+    Google: "💎"
+  };
+  function He(f) {
+    return Ve[f] || "🤖";
+  }
+  function Fe(f) {
+    if (S.includes(f))
+      return `${f} is thinking...`;
+    if (z === f)
+      return `${f} is responding...`;
+    const P = x.filter((W) => W.speaker === f);
+    return P.length === 0 ? `${f} is ready to discuss...` : P[P.length - 1].text || `${f} responded`;
+  }
+  function Ge(f) {
+    const P = S.includes(f), W = z === f, be = C.includes(f), me = P || W || be;
+    return console.log(`${f} bubble visible:`, me, { isThinking: P, isSpeaking: W, shouldShow: be }), me;
+  }
+  function Ue(f) {
+    return S.includes(f) || z === f;
+  }
+  return r.$$set = (f) => {
+    "gradio" in f && t(15, s = f.gradio), "elem_id" in f && t(0, o = f.elem_id), "elem_classes" in f && t(16, a = f.elem_classes), "visible" in f && t(1, p = f.visible), "value" in f && t(17, c = f.value), "label" in f && t(2, g = f.label), "show_label" in f && t(3, h = f.show_label), "scale" in f && t(18, u = f.scale), "min_width" in f && t(19, b = f.min_width), "loading_status" in f && t(20, d = f.loading_status), "interactive" in f && t(21, y = f.interactive);
+  }, r.$$.update = () => {
+    r.$$.dirty & /*elem_classes*/
+    65536 && t(9, n = `wrapper ${a.join(" ")}`), r.$$.dirty & /*scale*/
+    262144 && t(8, i = u ? `--scale: ${u}` : ""), r.$$.dirty & /*min_width*/
+    524288 && t(7, l = b ? `min-width: ${b}px` : ""), r.$$.dirty & /*interactive*/
+    2097152, r.$$.dirty & /*value*/
+    131072 && J();
+  }, [
+    o,
+    p,
+    g,
+    h,
+    k,
+    z,
+    S,
+    l,
+    i,
+    n,
+    Ne,
+    He,
+    Fe,
+    Ge,
+    Ue,
+    s,
+    a,
+    c,
+    u,
+    b,
+    d,
+    y
+  ];
+}
+class jt extends Mt {
+  constructor(e) {
+    super(), Zt(this, e, Qt, Ot, Dt, {
+      gradio: 15,
+      elem_id: 0,
+      elem_classes: 16,
+      visible: 1,
+      value: 17,
+      label: 2,
+      show_label: 3,
+      scale: 18,
+      min_width: 19,
+      loading_status: 20,
+      interactive: 21
+    });
+  }
+}
+const {
+  SvelteComponent: Nt,
+  claim_component: Vt,
+  create_component: Ht,
+  destroy_component: Ft,
+  init: Gt,
+  mount_component: Ut,
+  noop: Jt,
+  safe_not_equal: Wt,
+  transition_in: Xt,
+  transition_out: Yt
+} = window.__gradio__svelte__internal, { onMount: nn } = window.__gradio__svelte__internal;
+function Kt(r) {
+  let e, t;
+  return e = new jt({
+    props: {
+      value: (
+        /*value*/
+        r[0]
+      ),
+      label: "Example Roundtable",
+      visible: !0,
+      elem_id: "example",
+      elem_classes: [],
+      scale: null,
+      min_width: 600,
+      interactive: !0,
+      gradio: {},
+      loading_status: {},
+      show_label: !0
+    }
+  }), {
+    c() {
+      Ht(e.$$.fragment);
+    },
+    l(n) {
+      Vt(e.$$.fragment, n);
+    },
+    m(n, i) {
+      Ut(e, n, i), t = !0;
+    },
+    p: Jt,
+    i(n) {
+      t || (Xt(e.$$.fragment, n), t = !0);
+    },
+    o(n) {
+      Yt(e.$$.fragment, n), t = !1;
+    },
+    d(n) {
+      Ft(e, n);
+    }
+  };
+}
+function en(r) {
+  return [JSON.stringify({
+    participants: ["Claude", "GPT-4", "Mistral"],
+    messages: [
+      {
+        speaker: "Claude",
+        text: "Welcome to the roundtable!"
+      }
+    ],
+    currentSpeaker: "Claude",
+    thinking: []
+  })];
+}
+class sn extends Nt {
+  constructor(e) {
+    super(), Gt(this, e, en, Kt, Wt, {});
+  }
+}
+export {
+  sn as default
+};

src/gradio_consilium_roundtable/templates/example/style.css

@@ -0,0 +1 @@
+.hidden.svelte-1eo2cb7{display:none}.block-title.svelte-1eo2cb7{display:block;margin-bottom:10px;padding:10px;font-weight:700;color:gold}.wrapper.svelte-1eo2cb7{width:600px;height:600px;position:relative}.consilium-container.svelte-1eo2cb7{top:150px;position:relative;width:450px;height:300px;margin:20px auto;border-radius:50%;background:linear-gradient(135deg,#0f5132,#198754);border:8px solid #8b4513;box-shadow:0 8px 32px #0006,inset 0 0 20px #0003}.table-center.svelte-1eo2cb7{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:#0000004d;border-radius:50%;width:140px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid #8b4513;box-shadow:inset 0 0 10px #00000080}.consensus-flame.svelte-1eo2cb7{font-size:2rem;margin-bottom:5px}.table-label.svelte-1eo2cb7{color:gold;font-size:.7rem;font-weight:700;letter-spacing:2px;text-shadow:0 2px 4px rgba(0,0,0,.8)}.participant-seat.svelte-1eo2cb7{position:absolute}.avatar.svelte-1eo2cb7{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:linear-gradient(145deg,#fff,#e6e6e6);border:3px solid #8b4513;box-shadow:0 6px 15px #0000004d,inset 0 2px 5px #ffffff80;margin-bottom:8px;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}.avatar.svelte-1eo2cb7:hover{transform:scale(1.05);box-shadow:0 8px 20px #0006,inset 0 2px 5px #ffffff80}.avatar.thinking.svelte-1eo2cb7{border-color:#ff6b35;animation:svelte-1eo2cb7-thinking-pulse 1.5s infinite}.avatar.responding.svelte-1eo2cb7{border-color:gold;animation:svelte-1eo2cb7-speaking-glow 1s infinite}.avatar.speaking.svelte-1eo2cb7{border-color:gold}.participant-name.svelte-1eo2cb7{font-size:.75rem;font-weight:700;color:gold;text-shadow:0 2px 4px rgba(0,0,0,.8);text-align:center;white-space:nowrap;background:#0000004d;padding:2px 8px;border-radius:10px;border:1px solid #8b4513}.speech-bubble.svelte-1eo2cb7{position:absolute;bottom:85px;left:50%;transform:translate(-50%) translateY(20px);background:#fff;border-radius:15px;padding:10px 14px;box-shadow:0 8px 25px #0000004d;z-index:20;opacity:0;transition:all .4s ease;pointer-events:none;border:2px solid #8b4513;min-width:180px;max-width:300px;word-wrap:break-word;white-space:normal}.speech-bubble.visible.svelte-1eo2cb7{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.bubble-content.svelte-1eo2cb7{font-size:.8rem;color:#333;line-height:1.4;text-align:left;max-height:100px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8b4513 #f0f0f0}.bubble-content.svelte-1eo2cb7::-webkit-scrollbar{width:6px}.bubble-content.svelte-1eo2cb7::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.bubble-content.svelte-1eo2cb7::-webkit-scrollbar-thumb{background:#8b4513;border-radius:3px}.bubble-content.svelte-1eo2cb7::-webkit-scrollbar-thumb:hover{background:#654321}.bubble-arrow.svelte-1eo2cb7{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white}.bubble-arrow.svelte-1eo2cb7:before{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:12px solid #8b4513}@keyframes svelte-1eo2cb7-thinking-pulse{0%,to{transform:scale(1);box-shadow:0 6px 15px #0000004d,0 0 15px #ff6b3566}50%{transform:scale(1.03);box-shadow:0 8px 20px #0006,0 0 25px #ff6b3599}}@keyframes svelte-1eo2cb7-speaking-glow{0%,to{box-shadow:0 6px 15px #0000004d,0 0 20px #ffd70080}50%{box-shadow:0 8px 20px #0006,0 0 30px #ffd700cc}}

src/pyproject.toml

@@ -0,0 +1,51 @@
+[build-system]
+requires = [
+  "hatchling",
+  "hatch-requirements-txt",
+  "hatch-fancy-pypi-readme>=22.5.0",
+]
+build-backend = "hatchling.build"
+
+[project]
+name = "gradio_consilium_roundtable"
+version = "0.0.5"
+description = "The roundtable for artificial minds"
+readme = "README.md"
+license = "apache-2.0"
+requires-python = ">=3.10"
+authors = [{ name = "Andreas Zettl", email = "info@azettl.net" }]
+keywords = ["gradio-custom-component", "custom-component-track", "roundtable", "consilium"]
+# Add dependencies here
+dependencies = ["gradio>=4.0,<6.0"]
+classifiers = [
+  'Development Status :: 3 - Alpha',
+  'Operating System :: OS Independent',
+  'Programming Language :: Python :: 3',
+  'Programming Language :: Python :: 3 :: Only',
+  'Programming Language :: Python :: 3.8',
+  'Programming Language :: Python :: 3.9',
+  'Programming Language :: Python :: 3.10',
+  'Programming Language :: Python :: 3.11',
+  'Topic :: Scientific/Engineering',
+  'Topic :: Scientific/Engineering :: Artificial Intelligence',
+  'Topic :: Scientific/Engineering :: Visualization',
+]
+
+# The repository and space URLs are optional, but recommended.
+# Adding a repository URL will create a badge in the auto-generated README that links to the repository.
+# Adding a space URL will create a badge in the auto-generated README that links to the space.
+# This will make it easy for people to find your deployed demo or source code when they
+# encounter your project in the wild.
+
+# [project.urls]
+# repository = "your github repository"
+# space = "your space url"
+
+[project.optional-dependencies]
+dev = ["build", "twine"]
+
+[tool.hatch.build]
+artifacts = ["/backend/gradio_consilium_roundtable/templates", "*.pyi", "/home/andreas/.pyenv/versions/3.10.12/lib/python3.10/site-packages/gradio_consilium_roundtable/templates"]
+
+[tool.hatch.build.targets.wheel]
+packages = ["/backend/gradio_consilium_roundtable"]