diff --git a/README.md b/README.md
index 389f657..943de75 100644
--- a/README.md
+++ b/README.md
@@ -37,6 +37,29 @@ widget
+## Features
+
+- **Interactive Node Graphs**: Build visual workflows with drag-and-drop nodes
+- **No JavaScript Required**: Pure Python API for defining node types and layouts
+- **JSON Schema Integration**: Automatically generate node UIs from JSON schemas
+- **Static HTML Export**: Export workflows as standalone HTML files for documentation and sharing
+ - Interactive or view-only modes
+ - Self-contained files that work without Python/Jupyter
+ - Perfect for visualizing DAGs and data pipelines
+- **Jupyter & Marimo Support**: Works seamlessly in Jupyter notebooks and Marimo apps
+- **Flexible Layouts**: Customizable grid-based node layouts with various components
+- **Type-Safe**: Built with Pydantic for robust type validation
+
+## Export Workflows
+
+```python
+# Export as standalone HTML (no Python required to view)
+widget.export_html("workflow.html", interactive=True)
+
+# Export as JSON for persistence
+widget.export_json("workflow.json")
+```
+
## Development
diff --git a/docs/guides/import-export.md b/docs/guides/import-export.md
index ad373cf..abcb640 100644
--- a/docs/guides/import-export.md
+++ b/docs/guides/import-export.md
@@ -1,24 +1,26 @@
# Import and Export
-Save and load workflows with JSON serialization.
+Save and load workflows with JSON serialization, or export as standalone HTML for visualization.
## Overview
-PyNodeWidget workflows can be **exported to JSON** for:
+PyNodeWidget workflows can be **exported** in multiple formats:
-- **Persistence**: Save workflows between sessions
-- **Sharing**: Share workflows with others
-- **Version control**: Track workflow changes in git
-- **Templates**: Create reusable workflow templates
-- **Backup**: Archive workflow configurations
-
-The exported JSON includes:
+### JSON Export
+For **persistence, sharing, and version control**:
- Nodes (configuration, position, type)
- Edges (connections between nodes)
- Node values (current field values)
- Viewport (zoom and pan state)
- Node templates (registered node types)
+### HTML Export
+For **visualization and documentation** (no Python/Jupyter required):
+- Standalone HTML files that work in any web browser
+- Interactive or static (view-only) modes
+- Self-contained with embedded JavaScript and CSS
+- Perfect for sharing DAG visualizations, documentation, and reports
+
## Basic Export/Import
### Export to File
@@ -522,6 +524,254 @@ with open("subgraph.json", "w") as f:
json.dump(subgraph, f, indent=2)
```
+## HTML Export (Static Visualization)
+
+Export workflows as **standalone HTML files** for visualization without Python or Jupyter. Perfect for:
+
+- **Documentation**: Include interactive DAG visualizations in reports
+- **Sharing**: Send workflow visualizations to non-technical stakeholders
+- **Publishing**: Embed on websites or wikis
+- **Presentations**: Show workflow architecture in presentations
+
+### Basic HTML Export
+
+```python
+from pynodewidget import NodeFlowWidget
+
+flow = NodeFlowWidget()
+
+# Build workflow...
+# ...
+
+# Export as interactive HTML
+flow.export_html("workflow.html")
+# ✓ HTML exported to workflow.html
+
+# Open in any web browser - no Python required!
+```
+
+### Interactive vs Static
+
+**Interactive Mode** (default): Users can pan, zoom, and interact with the visualization.
+
+```python
+# Interactive: users can pan, zoom, select nodes
+flow.export_html(
+ "workflow_interactive.html",
+ interactive=True # Default
+)
+```
+
+**Static Mode**: View-only visualization, no interaction.
+
+```python
+# Static: view-only, no interaction
+flow.export_html(
+ "workflow_static.html",
+ interactive=False
+)
+```
+
+### Customization Options
+
+#### Custom Title
+
+```python
+flow.export_html(
+ "data_pipeline.html",
+ title="Data Processing Pipeline v2.0"
+)
+```
+
+#### Custom Height
+
+```python
+# Fixed height
+flow.export_html(
+ "workflow.html",
+ height="800px"
+)
+
+# Full viewport height
+flow.export_html(
+ "workflow.html",
+ height="100vh"
+)
+```
+
+#### Asset Embedding
+
+**Embedded Assets** (default): All JavaScript and CSS inline in single file.
+
+```python
+# Single self-contained HTML file
+flow.export_html(
+ "workflow.html",
+ embed_assets=True # Default
+)
+```
+
+**Separate Assets**: JavaScript and CSS in separate files.
+
+```python
+# Creates: workflow.html, standalone.iife.js, standalone.css
+flow.export_html(
+ "workflow.html",
+ embed_assets=False
+)
+```
+
+### Complete Example
+
+```python
+from pynodewidget import NodeFlowWidget
+
+# Create workflow
+flow = NodeFlowWidget()
+
+# Add node types
+flow.add_node_type_from_schema(
+ json_schema={
+ "type": "object",
+ "properties": {
+ "input": {"type": "string", "default": "data.csv"}
+ }
+ },
+ type_name="data_source",
+ label="Data Source",
+ icon="📂"
+)
+
+flow.add_node_type_from_schema(
+ json_schema={
+ "type": "object",
+ "properties": {
+ "operation": {
+ "type": "string",
+ "enum": ["filter", "transform", "aggregate"]
+ }
+ }
+ },
+ type_name="processor",
+ label="Processor",
+ icon="⚙️"
+)
+
+# Add nodes
+flow.nodes = {
+ "source-1": {
+ "type": "data_source",
+ "position": {"x": 100, "y": 100},
+ "data": {}
+ },
+ "processor-1": {
+ "type": "processor",
+ "position": {"x": 400, "y": 100},
+ "data": {}
+ }
+}
+
+# Add edge
+flow.edges = [{
+ "id": "e1",
+ "source": "source-1",
+ "target": "processor-1"
+}]
+
+# Export multiple formats
+flow.export_html(
+ "pipeline_interactive.html",
+ title="Interactive Pipeline",
+ interactive=True
+)
+
+flow.export_html(
+ "pipeline_static.html",
+ title="Static Pipeline View",
+ interactive=False
+)
+
+flow.export_html(
+ "pipeline_fullscreen.html",
+ title="Fullscreen Pipeline",
+ height="100vh"
+)
+```
+
+### Use Cases
+
+#### Documentation
+
+```python
+# Export workflow for technical documentation
+flow.export_html(
+ "architecture/data_pipeline.html",
+ title="Data Pipeline Architecture",
+ height="800px",
+ interactive=True
+)
+```
+
+#### Presentations
+
+```python
+# Full-screen view for presentations
+flow.export_html(
+ "presentation/workflow_demo.html",
+ title="Workflow Demo",
+ height="100vh",
+ interactive=True # Allow zoom during presentation
+)
+```
+
+#### Reports
+
+```python
+# Static view for PDF conversion
+flow.export_html(
+ "report/workflow_snapshot.html",
+ title="Workflow Snapshot - 2024-12-16",
+ interactive=False # Static for consistent screenshots
+)
+```
+
+### Generic Export Method
+
+The `export()` method auto-detects format from file extension:
+
+```python
+# Auto-detects HTML format
+flow.export("workflow.html") # → calls export_html()
+
+# Auto-detects JSON format
+flow.export("workflow.json") # → calls export_json()
+
+# Explicit format
+flow.export("workflow.xyz", format="html")
+```
+
+### Browser Compatibility
+
+HTML exports work in all modern browsers:
+
+- ✅ Chrome/Edge (Chromium)
+- ✅ Firefox
+- ✅ Safari
+- ✅ Mobile browsers (iOS Safari, Chrome Mobile)
+
+**Requirements**: JavaScript must be enabled (standard for all modern browsers).
+
+### File Size
+
+| Mode | Typical Size |
+|------|-------------|
+| Interactive (embedded) | ~900KB - 1.5MB |
+| Interactive (separate) | ~10KB HTML + ~900KB JS |
+| Static (embedded) | ~900KB - 1.5MB |
+
+Size includes React, ReactFlow, and all dependencies bundled as single file.
+```
+
## Best Practices
- **Version filenames**: Include version or date in filename
diff --git a/examples/export_standalone_demo.py b/examples/export_standalone_demo.py
new file mode 100644
index 0000000..a8e3acc
--- /dev/null
+++ b/examples/export_standalone_demo.py
@@ -0,0 +1,336 @@
+#%%
+"""
+Example demonstrating how to export PyNodeWidget workflows as standalone HTML files.
+
+This example shows how to:
+1. Create a workflow with multiple node types
+2. Add nodes and connections to form a DAG
+3. Export the workflow as a standalone HTML file that can be viewed in any browser
+
+The exported HTML files are self-contained and don't require Python or Jupyter.
+"""
+
+from pynodewidget import NodeFlowWidget, GridBuilder
+from pynodewidget.models import (
+ TextField, NumberField, BoolField, SelectField,
+ LabeledHandle, HeaderComponent, DividerComponent
+)
+
+
+def create_data_processing_workflow():
+ """Create a data processing workflow to demonstrate HTML export."""
+
+ # Initialize widget
+ widget = NodeFlowWidget(height="700px")
+
+ # Define a Data Source node type using GridBuilder
+ grid_source = (
+ GridBuilder()
+ .rows("auto", "1fr")
+ .cols("auto", "1fr", "auto")
+ .cell(1, 1,
+ components=[HeaderComponent(id="header", label="Data Source", icon="📂", bgColor="#3b82f6")],
+ col_span=3,
+ layout_type="flex",
+ direction="row",
+ justify="center"
+ )
+ .cell(2, 2, [
+ SelectField(id="source_type", value="file", options=["file", "database", "api"]),
+ TextField(id="path", value="/data/input.csv"),
+ NumberField(id="refresh_interval", value=60, min=1, max=3600),
+ ])
+ .cell(2, 3, [
+ LabeledHandle(id="output", handle_type="output", label="Out"),
+ ],
+ layout_type="flex",
+ direction="column",
+ align="center")
+ .gap("8px")
+ .build()
+ )
+
+ widget.add_node_type(
+ type_name="default",
+ label="Data Source",
+ icon="📂",
+ grid_layout=grid_source
+ )
+
+ # Define a Processor node type using GridBuilder
+ grid_processor = (
+ GridBuilder()
+ .rows("auto", "1fr")
+ .cols("auto", "1fr", "auto")
+ .cell(1, 1,
+ components=[HeaderComponent(id="header", label="Processor", icon="⚙️", bgColor="#8b5cf6")],
+ col_span=3,
+ layout_type="flex",
+ direction="row",
+ justify="center"
+ )
+ .cell(2, 1, [
+ LabeledHandle(id="input", handle_type="input", label="In"),
+ ],
+ layout_type="flex",
+ direction="column",
+ align="center")
+ .cell(2, 2, [
+ SelectField(id="operation", value="filter", options=["filter", "transform", "aggregate"]),
+ NumberField(id="threshold", value=0.5, min=0, max=1, step=0.1),
+ BoolField(id="enabled", value=True),
+ ])
+ .cell(2, 3, [
+ LabeledHandle(id="output", handle_type="output", label="Out"),
+ ],
+ layout_type="flex",
+ direction="column",
+ align="center")
+ .build()
+ )
+
+ widget.add_node_type(
+ type_name="processor",
+ label="Processor",
+ icon="⚙️",
+ grid_layout=grid_processor
+ )
+
+ # Define an Analyzer node type using GridBuilder
+ grid_analyzer = (
+ GridBuilder()
+ .rows("auto", "1fr")
+ .cols("auto", "1fr", "auto")
+ .cell(1, 1,
+ components=[HeaderComponent(id="header", label="Analyzer", icon="📊", bgColor="#059669")],
+ col_span=3,
+ layout_type="flex",
+ direction="row",
+ justify="center"
+ )
+ .cell(2, 1, [
+ LabeledHandle(id="input", handle_type="input", label="In"),
+ ],
+ layout_type="flex",
+ direction="column",
+ align="center")
+ .cell(2, 2, [
+ SelectField(id="analysis_type", value="statistics", options=["statistics", "trends", "anomalies"]),
+ NumberField(id="confidence", value=0.95, min=0.5, max=1, step=0.05),
+ BoolField(id="detailed", value=False),
+ ])
+ .cell(2, 3, [
+ LabeledHandle(id="output", handle_type="output", label="Out"),
+ ],
+ layout_type="flex",
+ direction="column",
+ align="center")
+ .build()
+ )
+
+ widget.add_node_type(
+ type_name="analyzer",
+ label="Analyzer",
+ icon="📊",
+ grid_layout=grid_analyzer
+ )
+
+ # Define an Output node type using GridBuilder
+ grid_output = (
+ GridBuilder()
+ .rows("auto", "1fr")
+ .cols("auto", "1fr")
+ .cell(1, 1,
+ components=[HeaderComponent(id="header", label="Output", icon="💾", bgColor="#dc2626")],
+ col_span=2,
+ layout_type="flex",
+ direction="row",
+ justify="center"
+ )
+ .cell(2, 1, [
+ LabeledHandle(id="input", handle_type="input", label="In"),
+ ],
+ layout_type="flex",
+ direction="column",
+ align="center")
+ .cell(2, 2, [
+ SelectField(id="format", value="json", options=["json", "csv", "parquet"]),
+ TextField(id="destination", value="/output/results.json"),
+ BoolField(id="compress", value=False),
+ ])
+ .build()
+ )
+
+ widget.add_node_type(
+ type_name="outputNode",
+ label="Output",
+ icon="💾",
+ grid_layout=grid_output
+ )
+
+ # Add nodes to create a workflow DAG
+ widget.nodes = {
+ "source-1": {
+ "type": "data_source",
+ "position": {"x": 100, "y": 100},
+ "data": {}
+ },
+ "processor-1": {
+ "type": "processor",
+ "position": {"x": 400, "y": 50},
+ "data": {}
+ },
+ "processor-2": {
+ "type": "processor",
+ "position": {"x": 400, "y": 200},
+ "data": {}
+ },
+ "analyzer-1": {
+ "type": "analyzer",
+ "position": {"x": 700, "y": 100},
+ "data": {}
+ },
+ "output-1": {
+ "type": "outputNode",
+ "position": {"x": 1000, "y": 100},
+ "data": {}
+ }
+ }
+
+ # Add edges to connect the nodes
+ widget.edges = [
+ {
+ "id": "e1",
+ "source": "source-1",
+ "target": "processor-1",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ },
+ {
+ "id": "e2",
+ "source": "source-1",
+ "target": "processor-2",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ },
+ {
+ "id": "e3",
+ "source": "processor-1",
+ "target": "analyzer-1",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ },
+ {
+ "id": "e4",
+ "source": "processor-2",
+ "target": "analyzer-1",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ },
+ {
+ "id": "e5",
+ "source": "analyzer-1",
+ "target": "output-1",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ }
+ ]
+
+ # Set some initial values
+ widget.values["source-1"] = {
+ "source_type": "database",
+ "path": "postgresql://localhost/mydb",
+ "refresh_interval": 30
+ }
+
+ widget.values["processor-1"] = {
+ "operation": "filter",
+ "threshold": 0.7,
+ "enabled": True
+ }
+
+ widget.values["processor-2"] = {
+ "operation": "transform",
+ "threshold": 0.8,
+ "enabled": True
+ }
+
+ widget.values["analyzer-1"] = {
+ "analysis_type": "trends",
+ "confidence": 0.95,
+ "detailed": True
+ }
+
+ widget.values["output-1"] = {
+ "format": "parquet",
+ "destination": "/output/results.parquet",
+ "compress": True
+ }
+
+ return widget
+
+"""Main function to demonstrate HTML export capabilities."""
+
+print("=" * 70)
+print("PyNodeWidget - Standalone HTML Export Demo")
+print("=" * 70)
+print()
+
+# Create the workflow
+print("Creating data processing workflow...")
+widget = create_data_processing_workflow()
+widget
+
+#%%
+print(f"✓ Created workflow with {len(widget.nodes)} nodes and {len(widget.edges)} edges")
+print()
+
+# Export as interactive HTML (default)
+print("Exporting as interactive HTML...")
+widget.export_html(
+ "workflow_interactive.html",
+ title="Data Processing Pipeline - Interactive",
+ interactive=True,
+ embed_assets=True
+)
+print()
+
+# Export as static view-only HTML
+print("Exporting as static view-only HTML...")
+widget.export_html(
+ "workflow_static.html",
+ title="Data Processing Pipeline - View Only",
+ interactive=False,
+ embed_assets=True
+)
+print()
+
+# Export with full-screen height
+print("Exporting with full-screen height...")
+widget.export_html(
+ "workflow_fullscreen.html",
+ title="Data Processing Pipeline - Full Screen",
+ height="100vh",
+ interactive=True,
+ embed_assets=True
+)
+print()
+
+# Export with separate asset files
+print("Exporting with separate asset files...")
+widget.export_html(
+ "workflow_separate_assets.html",
+ title="Data Processing Pipeline - Separate Assets",
+ interactive=True,
+ embed_assets=False # Creates separate JS/CSS files
+)
+print()
+
+# Also export as JSON for comparison
+print("Exporting workflow as JSON...")
+widget.export_json("workflow.json")
+
+
+
+
+# %%
diff --git a/examples/gridbuilder_custom_demo.py b/examples/gridbuilder_custom_demo.py
index 8c8abef..eb97cc6 100644
--- a/examples/gridbuilder_custom_demo.py
+++ b/examples/gridbuilder_custom_demo.py
@@ -171,7 +171,7 @@
LabeledHandle(id="out2", handle_type="output"),
], layout_type="flex", direction="column", align="stretch", gap="8px")
.cell(3, 1,
- components=[ButtonComponent(id="btn1", label="Action", action="execute", variant="default")],
+ components=[ButtonComponent(id="btn1", label="Action", variant="default")],
col_span=3, # Footer button spans all columns
layout_type="flex",
direction="row",
@@ -268,7 +268,7 @@
.cell(3, 1,
components=[
DividerComponent(id="div2"),
- ButtonComponent(id="apply", label="Apply Settings", action="apply", variant="default"),
+ ButtonComponent(id="apply", label="Apply Settings", variant="default"),
],
layout_type="flex",
direction="column",
diff --git a/examples/gridbuilder_row_col_demo.py b/examples/gridbuilder_row_col_demo.py
index 0094987..f6de6d7 100644
--- a/examples/gridbuilder_row_col_demo.py
+++ b/examples/gridbuilder_row_col_demo.py
@@ -107,7 +107,7 @@
SelectField(id="format", value="png", options=["png", "jpg", "webp"]),
BoolField(id="compress", value=True)
)
- .row(4, ButtonComponent(id="process_btn", label="Process Image", action="process", variant="default"))
+ .row(4, ButtonComponent(id="process_btn", label="Process Image", variant="default"))
.gap("10px")
.build()
)
@@ -132,7 +132,7 @@
.row(5, NumberField(id="age", value=18, min=13, max=120))
.row(6, SelectField(id="country", value="US", options=["US", "UK", "DE", "FR", "JP"]))
.row(7, BoolField(id="terms", value=False))
- .row(8, ButtonComponent(id="submit", label="Register", action="register", variant="default"))
+ .row(8, ButtonComponent(id="submit", label="Register", variant="default"))
.gap("6px")
.build()
)
diff --git a/hatch_build.py b/hatch_build.py
index d26cfa7..643c7f3 100644
--- a/hatch_build.py
+++ b/hatch_build.py
@@ -42,6 +42,14 @@ def initialize(self, version, build_data):
check=True,
)
+ # Run bun build for standalone bundle
+ print("Building standalone IIFE bundle with bun...")
+ subprocess.run(
+ ["bun", "run", "vite", "build", "--config", "vite.config.standalone.ts"],
+ cwd=js_dir,
+ check=True,
+ )
+
# Create static directory if it doesn't exist
static_dir.mkdir(parents=True, exist_ok=True)
diff --git a/js/dev/components/NodePreviewCard.tsx b/js/dev/components/NodePreviewCard.tsx
index 456aa46..2173adc 100644
--- a/js/dev/components/NodePreviewCard.tsx
+++ b/js/dev/components/NodePreviewCard.tsx
@@ -82,34 +82,34 @@ export function NodePreviewCard({ combo, sampleNodeData, showSelected }: NodePre
-
-
-
+
+
+
diff --git a/js/dev/constants-improved.ts b/js/dev/constants-improved.ts
index 78b815c..3b222d0 100644
--- a/js/dev/constants-improved.ts
+++ b/js/dev/constants-improved.ts
@@ -239,10 +239,9 @@ function createHeader(
function createButton(
id: string,
label: string,
- action: string,
variant: 'primary' | 'secondary' = 'primary'
): ButtonComponent {
- return { type: 'button', id, label, action, variant };
+ return { type: 'button', id, label, variant };
}
/**
@@ -485,7 +484,7 @@ function createComplexGrid(): NodeGrid {
createFlexLayout('row', { justify: 'space-between', align: 'center' }),
[
createHeader('title', 'Advanced Processor', '🚀', COLORS.sky),
- createButton('run', 'Run', 'execute', 'primary'),
+ createButton('run', 'Run', 'primary'),
]
),
// Left: Input handles
@@ -527,7 +526,7 @@ function createComplexGrid(): NodeGrid {
createCoordinates(3, 1, 1, 3),
createFlexLayout('row', { justify: 'center' }),
[
- createButton('reset', 'Reset', 'reset', 'secondary'),
+ createButton('reset', 'Reset', 'secondary'),
]
),
],
diff --git a/js/dev/constants.original.ts b/js/dev/constants.original.ts
index 1ed84b1..804a5ce 100644
--- a/js/dev/constants.original.ts
+++ b/js/dev/constants.original.ts
@@ -238,7 +238,6 @@ function createHeader(
function createButton(
id: string,
label: string,
- action: string,
variant: 'primary' | 'secondary' = 'primary'
): ButtonComponent {
return { type: 'button', id, label, action, variant };
@@ -484,7 +483,7 @@ function createComplexGrid(): NodeGrid {
createFlexLayout('row', { justify: 'space-between', align: 'center' }),
[
createHeader('title', 'Advanced Processor', '🚀', COLORS.sky),
- createButton('run', 'Run', 'execute', 'primary'),
+ createButton('run', 'Run', 'primary'),
]
),
// Left: Input handles
@@ -526,7 +525,7 @@ function createComplexGrid(): NodeGrid {
createCoordinates(3, 1, 1, 3),
createFlexLayout('row', { justify: 'center' }),
[
- createButton('reset', 'Reset', 'reset', 'secondary'),
+ createButton('reset', 'Reset', 'secondary'),
]
),
],
diff --git a/js/dev/constants.ts b/js/dev/constants.ts
index 379bed7..46d34f3 100644
--- a/js/dev/constants.ts
+++ b/js/dev/constants.ts
@@ -234,10 +234,9 @@ function createHeader(
function createButton(
id: string,
label: string,
- action: string,
variant: 'primary' | 'secondary' = 'primary'
): ButtonComponent {
- return { type: 'button', id, label, action, variant };
+ return { type: 'button', id, label, variant };
}
/**
diff --git a/js/dev/export_demo_workflow.json b/js/dev/export_demo_workflow.json
new file mode 100644
index 0000000..6187239
--- /dev/null
+++ b/js/dev/export_demo_workflow.json
@@ -0,0 +1,663 @@
+{
+ "nodes": {
+ "source-1": {
+ "type": "data_source",
+ "position": {
+ "x": 100,
+ "y": 100
+ },
+ "data": {}
+ },
+ "processor-1": {
+ "type": "processor",
+ "position": {
+ "x": 400,
+ "y": 50
+ },
+ "data": {}
+ },
+ "processor-2": {
+ "type": "processor",
+ "position": {
+ "x": 400,
+ "y": 200
+ },
+ "data": {}
+ },
+ "analyzer-1": {
+ "type": "analyzer",
+ "position": {
+ "x": 700,
+ "y": 100
+ },
+ "data": {}
+ },
+ "output-1": {
+ "type": "output",
+ "position": {
+ "x": 1000,
+ "y": 100
+ },
+ "data": {}
+ }
+ },
+ "edges": [
+ {
+ "id": "e1",
+ "source": "source-1",
+ "target": "processor-1",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ },
+ {
+ "id": "e2",
+ "source": "source-1",
+ "target": "processor-2",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ },
+ {
+ "id": "e3",
+ "source": "processor-1",
+ "target": "analyzer-1",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ },
+ {
+ "id": "e4",
+ "source": "processor-2",
+ "target": "analyzer-1",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ },
+ {
+ "id": "e5",
+ "source": "analyzer-1",
+ "target": "output-1",
+ "sourceHandle": "output",
+ "targetHandle": "input"
+ }
+ ],
+ "viewport": {
+ "x": 0,
+ "y": 0,
+ "zoom": 1
+ },
+ "node_templates": [
+ {
+ "type": "data_source",
+ "label": "Data Source",
+ "description": "",
+ "icon": "\ud83d\udcc2",
+ "category": "general",
+ "definition": {
+ "grid": {
+ "rows": [
+ "auto",
+ "1fr"
+ ],
+ "columns": [
+ "auto",
+ "1fr",
+ "auto"
+ ],
+ "gap": "8px",
+ "cells": [
+ {
+ "id": "cell-0",
+ "coordinates": {
+ "row": 1,
+ "col": 1,
+ "row_span": 1,
+ "col_span": 3
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "row",
+ "align": "start",
+ "justify": "center",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "header",
+ "type": "header",
+ "label": "Data Source",
+ "icon": "\ud83d\udcc2",
+ "bgColor": "#3b82f6",
+ "textColor": null
+ }
+ ]
+ },
+ {
+ "id": "cell-1",
+ "coordinates": {
+ "row": 2,
+ "col": 2,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "start",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "source_type",
+ "type": "select",
+ "label": "source_type",
+ "value": "file",
+ "options": [
+ "file",
+ "database",
+ "api"
+ ]
+ },
+ {
+ "id": "path",
+ "type": "text",
+ "label": "path",
+ "value": "/data/input.csv",
+ "placeholder": ""
+ },
+ {
+ "id": "refresh_interval",
+ "type": "number",
+ "label": "refresh_interval",
+ "value": 60.0,
+ "min": 1.0,
+ "max": 3600.0
+ }
+ ]
+ },
+ {
+ "id": "cell-2",
+ "coordinates": {
+ "row": 2,
+ "col": 3,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "center",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "output",
+ "type": "labeled-handle",
+ "handle_type": "output",
+ "label": "Out",
+ "dataType": null,
+ "required": false
+ }
+ ]
+ }
+ ]
+ },
+ "style": null
+ },
+ "defaultValues": {
+ "source_type": "file",
+ "path": "/data/input.csv",
+ "refresh_interval": 60.0
+ }
+ },
+ {
+ "type": "processor",
+ "label": "Processor",
+ "description": "",
+ "icon": "\u2699\ufe0f",
+ "category": "general",
+ "definition": {
+ "grid": {
+ "rows": [
+ "auto",
+ "1fr"
+ ],
+ "columns": [
+ "auto",
+ "1fr",
+ "auto"
+ ],
+ "gap": "8px",
+ "cells": [
+ {
+ "id": "cell-0",
+ "coordinates": {
+ "row": 1,
+ "col": 1,
+ "row_span": 1,
+ "col_span": 3
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "row",
+ "align": "start",
+ "justify": "center",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "header",
+ "type": "header",
+ "label": "Processor",
+ "icon": "\u2699\ufe0f",
+ "bgColor": "#8b5cf6",
+ "textColor": null
+ }
+ ]
+ },
+ {
+ "id": "cell-1",
+ "coordinates": {
+ "row": 2,
+ "col": 1,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "center",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "input",
+ "type": "labeled-handle",
+ "handle_type": "input",
+ "label": "In",
+ "dataType": null,
+ "required": false
+ }
+ ]
+ },
+ {
+ "id": "cell-2",
+ "coordinates": {
+ "row": 2,
+ "col": 2,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "start",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "operation",
+ "type": "select",
+ "label": "operation",
+ "value": "filter",
+ "options": [
+ "filter",
+ "transform",
+ "aggregate"
+ ]
+ },
+ {
+ "id": "threshold",
+ "type": "number",
+ "label": "threshold",
+ "value": 0.5,
+ "min": 0.0,
+ "max": 1.0
+ },
+ {
+ "id": "enabled",
+ "type": "bool",
+ "label": "enabled",
+ "value": true
+ }
+ ]
+ },
+ {
+ "id": "cell-3",
+ "coordinates": {
+ "row": 2,
+ "col": 3,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "center",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "output",
+ "type": "labeled-handle",
+ "handle_type": "output",
+ "label": "Out",
+ "dataType": null,
+ "required": false
+ }
+ ]
+ }
+ ]
+ },
+ "style": null
+ },
+ "defaultValues": {
+ "operation": "filter",
+ "threshold": 0.5,
+ "enabled": true
+ }
+ },
+ {
+ "type": "analyzer",
+ "label": "Analyzer",
+ "description": "",
+ "icon": "\ud83d\udcca",
+ "category": "general",
+ "definition": {
+ "grid": {
+ "rows": [
+ "auto",
+ "1fr"
+ ],
+ "columns": [
+ "auto",
+ "1fr",
+ "auto"
+ ],
+ "gap": "8px",
+ "cells": [
+ {
+ "id": "cell-0",
+ "coordinates": {
+ "row": 1,
+ "col": 1,
+ "row_span": 1,
+ "col_span": 3
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "row",
+ "align": "start",
+ "justify": "center",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "header",
+ "type": "header",
+ "label": "Analyzer",
+ "icon": "\ud83d\udcca",
+ "bgColor": "#059669",
+ "textColor": null
+ }
+ ]
+ },
+ {
+ "id": "cell-1",
+ "coordinates": {
+ "row": 2,
+ "col": 1,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "center",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "input",
+ "type": "labeled-handle",
+ "handle_type": "input",
+ "label": "In",
+ "dataType": null,
+ "required": false
+ }
+ ]
+ },
+ {
+ "id": "cell-2",
+ "coordinates": {
+ "row": 2,
+ "col": 2,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "start",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "analysis_type",
+ "type": "select",
+ "label": "analysis_type",
+ "value": "statistics",
+ "options": [
+ "statistics",
+ "trends",
+ "anomalies"
+ ]
+ },
+ {
+ "id": "confidence",
+ "type": "number",
+ "label": "confidence",
+ "value": 0.95,
+ "min": 0.5,
+ "max": 1.0
+ },
+ {
+ "id": "detailed",
+ "type": "bool",
+ "label": "detailed",
+ "value": false
+ }
+ ]
+ },
+ {
+ "id": "cell-3",
+ "coordinates": {
+ "row": 2,
+ "col": 3,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "center",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "output",
+ "type": "labeled-handle",
+ "handle_type": "output",
+ "label": "Out",
+ "dataType": null,
+ "required": false
+ }
+ ]
+ }
+ ]
+ },
+ "style": null
+ },
+ "defaultValues": {
+ "analysis_type": "statistics",
+ "confidence": 0.95,
+ "detailed": false
+ }
+ },
+ {
+ "type": "output",
+ "label": "Output",
+ "description": "",
+ "icon": "\ud83d\udcbe",
+ "category": "general",
+ "definition": {
+ "grid": {
+ "rows": [
+ "auto",
+ "1fr"
+ ],
+ "columns": [
+ "auto",
+ "1fr",
+ "auto"
+ ],
+ "gap": "8px",
+ "cells": [
+ {
+ "id": "cell-0",
+ "coordinates": {
+ "row": 1,
+ "col": 1,
+ "row_span": 1,
+ "col_span": 3
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "row",
+ "align": "start",
+ "justify": "center",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "header",
+ "type": "header",
+ "label": "Output",
+ "icon": "\ud83d\udcbe",
+ "bgColor": "#dc2626",
+ "textColor": null
+ }
+ ]
+ },
+ {
+ "id": "cell-1",
+ "coordinates": {
+ "row": 2,
+ "col": 1,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "center",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "input",
+ "type": "labeled-handle",
+ "handle_type": "input",
+ "label": "In",
+ "dataType": null,
+ "required": false
+ }
+ ]
+ },
+ {
+ "id": "cell-2",
+ "coordinates": {
+ "row": 2,
+ "col": 2,
+ "row_span": 1,
+ "col_span": 1
+ },
+ "layout": {
+ "type": "flex",
+ "direction": "column",
+ "align": "start",
+ "justify": "start",
+ "gap": "4px"
+ },
+ "components": [
+ {
+ "id": "format",
+ "type": "select",
+ "label": "format",
+ "value": "json",
+ "options": [
+ "json",
+ "csv",
+ "parquet"
+ ]
+ },
+ {
+ "id": "destination",
+ "type": "text",
+ "label": "destination",
+ "value": "/output/results.json",
+ "placeholder": ""
+ },
+ {
+ "id": "compress",
+ "type": "bool",
+ "label": "compress",
+ "value": false
+ }
+ ]
+ }
+ ]
+ },
+ "style": null
+ },
+ "defaultValues": {
+ "format": "json",
+ "destination": "/output/results.json",
+ "compress": false
+ }
+ }
+ ],
+ "node_values": {
+ "source-1": {
+ "source_type": "database",
+ "path": "postgresql://localhost/mydb",
+ "refresh_interval": 30
+ },
+ "processor-1": {
+ "operation": "filter",
+ "threshold": 0.7,
+ "enabled": true
+ },
+ "processor-2": {
+ "operation": "transform",
+ "threshold": 0.8,
+ "enabled": true
+ },
+ "analyzer-1": {
+ "analysis_type": "trends",
+ "confidence": 0.95,
+ "detailed": true
+ },
+ "output-1": {
+ "format": "parquet",
+ "destination": "/output/results.parquet",
+ "compress": true
+ }
+ }
+}
\ No newline at end of file
diff --git a/js/dev/test-export-workflow.html b/js/dev/test-export-workflow.html
new file mode 100644
index 0000000..dd84efc
--- /dev/null
+++ b/js/dev/test-export-workflow.html
@@ -0,0 +1,27 @@
+
+
+
+
+
+ Test Export Workflow - Dev
+
+
+
+ Export Workflow Test
+ Testing the data processing workflow from export_standalone_demo.py
+
+
+
+
diff --git a/js/dev/test-export-workflow.tsx b/js/dev/test-export-workflow.tsx
new file mode 100644
index 0000000..6a63da0
--- /dev/null
+++ b/js/dev/test-export-workflow.tsx
@@ -0,0 +1,10 @@
+import { createRoot } from 'react-dom/client';
+import { renderStandalone } from '../src/standalone_entry';
+import workflowData from './export_demo_workflow.json';
+import '../src/style.css';
+
+const container = document.getElementById('container');
+if (container) {
+ const root = createRoot(container);
+ root.render(renderStandalone(workflowData));
+}
diff --git a/js/package.json b/js/package.json
index 223005b..7b6ac0a 100644
--- a/js/package.json
+++ b/js/package.json
@@ -5,6 +5,7 @@
"private": true,
"scripts": {
"build": "vite build --config vite.config.index.ts && vite build --config vite.config.json_schema.ts",
+ "build:standalone": "vite build --config vite.config.standalone.ts",
"dev": "vite --open /dev/app.html",
"preview": "vite preview",
"test": "vitest run",
diff --git a/js/src/components/ButtonComponent.tsx b/js/src/components/ButtonComponent.tsx
index 345e242..0bd50d6 100644
--- a/js/src/components/ButtonComponent.tsx
+++ b/js/src/components/ButtonComponent.tsx
@@ -8,7 +8,6 @@ export const ButtonComponentSchema = v.object({
id: v.string(),
type: v.literal("button"),
label: v.string(),
- action: v.string(),
value: v.optional(v.number()),
variant: v.optional(v.union([
v.literal("default"),
@@ -43,7 +42,7 @@ export function ButtonComponent({ component, onValueChange }: ButtonComponentPro
const currentCount = (context?.nodeData.values?.[component.id] as number) ?? component.value ?? 0;
const handleClick = () => {
- // Increment the counter
+ // Increment counter
const newCount = currentCount + 1;
onValueChange?.(component.id, newCount);
};
diff --git a/js/src/contexts/StandaloneContexts.tsx b/js/src/contexts/StandaloneContexts.tsx
new file mode 100644
index 0000000..4c172c2
--- /dev/null
+++ b/js/src/contexts/StandaloneContexts.tsx
@@ -0,0 +1,22 @@
+import * as React from "react";
+import type { NodesDict, NodeValues } from "../types/schema";
+
+// Context to provide setNodesDict
+export const SetNodesDictContext = React.createContext> | null>(null);
+export const SetNodeValuesContext = React.createContext> | null>(null);
+
+export const useSetNodesDict = () => {
+ const setNodesDict = React.useContext(SetNodesDictContext);
+ if (!setNodesDict) {
+ throw new Error('useSetNodesDict must be used within SetNodesDictContext.Provider');
+ }
+ return setNodesDict;
+};
+
+export const useSetNodeValues = () => {
+ const setNodeValues = React.useContext(SetNodeValuesContext);
+ if (!setNodeValues) {
+ throw new Error('useSetNodeValues must be used within SetNodeValuesContext.Provider');
+ }
+ return setNodeValues;
+};
diff --git a/js/src/index.tsx b/js/src/index.tsx
index e47b061..231d305 100644
--- a/js/src/index.tsx
+++ b/js/src/index.tsx
@@ -18,31 +18,16 @@ import { useExport } from "./hooks/useExport";
import { useContextMenu } from "./hooks/useContextMenu";
import { useImageExport, type ImageExportTrigger } from "./hooks/useImageExport";
import { SidebarProvider, Sidebar, SidebarHeader, SidebarTrigger } from "@/components/ui/sidebar";
-
-// Context to provide setNodesDict from useModelState to nodes
-const SetNodesDictContext = React.createContext> | null>(null);
-
-// Context to provide setNodeValues for syncing values separately
-const SetNodeValuesContext = React.createContext> | null>(null);
+import {
+ SetNodesDictContext,
+ SetNodeValuesContext,
+ useSetNodesDict,
+ useSetNodeValues,
+} from "./contexts/StandaloneContexts";
// Export contexts for testing
export { SetNodesDictContext, SetNodeValuesContext };
-
-export const useSetNodesDict = () => {
- const setNodesDict = React.useContext(SetNodesDictContext);
- if (!setNodesDict) {
- throw new Error('useSetNodesDict must be used within SetNodesDictContext.Provider');
- }
- return setNodesDict;
-};
-
-export const useSetNodeValues = () => {
- const setNodeValues = React.useContext(SetNodeValuesContext);
- if (!setNodeValues) {
- throw new Error('useSetNodeValues must be used within SetNodeValuesContext.Provider');
- }
- return setNodeValues;
-};
+export { useSetNodesDict, useSetNodeValues };
// Export context
export { NodeDataContext } from "./contexts/NodeDataContext";
@@ -266,37 +251,37 @@ function NodeFlowComponent() {
-
-
-
-
- Add Nodes
-
-
-
-
-
- onLayout("TB")}
- onLayoutHorizontal={() => onLayout("LR")}
- />
-
-
-
+
+
+
+
+ Add Nodes
+
+
+
+
+
+ onLayout("TB")}
+ onLayoutHorizontal={() => onLayout("LR")}
+ />
+
+
+
diff --git a/js/src/standalone_entry.tsx b/js/src/standalone_entry.tsx
new file mode 100644
index 0000000..4b1ee3e
--- /dev/null
+++ b/js/src/standalone_entry.tsx
@@ -0,0 +1,304 @@
+import * as React from "react";
+import { createRoot } from "react-dom/client";
+import {
+ applyNodeChanges,
+ applyEdgeChanges,
+ addEdge,
+ ReactFlowProvider,
+} from "@xyflow/react";
+import type { Node, Edge, NodeChange, EdgeChange, Connection } from "@xyflow/react";
+import "@xyflow/react/dist/style.css";
+import "./style.css";
+import { buildNodeTypes } from "./utils/NodeComponentBuilder";
+import type { NodeTemplate, NodesDict, NodeValues } from "./types/schema";
+import { FlowCanvas } from "./components/FlowCanvas";
+import { NodeSidebar } from "./NodeSidebar";
+import { useAutoLayout } from "./hooks/useAutoLayout";
+import { SidebarProvider, Sidebar, SidebarHeader, SidebarTrigger } from "@/components/ui/sidebar";
+import {
+ SetNodesDictContext,
+ SetNodeValuesContext,
+ useSetNodesDict,
+ useSetNodeValues,
+} from "./contexts/StandaloneContexts";
+
+export { useSetNodesDict, useSetNodeValues };
+
+interface StandaloneFlowData {
+ nodes: NodesDict;
+ edges: Edge[];
+ viewport?: { x: number; y: number; zoom: number };
+ node_templates: NodeTemplate[];
+ node_values: NodeValues;
+ height?: string;
+ interactive?: boolean;
+}
+
+function StandaloneFlow({ data }: { data: StandaloneFlowData }) {
+ const [nodesDict, setNodesDict] = React.useState(data.nodes);
+ const [nodeValues, setNodeValues] = React.useState(data.node_values);
+ const [edges, setEdges] = React.useState(data.edges);
+ const [contextMenu, setContextMenu] = React.useState(null);
+
+ const height = data.height || "600px";
+ const interactive = data.interactive !== false;
+
+ // Build node types from templates
+ const nodeTypes = React.useMemo(() => {
+ return buildNodeTypes(data.node_templates);
+ }, [data.node_templates]);
+
+ // Convert nodesDict to nodes array for ReactFlow
+ const nodes = React.useMemo(() => {
+ return Object.entries(nodesDict).map(([id, nodeData]) => ({
+ id,
+ ...nodeData,
+ }));
+ }, [nodesDict]);
+
+ const onNodesChange = React.useCallback(
+ (changes: NodeChange[]) => {
+ if (!interactive) return;
+
+ const updatedNodes = applyNodeChanges(changes, nodes);
+ const newNodesDict: NodesDict = {};
+ updatedNodes.forEach((node) => {
+ const { id, ...rest } = node;
+ newNodesDict[id] = rest as any;
+ });
+ setNodesDict(newNodesDict);
+ },
+ [nodes, interactive]
+ );
+
+ const onEdgesChange = React.useCallback(
+ (changes: EdgeChange[]) => {
+ if (!interactive) return;
+ setEdges((eds) => applyEdgeChanges(changes, eds));
+ },
+ [interactive]
+ );
+
+ const onConnect = React.useCallback(
+ (connection: Connection) => {
+ if (!interactive) return;
+ setEdges((eds) => addEdge(connection, eds));
+ },
+ [interactive]
+ );
+
+ const onNodeContextMenu = React.useCallback(
+ (event: React.MouseEvent, node: Node) => {
+ if (!interactive) return;
+ event.preventDefault();
+ setContextMenu({
+ id: node.id,
+ type: "node",
+ x: event.clientX,
+ y: event.clientY,
+ });
+ },
+ [interactive]
+ );
+
+ const onEdgeContextMenu = React.useCallback(
+ (event: React.MouseEvent, edge: Edge) => {
+ if (!interactive) return;
+ event.preventDefault();
+ setContextMenu({
+ id: edge.id,
+ type: "edge",
+ x: event.clientX,
+ y: event.clientY,
+ });
+ },
+ [interactive]
+ );
+
+ const onPaneClick = React.useCallback(() => {
+ setContextMenu(null);
+ }, []);
+
+ const onDelete = React.useCallback(() => {
+ if (!interactive || !contextMenu) return;
+
+ if (contextMenu.type === "node") {
+ setNodesDict((prev) => {
+ const newDict = { ...prev };
+ delete newDict[contextMenu.id];
+ return newDict;
+ });
+ setEdges((eds) =>
+ eds.filter(
+ (edge) =>
+ edge.source !== contextMenu.id && edge.target !== contextMenu.id
+ )
+ );
+ } else if (contextMenu.type === "edge") {
+ setEdges((eds) => eds.filter((edge) => edge.id !== contextMenu.id));
+ }
+ setContextMenu(null);
+ }, [contextMenu, interactive]);
+
+ const onAddNode = React.useCallback(
+ (template: NodeTemplate) => {
+ if (!interactive) return;
+
+ const nodeId = `${template.type}-${Date.now()}`;
+ const newNode = {
+ type: template.type,
+ position: { x: 250, y: 250 },
+ data: {},
+ };
+
+ setNodesDict((prev) => ({
+ ...prev,
+ [nodeId]: newNode,
+ }));
+ },
+ [interactive]
+ );
+
+ // Adapter to convert nodes array updates to nodesDict updates
+ const setNodesArray = React.useCallback(
+ (updater: Node[] | ((nodes: Node[]) => Node[])) => {
+ setNodesDict((prev) => {
+ const nodesArray = Object.entries(prev).map(([id, nodeData]) => ({
+ id,
+ ...nodeData,
+ }));
+ const updated =
+ typeof updater === "function" ? updater(nodesArray) : updater;
+ const newDict: NodesDict = {};
+ updated.forEach((node) => {
+ const { id, ...nodeData } = node;
+ newDict[id] = nodeData;
+ });
+ return newDict;
+ });
+ },
+ [setNodesDict]
+ );
+
+ const { onLayout } = useAutoLayout(nodes, edges, setNodesArray);
+
+ const layoutVertical = React.useCallback(() => {
+ onLayout("TB");
+ }, [onLayout]);
+
+ const layoutHorizontal = React.useCallback(() => {
+ onLayout("LR");
+ }, [onLayout]);
+
+ // Auto-layout on initial load
+ React.useEffect(() => {
+ if (nodes.length > 0) {
+ // Delay to ensure layout is ready
+ setTimeout(() => {
+ layoutVertical();
+ }, 100);
+ }
+ }, []); // Run once on mount
+
+ const onExport = React.useCallback(() => {
+ const exportData = {
+ nodes: nodesDict,
+ edges,
+ node_values: nodeValues,
+ node_templates: data.node_templates,
+ };
+
+ const jsonString = JSON.stringify(exportData, null, 2);
+ const blob = new Blob([jsonString], { type: "application/json" });
+ const url = URL.createObjectURL(blob);
+ const link = document.createElement("a");
+ link.href = url;
+ link.download = "workflow.json";
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ URL.revokeObjectURL(url);
+ }, [nodesDict, edges, nodeValues, data.node_templates]);
+
+ return (
+
+
+
+
+
+ {interactive && (
+
+
+ Add Nodes
+
+
+
+
+ )}
+
+ setContextMenu(null)}
+ onExport={onExport}
+ onLayoutVertical={layoutVertical}
+ onLayoutHorizontal={layoutHorizontal}
+ />
+
+
+
+
+
+
Loading workflow...
';const s=await fetch(t);if(!s.ok)throw new Error(`Failed to load workflow: ${s.statusText}`);const a=await s.json();d0.createRoot(o).render(I.jsx(fP,{workflowData:a,height:r.height||"600px",interactive:r.interactive!==!1}))}catch(s){throw console.error("Error loading workflow:",s),o.innerHTML=`Error loading workflow: ${s.message}
`,s}}}})();
+Defaulting to \`null\`.`}var iB=lS,sB=cS;function pS({className:e,value:t,...n}){return R.jsx(iB,{"data-slot":"progress",className:Me("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",e),...n,children:R.jsx(sB,{"data-slot":"progress-indicator",className:"bg-primary h-full w-full flex-1 transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})})}function aB(e){var u;if("component"in e){const{component:f}=e,d=qo(),h=((u=d==null?void 0:d.nodeData.values)==null?void 0:u[f.id])??f.value??0,p=f.max??100,m=f.min??0,v=Math.min(100,Math.max(0,(h-m)/(p-m)*100));return R.jsxs("div",{className:"component-progress-field space-y-1.5",children:[f.label&&R.jsx("label",{className:"text-xs text-gray-600",children:f.label}),R.jsxs("div",{className:"flex items-center justify-between text-xs",children:[R.jsx("span",{className:"text-muted-foreground",children:"Progress"}),R.jsxs("span",{className:"font-medium text-xs tabular-nums",children:[Math.round(v),"%"]})]}),R.jsx(pS,{value:v,className:"h-2"})]})}const{value:t,onChange:n,label:o,min:i=0,max:a=100}=e,l=Math.min(100,Math.max(0,(t-i)/(a-i)*100));return R.jsxs("div",{className:"space-y-1.5",children:[o&&R.jsx("label",{className:"text-xs text-gray-600",children:o}),R.jsxs("div",{className:"flex items-center justify-between text-xs",children:[R.jsx("span",{className:"text-muted-foreground",children:"Progress"}),R.jsxs("span",{className:"font-medium text-xs tabular-nums",children:[Math.round(l),"%"]})]}),R.jsx(pS,{value:l,className:"h-2"})]})}function lB({component:e}){return R.jsxs("div",{className:"component-header px-3 py-2 font-semibold flex items-center gap-2",style:{width:"100%",height:"100%",backgroundColor:e.bgColor,color:e.textColor},children:[e.icon&&R.jsx("span",{children:e.icon}),R.jsx("span",{children:e.label})]})}function uB({component:e}){return R.jsx("div",{className:`component-footer px-3 py-2 text-xs text-muted-foreground border-t ${e.className||""}`,style:{width:"100%",height:"100%",backgroundColor:e.bgColor,color:e.textColor},children:e.text})}const gS=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,mS=M_,vS=(e,t)=>n=>{var o;if((t==null?void 0:t.variants)==null)return mS(e,n==null?void 0:n.class,n==null?void 0:n.className);const{variants:i,defaultVariants:a}=t,l=Object.keys(i).map(d=>{const h=n==null?void 0:n[d],p=a==null?void 0:a[d];if(h===null)return null;const m=gS(h)||gS(p);return i[d][m]}),u=n&&Object.entries(n).reduce((d,h)=>{let[p,m]=h;return m===void 0||(d[p]=m),d},{}),f=t==null||(o=t.compoundVariants)===null||o===void 0?void 0:o.reduce((d,h)=>{let{class:p,className:m,...v}=h;return Object.entries(v).every(E=>{let[y,x]=E;return Array.isArray(x)?x.includes({...a,...u}[y]):{...a,...u}[y]===x})?[...d,p,m]:d},[]);return mS(e,l,f,n==null?void 0:n.class,n==null?void 0:n.className)},cB=vS("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}});function Xo({className:e,variant:t,size:n,asChild:o=!1,...i}){const a=o?sS:"button";return R.jsx(a,{"data-slot":"button",className:Me(cB({variant:t,size:n,className:e})),...i})}k.createContext(null);const Hf=768;function fB(){const[e,t]=k.useState(void 0);return k.useEffect(()=>{const n=window.matchMedia(`(max-width: ${Hf-1}px)`),o=()=>{t(window.innerWidthn.removeEventListener("change",o)},[]),!!e}function dB(e){const t=hB(e),n=k.forwardRef((o,i)=>{const{children:a,...l}=o,u=k.Children.toArray(a),f=u.find(gB);if(f){const d=f.props.children,h=u.map(p=>p===f?k.Children.count(d)>1?k.Children.only(null):k.isValidElement(d)?d.props.children:null:p);return R.jsx(t,{...l,ref:i,children:k.isValidElement(d)?k.cloneElement(d,void 0,h):null})}return R.jsx(t,{...l,ref:i,children:a})});return n.displayName=`${e}.Slot`,n}function hB(e){const t=k.forwardRef((n,o)=>{const{children:i,...a}=n;if(k.isValidElement(i)){const l=vB(i),u=mB(a,i.props);return i.type!==k.Fragment&&(u.ref=o?zo(o,l):l),k.cloneElement(i,u)}return k.Children.count(i)>1?k.Children.only(null):null});return t.displayName=`${e}.SlotClone`,t}var pB=Symbol("radix.slottable");function gB(e){return k.isValidElement(e)&&typeof e.type=="function"&&"__radixId"in e.type&&e.type.__radixId===pB}function mB(e,t){const n={...t};for(const o in t){const i=e[o],a=t[o];/^on[A-Z]/.test(o)?i&&a?n[o]=(...u)=>{const f=a(...u);return i(...u),f}:i&&(n[o]=i):o==="style"?n[o]={...i,...a}:o==="className"&&(n[o]=[i,a].filter(Boolean).join(" "))}return{...e,...n}}function vB(e){var o,i;let t=(o=Object.getOwnPropertyDescriptor(e.props,"ref"))==null?void 0:o.get,n=t&&"isReactWarning"in t&&t.isReactWarning;return n?e.ref:(t=(i=Object.getOwnPropertyDescriptor(e,"ref"))==null?void 0:i.get,n=t&&"isReactWarning"in t&&t.isReactWarning,n?e.props.ref:e.props.ref||e.ref)}var Nl="Dialog",[yS]=Fo(Nl),[yB,fn]=yS(Nl),wS=e=>{const{__scopeDialog:t,children:n,open:o,defaultOpen:i,onOpenChange:a,modal:l=!0}=e,u=k.useRef(null),f=k.useRef(null),[d,h]=ss({prop:o,defaultProp:i??!1,onChange:a,caller:Nl});return R.jsx(yB,{scope:t,triggerRef:u,contentRef:f,contentId:Kr(),titleId:Kr(),descriptionId:Kr(),open:d,onOpenChange:h,onOpenToggle:k.useCallback(()=>h(p=>!p),[h]),modal:l,children:n})};wS.displayName=Nl;var xS="DialogTrigger",wB=k.forwardRef((e,t)=>{const{__scopeDialog:n,...o}=e,i=fn(xS,n),a=Fe(t,i.triggerRef);return R.jsx(je.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.contentId,"data-state":Gf(i.open),...o,ref:a,onClick:Oe(e.onClick,i.onOpenToggle)})});wB.displayName=xS;var Wf="DialogPortal",[xB,_S]=yS(Wf,{forceMount:void 0}),bS=e=>{const{__scopeDialog:t,forceMount:n,children:o,container:i}=e,a=fn(Wf,t);return R.jsx(xB,{scope:t,forceMount:n,children:k.Children.map(o,l=>R.jsx(Gr,{present:n||a.open,children:R.jsx(hl,{asChild:!0,container:i,children:l})}))})};bS.displayName=Wf;var Rl="DialogOverlay",SS=k.forwardRef((e,t)=>{const n=_S(Rl,e.__scopeDialog),{forceMount:o=n.forceMount,...i}=e,a=fn(Rl,e.__scopeDialog);return a.modal?R.jsx(Gr,{present:o||a.open,children:R.jsx(bB,{...i,ref:t})}):null});SS.displayName=Rl;var _B=dB("DialogOverlay.RemoveScroll"),bB=k.forwardRef((e,t)=>{const{__scopeDialog:n,...o}=e,i=fn(Rl,n);return R.jsx(Lf,{as:_B,allowPinchZoom:!0,shards:[i.contentRef],children:R.jsx(je.div,{"data-state":Gf(i.open),...o,ref:t,style:{pointerEvents:"auto",...o.style}})})}),Jr="DialogContent",ES=k.forwardRef((e,t)=>{const n=_S(Jr,e.__scopeDialog),{forceMount:o=n.forceMount,...i}=e,a=fn(Jr,e.__scopeDialog);return R.jsx(Gr,{present:o||a.open,children:a.modal?R.jsx(SB,{...i,ref:t}):R.jsx(EB,{...i,ref:t})})});ES.displayName=Jr;var SB=k.forwardRef((e,t)=>{const n=fn(Jr,e.__scopeDialog),o=k.useRef(null),i=Fe(t,n.contentRef,o);return k.useEffect(()=>{const a=o.current;if(a)return pb(a)},[]),R.jsx(CS,{...e,ref:i,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:Oe(e.onCloseAutoFocus,a=>{var l;a.preventDefault(),(l=n.triggerRef.current)==null||l.focus()}),onPointerDownOutside:Oe(e.onPointerDownOutside,a=>{const l=a.detail.originalEvent,u=l.button===0&&l.ctrlKey===!0;(l.button===2||u)&&a.preventDefault()}),onFocusOutside:Oe(e.onFocusOutside,a=>a.preventDefault())})}),EB=k.forwardRef((e,t)=>{const n=fn(Jr,e.__scopeDialog),o=k.useRef(!1),i=k.useRef(!1);return R.jsx(CS,{...e,ref:t,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:a=>{var l,u;(l=e.onCloseAutoFocus)==null||l.call(e,a),a.defaultPrevented||(o.current||(u=n.triggerRef.current)==null||u.focus(),a.preventDefault()),o.current=!1,i.current=!1},onInteractOutside:a=>{var f,d;(f=e.onInteractOutside)==null||f.call(e,a),a.defaultPrevented||(o.current=!0,a.detail.originalEvent.type==="pointerdown"&&(i.current=!0));const l=a.target;((d=n.triggerRef.current)==null?void 0:d.contains(l))&&a.preventDefault(),a.detail.originalEvent.type==="focusin"&&i.current&&a.preventDefault()}})}),CS=k.forwardRef((e,t)=>{const{__scopeDialog:n,trapFocus:o,onOpenAutoFocus:i,onCloseAutoFocus:a,...l}=e,u=fn(Jr,n),f=k.useRef(null),d=Fe(t,f);return b1(),R.jsxs(R.Fragment,{children:[R.jsx(mf,{asChild:!0,loop:!0,trapped:o,onMountAutoFocus:i,onUnmountAutoFocus:a,children:R.jsx(tl,{role:"dialog",id:u.contentId,"aria-describedby":u.descriptionId,"aria-labelledby":u.titleId,"data-state":Gf(u.open),...l,ref:d,onDismiss:()=>u.onOpenChange(!1)})}),R.jsxs(R.Fragment,{children:[R.jsx(CB,{titleId:u.titleId}),R.jsx(NB,{contentRef:f,descriptionId:u.descriptionId})]})]})}),Uf="DialogTitle",kS=k.forwardRef((e,t)=>{const{__scopeDialog:n,...o}=e,i=fn(Uf,n);return R.jsx(je.h2,{id:i.titleId,...o,ref:t})});kS.displayName=Uf;var NS="DialogDescription",RS=k.forwardRef((e,t)=>{const{__scopeDialog:n,...o}=e,i=fn(NS,n);return R.jsx(je.p,{id:i.descriptionId,...o,ref:t})});RS.displayName=NS;var PS="DialogClose",TS=k.forwardRef((e,t)=>{const{__scopeDialog:n,...o}=e,i=fn(PS,n);return R.jsx(je.button,{type:"button",...o,ref:t,onClick:Oe(e.onClick,()=>i.onOpenChange(!1))})});TS.displayName=PS;function Gf(e){return e?"open":"closed"}var AS="DialogTitleWarning",[fU,IS]=B3(AS,{contentName:Jr,titleName:Uf,docsSlug:"dialog"}),CB=({titleId:e})=>{const t=IS(AS),n=`\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;return k.useEffect(()=>{e&&(document.getElementById(e)||console.error(n))},[n,e]),null},kB="DialogDescriptionWarning",NB=({contentRef:e,descriptionId:t})=>{const o=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${IS(kB).contentName}}.`;return k.useEffect(()=>{var a;const i=(a=e.current)==null?void 0:a.getAttribute("aria-describedby");t&&i&&(document.getElementById(t)||console.warn(o))},[o,e,t]),null},RB=wS,PB=bS,TB=SS,AB=ES,IB=kS,MB=RS,OB=TS;function LB({...e}){return R.jsx(RB,{"data-slot":"sheet",...e})}function DB({...e}){return R.jsx(PB,{"data-slot":"sheet-portal",...e})}function jB({className:e,...t}){return R.jsx(TB,{"data-slot":"sheet-overlay",className:Me("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",e),...t})}function qB({className:e,children:t,side:n="right",...o}){return R.jsxs(DB,{children:[R.jsx(jB,{}),R.jsxs(AB,{"data-slot":"sheet-content",className:Me("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",n==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",n==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",n==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",n==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",e),...o,children:[t,R.jsxs(OB,{className:"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",children:[R.jsx(xz,{className:"size-4"}),R.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}function zB({className:e,...t}){return R.jsx("div",{"data-slot":"sheet-header",className:Me("flex flex-col gap-1.5 p-4",e),...t})}function FB({className:e,...t}){return R.jsx(IB,{"data-slot":"sheet-title",className:Me("text-foreground font-semibold",e),...t})}function $B({className:e,...t}){return R.jsx(MB,{"data-slot":"sheet-description",className:Me("text-muted-foreground text-sm",e),...t})}var BB=Symbol("radix.slottable");function VB(e){const t=({children:n})=>R.jsx(R.Fragment,{children:n});return t.displayName=`${e}.Slottable`,t.__radixId=BB,t}var[Pl]=Fo("Tooltip",[dl]),Tl=dl(),MS="TooltipProvider",HB=700,Yf="tooltip.open",[WB,Kf]=Pl(MS),OS=e=>{const{__scopeTooltip:t,delayDuration:n=HB,skipDelayDuration:o=300,disableHoverableContent:i=!1,children:a}=e,l=k.useRef(!0),u=k.useRef(!1),f=k.useRef(0);return k.useEffect(()=>{const d=f.current;return()=>window.clearTimeout(d)},[]),R.jsx(WB,{scope:t,isOpenDelayedRef:l,delayDuration:n,onOpen:k.useCallback(()=>{window.clearTimeout(f.current),l.current=!1},[]),onClose:k.useCallback(()=>{window.clearTimeout(f.current),f.current=window.setTimeout(()=>l.current=!0,o)},[o]),isPointerInTransitRef:u,onPointerInTransitChange:k.useCallback(d=>{u.current=d},[]),disableHoverableContent:i,children:a})};OS.displayName=MS;var fs="Tooltip",[UB,ds]=Pl(fs),LS=e=>{const{__scopeTooltip:t,children:n,open:o,defaultOpen:i,onOpenChange:a,disableHoverableContent:l,delayDuration:u}=e,f=Kf(fs,e.__scopeTooltip),d=Tl(t),[h,p]=k.useState(null),m=Kr(),v=k.useRef(0),E=l??f.disableHoverableContent,y=u??f.delayDuration,x=k.useRef(!1),[b,C]=ss({prop:o,defaultProp:i??!1,onChange:I=>{I?(f.onOpen(),document.dispatchEvent(new CustomEvent(Yf))):f.onClose(),a==null||a(I)},caller:fs}),_=k.useMemo(()=>b?x.current?"delayed-open":"instant-open":"closed",[b]),N=k.useCallback(()=>{window.clearTimeout(v.current),v.current=0,x.current=!1,C(!0)},[C]),P=k.useCallback(()=>{window.clearTimeout(v.current),v.current=0,C(!1)},[C]),T=k.useCallback(()=>{window.clearTimeout(v.current),v.current=window.setTimeout(()=>{x.current=!0,C(!0),v.current=0},y)},[y,C]);return k.useEffect(()=>()=>{v.current&&(window.clearTimeout(v.current),v.current=0)},[]),R.jsx(ab,{...d,children:R.jsx(UB,{scope:t,contentId:m,open:b,stateAttribute:_,trigger:h,onTriggerChange:p,onTriggerEnter:k.useCallback(()=>{f.isOpenDelayedRef.current?T():N()},[f.isOpenDelayedRef,T,N]),onTriggerLeave:k.useCallback(()=>{E?P():(window.clearTimeout(v.current),v.current=0)},[P,E]),onOpen:N,onClose:P,disableHoverableContent:E,children:n})})};LS.displayName=fs;var Xf="TooltipTrigger",DS=k.forwardRef((e,t)=>{const{__scopeTooltip:n,...o}=e,i=ds(Xf,n),a=Kf(Xf,n),l=Tl(n),u=k.useRef(null),f=Fe(t,u,i.onTriggerChange),d=k.useRef(!1),h=k.useRef(!1),p=k.useCallback(()=>d.current=!1,[]);return k.useEffect(()=>()=>document.removeEventListener("pointerup",p),[p]),R.jsx(lb,{asChild:!0,...l,children:R.jsx(je.button,{"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute,...o,ref:f,onPointerMove:Oe(e.onPointerMove,m=>{m.pointerType!=="touch"&&!h.current&&!a.isPointerInTransitRef.current&&(i.onTriggerEnter(),h.current=!0)}),onPointerLeave:Oe(e.onPointerLeave,()=>{i.onTriggerLeave(),h.current=!1}),onPointerDown:Oe(e.onPointerDown,()=>{i.open&&i.onClose(),d.current=!0,document.addEventListener("pointerup",p,{once:!0})}),onFocus:Oe(e.onFocus,()=>{d.current||i.onOpen()}),onBlur:Oe(e.onBlur,i.onClose),onClick:Oe(e.onClick,i.onClose)})})});DS.displayName=Xf;var Qf="TooltipPortal",[GB,YB]=Pl(Qf,{forceMount:void 0}),jS=e=>{const{__scopeTooltip:t,forceMount:n,children:o,container:i}=e,a=ds(Qf,t);return R.jsx(GB,{scope:t,forceMount:n,children:R.jsx(Gr,{present:n||a.open,children:R.jsx(hl,{asChild:!0,container:i,children:o})})})};jS.displayName=Qf;var Qo="TooltipContent",qS=k.forwardRef((e,t)=>{const n=YB(Qo,e.__scopeTooltip),{forceMount:o=n.forceMount,side:i="top",...a}=e,l=ds(Qo,e.__scopeTooltip);return R.jsx(Gr,{present:o||l.open,children:l.disableHoverableContent?R.jsx(zS,{side:i,...a,ref:t}):R.jsx(KB,{side:i,...a,ref:t})})}),KB=k.forwardRef((e,t)=>{const n=ds(Qo,e.__scopeTooltip),o=Kf(Qo,e.__scopeTooltip),i=k.useRef(null),a=Fe(t,i),[l,u]=k.useState(null),{trigger:f,onClose:d}=n,h=i.current,{onPointerInTransitChange:p}=o,m=k.useCallback(()=>{u(null),p(!1)},[p]),v=k.useCallback((E,y)=>{const x=E.currentTarget,b={x:E.clientX,y:E.clientY},C=JB(b,x.getBoundingClientRect()),_=e5(b,C),N=t5(y.getBoundingClientRect()),P=r5([..._,...N]);u(P),p(!0)},[p]);return k.useEffect(()=>()=>m(),[m]),k.useEffect(()=>{if(f&&h){const E=x=>v(x,h),y=x=>v(x,f);return f.addEventListener("pointerleave",E),h.addEventListener("pointerleave",y),()=>{f.removeEventListener("pointerleave",E),h.removeEventListener("pointerleave",y)}}},[f,h,v,m]),k.useEffect(()=>{if(l){const E=y=>{const x=y.target,b={x:y.clientX,y:y.clientY},C=(f==null?void 0:f.contains(x))||(h==null?void 0:h.contains(x)),_=!n5(b,l);C?m():_&&(m(),d())};return document.addEventListener("pointermove",E),()=>document.removeEventListener("pointermove",E)}},[f,h,l,d,m]),R.jsx(zS,{...e,ref:a})}),[XB,QB]=Pl(fs,{isInside:!1}),ZB=VB("TooltipContent"),zS=k.forwardRef((e,t)=>{const{__scopeTooltip:n,children:o,"aria-label":i,onEscapeKeyDown:a,onPointerDownOutside:l,...u}=e,f=ds(Qo,n),d=Tl(n),{onClose:h}=f;return k.useEffect(()=>(document.addEventListener(Yf,h),()=>document.removeEventListener(Yf,h)),[h]),k.useEffect(()=>{if(f.trigger){const p=m=>{const v=m.target;v!=null&&v.contains(f.trigger)&&h()};return window.addEventListener("scroll",p,{capture:!0}),()=>window.removeEventListener("scroll",p,{capture:!0})}},[f.trigger,h]),R.jsx(tl,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:a,onPointerDownOutside:l,onFocusOutside:p=>p.preventDefault(),onDismiss:h,children:R.jsxs(ub,{"data-state":f.stateAttribute,...d,...u,ref:t,style:{...u.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[R.jsx(ZB,{children:o}),R.jsx(XB,{scope:n,isInside:!0,children:R.jsx(w4,{id:f.contentId,role:"tooltip",children:i||o})})]})})});qS.displayName=Qo;var FS="TooltipArrow",$S=k.forwardRef((e,t)=>{const{__scopeTooltip:n,...o}=e,i=Tl(n);return QB(FS,n).isInside?null:R.jsx(cb,{...i,...o,ref:t})});$S.displayName=FS;function JB(e,t){const n=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),i=Math.abs(t.right-e.x),a=Math.abs(t.left-e.x);switch(Math.min(n,o,i,a)){case a:return"left";case i:return"right";case n:return"top";case o:return"bottom";default:throw new Error("unreachable")}}function e5(e,t,n=5){const o=[];switch(t){case"top":o.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":o.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":o.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":o.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n});break}return o}function t5(e){const{top:t,right:n,bottom:o,left:i}=e;return[{x:i,y:t},{x:n,y:t},{x:n,y:o},{x:i,y:o}]}function n5(e,t){const{x:n,y:o}=e;let i=!1;for(let a=0,l=t.length-1;ao!=m>o&&n<(p-d)*(o-h)/(m-h)+d&&(i=!i)}return i}function r5(e){const t=e.slice();return t.sort((n,o)=>n.xo.x?1:n.yo.y?1:0),o5(t)}function o5(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o=2;){const a=t[t.length-1],l=t[t.length-2];if((a.x-l.x)*(i.y-l.y)>=(a.y-l.y)*(i.x-l.x))t.pop();else break}t.push(i)}t.pop();const n=[];for(let o=e.length-1;o>=0;o--){const i=e[o];for(;n.length>=2;){const a=n[n.length-1],l=n[n.length-2];if((a.x-l.x)*(i.y-l.y)>=(a.y-l.y)*(i.x-l.x))n.pop();else break}n.push(i)}return n.pop(),t.length===1&&n.length===1&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}var i5=OS,s5=LS,a5=DS,l5=jS,u5=qS,c5=$S;function BS({delayDuration:e=0,...t}){return R.jsx(i5,{"data-slot":"tooltip-provider",delayDuration:e,...t})}function f5({...e}){return R.jsx(BS,{children:R.jsx(s5,{"data-slot":"tooltip",...e})})}function d5({...e}){return R.jsx(a5,{"data-slot":"tooltip-trigger",...e})}function h5({className:e,sideOffset:t=0,children:n,...o}){return R.jsx(l5,{children:R.jsxs(u5,{"data-slot":"tooltip-content",sideOffset:t,className:Me("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",e),...o,children:[n,R.jsx(c5,{className:"bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"})]})})}const p5="sidebar_state",g5=3600*24*7,m5="16rem",v5="18rem",y5="3rem",w5="b",VS=k.createContext(null);function Zf(){const e=k.useContext(VS);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}function x5({defaultOpen:e=!0,open:t,onOpenChange:n,className:o,style:i,children:a,...l}){const u=fB(),[f,d]=k.useState(!1),[h,p]=k.useState(e),m=t??h,v=k.useCallback(b=>{const C=typeof b=="function"?b(m):b;n?n(C):p(C),document.cookie=`${p5}=${C}; path=/; max-age=${g5}`},[n,m]),E=k.useCallback(()=>u?d(b=>!b):v(b=>!b),[u,v,d]);k.useEffect(()=>{const b=C=>{C.key===w5&&(C.metaKey||C.ctrlKey)&&(C.preventDefault(),E())};return window.addEventListener("keydown",b),()=>window.removeEventListener("keydown",b)},[E]);const y=m?"expanded":"collapsed",x=k.useMemo(()=>({state:y,open:m,setOpen:v,isMobile:u,openMobile:f,setOpenMobile:d,toggleSidebar:E}),[y,m,v,u,f,d,E]);return R.jsx(VS.Provider,{value:x,children:R.jsx(BS,{delayDuration:0,children:R.jsx("div",{"data-slot":"sidebar-wrapper",style:{"--sidebar-width":m5,"--sidebar-width-icon":y5,...i},className:Me("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",o),...l,children:a})})})}function _5({side:e="left",variant:t="sidebar",collapsible:n="offcanvas",className:o,children:i,...a}){const{isMobile:l,state:u,openMobile:f,setOpenMobile:d}=Zf();return n==="none"?R.jsx("div",{"data-slot":"sidebar",className:Me("bg-sidebar text-sidebar-foreground flex h-full w-(--sidebar-width) flex-col",o),...a,children:i}):l?R.jsx(LB,{open:f,onOpenChange:d,...a,children:R.jsxs(qB,{"data-sidebar":"sidebar","data-slot":"sidebar","data-mobile":"true",className:"bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",style:{"--sidebar-width":v5},side:e,children:[R.jsxs(zB,{className:"sr-only",children:[R.jsx(FB,{children:"Sidebar"}),R.jsx($B,{children:"Displays the mobile sidebar."})]}),R.jsx("div",{className:"flex h-full w-full flex-col",children:i})]})}):R.jsxs("div",{className:"group peer text-sidebar-foreground hidden md:block","data-state":u,"data-collapsible":u==="collapsed"?n:"","data-variant":t,"data-side":e,"data-slot":"sidebar",children:[R.jsx("div",{"data-slot":"sidebar-gap",className:Me("relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",t==="floating"||t==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon)")}),R.jsx("div",{"data-slot":"sidebar-container",className:Me("fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",t==="floating"||t==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]":"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",o),...a,children:R.jsx("div",{"data-sidebar":"sidebar","data-slot":"sidebar-inner",className:"bg-sidebar group-data-[variant=floating]:border-sidebar-border flex h-full w-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",children:i})})]})}function b5({className:e,onClick:t,...n}){const{toggleSidebar:o}=Zf();return R.jsxs(Xo,{"data-sidebar":"trigger","data-slot":"sidebar-trigger",variant:"ghost",size:"icon",className:Me("size-7",e),onClick:i=>{t==null||t(i),o()},...n,children:[R.jsx(vz,{}),R.jsx("span",{className:"sr-only",children:"Toggle Sidebar"})]})}function S5({className:e,...t}){return R.jsx("div",{"data-slot":"sidebar-header","data-sidebar":"header",className:Me("flex flex-col gap-2 p-2",e),...t})}function E5({className:e,...t}){return R.jsx("div",{"data-slot":"sidebar-content","data-sidebar":"content",className:Me("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",e),...t})}function C5({className:e,...t}){return R.jsx("div",{"data-slot":"sidebar-group","data-sidebar":"group",className:Me("relative flex w-full min-w-0 flex-col p-2",e),...t})}function k5({className:e,...t}){return R.jsx("div",{"data-slot":"sidebar-group-content","data-sidebar":"group-content",className:Me("w-full text-sm",e),...t})}function N5({className:e,...t}){return R.jsx("ul",{"data-slot":"sidebar-menu","data-sidebar":"menu",className:Me("flex w-full min-w-0 flex-col gap-1",e),...t})}function R5({className:e,...t}){return R.jsx("li",{"data-slot":"sidebar-menu-item","data-sidebar":"menu-item",className:Me("group/menu-item relative",e),...t})}const P5=vS("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",{variants:{variant:{default:"hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",outline:"bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"},size:{default:"h-8 text-sm",sm:"h-7 text-xs",lg:"h-12 text-sm group-data-[collapsible=icon]:p-0!"}},defaultVariants:{variant:"default",size:"default"}});function T5({asChild:e=!1,isActive:t=!1,variant:n="default",size:o="default",tooltip:i,className:a,...l}){const u=e?sS:"button",{isMobile:f,state:d}=Zf(),h=R.jsx(u,{"data-slot":"sidebar-menu-button","data-sidebar":"menu-button","data-size":o,"data-active":t,className:Me(P5({variant:n,size:o}),a),...l});return i?(typeof i=="string"&&(i={children:i}),R.jsxs(f5,{children:[R.jsx(d5,{asChild:!0,children:h}),R.jsx(h5,{side:"right",align:"center",hidden:d!=="collapsed"||f,...i})]})):h}function A5({onAddNode:e,templates:t}){return R.jsx(E5,{children:R.jsx(C5,{children:R.jsx(k5,{children:R.jsx(N5,{children:t.map((n,o)=>R.jsx(R5,{children:R.jsxs(T5,{onClick:()=>e(n),tooltip:n.description,children:[R.jsx("div",{className:"flex items-center justify-center w-5 h-5 bg-primary text-primary-foreground rounded text-sm font-bold",children:n.icon||R.jsx(yz,{className:"h-3 w-3"})}),R.jsx("span",{children:n.label})]})},o))})})})})}function I5({onExport:e,onLayoutVertical:t,onLayoutHorizontal:n}){return R.jsxs("div",{className:"flex gap-2",children:[R.jsxs(Xo,{onClick:e,variant:"default",size:"sm",children:[R.jsx(mz,{className:"h-4 w-4 mr-2"}),"Export to JSON"]}),R.jsxs(Xo,{onClick:t,variant:"outline",size:"sm",children:[R.jsx(hz,{className:"h-4 w-4 mr-2"}),"Layout Vertical"]}),R.jsxs(Xo,{onClick:n,variant:"outline",size:"sm",children:[R.jsx(pz,{className:"h-4 w-4 mr-2"}),"Layout Horizontal"]})]})}function M5({className:e,...t}){return R.jsx("div",{"data-slot":"card",className:Me("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",e),...t})}function O5({x:e,y:t,onDelete:n,onClose:o}){return $t.useEffect(()=>{const i=()=>o(),a=l=>{l.key==="Escape"&&o()};return document.addEventListener("click",i),document.addEventListener("keydown",a),()=>{document.removeEventListener("click",i),document.removeEventListener("keydown",a)}},[o]),R.jsx(M5,{className:"fixed z-[1000] min-w-[150px] p-1 shadow-md",style:{top:t,left:e},onClick:i=>i.stopPropagation(),children:R.jsxs(Xo,{variant:"ghost",className:"w-full justify-start gap-2 text-destructive hover:text-destructive hover:bg-destructive/10",onClick:n,children:[R.jsx(wz,{className:"h-4 w-4"}),"Delete"]})})}function L5({nodes:e,edges:t,nodeTypes:n,height:o,onNodesChange:i,onEdgesChange:a,onConnect:l,onNodeContextMenu:u,onEdgeContextMenu:f,onPaneClick:d,contextMenu:h,onDelete:p,onCloseContextMenu:m,onExport:v,onLayoutVertical:E,onLayoutHorizontal:y}){return R.jsxs("div",{style:{width:"100%",height:"100%",position:"relative"},children:[R.jsxs(_q,{nodes:e,edges:t,nodeTypes:n,onNodesChange:i,onEdgesChange:a,onConnect:l,onNodeContextMenu:u,onEdgeContextMenu:f,onPaneClick:d,fitView:!0,nodesDraggable:!0,nodesConnectable:!0,elementsSelectable:!0,minZoom:.1,maxZoom:2,children:[R.jsx(kq,{}),R.jsx(Mq,{}),R.jsx(ns,{position:"top-right",children:R.jsx(I5,{onExport:v,onLayoutVertical:E,onLayoutHorizontal:y})})]}),h&&R.jsx(O5,{id:h.id,type:h.type,x:h.x,y:h.y,onDelete:p,onClose:m})]})}function Jf(e){throw new Error('Could not dynamically require "'+e+'". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.')}var ed,HS;function D5(){if(HS)return ed;HS=1;function e(){this.__data__=[],this.size=0}return ed=e,ed}var td,WS;function Zo(){if(WS)return td;WS=1;function e(t,n){return t===n||t!==t&&n!==n}return td=e,td}var nd,US;function Al(){if(US)return nd;US=1;var e=Zo();function t(n,o){for(var i=n.length;i--;)if(e(n[i][0],o))return i;return-1}return nd=t,nd}var rd,GS;function j5(){if(GS)return rd;GS=1;var e=Al(),t=Array.prototype,n=t.splice;function o(i){var a=this.__data__,l=e(a,i);if(l<0)return!1;var u=a.length-1;return l==u?a.pop():n.call(a,l,1),--this.size,!0}return rd=o,rd}var od,YS;function q5(){if(YS)return od;YS=1;var e=Al();function t(n){var o=this.__data__,i=e(o,n);return i<0?void 0:o[i][1]}return od=t,od}var id,KS;function z5(){if(KS)return id;KS=1;var e=Al();function t(n){return e(this.__data__,n)>-1}return id=t,id}var sd,XS;function F5(){if(XS)return sd;XS=1;var e=Al();function t(n,o){var i=this.__data__,a=e(i,n);return a<0?(++this.size,i.push([n,o])):i[a][1]=o,this}return sd=t,sd}var ad,QS;function Il(){if(QS)return ad;QS=1;var e=D5(),t=j5(),n=q5(),o=z5(),i=F5();function a(l){var u=-1,f=l==null?0:l.length;for(this.clear();++u-1&&o%1==0&&o-1&&n%1==0&&n<=e}return ih=t,ih}var ah,QE;function hV(){if(QE)return ah;QE=1;var e=eo(),t=sh(),n=In(),o="[object Arguments]",i="[object Array]",a="[object Boolean]",l="[object Date]",u="[object Error]",f="[object Function]",d="[object Map]",h="[object Number]",p="[object Object]",m="[object RegExp]",v="[object Set]",E="[object String]",y="[object WeakMap]",x="[object ArrayBuffer]",b="[object DataView]",C="[object Float32Array]",_="[object Float64Array]",N="[object Int8Array]",P="[object Int16Array]",T="[object Int32Array]",I="[object Uint8Array]",O="[object Uint8ClampedArray]",q="[object Uint16Array]",G="[object Uint32Array]",F={};F[C]=F[_]=F[N]=F[P]=F[T]=F[I]=F[O]=F[q]=F[G]=!0,F[o]=F[i]=F[x]=F[a]=F[b]=F[l]=F[u]=F[f]=F[d]=F[h]=F[p]=F[m]=F[v]=F[E]=F[y]=!1;function j(W){return n(W)&&t(W.length)&&!!F[e(W)]}return ah=j,ah}var lh,ZE;function zl(){if(ZE)return lh;ZE=1;function e(t){return function(n){return t(n)}}return lh=e,lh}var vs={exports:{}};vs.exports;var JE;function uh(){return JE||(JE=1,(function(e,t){var n=rE(),o=t&&!t.nodeType&&t,i=o&&!0&&e&&!e.nodeType&&e,a=i&&i.exports===o,l=a&&n.process,u=(function(){try{var f=i&&i.require&&i.require("util").types;return f||l&&l.binding&&l.binding("util")}catch{}})();e.exports=u})(vs,vs.exports)),vs.exports}var ch,eC;function ys(){if(eC)return ch;eC=1;var e=hV(),t=zl(),n=uh(),o=n&&n.isTypedArray,i=o?t(o):e;return ch=i,ch}var fh,tC;function nC(){if(tC)return fh;tC=1;var e=cV(),t=gs(),n=nt(),o=ei(),i=ql(),a=ys(),l=Object.prototype,u=l.hasOwnProperty;function f(d,h){var p=n(d),m=!p&&t(d),v=!p&&!m&&o(d),E=!p&&!m&&!v&&a(d),y=p||m||v||E,x=y?e(d.length,String):[],b=x.length;for(var C in d)(h||u.call(d,C))&&!(y&&(C=="length"||v&&(C=="offset"||C=="parent")||E&&(C=="buffer"||C=="byteLength"||C=="byteOffset")||i(C,b)))&&x.push(C);return x}return fh=f,fh}var dh,rC;function Fl(){if(rC)return dh;rC=1;var e=Object.prototype;function t(n){var o=n&&n.constructor,i=typeof o=="function"&&o.prototype||e;return n===i}return dh=t,dh}var hh,oC;function iC(){if(oC)return hh;oC=1;function e(t,n){return function(o){return t(n(o))}}return hh=e,hh}var ph,sC;function pV(){if(sC)return ph;sC=1;var e=iC(),t=e(Object.keys,Object);return ph=t,ph}var gh,aC;function mh(){if(aC)return gh;aC=1;var e=Fl(),t=pV(),n=Object.prototype,o=n.hasOwnProperty;function i(a){if(!e(a))return t(a);var l=[];for(var u in Object(a))o.call(a,u)&&u!="constructor"&&l.push(u);return l}return gh=i,gh}var vh,lC;function Yn(){if(lC)return vh;lC=1;var e=hs(),t=sh();function n(o){return o!=null&&t(o.length)&&!e(o)}return vh=n,vh}var yh,uC;function mr(){if(uC)return yh;uC=1;var e=nC(),t=mh(),n=Yn();function o(i){return n(i)?e(i):t(i)}return yh=o,yh}var wh,cC;function gV(){if(cC)return wh;cC=1;var e=ps(),t=mr();function n(o,i){return o&&e(i,t(i),o)}return wh=n,wh}var xh,fC;function mV(){if(fC)return xh;fC=1;function e(t){var n=[];if(t!=null)for(var o in Object(t))n.push(o);return n}return xh=e,xh}var _h,dC;function vV(){if(dC)return _h;dC=1;var e=Bt(),t=Fl(),n=mV(),o=Object.prototype,i=o.hasOwnProperty;function a(l){if(!e(l))return n(l);var u=t(l),f=[];for(var d in l)d=="constructor"&&(u||!i.call(l,d))||f.push(d);return f}return _h=a,_h}var bh,hC;function no(){if(hC)return bh;hC=1;var e=nC(),t=vV(),n=Yn();function o(i){return n(i)?e(i,!0):t(i)}return bh=o,bh}var Sh,pC;function yV(){if(pC)return Sh;pC=1;var e=ps(),t=no();function n(o,i){return o&&e(i,t(i),o)}return Sh=n,Sh}var ws={exports:{}};ws.exports;var gC;function mC(){return gC||(gC=1,(function(e,t){var n=dn(),o=t&&!t.nodeType&&t,i=o&&!0&&e&&!e.nodeType&&e,a=i&&i.exports===o,l=a?n.Buffer:void 0,u=l?l.allocUnsafe:void 0;function f(d,h){if(h)return d.slice();var p=d.length,m=u?u(p):new d.constructor(p);return d.copy(m),m}e.exports=f})(ws,ws.exports)),ws.exports}var Eh,vC;function yC(){if(vC)return Eh;vC=1;function e(t,n){var o=-1,i=t.length;for(n||(n=Array(i));++ov))return!1;var y=p.get(l),x=p.get(u);if(y&&x)return y==u&&x==l;var b=-1,C=!0,_=f&i?new e:void 0;for(p.set(l,u),p.set(u,l);++b0&&a(h)?i>1?n(h,i-1,a,l,u):e(u,h):l||(u[u.length]=h)}return u}return Sg=n,Sg}var Cg,FN;function gH(){if(FN)return Cg;FN=1;function e(t,n,o){switch(o.length){case 0:return t.call(n);case 1:return t.call(n,o[0]);case 2:return t.call(n,o[0],o[1]);case 3:return t.call(n,o[0],o[1],o[2])}return t.apply(n,o)}return Cg=e,Cg}var kg,$N;function BN(){if($N)return kg;$N=1;var e=gH(),t=Math.max;function n(o,i,a){return i=t(i===void 0?o.length-1:i,0),function(){for(var l=arguments,u=-1,f=t(l.length-i,0),d=Array(f);++u0){if(++a>=e)return arguments[0]}else a=0;return i.apply(void 0,arguments)}}return Rg=o,Rg}var Pg,WN;function UN(){if(WN)return Pg;WN=1;var e=mH(),t=vH(),n=t(e);return Pg=n,Pg}var Tg,GN;function Ul(){if(GN)return Tg;GN=1;var e=ro(),t=BN(),n=UN();function o(i,a){return n(t(i,a,e),i+"")}return Tg=o,Tg}var Ag,YN;function KN(){if(YN)return Ag;YN=1;function e(t,n,o,i){for(var a=t.length,l=o+(i?1:-1);i?l--:++l-1}return Lg=t,Lg}var Dg,eR;function bH(){if(eR)return Dg;eR=1;function e(t,n,o){for(var i=-1,a=t==null?0:t.length;++i=l){var b=d?null:i(f);if(b)return a(b);E=!1,m=o,x=new e}else x=d?[]:y;e:for(;++p1?v.setNode(E,p):v.setNode(E)}),this},i.prototype.setNode=function(h,p){return e.has(this._nodes,h)?(arguments.length>1&&(this._nodes[h]=p),this):(this._nodes[h]=arguments.length>1?p:this._defaultNodeLabelFn(h),this._isCompound&&(this._parent[h]=n,this._children[h]={},this._children[n][h]=!0),this._in[h]={},this._preds[h]={},this._out[h]={},this._sucs[h]={},++this._nodeCount,this)},i.prototype.node=function(h){return this._nodes[h]},i.prototype.hasNode=function(h){return e.has(this._nodes,h)},i.prototype.removeNode=function(h){var p=this;if(e.has(this._nodes,h)){var m=function(v){p.removeEdge(p._edgeObjs[v])};delete this._nodes[h],this._isCompound&&(this._removeFromParentsChildList(h),delete this._parent[h],e.each(this.children(h),function(v){p.setParent(v)}),delete this._children[h]),e.each(e.keys(this._in[h]),m),delete this._in[h],delete this._preds[h],e.each(e.keys(this._out[h]),m),delete this._out[h],delete this._sucs[h],--this._nodeCount}return this},i.prototype.setParent=function(h,p){if(!this._isCompound)throw new Error("Cannot set parent in a non-compound graph");if(e.isUndefined(p))p=n;else{p+="";for(var m=p;!e.isUndefined(m);m=this.parent(m))if(m===h)throw new Error("Setting "+p+" as parent of "+h+" would create a cycle");this.setNode(p)}return this.setNode(h),this._removeFromParentsChildList(h),this._parent[h]=p,this._children[p][h]=!0,this},i.prototype._removeFromParentsChildList=function(h){delete this._children[this._parent[h]][h]},i.prototype.parent=function(h){if(this._isCompound){var p=this._parent[h];if(p!==n)return p}},i.prototype.children=function(h){if(e.isUndefined(h)&&(h=n),this._isCompound){var p=this._children[h];if(p)return e.keys(p)}else{if(h===n)return this.nodes();if(this.hasNode(h))return[]}},i.prototype.predecessors=function(h){var p=this._preds[h];if(p)return e.keys(p)},i.prototype.successors=function(h){var p=this._sucs[h];if(p)return e.keys(p)},i.prototype.neighbors=function(h){var p=this.predecessors(h);if(p)return e.union(p,this.successors(h))},i.prototype.isLeaf=function(h){var p;return this.isDirected()?p=this.successors(h):p=this.neighbors(h),p.length===0},i.prototype.filterNodes=function(h){var p=new this.constructor({directed:this._isDirected,multigraph:this._isMultigraph,compound:this._isCompound});p.setGraph(this.graph());var m=this;e.each(this._nodes,function(y,x){h(x)&&p.setNode(x,y)}),e.each(this._edgeObjs,function(y){p.hasNode(y.v)&&p.hasNode(y.w)&&p.setEdge(y,m.edge(y))});var v={};function E(y){var x=m.parent(y);return x===void 0||p.hasNode(x)?(v[y]=x,x):x in v?v[x]:E(x)}return this._isCompound&&e.each(p.nodes(),function(y){p.setParent(y,E(y))}),p},i.prototype.setDefaultEdgeLabel=function(h){return e.isFunction(h)||(h=e.constant(h)),this._defaultEdgeLabelFn=h,this},i.prototype.edgeCount=function(){return this._edgeCount},i.prototype.edges=function(){return e.values(this._edgeObjs)},i.prototype.setPath=function(h,p){var m=this,v=arguments;return e.reduce(h,function(E,y){return v.length>1?m.setEdge(E,y,p):m.setEdge(E,y),y}),this},i.prototype.setEdge=function(){var h,p,m,v,E=!1,y=arguments[0];typeof y=="object"&&y!==null&&"v"in y?(h=y.v,p=y.w,m=y.name,arguments.length===2&&(v=arguments[1],E=!0)):(h=y,p=arguments[1],m=arguments[3],arguments.length>2&&(v=arguments[2],E=!0)),h=""+h,p=""+p,e.isUndefined(m)||(m=""+m);var x=u(this._isDirected,h,p,m);if(e.has(this._edgeLabels,x))return E&&(this._edgeLabels[x]=v),this;if(!e.isUndefined(m)&&!this._isMultigraph)throw new Error("Cannot set a named edge when isMultigraph = false");this.setNode(h),this.setNode(p),this._edgeLabels[x]=E?v:this._defaultEdgeLabelFn(h,p,m);var b=f(this._isDirected,h,p,m);return h=b.v,p=b.w,Object.freeze(b),this._edgeObjs[x]=b,a(this._preds[p],h),a(this._sucs[h],p),this._in[p][x]=b,this._out[h][x]=b,this._edgeCount++,this},i.prototype.edge=function(h,p,m){var v=arguments.length===1?d(this._isDirected,arguments[0]):u(this._isDirected,h,p,m);return this._edgeLabels[v]},i.prototype.hasEdge=function(h,p,m){var v=arguments.length===1?d(this._isDirected,arguments[0]):u(this._isDirected,h,p,m);return e.has(this._edgeLabels,v)},i.prototype.removeEdge=function(h,p,m){var v=arguments.length===1?d(this._isDirected,arguments[0]):u(this._isDirected,h,p,m),E=this._edgeObjs[v];return E&&(h=E.v,p=E.w,delete this._edgeLabels[v],delete this._edgeObjs[v],l(this._preds[p],h),l(this._sucs[h],p),delete this._in[p][v],delete this._out[h][v],this._edgeCount--),this},i.prototype.inEdges=function(h,p){var m=this._in[h];if(m){var v=e.values(m);return p?e.filter(v,function(E){return E.v===p}):v}},i.prototype.outEdges=function(h,p){var m=this._out[h];if(m){var v=e.values(m);return p?e.filter(v,function(E){return E.w===p}):v}},i.prototype.nodeEdges=function(h,p){var m=this.inEdges(h,p);if(m)return m.concat(this.outEdges(h,p))};function a(h,p){h[p]?h[p]++:h[p]=1}function l(h,p){--h[p]||delete h[p]}function u(h,p,m,v){var E=""+p,y=""+m;if(!h&&E>y){var x=E;E=y,y=x}return E+o+y+o+(e.isUndefined(v)?t:v)}function f(h,p,m,v){var E=""+p,y=""+m;if(!h&&E>y){var x=E;E=y,y=x}var b={v:E,w:y};return v&&(b.name=v),b}function d(h,p){return u(h,p.v,p.w,p.name)}return Wg}var Gg,dR;function RH(){return dR||(dR=1,Gg="2.1.8"),Gg}var Yg,hR;function PH(){return hR||(hR=1,Yg={Graph:Ug(),version:RH()}),Yg}var Kg,pR;function TH(){if(pR)return Kg;pR=1;var e=Vt(),t=Ug();Kg={write:n,read:a};function n(l){var u={options:{directed:l.isDirected(),multigraph:l.isMultigraph(),compound:l.isCompound()},nodes:o(l),edges:i(l)};return e.isUndefined(l.graph())||(u.value=e.clone(l.graph())),u}function o(l){return e.map(l.nodes(),function(u){var f=l.node(u),d=l.parent(u),h={v:u};return e.isUndefined(f)||(h.value=f),e.isUndefined(d)||(h.parent=d),h})}function i(l){return e.map(l.edges(),function(u){var f=l.edge(u),d={v:u.v,w:u.w};return e.isUndefined(u.name)||(d.name=u.name),e.isUndefined(f)||(d.value=f),d})}function a(l){var u=new t(l.options).setGraph(l.value);return e.each(l.nodes,function(f){u.setNode(f.v,f.value),f.parent&&u.setParent(f.v,f.parent)}),e.each(l.edges,function(f){u.setEdge({v:f.v,w:f.w,name:f.name},f.value)}),u}return Kg}var Xg,gR;function AH(){if(gR)return Xg;gR=1;var e=Vt();Xg=t;function t(n){var o={},i=[],a;function l(u){e.has(o,u)||(o[u]=!0,a.push(u),e.each(n.successors(u),l),e.each(n.predecessors(u),l))}return e.each(n.nodes(),function(u){a=[],l(u),a.length&&i.push(a)}),i}return Xg}var Qg,mR;function vR(){if(mR)return Qg;mR=1;var e=Vt();Qg=t;function t(){this._arr=[],this._keyIndices={}}return t.prototype.size=function(){return this._arr.length},t.prototype.keys=function(){return this._arr.map(function(n){return n.key})},t.prototype.has=function(n){return e.has(this._keyIndices,n)},t.prototype.priority=function(n){var o=this._keyIndices[n];if(o!==void 0)return this._arr[o].priority},t.prototype.min=function(){if(this.size()===0)throw new Error("Queue underflow");return this._arr[0].key},t.prototype.add=function(n,o){var i=this._keyIndices;if(n=String(n),!e.has(i,n)){var a=this._arr,l=a.length;return i[n]=l,a.push({key:n,priority:o}),this._decrease(l),!0}return!1},t.prototype.removeMin=function(){this._swap(0,this._arr.length-1);var n=this._arr.pop();return delete this._keyIndices[n.key],this._heapify(0),n.key},t.prototype.decrease=function(n,o){var i=this._keyIndices[n];if(o>this._arr[i].priority)throw new Error("New priority is greater than current priority. Key: "+n+" Old: "+this._arr[i].priority+" New: "+o);this._arr[i].priority=o,this._decrease(i)},t.prototype._heapify=function(n){var o=this._arr,i=2*n,a=i+1,l=n;i>1,!(o[a].priority0&&(p=h.removeMin(),m=d[p],m.distance!==Number.POSITIVE_INFINITY);)f(p).forEach(v);return d}return Zg}var Jg,xR;function IH(){if(xR)return Jg;xR=1;var e=wR(),t=Vt();Jg=n;function n(o,i,a){return t.transform(o.nodes(),function(l,u){l[u]=e(o,u,i,a)},{})}return Jg}var em,_R;function bR(){if(_R)return em;_R=1;var e=Vt();em=t;function t(n){var o=0,i=[],a={},l=[];function u(f){var d=a[f]={onStack:!0,lowlink:o,index:o++};if(i.push(f),n.successors(f).forEach(function(m){e.has(a,m)?a[m].onStack&&(d.lowlink=Math.min(d.lowlink,a[m].index)):(u(m),d.lowlink=Math.min(d.lowlink,a[m].lowlink))}),d.lowlink===d.index){var h=[],p;do p=i.pop(),a[p].onStack=!1,h.push(p);while(f!==p);l.push(h)}}return n.nodes().forEach(function(f){e.has(a,f)||u(f)}),l}return em}var tm,SR;function MH(){if(SR)return tm;SR=1;var e=Vt(),t=bR();tm=n;function n(o){return e.filter(t(o),function(i){return i.length>1||i.length===1&&o.hasEdge(i[0],i[0])})}return tm}var nm,ER;function OH(){if(ER)return nm;ER=1;var e=Vt();nm=n;var t=e.constant(1);function n(i,a,l){return o(i,a||t,l||function(u){return i.outEdges(u)})}function o(i,a,l){var u={},f=i.nodes();return f.forEach(function(d){u[d]={},u[d][d]={distance:0},f.forEach(function(h){d!==h&&(u[d][h]={distance:Number.POSITIVE_INFINITY})}),l(d).forEach(function(h){var p=h.v===d?h.w:h.v,m=a(h);u[d][p]={distance:m,predecessor:d}})}),f.forEach(function(d){var h=u[d];f.forEach(function(p){var m=u[p];f.forEach(function(v){var E=m[d],y=h[v],x=m[v],b=E.distance+y.distance;b0;){if(d=f.removeMin(),e.has(u,d))l.setEdge(d,u[d]);else{if(p)throw new Error("Input graph is not connected: "+i);p=!0}i.nodeEdges(d).forEach(h)}return l}return lm}var um,MR;function zH(){return MR||(MR=1,um={components:AH(),dijkstra:wR(),dijkstraAll:IH(),findCycles:MH(),floydWarshall:OH(),isAcyclic:LH(),postorder:DH(),preorder:jH(),prim:qH(),tarjan:bR(),topsort:kR()}),um}var cm,OR;function FH(){if(OR)return cm;OR=1;var e=PH();return cm={Graph:e.Graph,json:TH(),alg:zH(),version:e.version},cm}var fm,LR;function hn(){if(LR)return fm;LR=1;var e;if(typeof Jf=="function")try{e=FH()}catch{}return e||(e=window.graphlib),fm=e,fm}var dm,DR;function $H(){if(DR)return dm;DR=1;var e=sk(),t=1,n=4;function o(i){return e(i,t|n)}return dm=o,dm}var hm,jR;function Gl(){if(jR)return hm;jR=1;var e=Zo(),t=Yn(),n=ql(),o=Bt();function i(a,l,u){if(!o(u))return!1;var f=typeof l;return(f=="number"?t(u)&&n(l,u.length):f=="string"&&l in u)?e(u[l],a):!1}return hm=i,hm}var pm,qR;function BH(){if(qR)return pm;qR=1;var e=Ul(),t=Zo(),n=Gl(),o=no(),i=Object.prototype,a=i.hasOwnProperty,l=e(function(u,f){u=Object(u);var d=-1,h=f.length,p=h>2?f[2]:void 0;for(p&&n(f[0],f[1],p)&&(h=1);++d-1?f[d?a[h]:h]:void 0}}return gm=o,gm}var mm,FR;function HH(){if(FR)return mm;FR=1;var e=/\s/;function t(n){for(var o=n.length;o--&&e.test(n.charAt(o)););return o}return mm=t,mm}var vm,$R;function WH(){if($R)return vm;$R=1;var e=HH(),t=/^\s+/;function n(o){return o&&o.slice(0,e(o)+1).replace(t,"")}return vm=n,vm}var ym,BR;function UH(){if(BR)return ym;BR=1;var e=WH(),t=Bt(),n=ni(),o=NaN,i=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,l=/^0o[0-7]+$/i,u=parseInt;function f(d){if(typeof d=="number")return d;if(n(d))return o;if(t(d)){var h=typeof d.valueOf=="function"?d.valueOf():d;d=t(h)?h+"":h}if(typeof d!="string")return d===0?d:+d;d=e(d);var p=a.test(d);return p||l.test(d)?u(d.slice(2),p?2:8):i.test(d)?o:+d}return ym=f,ym}var wm,VR;function HR(){if(VR)return wm;VR=1;var e=UH(),t=1/0,n=17976931348623157e292;function o(i){if(!i)return i===0?i:0;if(i=e(i),i===t||i===-t){var a=i<0?-1:1;return a*n}return i===i?i:0}return wm=o,wm}var xm,WR;function GH(){if(WR)return xm;WR=1;var e=HR();function t(n){var o=e(n),i=o%1;return o===o?i?o-i:o:0}return xm=t,xm}var _m,UR;function YH(){if(UR)return _m;UR=1;var e=KN(),t=Kn(),n=GH(),o=Math.max;function i(a,l,u){var f=a==null?0:a.length;if(!f)return-1;var d=u==null?0:n(u);return d<0&&(d=o(f+d,0)),e(a,t(l,3),d)}return _m=i,_m}var bm,GR;function KH(){if(GR)return bm;GR=1;var e=VH(),t=YH(),n=e(t);return bm=n,bm}var Sm,YR;function KR(){if(YR)return Sm;YR=1;var e=Eg();function t(n){var o=n==null?0:n.length;return o?e(n,1):[]}return Sm=t,Sm}var Em,XR;function XH(){if(XR)return Em;XR=1;var e=cp(),t=mk(),n=no();function o(i,a){return i==null?i:e(i,t(a),n)}return Em=o,Em}var Cm,QR;function QH(){if(QR)return Cm;QR=1;function e(t){var n=t==null?0:t.length;return n?t[n-1]:void 0}return Cm=e,Cm}var km,ZR;function ZH(){if(ZR)return km;ZR=1;var e=Dl(),t=dp(),n=Kn();function o(i,a){var l={};return a=n(a,3),t(i,function(u,f,d){e(l,f,a(u,f,d))}),l}return km=o,km}var Nm,JR;function Rm(){if(JR)return Nm;JR=1;var e=ni();function t(n,o,i){for(var a=-1,l=n.length;++an}return Pm=e,Pm}var Tm,tP;function e8(){if(tP)return Tm;tP=1;var e=Rm(),t=JH(),n=ro();function o(i){return i&&i.length?e(i,n,t):void 0}return Tm=o,Tm}var Am,nP;function rP(){if(nP)return Am;nP=1;var e=Dl(),t=Zo();function n(o,i,a){(a!==void 0&&!t(o[i],a)||a===void 0&&!(i in o))&&e(o,i,a)}return Am=n,Am}var Im,oP;function t8(){if(oP)return Im;oP=1;var e=eo(),t=$l(),n=In(),o="[object Object]",i=Function.prototype,a=Object.prototype,l=i.toString,u=a.hasOwnProperty,f=l.call(Object);function d(h){if(!n(h)||e(h)!=o)return!1;var p=t(h);if(p===null)return!0;var m=u.call(p,"constructor")&&p.constructor;return typeof m=="function"&&m instanceof m&&l.call(m)==f}return Im=d,Im}var Mm,iP;function sP(){if(iP)return Mm;iP=1;function e(t,n){if(!(n==="constructor"&&typeof t[n]=="function")&&n!="__proto__")return t[n]}return Mm=e,Mm}var Om,aP;function n8(){if(aP)return Om;aP=1;var e=ps(),t=no();function n(o){return e(o,t(o))}return Om=n,Om}var Lm,lP;function r8(){if(lP)return Lm;lP=1;var e=rP(),t=mC(),n=KC(),o=yC(),i=ek(),a=gs(),l=nt(),u=iR(),f=ei(),d=hs(),h=Bt(),p=t8(),m=ys(),v=sP(),E=n8();function y(x,b,C,_,N,P,T){var I=v(x,C),O=v(b,C),q=T.get(O);if(q){e(x,C,q);return}var G=P?P(I,O,C+"",x,b,T):void 0,F=G===void 0;if(F){var j=l(O),W=!j&&f(O),L=!j&&!W&&m(O);G=O,j||W||L?l(I)?G=I:u(I)?G=o(I):W?(F=!1,G=t(O,!0)):L?(F=!1,G=n(O,!0)):G=[]:p(O)||a(O)?(G=I,a(I)?G=E(I):(!h(I)||d(I))&&(G=i(O))):F=!1}F&&(T.set(O,G),N(G,O,_,P,T),T.delete(O)),e(x,C,G)}return Lm=y,Lm}var Dm,uP;function o8(){if(uP)return Dm;uP=1;var e=Ll(),t=rP(),n=cp(),o=r8(),i=Bt(),a=no(),l=sP();function u(f,d,h,p,m){f!==d&&n(d,function(v,E){if(m||(m=new e),i(v))o(f,d,E,h,u,p,m);else{var y=p?p(l(f,E),v,E+"",f,d,m):void 0;y===void 0&&(y=v),t(f,E,y)}},a)}return Dm=u,Dm}var jm,cP;function i8(){if(cP)return jm;cP=1;var e=Ul(),t=Gl();function n(o){return e(function(i,a){var l=-1,u=a.length,f=u>1?a[u-1]:void 0,d=u>2?a[2]:void 0;for(f=o.length>3&&typeof f=="function"?(u--,f):void 0,d&&t(a[0],a[1],d)&&(f=u<3?void 0:f,u=1),i=Object(i);++lo||u&&f&&h&&!d&&!p||a&&f&&h||!i&&h||!l)return 1;if(!a&&!u&&!p&&n=d)return h;var p=i[a];return h*(p=="desc"?-1:1)}}return n.index-o.index}return Jm=t,Jm}var ev,RP;function _8(){if(RP)return ev;RP=1;var e=Vl(),t=Wl(),n=Kn(),o=EN(),i=y8(),a=zl(),l=x8(),u=ro(),f=nt();function d(h,p,m){p.length?p=e(p,function(y){return f(y)?function(x){return t(x,y.length===1?y[0]:y)}:y}):p=[u];var v=-1;p=e(p,a(n));var E=o(h,function(y,x,b){var C=e(p,function(_){return _(y)});return{criteria:C,index:++v,value:y}});return i(E,function(y,x){return l(y,x,m)})}return ev=d,ev}var tv,PP;function b8(){if(PP)return tv;PP=1;var e=Eg(),t=_8(),n=Ul(),o=Gl(),i=n(function(a,l){if(a==null)return[];var u=l.length;return u>1&&o(a,l[0],l[1])?l=[]:u>2&&o(l[0],l[1],l[2])&&(l=[l[0]]),t(a,e(l,1),[])});return tv=i,tv}var nv,TP;function S8(){if(TP)return nv;TP=1;var e=Jk(),t=0;function n(o){var i=++t;return e(o)+i}return nv=n,nv}var rv,AP;function E8(){if(AP)return rv;AP=1;function e(t,n,o){for(var i=-1,a=t.length,l=n.length,u={};++i0;--x)if(y=h[x].dequeue(),y){m=m.concat(l(d,h,p,y,!0));break}}}return m}function l(d,h,p,m,v){var E=v?[]:void 0;return e.forEach(d.inEdges(m.v),function(y){var x=d.edge(y),b=d.node(y.v);v&&E.push({v:y.v,w:y.w}),b.out-=x,f(h,p,b)}),e.forEach(d.outEdges(m.v),function(y){var x=d.edge(y),b=y.w,C=d.node(b);C.in-=x,f(h,p,C)}),d.removeNode(m.v),E}function u(d,h){var p=new t,m=0,v=0;e.forEach(d.nodes(),function(x){p.setNode(x,{v:x,in:0,out:0})}),e.forEach(d.edges(),function(x){var b=p.edge(x.v,x.w)||0,C=h(x),_=b+C;p.setEdge(x.v,x.w,_),v=Math.max(v,p.node(x.v).out+=C),m=Math.max(m,p.node(x.w).in+=C)});var E=e.range(v+m+3).map(function(){return new n}),y=m+1;return e.forEach(p.nodes(),function(x){f(E,y,p.node(x))}),{graph:p,buckets:E,zeroIdx:y}}function f(d,h,p){p.out?p.in?d[p.out-p.in+h].enqueue(p):d[d.length-1].enqueue(p):d[0].enqueue(p)}return av}var lv,DP;function R8(){if(DP)return lv;DP=1;var e=He(),t=N8();lv={run:n,undo:i};function n(a){var l=a.graph().acyclicer==="greedy"?t(a,u(a)):o(a);e.forEach(l,function(f){var d=a.edge(f);a.removeEdge(f),d.forwardName=f.name,d.reversed=!0,a.setEdge(f.w,f.v,d,e.uniqueId("rev"))});function u(f){return function(d){return f.edge(d).weight}}}function o(a){var l=[],u={},f={};function d(h){e.has(f,h)||(f[h]=!0,u[h]=!0,e.forEach(a.outEdges(h),function(p){e.has(u,p.w)?l.push(p):d(p.w)}),delete u[h])}return e.forEach(a.nodes(),d),l}function i(a){e.forEach(a.edges(),function(l){var u=a.edge(l);if(u.reversed){a.removeEdge(l);var f=u.forwardName;delete u.reversed,delete u.forwardName,a.setEdge(l.w,l.v,u,f)}})}return lv}var uv,jP;function St(){if(jP)return uv;jP=1;var e=He(),t=hn().Graph;uv={addDummyNode:n,simplify:o,asNonCompoundGraph:i,successorWeights:a,predecessorWeights:l,intersectRect:u,buildLayerMatrix:f,normalizeRanks:d,removeEmptyRanks:h,addBorderNode:p,maxRank:m,partition:v,time:E,notime:y};function n(x,b,C,_){var N;do N=e.uniqueId(_);while(x.hasNode(N));return C.dummy=b,x.setNode(N,C),N}function o(x){var b=new t().setGraph(x.graph());return e.forEach(x.nodes(),function(C){b.setNode(C,x.node(C))}),e.forEach(x.edges(),function(C){var _=b.edge(C.v,C.w)||{weight:0,minlen:1},N=x.edge(C);b.setEdge(C.v,C.w,{weight:_.weight+N.weight,minlen:Math.max(_.minlen,N.minlen)})}),b}function i(x){var b=new t({multigraph:x.isMultigraph()}).setGraph(x.graph());return e.forEach(x.nodes(),function(C){x.children(C).length||b.setNode(C,x.node(C))}),e.forEach(x.edges(),function(C){b.setEdge(C,x.edge(C))}),b}function a(x){var b=e.map(x.nodes(),function(C){var _={};return e.forEach(x.outEdges(C),function(N){_[N.w]=(_[N.w]||0)+x.edge(N).weight}),_});return e.zipObject(x.nodes(),b)}function l(x){var b=e.map(x.nodes(),function(C){var _={};return e.forEach(x.inEdges(C),function(N){_[N.v]=(_[N.v]||0)+x.edge(N).weight}),_});return e.zipObject(x.nodes(),b)}function u(x,b){var C=x.x,_=x.y,N=b.x-C,P=b.y-_,T=x.width/2,I=x.height/2;if(!N&&!P)throw new Error("Not possible to find intersection inside of the rectangle");var O,q;return Math.abs(P)*T>Math.abs(N)*I?(P<0&&(I=-I),O=I*N/P,q=I):(N<0&&(T=-T),O=T,q=T*P/N),{x:C+O,y:_+q}}function f(x){var b=e.map(e.range(m(x)+1),function(){return[]});return e.forEach(x.nodes(),function(C){var _=x.node(C),N=_.rank;e.isUndefined(N)||(b[N][_.order]=C)}),b}function d(x){var b=e.min(e.map(x.nodes(),function(C){return x.node(C).rank}));e.forEach(x.nodes(),function(C){var _=x.node(C);e.has(_,"rank")&&(_.rank-=b)})}function h(x){var b=e.min(e.map(x.nodes(),function(P){return x.node(P).rank})),C=[];e.forEach(x.nodes(),function(P){var T=x.node(P).rank-b;C[T]||(C[T]=[]),C[T].push(P)});var _=0,N=x.graph().nodeRankFactor;e.forEach(C,function(P,T){e.isUndefined(P)&&T%N!==0?--_:_&&e.forEach(P,function(I){x.node(I).rank+=_})})}function p(x,b,C,_){var N={width:0,height:0};return arguments.length>=4&&(N.rank=C,N.order=_),n(x,"border",N,b)}function m(x){return e.max(e.map(x.nodes(),function(b){var C=x.node(b).rank;if(!e.isUndefined(C))return C}))}function v(x,b){var C={lhs:[],rhs:[]};return e.forEach(x,function(_){b(_)?C.lhs.push(_):C.rhs.push(_)}),C}function E(x,b){var C=e.now();try{return b()}finally{console.log(x+" time: "+(e.now()-C)+"ms")}}function y(x,b){return b()}return uv}var cv,qP;function P8(){if(qP)return cv;qP=1;var e=He(),t=St();cv={run:n,undo:i};function n(a){a.graph().dummyChains=[],e.forEach(a.edges(),function(l){o(a,l)})}function o(a,l){var u=l.v,f=a.node(u).rank,d=l.w,h=a.node(d).rank,p=l.name,m=a.edge(l),v=m.labelRank;if(h!==f+1){a.removeEdge(l);var E,y,x;for(x=0,++f;fq.lim&&(G=q,F=!0);var j=e.filter(N.edges(),function(W){return F===C(_,_.node(W.v),G)&&F!==C(_,_.node(W.w),G)});return e.minBy(j,function(W){return n(N,W)})}function y(_,N,P,T){var I=P.v,O=P.w;_.removeEdge(I,O),_.setEdge(T.v,T.w,{}),p(_),f(_,N),x(_,N)}function x(_,N){var P=e.find(_.nodes(),function(I){return!N.node(I).parent}),T=i(_,P);T=T.slice(1),e.forEach(T,function(I){var O=_.node(I).parent,q=N.edge(I,O),G=!1;q||(q=N.edge(O,I),G=!0),N.node(I).rank=N.node(O).rank+(G?q.minlen:-q.minlen)})}function b(_,N,P){return _.hasEdge(N,P)}function C(_,N,P){return P.low<=N.lim&&N.lim<=P.lim}return hv}var pv,VP;function A8(){if(VP)return pv;VP=1;var e=Yl(),t=e.longestPath,n=$P(),o=T8();pv=i;function i(f){switch(f.graph().ranker){case"network-simplex":u(f);break;case"tight-tree":l(f);break;case"longest-path":a(f);break;default:u(f)}}var a=t;function l(f){t(f),n(f)}function u(f){o(f)}return pv}var gv,HP;function I8(){if(HP)return gv;HP=1;var e=He();gv=t;function t(i){var a=o(i);e.forEach(i.graph().dummyChains,function(l){for(var u=i.node(l),f=u.edgeObj,d=n(i,a,f.v,f.w),h=d.path,p=d.lca,m=0,v=h[m],E=!0;l!==f.w;){if(u=i.node(l),E){for(;(v=h[m])!==p&&i.node(v).maxRankh||p>a[m].lim));for(v=m,m=u;(m=i.parent(m))!==v;)d.push(m);return{path:f.concat(d.reverse()),lca:v}}function o(i){var a={},l=0;function u(f){var d=l;e.forEach(i.children(f),u),a[f]={low:d,lim:l++}}return e.forEach(i.children(),u),a}return gv}var mv,WP;function M8(){if(WP)return mv;WP=1;var e=He(),t=St();mv={run:n,cleanup:l};function n(u){var f=t.addDummyNode(u,"root",{},"_root"),d=i(u),h=e.max(e.values(d))-1,p=2*h+1;u.graph().nestingRoot=f,e.forEach(u.edges(),function(v){u.edge(v).minlen*=p});var m=a(u)+1;e.forEach(u.children(),function(v){o(u,f,p,m,h,d,v)}),u.graph().nodeRankFactor=p}function o(u,f,d,h,p,m,v){var E=u.children(v);if(!E.length){v!==f&&u.setEdge(f,v,{weight:0,minlen:d});return}var y=t.addBorderNode(u,"_bt"),x=t.addBorderNode(u,"_bb"),b=u.node(v);u.setParent(y,v),b.borderTop=y,u.setParent(x,v),b.borderBottom=x,e.forEach(E,function(C){o(u,f,d,h,p,m,C);var _=u.node(C),N=_.borderTop?_.borderTop:C,P=_.borderBottom?_.borderBottom:C,T=_.borderTop?h:2*h,I=N!==P?1:p-m[v]+1;u.setEdge(y,N,{weight:T,minlen:I,nestingEdge:!0}),u.setEdge(P,x,{weight:T,minlen:I,nestingEdge:!0})}),u.parent(v)||u.setEdge(f,y,{weight:0,minlen:p+m[v]})}function i(u){var f={};function d(h,p){var m=u.children(h);m&&m.length&&e.forEach(m,function(v){d(v,p+1)}),f[h]=p}return e.forEach(u.children(),function(h){d(h,1)}),f}function a(u){return e.reduce(u.edges(),function(f,d){return f+u.edge(d).weight},0)}function l(u){var f=u.graph();u.removeNode(f.nestingRoot),delete f.nestingRoot,e.forEach(u.edges(),function(d){var h=u.edge(d);h.nestingEdge&&u.removeEdge(d)})}return mv}var vv,UP;function O8(){if(UP)return vv;UP=1;var e=He(),t=St();vv=n;function n(i){function a(l){var u=i.children(l),f=i.node(l);if(u.length&&e.forEach(u,a),e.has(f,"minRank")){f.borderLeft=[],f.borderRight=[];for(var d=f.minRank,h=f.maxRank+1;d0;)v%2&&(E+=h[v+1]),v=v-1>>1,h[v]+=m.weight;p+=m.weight*E})),p}return xv}var _v,XP;function q8(){if(XP)return _v;XP=1;var e=He();_v=t;function t(n,o){return e.map(o,function(i){var a=n.inEdges(i);if(a.length){var l=e.reduce(a,function(u,f){var d=n.edge(f),h=n.node(f.v);return{sum:u.sum+d.weight*h.order,weight:u.weight+d.weight}},{sum:0,weight:0});return{v:i,barycenter:l.sum/l.weight,weight:l.weight}}else return{v:i}})}return _v}var bv,QP;function z8(){if(QP)return bv;QP=1;var e=He();bv=t;function t(i,a){var l={};e.forEach(i,function(f,d){var h=l[f.v]={indegree:0,in:[],out:[],vs:[f.v],i:d};e.isUndefined(f.barycenter)||(h.barycenter=f.barycenter,h.weight=f.weight)}),e.forEach(a.edges(),function(f){var d=l[f.v],h=l[f.w];!e.isUndefined(d)&&!e.isUndefined(h)&&(h.indegree++,d.out.push(l[f.w]))});var u=e.filter(l,function(f){return!f.indegree});return n(u)}function n(i){var a=[];function l(d){return function(h){h.merged||(e.isUndefined(h.barycenter)||e.isUndefined(d.barycenter)||h.barycenter>=d.barycenter)&&o(d,h)}}function u(d){return function(h){h.in.push(d),--h.indegree===0&&i.push(h)}}for(;i.length;){var f=i.pop();a.push(f),e.forEach(f.in.reverse(),l(f)),e.forEach(f.out,u(f))}return e.map(e.filter(a,function(d){return!d.merged}),function(d){return e.pick(d,["vs","i","barycenter","weight"])})}function o(i,a){var l=0,u=0;i.weight&&(l+=i.barycenter*i.weight,u+=i.weight),a.weight&&(l+=a.barycenter*a.weight,u+=a.weight),i.vs=a.vs.concat(i.vs),i.barycenter=l/u,i.weight=u,i.i=Math.min(a.i,i.i),a.merged=!0}return bv}var Sv,ZP;function F8(){if(ZP)return Sv;ZP=1;var e=He(),t=St();Sv=n;function n(a,l){var u=t.partition(a,function(y){return e.has(y,"barycenter")}),f=u.lhs,d=e.sortBy(u.rhs,function(y){return-y.i}),h=[],p=0,m=0,v=0;f.sort(i(!!l)),v=o(h,d,v),e.forEach(f,function(y){v+=y.vs.length,h.push(y.vs),p+=y.barycenter*y.weight,m+=y.weight,v=o(h,d,v)});var E={vs:e.flatten(h,!0)};return m&&(E.barycenter=p/m,E.weight=m),E}function o(a,l,u){for(var f;l.length&&(f=e.last(l)).i<=u;)l.pop(),a.push(f.vs),u++;return u}function i(a){return function(l,u){return l.barycenteru.barycenter?1:a?u.i-l.i:l.i-u.i}}return Sv}var Ev,JP;function $8(){if(JP)return Ev;JP=1;var e=He(),t=q8(),n=z8(),o=F8();Ev=i;function i(u,f,d,h){var p=u.children(f),m=u.node(f),v=m?m.borderLeft:void 0,E=m?m.borderRight:void 0,y={};v&&(p=e.filter(p,function(P){return P!==v&&P!==E}));var x=t(u,p);e.forEach(x,function(P){if(u.children(P.v).length){var T=i(u,P.v,d,h);y[P.v]=T,e.has(T,"barycenter")&&l(P,T)}});var b=n(x,d);a(b,y);var C=o(b,h);if(v&&(C.vs=e.flatten([v,C.vs,E],!0),u.predecessors(v).length)){var _=u.node(u.predecessors(v)[0]),N=u.node(u.predecessors(E)[0]);e.has(C,"barycenter")||(C.barycenter=0,C.weight=0),C.barycenter=(C.barycenter*C.weight+_.order+N.order)/(C.weight+2),C.weight+=2}return C}function a(u,f){e.forEach(u,function(d){d.vs=e.flatten(d.vs.map(function(h){return f[h]?f[h].vs:h}),!0)})}function l(u,f){e.isUndefined(u.barycenter)?(u.barycenter=f.barycenter,u.weight=f.weight):(u.barycenter=(u.barycenter*u.weight+f.barycenter*f.weight)/(u.weight+f.weight),u.weight+=f.weight)}return Ev}var Cv,eT;function B8(){if(eT)return Cv;eT=1;var e=He(),t=hn().Graph;Cv=n;function n(i,a,l){var u=o(i),f=new t({compound:!0}).setGraph({root:u}).setDefaultNodeLabel(function(d){return i.node(d)});return e.forEach(i.nodes(),function(d){var h=i.node(d),p=i.parent(d);(h.rank===a||h.minRank<=a&&a<=h.maxRank)&&(f.setNode(d),f.setParent(d,p||u),e.forEach(i[l](d),function(m){var v=m.v===d?m.w:m.v,E=f.edge(v,d),y=e.isUndefined(E)?0:E.weight;f.setEdge(v,d,{weight:i.edge(m).weight+y})}),e.has(h,"minRank")&&f.setNode(d,{borderLeft:h.borderLeft[a],borderRight:h.borderRight[a]}))}),f}function o(i){for(var a;i.hasNode(a=e.uniqueId("_root")););return a}return Cv}var kv,tT;function V8(){if(tT)return kv;tT=1;var e=He();kv=t;function t(n,o,i){var a={},l;e.forEach(i,function(u){for(var f=n.parent(u),d,h;f;){if(d=n.parent(f),d?(h=a[d],a[d]=f):(h=l,l=f),h&&h!==f){o.setEdge(h,f);return}f=d}})}return kv}var Nv,nT;function H8(){if(nT)return Nv;nT=1;var e=He(),t=D8(),n=j8(),o=$8(),i=B8(),a=V8(),l=hn().Graph,u=St();Nv=f;function f(m){var v=u.maxRank(m),E=d(m,e.range(1,v+1),"inEdges"),y=d(m,e.range(v-1,-1,-1),"outEdges"),x=t(m);p(m,x);for(var b=Number.POSITIVE_INFINITY,C,_=0,N=0;N<4;++_,++N){h(_%2?E:y,_%4>=2),x=u.buildLayerMatrix(m);var P=n(m,x);PG)&&l(_,W,F)})})}function P(T,I){var O=-1,q,G=0;return e.forEach(I,function(F,j){if(b.node(F).dummy==="border"){var W=b.predecessors(F);W.length&&(q=b.node(W[0]).order,N(I,G,j,O,q),G=j,O=q)}N(I,G,I.length,q,T.length)}),I}return e.reduce(C,P),_}function a(b,C){if(b.node(C).dummy)return e.find(b.predecessors(C),function(_){return b.node(_).dummy})}function l(b,C,_){if(C>_){var N=C;C=_,_=N}var P=b[C];P||(b[C]=P={}),P[_]=!0}function u(b,C,_){if(C>_){var N=C;C=_,_=N}return e.has(b[C],_)}function f(b,C,_,N){var P={},T={},I={};return e.forEach(C,function(O){e.forEach(O,function(q,G){P[q]=q,T[q]=q,I[q]=G})}),e.forEach(C,function(O){var q=-1;e.forEach(O,function(G){var F=N(G);if(F.length){F=e.sortBy(F,function(z){return I[z]});for(var j=(F.length-1)/2,W=Math.floor(j),L=Math.ceil(j);W<=L;++W){var H=F[W];T[G]===G&&q({})),o.setGraph({rankdir:n,nodesep:e6,ranksep:t6}),e.forEach(a=>{const{width:l,height:u}=cT(a);o.setNode(a.id,{width:l,height:u})}),t.forEach(a=>{o.setEdge(a.source,a.target)}),uT.layout(o),{nodes:e.map(a=>{const l=o.node(a.id),{width:u,height:f}=cT(a);return{...a,position:{x:l.x-u/2,y:l.y-f/2}}}),edges:t}}function r6(e,t,n){return{onLayout:k.useCallback(i=>{const{nodes:a}=n6(e,t,i);n(a)},[e,t,n])}}const fT=k.createContext(null),dT=k.createContext(null),hT=k.createContext(null),o6=()=>{const e=k.useContext(fT);if(!e)throw new Error("useSetNodesDict must be used within SetNodesDictContext.Provider");return e},pT=()=>{const e=k.useContext(dT);if(!e)throw new Error("useSetNodeValues must be used within SetNodeValuesContext.Provider");return e},gT=()=>{const e=k.useContext(hT);if(!e)throw new Error("useSetActionEvents must be used within SetActionEventsContext.Provider");return e};function i6({component:e,onValueChange:t}){var l;const n=qo(),o=gT(),i=((l=n==null?void 0:n.nodeData.values)==null?void 0:l[e.id])??e.value??0,a=()=>{if(e.action&&(n!=null&&n.nodeData.id)){console.log("🔵 ButtonComponent: Button clicked!",{action:e.action,node_id:n.nodeData.id,component_id:e.id,timestamp:Date.now()});const f={action:e.action,node_id:n.nodeData.id,component_id:e.id,timestamp:Date.now()};console.log("🔵 ButtonComponent: Created event object",f),o(d=>{console.log("🔵 ButtonComponent: Previous events",d);const h=[...d,f];return console.log("🔵 ButtonComponent: Setting new events array",h),h}),console.log("🔵 ButtonComponent: setActionEvents called")}else console.warn("⚠️ ButtonComponent: Cannot emit action",{hasAction:!!e.action,hasNodeId:!!(n!=null&&n.nodeData.id),context:n});const u=i+1;t==null||t(e.id,u)};return R.jsx(Xo,{variant:e.variant||"default",size:e.size||"default",disabled:e.disabled||!1,onClick:a,onMouseDown:u=>u.stopPropagation(),onPointerDown:u=>u.stopPropagation(),className:"w-full",style:{backgroundColor:e.bgColor,color:e.textColor,width:"100%",height:"100%"},children:e.label})}function s6({component:e}){const t=e.orientation!=="vertical";return R.jsx("div",{className:`component-divider ${t?"w-full h-px":"h-full w-px"} bg-gray-300`})}function a6({component:e}){return R.jsx("div",{className:"component-spacer",style:{width:e.size,height:e.size}})}function l6({cell:e,nodeId:t,onValueChange:n}){const o=e.layout||{type:"flex",direction:"column"},i=u6(e),a=c6(o);return R.jsx("div",{className:"nested-grid-cell",style:i,children:R.jsx("div",{className:"nested-grid-cell-content",style:a,children:e.components.map(l=>R.jsx(mT,{component:l,nodeId:t,onValueChange:n},l.id))})})}function u6(e){const t=e.coordinates.row_span||1,n=e.coordinates.col_span||1;return{gridRow:`${e.coordinates.row} / span ${t}`,gridColumn:`${e.coordinates.col} / span ${n}`}}function c6(e){return!e||e.type==="flex"||!e.type?{display:"flex",flexDirection:(e==null?void 0:e.direction)||"column",alignItems:(e==null?void 0:e.align)||"start",justifyContent:(e==null?void 0:e.justify)||"start",gap:(e==null?void 0:e.gap)||"4px",height:"100%",width:"100%"}:e.type==="grid"?{display:"grid",gap:e.gap||"4px",alignItems:e.align||"start",justifyContent:e.justify||"start",height:"100%",width:"100%"}:e.type==="stack"?{display:"flex",flexDirection:"column",gap:e.gap||"4px",height:"100%",width:"100%"}:{}}function f6({component:e,nodeId:t,onValueChange:n}){const o={display:"grid",gridTemplateRows:e.rows.join(" "),gridTemplateColumns:e.columns.join(" "),gap:e.gap||"8px",minHeight:e.minHeight,minWidth:e.minWidth};return R.jsx("div",{className:`nested-grid ${e.className||""}`,style:o,children:e.cells.map(i=>R.jsx(l6,{cell:i,nodeId:t,onValueChange:n},i.id))})}function mT({component:e,nodeId:t,onValueChange:n}){switch(e.type){case"base-handle":return R.jsx(Qa,{component:e});case"labeled-handle":return R.jsx(Q_,{component:e});case"button-handle":return R.jsx(Z_,{component:e});case"text":return R.jsx(z3,{component:e,onValueChange:n});case"number":return R.jsx($3,{component:e,onValueChange:n});case"bool":return R.jsx(_z,{component:e,onValueChange:n});case"select":return R.jsx(B$,{component:e,onValueChange:n});case"progress":return R.jsx(aB,{component:e,onValueChange:n});case"header":return R.jsx(lB,{component:e});case"footer":return R.jsx(uB,{component:e});case"button":return R.jsx(i6,{component:e,onValueChange:n});case"divider":return R.jsx(s6,{component:e});case"spacer":return R.jsx(a6,{component:e});case"grid-layout":return R.jsx(f6,{component:e,nodeId:t,onValueChange:n});default:return console.warn(`Unknown component type: ${e.type}`),null}}function d6({grid:e,nodeId:t,onValueChange:n}){const o={display:"grid",gridTemplateRows:e.rows.join(" "),gridTemplateColumns:e.columns.join(" "),gap:e.gap||"0px",width:"100%",height:"100%"};return R.jsx("div",{className:"node-grid",style:o,children:e.cells.map(i=>R.jsx("div",{className:"grid-cell",style:{gridRow:`${i.coordinates.row} / span ${i.coordinates.row_span||1}`,gridColumn:`${i.coordinates.col} / span ${i.coordinates.col_span||1}`},children:R.jsx(h6,{cell:i,nodeId:t,onValueChange:n})},i.id))})}function h6({cell:e,nodeId:t,onValueChange:n}){const o=e.layout||{type:"flex",direction:"column"},i=p6(o);return R.jsx("div",{className:"grid-cell-content",style:i,children:e.components.map(a=>R.jsx(mT,{component:a,nodeId:t,onValueChange:n},a.id))})}function p6(e){return e.type==="flex"||!e.type?{display:"flex",flexDirection:e.direction||"column",alignItems:e.align||"start",justifyContent:e.justify||"start",gap:e.gap||"4px"}:e.type==="grid"?{display:"grid",gap:e.gap||"4px",alignItems:e.align||"start",justifyContent:e.justify||"start"}:e.type==="stack"?{display:"flex",flexDirection:"column",gap:e.gap||"4px"}:{}}var g6={};class Ov{constructor(t,n,o="Node"){uc(this,"grid");uc(this,"style");uc(this,"label");if(this.grid=t,this.style=n,this.label=o,!t)throw new Error("'grid' property is required in node definition.")}buildStyleConfig(){const{style:t}=this,n={};t!=null&&t.minWidth&&(n.minWidth=typeof t.minWidth=="number"?`${t.minWidth}px`:t.minWidth),t!=null&&t.maxWidth&&(n.maxWidth=typeof t.maxWidth=="number"?`${t.maxWidth}px`:t.maxWidth),t!=null&&t.borderRadius&&(n.borderRadius=t.borderRadius);const o=t!=null&&t.shadow?`shadow-${t.shadow}`:"shadow-md";return{style:n,className:Me("min-w-[200px] border-2 transition-all overflow-hidden !p-0 gap-0 bg-card text-card-foreground rounded-xl",o,t==null?void 0:t.className)}}buildComponent(){const{grid:t,label:n}=this,o=this.buildStyleConfig(),i=({id:a,data:l,selected:u})=>{const f=l,d=pT(),h=k.useCallback((v,E)=>{d(y=>({...y,[a]:{...y[a],[v]:E}}))},[a,d]),p=f.grid||t,m=k.useMemo(()=>({nodeId:a,nodeData:f||{label:n,grid:t,values:{}},onValueChange:h}),[a,f,h]);return R.jsx("div",{className:Me(o.className,u&&"border-primary shadow-lg ring-2 ring-primary/20"),style:o.style,children:R.jsx(J_.Provider,{value:m,children:R.jsx(d6,{grid:p,nodeId:a,onValueChange:h})})})};return k.memo(i,(a,l)=>{if(a.id!==l.id||a.selected!==l.selected)return!1;const u=a.data.values,f=l.data.values;return u===f?!0:!u||!f?u===f:JSON.stringify(u)===JSON.stringify(f)})}static buildComponent(t,n,o="Node"){return new Ov(t,n,o).buildComponent()}}function m6(e){const t={};for(const n of e)try{t[n.type]=Ov.buildComponent(n.definition.grid,n.definition.style,n.label)}catch(o){throw typeof g6.VITEST>"u"&&console.error(`Failed to build component for node type "${n.type}":`,o),o}return t}function v6({data:e}){const[t,n]=k.useState(e.nodes),[o,i]=k.useState(e.node_values),[a,l]=k.useState(e.edges),[u,f]=k.useState([]),[d,h]=k.useState(null),p=e.height||"600px",m=e.interactive!==!1,v=k.useMemo(()=>m6(e.node_templates),[e.node_templates]),E=k.useMemo(()=>Object.entries(t).map(([j,W])=>({id:j,...W})),[t]),y=k.useCallback(j=>{if(!m)return;const W=$x(j,E),L={};W.forEach(H=>{const{id:z,...Y}=H;L[z]=Y}),n(L)},[E,m]),x=k.useCallback(j=>{m&&l(W=>Bx(j,W))},[m]),b=k.useCallback(j=>{m&&l(W=>ex(j,W))},[m]),C=k.useCallback((j,W)=>{m&&(j.preventDefault(),h({id:W.id,type:"node",x:j.clientX,y:j.clientY}))},[m]),_=k.useCallback((j,W)=>{m&&(j.preventDefault(),h({id:W.id,type:"edge",x:j.clientX,y:j.clientY}))},[m]),N=k.useCallback(()=>{h(null)},[]),P=k.useCallback(()=>{!m||!d||(d.type==="node"?(n(j=>{const W={...j};return delete W[d.id],W}),l(j=>j.filter(W=>W.source!==d.id&&W.target!==d.id))):d.type==="edge"&&l(j=>j.filter(W=>W.id!==d.id)),h(null))},[d,m]),T=k.useCallback(j=>{if(!m)return;const W=`${j.type}-${Date.now()}`,L={type:j.type,position:{x:250,y:250},data:{}};n(H=>({...H,[W]:L}))},[m]),I=k.useCallback(j=>{n(W=>{const L=Object.entries(W).map(([Y,M])=>({id:Y,...M})),H=typeof j=="function"?j(L):j,z={};return H.forEach(Y=>{const{id:M,...$}=Y;z[M]=$}),z})},[n]),{onLayout:O}=r6(E,a,I),q=k.useCallback(()=>{O("TB")},[O]),G=k.useCallback(()=>{O("LR")},[O]);k.useEffect(()=>{E.length>0&&setTimeout(()=>{q()},100)},[]);const F=k.useCallback(()=>{const j={nodes:t,edges:a,node_values:o,node_templates:e.node_templates},W=JSON.stringify(j,null,2),L=new Blob([W],{type:"application/json"}),H=URL.createObjectURL(L),z=document.createElement("a");z.href=H,z.download="workflow.json",document.body.appendChild(z),z.click(),document.body.removeChild(z),URL.revokeObjectURL(H)},[t,a,o,e.node_templates]);return R.jsx("div",{style:{width:"100%",height:p,display:"flex",position:"relative",overflow:"hidden"},children:R.jsx(fT.Provider,{value:n,children:R.jsx(dT.Provider,{value:i,children:R.jsx(hT.Provider,{value:f,children:R.jsx(R_,{children:R.jsxs(x5,{defaultOpen:m,className:"!min-h-0 !h-full !w-full",children:[m&&R.jsxs(_5,{collapsible:"icon",className:"!relative !inset-auto !h-full",children:[R.jsxs(S5,{className:"flex flex-row items-center justify-between border-b",children:[R.jsx("span",{className:"text-sm font-semibold",children:"Add Nodes"}),R.jsx(b5,{})]}),R.jsx(A5,{onAddNode:T,templates:e.node_templates})]}),R.jsx("div",{style:{flex:1,height:"100%",position:"relative"},children:R.jsx(L5,{nodes:E,edges:a,nodeTypes:v,height:p,onNodesChange:y,onEdgesChange:x,onConnect:b,onNodeContextMenu:C,onEdgeContextMenu:_,onPaneClick:N,contextMenu:d,onDelete:P,onCloseContextMenu:()=>h(null),onExport:F,onLayoutVertical:q,onLayoutHorizontal:G})})]})})})})})})}function Lv(e,t){const n=document.getElementById(e);if(!n){console.error(`Container with id "${e}" not found`);return}UI.createRoot(n).render(R.jsx(v6,{data:t}))}if(typeof window<"u"){const e=()=>{const t=document.getElementById("pynodewidget-data");if(t&&t.textContent)try{const n=JSON.parse(t.textContent);Lv("pynodewidget-root",n)}catch(n){console.error("Failed to parse pynodewidget data:",n)}};document.readyState==="loading"?window.addEventListener("DOMContentLoaded",e):e()}return window.PyNodeWidget={initStandaloneFlow:Lv},Ft.initStandaloneFlow=Lv,Ft.useSetActionEvents=gT,Ft.useSetNodeValues=pT,Ft.useSetNodesDict=o6,Object.defineProperty(Ft,Symbol.toStringTag,{value:"Module"}),Ft})({});
diff --git a/src/pynodewidget/templates/standalone.html.jinja2 b/src/pynodewidget/templates/standalone.html.jinja2
new file mode 100644
index 0000000..414775c
--- /dev/null
+++ b/src/pynodewidget/templates/standalone.html.jinja2
@@ -0,0 +1,64 @@
+
+
+
+
+
+ {{ title }}
+
+ {% if embed_css %}
+
+ {% else %}
+
+ {% endif %}
+
+
+
+
+
+
+
+
+ {% if embed_js %}
+
+ {% else %}
+
+ {% endif %}
+
+
diff --git a/src/pynodewidget/widget.py b/src/pynodewidget/widget.py
index 90aa53d..0900e78 100644
--- a/src/pynodewidget/widget.py
+++ b/src/pynodewidget/widget.py
@@ -7,6 +7,21 @@
import json
from .observable_dict import ObservableDict, ObservableDictTrait
+# Reserved node type names in ReactFlow that should not be used as custom node types
+# Using these names causes rendering issues and layout problems because ReactFlow
+# has built-in node types with these names. When you try to use them, ReactFlow
+# falls back to its default rendering instead of using your custom layout.
+#
+# - 'input': ReactFlow's built-in input node (for data sources)
+# - 'output': ReactFlow's built-in output node (for data sinks)
+# - 'default': ReactFlow's default node type
+# - 'group': ReactFlow's group node for containing other nodes
+#
+# If validation blocks your preferred name, use alternatives like:
+# 'output' → 'output_node', 'data_output', 'sink', 'destination'
+# 'input' → 'input_node', 'data_input', 'source'
+RESERVED_NODE_TYPES = {'input', 'output', 'default', 'group'}
+
def _to_plain_dict(obj):
"""Recursively convert ObservableDict to plain dict for serialization."""
@@ -188,6 +203,9 @@ def add_node_type(
Returns:
Self for method chaining
+ Raises:
+ ValueError: If type_name is reserved by ReactFlow
+
Example:
>>> from pynodewidget.grid_layouts import create_three_column_grid
>>> from pynodewidget.models import ButtonHandle, NumberField
@@ -206,6 +224,14 @@ def add_node_type(
>>> # Access values with Pythonic dict syntax
>>> widget.values["processor-1"]["value"] = 50
"""
+ # Check for reserved node type names
+ if type_name.lower() in RESERVED_NODE_TYPES:
+ raise ValueError(
+ f"Node type name '{type_name}' is reserved by ReactFlow and cannot be used. "
+ f"Reserved names are: {', '.join(sorted(RESERVED_NODE_TYPES))}. "
+ f"Please use a different name like '{type_name}_node' or 'data_{type_name}'."
+ )
+
from .models import NodeGrid
# Convert NodeGrid model to dict if needed
@@ -387,7 +413,8 @@ def export(self, filename: str, format: str = None) -> str:
Args:
filename: Output filename
- format: Export format ('json' or 'yaml'). If None, auto-detects from filename
+ format: Export format ('json', 'yaml', 'html', 'png', 'jpeg').
+ If None, auto-detects from filename
Returns:
Path to the exported file
@@ -400,6 +427,8 @@ def export(self, filename: str, format: str = None) -> str:
return self.export_yaml(filename)
elif format == 'json':
return self.export_json(filename)
+ elif format in ('html', 'htm'):
+ return self.export_html(filename)
elif format in ('png', 'jpeg'):
return self.export_image(filename)
else:
@@ -478,6 +507,118 @@ def _on_image_data_received(self, change):
except Exception as e:
print(f"✗ Failed to save image: {e}")
+ def export_html(
+ self,
+ filename: str = "workflow.html",
+ title: str = "PyNodeWidget Workflow",
+ height: str = None,
+ interactive: bool = True,
+ embed_assets: bool = True
+ ) -> str:
+ """Export the current flow as a standalone HTML file.
+
+ Generates a self-contained HTML file that can be viewed in any web browser
+ without requiring a Python runtime or Jupyter notebook. The HTML includes
+ the complete ReactFlow visualization with all nodes, edges, and templates.
+
+ Args:
+ filename: Output HTML filename
+ title: Page title for the HTML document
+ height: Height of the visualization (e.g., "600px", "100vh").
+ If None, uses widget's current height setting
+ interactive: If True, allows panning, zooming, and node manipulation.
+ If False, creates a static view-only visualization
+ embed_assets: If True, inline all JavaScript and CSS into the HTML file
+ for single-file portability. If False, keeps assets separate.
+
+ Returns:
+ Path to the exported HTML file
+
+ Examples:
+ >>> # Export with default settings (interactive, embedded)
+ >>> widget.export_html("workflow.html")
+ >>>
+ >>> # Export static view-only version
+ >>> widget.export_html("workflow.html", interactive=False)
+ >>>
+ >>> # Export with separate asset files (smaller HTML)
+ >>> widget.export_html("workflow.html", embed_assets=False)
+ >>>
+ >>> # Custom height and title
+ >>> widget.export_html(
+ ... "my_dag.html",
+ ... title="My DAG Visualization",
+ ... height="100vh"
+ ... )
+ """
+ from jinja2 import Template
+ from pathlib import Path
+
+ # Use widget's height if not specified
+ if height is None:
+ height = self.height
+
+ # Prepare flow data
+ flow_data = {
+ "nodes": self.nodes,
+ "edges": self.edges,
+ "viewport": self.viewport,
+ "node_templates": self.node_templates,
+ "node_values": _to_plain_dict(self.node_values),
+ "height": height,
+ "interactive": interactive
+ }
+
+ # Load template
+ template_path = Path(__file__).parent / "templates" / "standalone.html.jinja2"
+ if not template_path.exists():
+ raise FileNotFoundError(
+ f"HTML template not found at {template_path}. "
+ "Please ensure the package is properly installed."
+ )
+
+ template_content = template_path.read_text()
+ template = Template(template_content)
+
+ # Load JavaScript bundle
+ js_path = Path(__file__).parent / "static" / "standalone.iife.js"
+ css_path = Path(__file__).parent / "static" / "standalone.css"
+
+ if not js_path.exists():
+ raise FileNotFoundError(
+ f"Standalone JavaScript bundle not found at {js_path}. "
+ "Please rebuild the package with: cd js && npm run build:standalone"
+ )
+
+ # Read assets
+ js_content = js_path.read_text() if embed_assets else None
+ css_content = css_path.read_text() if embed_assets and css_path.exists() else None
+
+ # Render template
+ html_content = template.render(
+ title=title,
+ flow_data=json.dumps(flow_data, indent=2),
+ embed_js=embed_assets,
+ embed_css=embed_assets and css_content is not None,
+ js_content=js_content,
+ css_content=css_content
+ )
+
+ # Write HTML file
+ output_path = Path(filename)
+ output_path.write_text(html_content)
+
+ # Copy separate asset files if not embedding
+ if not embed_assets:
+ output_dir = output_path.parent
+ import shutil
+ shutil.copy(js_path, output_dir / "standalone.iife.js")
+ if css_path.exists():
+ shutil.copy(css_path, output_dir / "standalone.css")
+
+ print(f"HTML exported to {filename}")
+ return str(filename)
+
def export_image(
self,
filename: str,
diff --git a/standalone.css b/standalone.css
new file mode 100644
index 0000000..a8bc0d8
--- /dev/null
+++ b/standalone.css
@@ -0,0 +1 @@
+.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-900:oklch(37.9% .146 265.522);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-300:oklch(86.9% .022 252.894);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-xl:80rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-xs:.125rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@layer components;@layer utilities{.\@container\/card-header{container:card-header/inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.\!relative{position:relative!important}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.\!inset-auto{inset:auto!important}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\.5{top:calc(var(--spacing)*1.5)}.top-1\/2{top:50%}.top-3\.5{top:calc(var(--spacing)*3.5)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-start-1{grid-row-start:1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-3\.5{margin-inline:calc(var(--spacing)*3.5)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing)*1)}.mt-auto{margin-top:auto}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.size-2\.5{width:calc(var(--spacing)*2.5);height:calc(var(--spacing)*2.5)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-7{width:calc(var(--spacing)*7);height:calc(var(--spacing)*7)}.size-8{width:calc(var(--spacing)*8);height:calc(var(--spacing)*8)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.\!h-full{height:100%!important}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-\[11px\]{height:11px}.h-\[450px\]{height:450px}.h-\[600px\]{height:600px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-svh{height:100svh}.max-h-\(--radix-select-content-available-height\){max-height:var(--radix-select-content-available-height)}.\!min-h-0{min-height:calc(var(--spacing)*0)!important}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-screen{min-height:100vh}.min-h-svh{min-height:100svh}.w-\(--sidebar-width\){width:var(--sidebar-width)}.w-3{width:calc(var(--spacing)*3)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-\[11px\]{width:11px}.w-\[180px\]{width:180px}.w-\[300px\]{width:300px}.w-\[500px\]{width:500px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-\(--skeleton-width\){max-width:var(--skeleton-width)}.max-w-screen-xl{max-width:var(--breakpoint-xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-5{min-width:calc(var(--spacing)*5)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[100px\]{min-width:100px}.min-w-\[150px\]{min-width:150px}.min-w-\[200px\]{min-width:200px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.origin-\(--radix-select-content-transform-origin\){transform-origin:var(--radix-select-content-transform-origin)}.origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-px{--tw-translate-x:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[10px\]{--tw-translate-x:10px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[10px\]{--tw-translate-y:10px;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-45{rotate:45deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.scroll-my-1{scroll-margin-block:calc(var(--spacing)*1)}.auto-rows-min{grid-auto-rows:min-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-content-center{place-content:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-\[2px\]{border-radius:2px}.rounded-\[4px\]{border-radius:4px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-sm{border-radius:calc(var(--radius) - 4px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-border{border-color:var(--border)}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-sidebar-border{border-color:var(--sidebar-border)}.border-slate-300{border-color:var(--color-slate-300)}.border-transparent{border-color:#0000}.border-b-primary{border-bottom-color:var(--primary)}.border-b-transparent{border-bottom-color:#0000}.bg-accent{background-color:var(--accent)}.bg-background,.bg-background\/50{background-color:var(--background)}@supports (color:color-mix(in lab,red,red)){.bg-background\/50{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-border{background-color:var(--border)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-foreground{background-color:var(--foreground)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-muted,.bg-muted\/50{background-color:var(--muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/50{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.bg-popover{background-color:var(--popover)}.bg-primary,.bg-primary\/20{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.bg-primary\/20{background-color:color-mix(in oklab,var(--primary)20%,transparent)}}.bg-secondary{background-color:var(--secondary)}.bg-sidebar{background-color:var(--sidebar)}.bg-sidebar-border{background-color:var(--sidebar-border)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.fill-foreground{fill:var(--foreground)}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-10{padding:calc(var(--spacing)*10)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-6{padding-block:calc(var(--spacing)*6)}.py-16{padding-block:calc(var(--spacing)*16)}.pr-8{padding-right:calc(var(--spacing)*8)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-\[116px\]{padding-left:116px}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-balance{text-wrap:balance}.whitespace-nowrap{white-space:nowrap}.text-background{color:var(--background)}.text-blue-700{color:var(--color-blue-700)}.text-blue-900{color:var(--color-blue-900)}.text-card-foreground{color:var(--card-foreground)}.text-current{color:currentColor}.text-destructive{color:var(--destructive)}.text-foreground{color:var(--foreground)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-input{color:var(--input)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-secondary-foreground{color:var(--secondary-foreground)}.text-sidebar-foreground,.text-sidebar-foreground\/70{color:var(--sidebar-foreground)}@supports (color:color-mix(in lab,red,red)){.text-sidebar-foreground\/70{color:color-mix(in oklab,var(--sidebar-foreground)70%,transparent)}}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-border)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-primary\/20{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.ring-primary\/20{--tw-ring-color:color-mix(in oklab,var(--primary)20%,transparent)}}.ring-sidebar-ring{--tw-ring-color:var(--sidebar-ring)}.ring-offset-background{--tw-ring-offset-color:var(--background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,right\,width\]{transition-property:left,right,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[margin\,opacity\]{transition-property:margin,opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\,height\,padding\]{transition-property:width,height,padding;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-none{transition-property:none}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.fade-in-0{--tw-enter-opacity:0}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.zoom-in-95{--tw-enter-scale:.95}.group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity:1}@media(hover:hover){.group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity:1}}.group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar=menu-action]) *){padding-right:calc(var(--spacing)*8)}.group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible=icon] *){margin-top:calc(var(--spacing)*-8)}.group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible=icon] *){display:none}.group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--spacing)*8)!important;height:calc(var(--spacing)*8)!important}.group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible=icon] *){width:var(--sidebar-width-icon)}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)))}.group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible=icon] *){width:calc(var(--sidebar-width-icon) + (calc(var(--spacing)*4)) + 2px)}.group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible=icon] *){overflow:hidden}.group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*0)!important}.group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible=icon] *){padding:calc(var(--spacing)*2)!important}.group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible=icon] *){opacity:0}.group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){right:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible=offcanvas] *){left:calc(var(--sidebar-width)*-1)}.group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible=offcanvas] *){width:calc(var(--spacing)*0)}.group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible=offcanvas] *){--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *){pointer-events:none}.group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *){opacity:.5}.group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side=left] *){right:calc(var(--spacing)*-4)}.group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side=left] *){border-right-style:var(--tw-border-style);border-right-width:1px}.group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side=right] *){left:calc(var(--spacing)*0)}.group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side=right] *){rotate:180deg}.group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side=right] *){border-left-style:var(--tw-border-style);border-left-width:1px}.group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant=floating] *){border-radius:var(--radius)}.group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant=floating] *){border-style:var(--tw-border-style);border-width:1px}.group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant=floating] *){border-color:var(--sidebar-border)}.group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant=floating] *){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*){color:var(--sidebar-accent-foreground)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active=true]~*){color:var(--sidebar-accent-foreground)}.peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size=default]~*){top:calc(var(--spacing)*1.5)}.peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size=lg]~*){top:calc(var(--spacing)*2.5)}.peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size=sm]~*){top:calc(var(--spacing)*1)}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:-inset-2:after{content:var(--tw-content);inset:calc(var(--spacing)*-2)}.after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing)*0)}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:w-\[2px\]:after{content:var(--tw-content);width:2px}.group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after{content:var(--tw-content);left:100%}@media(hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-muted:hover{background-color:var(--muted)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:bg-sidebar-accent:hover{background-color:var(--sidebar-accent)}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:text-destructive:hover{color:var(--destructive)}.hover\:text-sidebar-accent-foreground:hover{color:var(--sidebar-accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow:0 0 0 1px var(--tw-shadow-color,hsl(var(--sidebar-accent)));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *){background-color:var(--sidebar)}.hover\:after\:bg-sidebar-border:hover:after{content:var(--tw-content);background-color:var(--sidebar-border)}}.focus\:bg-accent:focus{background-color:var(--accent)}.focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-ring:focus{--tw-ring-color:var(--ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media(forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.active\:bg-sidebar-accent:active{background-color:var(--sidebar-accent)}.active\:text-sidebar-accent-foreground:active{color:var(--sidebar-accent-foreground)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}:where([data-side=left]) .in-data-\[side\=left\]\:cursor-w-resize{cursor:w-resize}:where([data-side=right]) .in-data-\[side\=right\]\:cursor-e-resize{cursor:e-resize}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant=inset]){background-color:var(--sidebar)}.has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-disabled\:pointer-events-none[aria-disabled=true]{pointer-events:none}.aria-disabled\:opacity-50[aria-disabled=true]{opacity:.5}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[active\=true\]\:bg-sidebar-accent[data-active=true]{background-color:var(--sidebar-accent)}.data-\[active\=true\]\:font-medium[data-active=true]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.data-\[active\=true\]\:text-sidebar-accent-foreground[data-active=true]{color:var(--sidebar-accent-foreground)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-px[data-orientation=horizontal]{height:1px}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-px[data-orientation=vertical]{width:1px}.data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color:var(--muted-foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[size\=default\]\:h-9[data-size=default]{height:calc(var(--spacing)*9)}.data-\[size\=sm\]\:h-8[data-size=sm]{height:calc(var(--spacing)*8)}:is(.\*\:data-\[slot\=select-value\]\:line-clamp-1>*)[data-slot=select-value]{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:is(.\*\:data-\[slot\=select-value\]\:flex>*)[data-slot=select-value]{display:flex}:is(.\*\:data-\[slot\=select-value\]\:items-center>*)[data-slot=select-value]{align-items:center}:is(.\*\:data-\[slot\=select-value\]\:gap-2>*)[data-slot=select-value]{gap:calc(var(--spacing)*2)}.data-\[state\=checked\]\:border-primary[data-state=checked]{border-color:var(--primary)}.data-\[state\=checked\]\:bg-primary[data-state=checked]{background-color:var(--primary)}.data-\[state\=checked\]\:text-primary-foreground[data-state=checked]{color:var(--primary-foreground)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-300[data-state=closed]{--tw-duration:.3s;transition-duration:.3s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-secondary[data-state=open]{background-color:var(--secondary)}.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}.data-\[state\=open\]\:duration-500[data-state=open]{--tw-duration:.5s;transition-duration:.5s}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}@media(hover:hover){.data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover{background-color:var(--sidebar-accent)}.data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover{color:var(--sidebar-accent-foreground)}}@media(min-width:40rem){.sm\:flex{display:flex}.sm\:max-w-sm{max-width:var(--container-sm)}}@media(min-width:48rem){.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:opacity-0{opacity:0}.md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant=inset]~*){margin:calc(var(--spacing)*2)}.md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant=inset]~*){margin-left:calc(var(--spacing)*0)}.md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant=inset]~*){border-radius:calc(var(--radius) + 4px)}.md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant=inset]~*){--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant=inset]~*):is(:where(.peer)[data-state=collapsed]~*){margin-left:calc(var(--spacing)*2)}.md\:after\:hidden:after{content:var(--tw-content);display:none}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:border-secondary:is(.dark *){border-color:var(--secondary)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.dark\:bg-secondary:is(.dark *){background-color:var(--secondary)}@media(hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state=checked]{background-color:var(--primary)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}.\[\.border-b\]\:pb-6.border-b{padding-bottom:calc(var(--spacing)*6)}.\[\.border-t\]\:pt-6.border-t{padding-top:calc(var(--spacing)*6)}:is(.\*\:\[span\]\:last\:flex>*):is(span):last-child{display:flex}:is(.\*\:\[span\]\:last\:items-center>*):is(span):last-child{align-items:center}:is(.\*\:\[span\]\:last\:gap-2>*):is(span):last-child{gap:calc(var(--spacing)*2)}.\[\&\>button\]\:hidden>button{display:none}.\[\&\>span\:last-child\]\:truncate>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:size-3>svg{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.\[\&\>svg\]\:size-4>svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&\>svg\]\:shrink-0>svg{flex-shrink:0}.\[\&\>svg\]\:text-sidebar-accent-foreground>svg{color:var(--sidebar-accent-foreground)}[data-side=left][data-collapsible=offcanvas] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right:calc(var(--spacing)*-2)}[data-side=left][data-state=collapsed] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor:e-resize}[data-side=right][data-collapsible=offcanvas] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left:calc(var(--spacing)*-2)}[data-side=right][data-state=collapsed] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor:w-resize}@media(hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(20.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(20.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92.2% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.6% 0 0)}.pynodeflow-container{width:100%;height:100%;min-height:400px}.react-flow__handle{background:hsl(var(--primary));border:2px solid #fff;width:12px;height:12px}.react-flow__handle:hover{background:hsl(var(--primary)/.8)}.handle-wrapper{align-items:center;gap:8px;padding:4px 8px;display:flex;position:relative}.handle-input{flex-direction:row;justify-content:flex-start}.handle-output{flex-direction:row-reverse;justify-content:flex-end}.handle-base .handle-connector{flex-shrink:0}.handle-base .handle-label{color:hsl(var(--muted-foreground));font-size:.75rem;font-weight:500}.handle-labeled .handle-connector{flex-shrink:0}.handle-labeled .handle-label{color:hsl(var(--foreground));font-size:.875rem;font-weight:500}.handle-button{background:hsl(var(--secondary));border:2px solid hsl(var(--border));cursor:pointer;border-radius:6px;min-width:120px;padding:8px 16px;transition:all .2s}.handle-button:hover{background:hsl(var(--accent));border-color:hsl(var(--primary));box-shadow:0 2px 4px #0000001a}.handle-button .handle-connector{flex-shrink:0}.handle-button .handle-label{color:hsl(var(--foreground));-webkit-user-select:none;user-select:none;text-align:center;flex:1;font-size:.875rem;font-weight:600}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
diff --git a/standalone.iife.js b/standalone.iife.js
new file mode 100644
index 0000000..3f4494b
--- /dev/null
+++ b/standalone.iife.js
@@ -0,0 +1,181 @@
+var PyNodeWidget=(function(Ft){"use strict";var QW=Object.defineProperty;var ZW=(Ft,zn,Fn)=>zn in Ft?QW(Ft,zn,{enumerable:!0,configurable:!0,writable:!0,value:Fn}):Ft[zn]=Fn;var uc=(Ft,zn,Fn)=>ZW(Ft,typeof zn!="symbol"?zn+"":zn,Fn);function zn(e,t){for(var n=0;no[i]})}}}return Object.freeze(Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}))}var Fn=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function ca(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var cc={exports:{}},Ii={},fc={exports:{}},Ae={};/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var R0;function zI(){if(R0)return Ae;R0=1;var e=Symbol.for("react.element"),t=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),l=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),f=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),h=Symbol.for("react.lazy"),p=Symbol.iterator;function m(D){return D===null||typeof D!="object"?null:(D=p&&D[p]||D["@@iterator"],typeof D=="function"?D:null)}var v={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},E=Object.assign,y={};function x(D,U,ie){this.props=D,this.context=U,this.refs=y,this.updater=ie||v}x.prototype.isReactComponent={},x.prototype.setState=function(D,U){if(typeof D!="object"&&typeof D!="function"&&D!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,D,U,"setState")},x.prototype.forceUpdate=function(D){this.updater.enqueueForceUpdate(this,D,"forceUpdate")};function b(){}b.prototype=x.prototype;function C(D,U,ie){this.props=D,this.context=U,this.refs=y,this.updater=ie||v}var _=C.prototype=new b;_.constructor=C,E(_,x.prototype),_.isPureReactComponent=!0;var N=Array.isArray,P=Object.prototype.hasOwnProperty,T={current:null},I={key:!0,ref:!0,__self:!0,__source:!0};function O(D,U,ie){var V,Z={},ee=null,X=null;if(U!=null)for(V in U.ref!==void 0&&(X=U.ref),U.key!==void 0&&(ee=""+U.key),U)P.call(U,V)&&!I.hasOwnProperty(V)&&(Z[V]=U[V]);var te=arguments.length-2;if(te===1)Z.children=ie;else if(1>>1,U=M[D];if(0>>1;Di(Z,Q))eei(X,Z)?(M[D]=X,M[ee]=Q,D=ee):(M[D]=Z,M[V]=Q,D=V);else if(eei(X,Q))M[D]=X,M[ee]=Q,D=ee;else break e}}return $}function i(M,$){var Q=M.sortIndex-$.sortIndex;return Q!==0?Q:M.id-$.id}if(typeof performance=="object"&&typeof performance.now=="function"){var a=performance;e.unstable_now=function(){return a.now()}}else{var l=Date,u=l.now();e.unstable_now=function(){return l.now()-u}}var f=[],d=[],h=1,p=null,m=3,v=!1,E=!1,y=!1,x=typeof setTimeout=="function"?setTimeout:null,b=typeof clearTimeout=="function"?clearTimeout:null,C=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function _(M){for(var $=n(d);$!==null;){if($.callback===null)o(d);else if($.startTime<=M)o(d),$.sortIndex=$.expirationTime,t(f,$);else break;$=n(d)}}function N(M){if(y=!1,_(M),!E)if(n(f)!==null)E=!0,z(P);else{var $=n(d);$!==null&&Y(N,$.startTime-M)}}function P(M,$){E=!1,y&&(y=!1,b(O),O=-1),v=!0;var Q=m;try{for(_($),p=n(f);p!==null&&(!(p.expirationTime>$)||M&&!F());){var D=p.callback;if(typeof D=="function"){p.callback=null,m=p.priorityLevel;var U=D(p.expirationTime<=$);$=e.unstable_now(),typeof U=="function"?p.callback=U:p===n(f)&&o(f),_($)}else o(f);p=n(f)}if(p!==null)var ie=!0;else{var V=n(d);V!==null&&Y(N,V.startTime-$),ie=!1}return ie}finally{p=null,m=Q,v=!1}}var T=!1,I=null,O=-1,q=5,G=-1;function F(){return!(e.unstable_now()-GM||125D?(M.sortIndex=Q,t(d,M),n(f)===null&&M===n(d)&&(y?(b(O),O=-1):y=!0,Y(N,Q-D))):(M.sortIndex=U,t(f,M),E||v||(E=!0,z(P))),M},e.unstable_shouldYield=F,e.unstable_wrapCallback=function(M){var $=m;return function(){var Q=m;m=$;try{return M.apply(this,arguments)}finally{m=Q}}}})(gc)),gc}var M0;function VI(){return M0||(M0=1,pc.exports=BI()),pc.exports}/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var O0;function HI(){if(O0)return _t;O0=1;var e=Mi(),t=VI();function n(r){for(var s="https://reactjs.org/docs/error-decoder.html?invariant="+r,c=1;c"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),f=Object.prototype.hasOwnProperty,d=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,h={},p={};function m(r){return f.call(p,r)?!0:f.call(h,r)?!1:d.test(r)?p[r]=!0:(h[r]=!0,!1)}function v(r,s,c,g){if(c!==null&&c.type===0)return!1;switch(typeof s){case"function":case"symbol":return!0;case"boolean":return g?!1:c!==null?!c.acceptsBooleans:(r=r.toLowerCase().slice(0,5),r!=="data-"&&r!=="aria-");default:return!1}}function E(r,s,c,g){if(s===null||typeof s>"u"||v(r,s,c,g))return!0;if(g)return!1;if(c!==null)switch(c.type){case 3:return!s;case 4:return s===!1;case 5:return isNaN(s);case 6:return isNaN(s)||1>s}return!1}function y(r,s,c,g,w,S,A){this.acceptsBooleans=s===2||s===3||s===4,this.attributeName=g,this.attributeNamespace=w,this.mustUseProperty=c,this.propertyName=r,this.type=s,this.sanitizeURL=S,this.removeEmptyString=A}var x={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(r){x[r]=new y(r,0,!1,r,null,!1,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(r){var s=r[0];x[s]=new y(s,1,!1,r[1],null,!1,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(r){x[r]=new y(r,2,!1,r.toLowerCase(),null,!1,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(r){x[r]=new y(r,2,!1,r,null,!1,!1)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(r){x[r]=new y(r,3,!1,r.toLowerCase(),null,!1,!1)}),["checked","multiple","muted","selected"].forEach(function(r){x[r]=new y(r,3,!0,r,null,!1,!1)}),["capture","download"].forEach(function(r){x[r]=new y(r,4,!1,r,null,!1,!1)}),["cols","rows","size","span"].forEach(function(r){x[r]=new y(r,6,!1,r,null,!1,!1)}),["rowSpan","start"].forEach(function(r){x[r]=new y(r,5,!1,r.toLowerCase(),null,!1,!1)});var b=/[\-:]([a-z])/g;function C(r){return r[1].toUpperCase()}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(r){var s=r.replace(b,C);x[s]=new y(s,1,!1,r,null,!1,!1)}),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(r){var s=r.replace(b,C);x[s]=new y(s,1,!1,r,"http://www.w3.org/1999/xlink",!1,!1)}),["xml:base","xml:lang","xml:space"].forEach(function(r){var s=r.replace(b,C);x[s]=new y(s,1,!1,r,"http://www.w3.org/XML/1998/namespace",!1,!1)}),["tabIndex","crossOrigin"].forEach(function(r){x[r]=new y(r,1,!1,r.toLowerCase(),null,!1,!1)}),x.xlinkHref=new y("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach(function(r){x[r]=new y(r,1,!1,r.toLowerCase(),null,!0,!0)});function _(r,s,c,g){var w=x.hasOwnProperty(s)?x[s]:null;(w!==null?w.type!==0:g||!(2B||w[A]!==S[B]){var K=`
+`+w[A].replace(" at new "," at ");return r.displayName&&K.includes("")&&(K=K.replace("",r.displayName)),K}while(1<=A&&0<=B);break}}}finally{ie=!1,Error.prepareStackTrace=c}return(r=r?r.displayName||r.name:"")?U(r):""}function Z(r){switch(r.tag){case 5:return U(r.type);case 16:return U("Lazy");case 13:return U("Suspense");case 19:return U("SuspenseList");case 0:case 2:case 15:return r=V(r.type,!1),r;case 11:return r=V(r.type.render,!1),r;case 1:return r=V(r.type,!0),r;default:return""}}function ee(r){if(r==null)return null;if(typeof r=="function")return r.displayName||r.name||null;if(typeof r=="string")return r;switch(r){case I:return"Fragment";case T:return"Portal";case q:return"Profiler";case O:return"StrictMode";case W:return"Suspense";case L:return"SuspenseList"}if(typeof r=="object")switch(r.$$typeof){case F:return(r.displayName||"Context")+".Consumer";case G:return(r._context.displayName||"Context")+".Provider";case j:var s=r.render;return r=r.displayName,r||(r=s.displayName||s.name||"",r=r!==""?"ForwardRef("+r+")":"ForwardRef"),r;case H:return s=r.displayName||null,s!==null?s:ee(r.type)||"Memo";case z:s=r._payload,r=r._init;try{return ee(r(s))}catch{}}return null}function X(r){var s=r.type;switch(r.tag){case 24:return"Cache";case 9:return(s.displayName||"Context")+".Consumer";case 10:return(s._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return r=s.render,r=r.displayName||r.name||"",s.displayName||(r!==""?"ForwardRef("+r+")":"ForwardRef");case 7:return"Fragment";case 5:return s;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return ee(s);case 8:return s===O?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if(typeof s=="function")return s.displayName||s.name||null;if(typeof s=="string")return s}return null}function te(r){switch(typeof r){case"boolean":case"number":case"string":case"undefined":return r;case"object":return r;default:return""}}function se(r){var s=r.type;return(r=r.nodeName)&&r.toLowerCase()==="input"&&(s==="checkbox"||s==="radio")}function ae(r){var s=se(r)?"checked":"value",c=Object.getOwnPropertyDescriptor(r.constructor.prototype,s),g=""+r[s];if(!r.hasOwnProperty(s)&&typeof c<"u"&&typeof c.get=="function"&&typeof c.set=="function"){var w=c.get,S=c.set;return Object.defineProperty(r,s,{configurable:!0,get:function(){return w.call(this)},set:function(A){g=""+A,S.call(this,A)}}),Object.defineProperty(r,s,{enumerable:c.enumerable}),{getValue:function(){return g},setValue:function(A){g=""+A},stopTracking:function(){r._valueTracker=null,delete r[s]}}}}function ce(r){r._valueTracker||(r._valueTracker=ae(r))}function de(r){if(!r)return!1;var s=r._valueTracker;if(!s)return!0;var c=s.getValue(),g="";return r&&(g=se(r)?r.checked?"true":"false":r.value),r=g,r!==c?(s.setValue(r),!0):!1}function pe(r){if(r=r||(typeof document<"u"?document:void 0),typeof r>"u")return null;try{return r.activeElement||r.body}catch{return r.body}}function be(r,s){var c=s.checked;return Q({},s,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:c??r._wrapperState.initialChecked})}function me(r,s){var c=s.defaultValue==null?"":s.defaultValue,g=s.checked!=null?s.checked:s.defaultChecked;c=te(s.value!=null?s.value:c),r._wrapperState={initialChecked:g,initialValue:c,controlled:s.type==="checkbox"||s.type==="radio"?s.checked!=null:s.value!=null}}function Re(r,s){s=s.checked,s!=null&&_(r,"checked",s,!1)}function Ee(r,s){Re(r,s);var c=te(s.value),g=s.type;if(c!=null)g==="number"?(c===0&&r.value===""||r.value!=c)&&(r.value=""+c):r.value!==""+c&&(r.value=""+c);else if(g==="submit"||g==="reset"){r.removeAttribute("value");return}s.hasOwnProperty("value")?Ge(r,s.type,c):s.hasOwnProperty("defaultValue")&&Ge(r,s.type,te(s.defaultValue)),s.checked==null&&s.defaultChecked!=null&&(r.defaultChecked=!!s.defaultChecked)}function Je(r,s,c){if(s.hasOwnProperty("value")||s.hasOwnProperty("defaultValue")){var g=s.type;if(!(g!=="submit"&&g!=="reset"||s.value!==void 0&&s.value!==null))return;s=""+r._wrapperState.initialValue,c||s===r.value||(r.value=s),r.defaultValue=s}c=r.name,c!==""&&(r.name=""),r.defaultChecked=!!r._wrapperState.initialChecked,c!==""&&(r.name=c)}function Ge(r,s,c){(s!=="number"||pe(r.ownerDocument)!==r)&&(c==null?r.defaultValue=""+r._wrapperState.initialValue:r.defaultValue!==""+c&&(r.defaultValue=""+c))}var Ht=Array.isArray;function pt(r,s,c,g){if(r=r.options,s){s={};for(var w=0;w"+s.valueOf().toString()+"",s=Et.firstChild;r.firstChild;)r.removeChild(r.firstChild);for(;s.firstChild;)r.appendChild(s.firstChild)}});function Gt(r,s){if(s){var c=r.firstChild;if(c&&c===r.lastChild&&c.nodeType===3){c.nodeValue=s;return}}r.textContent=s}var Xn={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ri=["Webkit","ms","Moz","O"];Object.keys(Xn).forEach(function(r){ri.forEach(function(s){s=s+r.charAt(0).toUpperCase()+r.substring(1),Xn[s]=Xn[r]})});function Ot(r,s,c){return s==null||typeof s=="boolean"||s===""?"":c||typeof s!="number"||s===0||Xn.hasOwnProperty(r)&&Xn[r]?(""+s).trim():s+"px"}function Yt(r,s){r=r.style;for(var c in s)if(s.hasOwnProperty(c)){var g=c.indexOf("--")===0,w=Ot(c,s[c],g);c==="float"&&(c="cssFloat"),g?r.setProperty(c,w):r[c]=w}}var Dv=Q({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function _s(r,s){if(s){if(Dv[r]&&(s.children!=null||s.dangerouslySetInnerHTML!=null))throw Error(n(137,r));if(s.dangerouslySetInnerHTML!=null){if(s.children!=null)throw Error(n(60));if(typeof s.dangerouslySetInnerHTML!="object"||!("__html"in s.dangerouslySetInnerHTML))throw Error(n(61))}if(s.style!=null&&typeof s.style!="object")throw Error(n(62))}}function bs(r,s){if(r.indexOf("-")===-1)return typeof s.is=="string";switch(r){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var Ss=null;function Es(r){return r=r.target||r.srcElement||window,r.correspondingUseElement&&(r=r.correspondingUseElement),r.nodeType===3?r.parentNode:r}var Cs=null,vr=null,yr=null;function Kl(r){if(r=Ks(r)){if(typeof Cs!="function")throw Error(n(280));var s=r.stateNode;s&&(s=Eu(s),Cs(r.stateNode,r.type,s))}}function Xl(r){vr?yr?yr.push(r):yr=[r]:vr=r}function Ql(){if(vr){var r=vr,s=yr;if(yr=vr=null,Kl(r),s)for(r=0;r>>=0,r===0?32:31-(Uv(r)/Gv|0)|0}var ai=64,li=4194304;function On(r){switch(r&-r){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return r&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return r&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return r}}function ui(r,s){var c=r.pendingLanes;if(c===0)return 0;var g=0,w=r.suspendedLanes,S=r.pingedLanes,A=c&268435455;if(A!==0){var B=A&~w;B!==0?g=On(B):(S&=A,S!==0&&(g=On(S)))}else A=c&~w,A!==0?g=On(A):S!==0&&(g=On(S));if(g===0)return 0;if(s!==0&&s!==g&&(s&w)===0&&(w=g&-g,S=s&-s,w>=S||w===16&&(S&4194240)!==0))return s;if((g&4)!==0&&(g|=c&16),s=r.entangledLanes,s!==0)for(r=r.entanglements,s&=g;0c;c++)s.push(r);return s}function wr(r,s,c){r.pendingLanes|=s,s!==536870912&&(r.suspendedLanes=0,r.pingedLanes=0),r=r.eventTimes,s=31-Lt(s),r[s]=c}function y6(r,s){var c=r.pendingLanes&~s;r.pendingLanes=s,r.suspendedLanes=0,r.pingedLanes=0,r.expiredLanes&=s,r.mutableReadLanes&=s,r.entangledLanes&=s,s=r.entanglements;var g=r.eventTimes;for(r=r.expirationTimes;0=Fs),IT=" ",MT=!1;function OT(r,s){switch(r){case"keyup":return U6.indexOf(s.keyCode)!==-1;case"keydown":return s.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function LT(r){return r=r.detail,typeof r=="object"&&"data"in r?r.data:null}var di=!1;function Y6(r,s){switch(r){case"compositionend":return LT(s);case"keypress":return s.which!==32?null:(MT=!0,IT);case"textInput":return r=s.data,r===IT&&MT?null:r;default:return null}}function K6(r,s){if(di)return r==="compositionend"||!ly&&OT(r,s)?(r=kT(),hu=ny=Er=null,di=!1,r):null;switch(r){case"paste":return null;case"keypress":if(!(s.ctrlKey||s.altKey||s.metaKey)||s.ctrlKey&&s.altKey){if(s.char&&1=s)return{node:c,offset:s-r};r=g}e:{for(;c;){if(c.nextSibling){c=c.nextSibling;break e}c=c.parentNode}c=void 0}c=BT(c)}}function HT(r,s){return r&&s?r===s?!0:r&&r.nodeType===3?!1:s&&s.nodeType===3?HT(r,s.parentNode):"contains"in r?r.contains(s):r.compareDocumentPosition?!!(r.compareDocumentPosition(s)&16):!1:!1}function WT(){for(var r=window,s=pe();s instanceof r.HTMLIFrameElement;){try{var c=typeof s.contentWindow.location.href=="string"}catch{c=!1}if(c)r=s.contentWindow;else break;s=pe(r.document)}return s}function fy(r){var s=r&&r.nodeName&&r.nodeName.toLowerCase();return s&&(s==="input"&&(r.type==="text"||r.type==="search"||r.type==="tel"||r.type==="url"||r.type==="password")||s==="textarea"||r.contentEditable==="true")}function oW(r){var s=WT(),c=r.focusedElem,g=r.selectionRange;if(s!==c&&c&&c.ownerDocument&&HT(c.ownerDocument.documentElement,c)){if(g!==null&&fy(c)){if(s=g.start,r=g.end,r===void 0&&(r=s),"selectionStart"in c)c.selectionStart=s,c.selectionEnd=Math.min(r,c.value.length);else if(r=(s=c.ownerDocument||document)&&s.defaultView||window,r.getSelection){r=r.getSelection();var w=c.textContent.length,S=Math.min(g.start,w);g=g.end===void 0?S:Math.min(g.end,w),!r.extend&&S>g&&(w=g,g=S,S=w),w=VT(c,S);var A=VT(c,g);w&&A&&(r.rangeCount!==1||r.anchorNode!==w.node||r.anchorOffset!==w.offset||r.focusNode!==A.node||r.focusOffset!==A.offset)&&(s=s.createRange(),s.setStart(w.node,w.offset),r.removeAllRanges(),S>g?(r.addRange(s),r.extend(A.node,A.offset)):(s.setEnd(A.node,A.offset),r.addRange(s)))}}for(s=[],r=c;r=r.parentNode;)r.nodeType===1&&s.push({element:r,left:r.scrollLeft,top:r.scrollTop});for(typeof c.focus=="function"&&c.focus(),c=0;c=document.documentMode,hi=null,dy=null,Hs=null,hy=!1;function UT(r,s,c){var g=c.window===c?c.document:c.nodeType===9?c:c.ownerDocument;hy||hi==null||hi!==pe(g)||(g=hi,"selectionStart"in g&&fy(g)?g={start:g.selectionStart,end:g.selectionEnd}:(g=(g.ownerDocument&&g.ownerDocument.defaultView||window).getSelection(),g={anchorNode:g.anchorNode,anchorOffset:g.anchorOffset,focusNode:g.focusNode,focusOffset:g.focusOffset}),Hs&&Vs(Hs,g)||(Hs=g,g=_u(dy,"onSelect"),0yi||(r.current=Cy[yi],Cy[yi]=null,yi--)}function ze(r,s){yi++,Cy[yi]=r.current,r.current=s}var Rr={},gt=Nr(Rr),Ct=Nr(!1),fo=Rr;function wi(r,s){var c=r.type.contextTypes;if(!c)return Rr;var g=r.stateNode;if(g&&g.__reactInternalMemoizedUnmaskedChildContext===s)return g.__reactInternalMemoizedMaskedChildContext;var w={},S;for(S in c)w[S]=s[S];return g&&(r=r.stateNode,r.__reactInternalMemoizedUnmaskedChildContext=s,r.__reactInternalMemoizedMaskedChildContext=w),w}function kt(r){return r=r.childContextTypes,r!=null}function Cu(){Be(Ct),Be(gt)}function aA(r,s,c){if(gt.current!==Rr)throw Error(n(168));ze(gt,s),ze(Ct,c)}function lA(r,s,c){var g=r.stateNode;if(s=s.childContextTypes,typeof g.getChildContext!="function")return c;g=g.getChildContext();for(var w in g)if(!(w in s))throw Error(n(108,X(r)||"Unknown",w));return Q({},c,g)}function ku(r){return r=(r=r.stateNode)&&r.__reactInternalMemoizedMergedChildContext||Rr,fo=gt.current,ze(gt,r),ze(Ct,Ct.current),!0}function uA(r,s,c){var g=r.stateNode;if(!g)throw Error(n(169));c?(r=lA(r,s,fo),g.__reactInternalMemoizedMergedChildContext=r,Be(Ct),Be(gt),ze(gt,r)):Be(Ct),ze(Ct,c)}var Zn=null,Nu=!1,ky=!1;function cA(r){Zn===null?Zn=[r]:Zn.push(r)}function mW(r){Nu=!0,cA(r)}function Pr(){if(!ky&&Zn!==null){ky=!0;var r=0,s=qe;try{var c=Zn;for(qe=1;r>=A,w-=A,Jn=1<<32-Lt(s)+w|c<Pe?(ct=Ne,Ne=null):ct=Ne.sibling;var De=le(ne,Ne,re[Pe],he);if(De===null){Ne===null&&(Ne=ct);break}r&&Ne&&De.alternate===null&&s(ne,Ne),J=S(De,J,Pe),ke===null?Ce=De:ke.sibling=De,ke=De,Ne=ct}if(Pe===re.length)return c(ne,Ne),We&&po(ne,Pe),Ce;if(Ne===null){for(;PePe?(ct=Ne,Ne=null):ct=Ne.sibling;var qr=le(ne,Ne,De.value,he);if(qr===null){Ne===null&&(Ne=ct);break}r&&Ne&&qr.alternate===null&&s(ne,Ne),J=S(qr,J,Pe),ke===null?Ce=qr:ke.sibling=qr,ke=qr,Ne=ct}if(De.done)return c(ne,Ne),We&&po(ne,Pe),Ce;if(Ne===null){for(;!De.done;Pe++,De=re.next())De=fe(ne,De.value,he),De!==null&&(J=S(De,J,Pe),ke===null?Ce=De:ke.sibling=De,ke=De);return We&&po(ne,Pe),Ce}for(Ne=g(ne,Ne);!De.done;Pe++,De=re.next())De=ge(Ne,ne,Pe,De.value,he),De!==null&&(r&&De.alternate!==null&&Ne.delete(De.key===null?Pe:De.key),J=S(De,J,Pe),ke===null?Ce=De:ke.sibling=De,ke=De);return r&&Ne.forEach(function(XW){return s(ne,XW)}),We&&po(ne,Pe),Ce}function et(ne,J,re,he){if(typeof re=="object"&&re!==null&&re.type===I&&re.key===null&&(re=re.props.children),typeof re=="object"&&re!==null){switch(re.$$typeof){case P:e:{for(var Ce=re.key,ke=J;ke!==null;){if(ke.key===Ce){if(Ce=re.type,Ce===I){if(ke.tag===7){c(ne,ke.sibling),J=w(ke,re.props.children),J.return=ne,ne=J;break e}}else if(ke.elementType===Ce||typeof Ce=="object"&&Ce!==null&&Ce.$$typeof===z&&mA(Ce)===ke.type){c(ne,ke.sibling),J=w(ke,re.props),J.ref=Xs(ne,ke,re),J.return=ne,ne=J;break e}c(ne,ke);break}else s(ne,ke);ke=ke.sibling}re.type===I?(J=bo(re.props.children,ne.mode,he,re.key),J.return=ne,ne=J):(he=tc(re.type,re.key,re.props,null,ne.mode,he),he.ref=Xs(ne,J,re),he.return=ne,ne=he)}return A(ne);case T:e:{for(ke=re.key;J!==null;){if(J.key===ke)if(J.tag===4&&J.stateNode.containerInfo===re.containerInfo&&J.stateNode.implementation===re.implementation){c(ne,J.sibling),J=w(J,re.children||[]),J.return=ne,ne=J;break e}else{c(ne,J);break}else s(ne,J);J=J.sibling}J=S0(re,ne.mode,he),J.return=ne,ne=J}return A(ne);case z:return ke=re._init,et(ne,J,ke(re._payload),he)}if(Ht(re))return _e(ne,J,re,he);if($(re))return Se(ne,J,re,he);Au(ne,re)}return typeof re=="string"&&re!==""||typeof re=="number"?(re=""+re,J!==null&&J.tag===6?(c(ne,J.sibling),J=w(J,re),J.return=ne,ne=J):(c(ne,J),J=b0(re,ne.mode,he),J.return=ne,ne=J),A(ne)):c(ne,J)}return et}var Si=vA(!0),yA=vA(!1),Iu=Nr(null),Mu=null,Ei=null,Iy=null;function My(){Iy=Ei=Mu=null}function Oy(r){var s=Iu.current;Be(Iu),r._currentValue=s}function Ly(r,s,c){for(;r!==null;){var g=r.alternate;if((r.childLanes&s)!==s?(r.childLanes|=s,g!==null&&(g.childLanes|=s)):g!==null&&(g.childLanes&s)!==s&&(g.childLanes|=s),r===c)break;r=r.return}}function Ci(r,s){Mu=r,Iy=Ei=null,r=r.dependencies,r!==null&&r.firstContext!==null&&((r.lanes&s)!==0&&(Nt=!0),r.firstContext=null)}function Zt(r){var s=r._currentValue;if(Iy!==r)if(r={context:r,memoizedValue:s,next:null},Ei===null){if(Mu===null)throw Error(n(308));Ei=r,Mu.dependencies={lanes:0,firstContext:r}}else Ei=Ei.next=r;return s}var go=null;function Dy(r){go===null?go=[r]:go.push(r)}function wA(r,s,c,g){var w=s.interleaved;return w===null?(c.next=c,Dy(s)):(c.next=w.next,w.next=c),s.interleaved=c,tr(r,g)}function tr(r,s){r.lanes|=s;var c=r.alternate;for(c!==null&&(c.lanes|=s),c=r,r=r.return;r!==null;)r.childLanes|=s,c=r.alternate,c!==null&&(c.childLanes|=s),c=r,r=r.return;return c.tag===3?c.stateNode:null}var Tr=!1;function jy(r){r.updateQueue={baseState:r.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function xA(r,s){r=r.updateQueue,s.updateQueue===r&&(s.updateQueue={baseState:r.baseState,firstBaseUpdate:r.firstBaseUpdate,lastBaseUpdate:r.lastBaseUpdate,shared:r.shared,effects:r.effects})}function nr(r,s){return{eventTime:r,lane:s,tag:0,payload:null,callback:null,next:null}}function Ar(r,s,c){var g=r.updateQueue;if(g===null)return null;if(g=g.shared,(Le&2)!==0){var w=g.pending;return w===null?s.next=s:(s.next=w.next,w.next=s),g.pending=s,tr(r,c)}return w=g.interleaved,w===null?(s.next=s,Dy(g)):(s.next=w.next,w.next=s),g.interleaved=s,tr(r,c)}function Ou(r,s,c){if(s=s.updateQueue,s!==null&&(s=s.shared,(c&4194240)!==0)){var g=s.lanes;g&=r.pendingLanes,c|=g,s.lanes=c,Qv(r,c)}}function _A(r,s){var c=r.updateQueue,g=r.alternate;if(g!==null&&(g=g.updateQueue,c===g)){var w=null,S=null;if(c=c.firstBaseUpdate,c!==null){do{var A={eventTime:c.eventTime,lane:c.lane,tag:c.tag,payload:c.payload,callback:c.callback,next:null};S===null?w=S=A:S=S.next=A,c=c.next}while(c!==null);S===null?w=S=s:S=S.next=s}else w=S=s;c={baseState:g.baseState,firstBaseUpdate:w,lastBaseUpdate:S,shared:g.shared,effects:g.effects},r.updateQueue=c;return}r=c.lastBaseUpdate,r===null?c.firstBaseUpdate=s:r.next=s,c.lastBaseUpdate=s}function Lu(r,s,c,g){var w=r.updateQueue;Tr=!1;var S=w.firstBaseUpdate,A=w.lastBaseUpdate,B=w.shared.pending;if(B!==null){w.shared.pending=null;var K=B,oe=K.next;K.next=null,A===null?S=oe:A.next=oe,A=K;var ue=r.alternate;ue!==null&&(ue=ue.updateQueue,B=ue.lastBaseUpdate,B!==A&&(B===null?ue.firstBaseUpdate=oe:B.next=oe,ue.lastBaseUpdate=K))}if(S!==null){var fe=w.baseState;A=0,ue=oe=K=null,B=S;do{var le=B.lane,ge=B.eventTime;if((g&le)===le){ue!==null&&(ue=ue.next={eventTime:ge,lane:0,tag:B.tag,payload:B.payload,callback:B.callback,next:null});e:{var _e=r,Se=B;switch(le=s,ge=c,Se.tag){case 1:if(_e=Se.payload,typeof _e=="function"){fe=_e.call(ge,fe,le);break e}fe=_e;break e;case 3:_e.flags=_e.flags&-65537|128;case 0:if(_e=Se.payload,le=typeof _e=="function"?_e.call(ge,fe,le):_e,le==null)break e;fe=Q({},fe,le);break e;case 2:Tr=!0}}B.callback!==null&&B.lane!==0&&(r.flags|=64,le=w.effects,le===null?w.effects=[B]:le.push(B))}else ge={eventTime:ge,lane:le,tag:B.tag,payload:B.payload,callback:B.callback,next:null},ue===null?(oe=ue=ge,K=fe):ue=ue.next=ge,A|=le;if(B=B.next,B===null){if(B=w.shared.pending,B===null)break;le=B,B=le.next,le.next=null,w.lastBaseUpdate=le,w.shared.pending=null}}while(!0);if(ue===null&&(K=fe),w.baseState=K,w.firstBaseUpdate=oe,w.lastBaseUpdate=ue,s=w.shared.interleaved,s!==null){w=s;do A|=w.lane,w=w.next;while(w!==s)}else S===null&&(w.shared.lanes=0);yo|=A,r.lanes=A,r.memoizedState=fe}}function bA(r,s,c){if(r=s.effects,s.effects=null,r!==null)for(s=0;s