From 2edd68b0aa7c8871e2ab7ced9fcd0fe2de9529bf Mon Sep 17 00:00:00 2001
From: Relism <itzdrekkopvp@gmail.com>
Date: Sat, 28 Mar 2026 14:11:12 +0100
Subject: [PATCH] preparing for a conceptual refactoring...

---
 .gitignore                                    |   3 +-
 .idea/encodings.xml                           |   2 +
 .idea/workspace.xml                           | 128 +++---
 README.md                                     | 193 +++++++++
 flash-extensions/flash-ext-jackson/README.md  |   4 +-
 .../relism/ext/jackson/JacksonExtension.java  |   4 +-
 flash-extensions/flash-ext-oidc/README.md     |  14 +-
 .../dev/relism/ext/oidc/Authenticated.java    |  17 +
 .../dev/relism/ext/oidc/OidcExtension.java    |  20 +-
 .../dev/relism/ext/oidc/OidcMiddleware.java   |  55 ++-
 flash-extensions/flash-ext-openapi/README.md  |   2 +-
 .../relism/ext/openapi/OpenApiExtension.java  |   4 +-
 .../flash-ext-routeviewer/pom.xml             |  77 ++++
 .../routeviewer-ui/index.html                 |  12 +
 .../routeviewer-ui/package.json               |  22 +
 .../routeviewer-ui/src/App.css                | 100 +++++
 .../routeviewer-ui/src/App.jsx                | 401 ++++++++++++++++++
 .../routeviewer-ui/src/index.css              |   2 +
 .../routeviewer-ui/src/layout.js              | 153 +++++++
 .../routeviewer-ui/src/main.jsx               |  10 +
 .../src/nodes/AbstractHandlerNode.jsx         |  39 ++
 .../src/nodes/ConcreteHandlerNode.jsx         |  89 ++++
 .../routeviewer-ui/src/nodes/HandlerNode.jsx  | 168 ++++++++
 .../src/nodes/MiddlewareNode.jsx              |  25 ++
 .../routeviewer-ui/src/nodes/RouteNode.jsx    |  69 +++
 .../routeviewer-ui/src/nodes/RouterNode.jsx   |  30 ++
 .../routeviewer-ui/src/normalize.js           | 186 ++++++++
 .../routeviewer-ui/vite.config.js             |  18 +
 .../ext/routeviewer/GraphSerializer.java      | 126 ++++++
 .../routeviewer/RouteViewerDataHandler.java   |  30 ++
 .../ext/routeviewer/RouteViewerExtension.java |  74 ++++
 .../ext/routeviewer/RouteViewerHandler.java   |  38 ++
 .../routeviewer/RouteViewerStaticHandler.java |  46 ++
 .../ext/routeviewer/model/RouteGraph.java     |  44 ++
 .../ext/routeviewer/model/RouteRecord.java    | 118 ++++++
 .../ext/routeviewer/model/RouterNode.java     |  27 ++
 .../src/main/resources/routeviewer/app.css    |   1 +
 .../src/main/resources/routeviewer/app.js     |  63 +++
 .../src/main/resources/routeviewer/index.html |  13 +
 flash-extensions/pom.xml                      |   1 +
 .../src/main/java/dev/relism/HttpServer.java  |  99 ++---
 .../dev/relism/HttpServerConfiguration.java   |  15 -
 .../main/java/dev/relism/ServerHandle.java    |  26 ++
 .../relism/extension/ExtensionContext.java    |  77 +++-
 .../java/dev/relism/extension/FlashApp.java   | 394 ++++++++++++-----
 .../relism/extension/FlashConfiguration.java  |  31 ++
 .../dev/relism/extension/FlashExtension.java  |  27 +-
 .../dev/relism/extension/FlashRegistrar.java  |  71 ++++
 .../java/dev/relism/extension/FlashScope.java | 216 ++++++++++
 .../dev/relism/extension/PackageScanner.java  | 106 +++++
 .../java/dev/relism/extension/RouteEvent.java |  44 ++
 .../dev/relism/extension/RouteListener.java   |  22 +
 .../main/java/dev/relism/models/Response.java |  31 ++
 .../dev/relism/routing/AbstractRouter.java    |  78 ++--
 .../dev/relism/HttpServerConcurrencyTest.java |  41 +-
 .../test/java/dev/relism/HttpServerTest.java  | 105 ++---
 .../relism/routing/AbstractRouterTest.java    |  80 ++--
 .../dev/relism/routing/GlobalRouterTest.java  |  30 +-
 .../FastPathRouterImplTest.java               |  22 +-
 pom.xml                                       |   7 +-
 60 files changed, 3432 insertions(+), 518 deletions(-)
 create mode 100644 flash-extensions/flash-ext-routeviewer/pom.xml
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/index.html
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/package.json
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/App.css
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/App.jsx
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/index.css
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/layout.js
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/main.jsx
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/AbstractHandlerNode.jsx
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/ConcreteHandlerNode.jsx
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/HandlerNode.jsx
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/MiddlewareNode.jsx
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/RouteNode.jsx
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/RouterNode.jsx
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/normalize.js
 create mode 100644 flash-extensions/flash-ext-routeviewer/routeviewer-ui/vite.config.js
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/GraphSerializer.java
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerDataHandler.java
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerExtension.java
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerHandler.java
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerStaticHandler.java
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouteGraph.java
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouteRecord.java
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouterNode.java
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/app.css
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/app.js
 create mode 100644 flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/index.html
 delete mode 100644 flash/src/main/java/dev/relism/HttpServerConfiguration.java
 create mode 100644 flash/src/main/java/dev/relism/ServerHandle.java
 create mode 100644 flash/src/main/java/dev/relism/extension/FlashConfiguration.java
 create mode 100644 flash/src/main/java/dev/relism/extension/FlashRegistrar.java
 create mode 100644 flash/src/main/java/dev/relism/extension/FlashScope.java
 create mode 100644 flash/src/main/java/dev/relism/extension/PackageScanner.java
 create mode 100644 flash/src/main/java/dev/relism/extension/RouteEvent.java
 create mode 100644 flash/src/main/java/dev/relism/extension/RouteListener.java

diff --git a/.gitignore b/.gitignore
index ee23e88..10da2e0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -48,4 +48,5 @@ nuxt-shadcn-dashboard/
 /dev/
 /docs/
 jmh-result.text
-*.text
\ No newline at end of file
+*.text
+/flash-extensions/flash-ext-routeviewer/routeviewer-ui/node_modules/
diff --git a/.idea/encodings.xml b/.idea/encodings.xml
index 0a645a4..b1479bf 100644
--- a/.idea/encodings.xml
+++ b/.idea/encodings.xml
@@ -11,6 +11,8 @@
     <file url="file://$PROJECT_DIR$/flash-extensions/flash-ext-oidc/src/main/resources" charset="UTF-8" />
     <file url="file://$PROJECT_DIR$/flash-extensions/flash-ext-openapi/src/main/java" charset="UTF-8" />
     <file url="file://$PROJECT_DIR$/flash-extensions/flash-ext-openapi/src/main/resources" charset="UTF-8" />
+    <file url="file://$PROJECT_DIR$/flash-extensions/flash-ext-routeviewer/src/main/java" charset="UTF-8" />
+    <file url="file://$PROJECT_DIR$/flash-extensions/flash-ext-routeviewer/src/main/resources" charset="UTF-8" />
     <file url="file://$PROJECT_DIR$/flash-extensions/src/main/java" charset="UTF-8" />
     <file url="file://$PROJECT_DIR$/flash-extensions/src/main/resources" charset="UTF-8" />
     <file url="file://$PROJECT_DIR$/flash/src/main/java" charset="UTF-8" />
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 917c0db..f53c935 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -4,12 +4,26 @@
     <option name="autoReloadType" value="SELECTIVE" />
   </component>
   <component name="ChangeListManager">
-    <list default="true" id="fc757130-fe3e-4ea9-8d69-c26ffb8545a4" name="Changes" comment="enhanced router middleware support; added pre-fused middleware handling and improved handler registration">
-      <change afterPath="$PROJECT_DIR$/.idea/jsLibraryMappings.xml" afterDir="false" />
+    <list default="true" id="fc757130-fe3e-4ea9-8d69-c26ffb8545a4" name="Changes" comment="pre-major refactoring + ext api.">
+      <change beforePath="$PROJECT_DIR$/.gitignore" beforeDir="false" afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/encodings.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/encodings.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/vcs.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/README.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash-extensions/flash-ext-jackson/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/flash-extensions/flash-ext-jackson/README.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash-extensions/flash-ext-jackson/src/main/java/dev/relism/ext/jackson/JacksonExtension.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash-extensions/flash-ext-jackson/src/main/java/dev/relism/ext/jackson/JacksonExtension.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash-extensions/flash-ext-oidc/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/flash-extensions/flash-ext-oidc/README.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/Authenticated.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/Authenticated.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcExtension.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcExtension.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcMiddleware.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcMiddleware.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash-extensions/flash-ext-openapi/README.md" beforeDir="false" afterPath="$PROJECT_DIR$/flash-extensions/flash-ext-openapi/README.md" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash-extensions/flash-ext-openapi/src/main/java/dev/relism/ext/openapi/OpenApiExtension.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash-extensions/flash-ext-openapi/src/main/java/dev/relism/ext/openapi/OpenApiExtension.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash-extensions/pom.xml" beforeDir="false" afterPath="$PROJECT_DIR$/flash-extensions/pom.xml" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/flash/src/main/java/dev/relism/HttpServer.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash/src/main/java/dev/relism/HttpServer.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash/src/main/java/dev/relism/HttpServerConfiguration.java" beforeDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash/src/main/java/dev/relism/extension/ExtensionContext.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash/src/main/java/dev/relism/extension/ExtensionContext.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash/src/main/java/dev/relism/extension/FlashApp.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash/src/main/java/dev/relism/extension/FlashApp.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash/src/main/java/dev/relism/extension/FlashExtension.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash/src/main/java/dev/relism/extension/FlashExtension.java" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/flash/src/main/java/dev/relism/models/Response.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash/src/main/java/dev/relism/models/Response.java" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/flash/src/main/java/dev/relism/routing/AbstractRouter.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash/src/main/java/dev/relism/routing/AbstractRouter.java" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/flash/src/test/java/dev/relism/HttpServerConcurrencyTest.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash/src/test/java/dev/relism/HttpServerConcurrencyTest.java" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/flash/src/test/java/dev/relism/HttpServerTest.java" beforeDir="false" afterPath="$PROJECT_DIR$/flash/src/test/java/dev/relism/HttpServerTest.java" afterDir="false" />
@@ -30,7 +44,7 @@
     </persistenceIdMap>
   </component>
   <component name="EmbeddingIndexingInfo">
-    <option name="cachedIndexableFilesCount" value="130" />
+    <option name="cachedIndexableFilesCount" value="203" />
     <option name="fileBasedEmbeddingIndicesEnabled" value="true" />
   </component>
   <component name="FileTemplateManagerImpl">
@@ -69,50 +83,50 @@
     <option name="hideEmptyMiddlePackages" value="true" />
     <option name="showLibraryContents" value="true" />
   </component>
-  <component name="PropertiesComponent"><![CDATA[{
-  "keyToString": {
-    "Application.ExternalBenchmark (1).executor": "Run",
-    "Application.ExternalBenchmark.executor": "Run",
-    "Application.Main.executor": "Run",
-    "Application.dev.relism.bench.Main.executor": "Run",
-    "JUnit.RequestParserTest.executor": "Run",
-    "JUnit.RequestParserTest.headers_caseInsensitive.executor": "Debug",
-    "Maven.FlashPractice [test].executor": "Run",
-    "Maven.flash [compile].executor": "Run",
-    "Maven.flash [install].executor": "Run",
-    "Maven.flash [test].executor": "Run",
-    "Maven.flash-bench [clean].executor": "Run",
-    "Maven.flash-bench [install].executor": "Run",
-    "Maven.flash-bench [package].executor": "Run",
-    "Maven.flash-bench [validate].executor": "Run",
-    "Maven.flash-parent [install].executor": "Run",
-    "Maven.flash-parent [package].executor": "Run",
-    "ModuleVcsDetector.initialDetectionPerformed": "true",
-    "RunOnceActivity.MCP Project settings loaded": "true",
-    "RunOnceActivity.ShowReadmeOnStart": "true",
-    "RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252": "true",
-    "RunOnceActivity.git.unshallow": "true",
-    "RunOnceActivity.typescript.service.memoryLimit.init": "true",
-    "SHARE_PROJECT_CONFIGURATION_FILES": "true",
-    "git-widget-placeholder": "master",
-    "ignore.virus.scanning.warn.message": "true",
-    "kotlin-language-version-configured": "true",
-    "last_opened_file_path": "C:/Users/elorc/Documents/Coding/Java/practice/Flash",
-    "node.js.detected.package.eslint": "true",
-    "node.js.detected.package.tslint": "true",
-    "node.js.selected.package.eslint": "(autodetect)",
-    "node.js.selected.package.tslint": "(autodetect)",
-    "nodejs_package_manager_path": "npm",
-    "npm.build.executor": "Run",
-    "onboarding.tips.debug.path": "C:/Users/elorc/Documents/Coding/Java/practice/FlashPractice/flash-bench/src/main/java/dev/relism/Main.java",
-    "project.structure.last.edited": "Modules",
-    "project.structure.proportion": "0.15",
-    "project.structure.side.proportion": "0.1150748",
-    "settings.editor.selected.configurable": "project.propVCSSupport.DirectoryMappings",
-    "ts.external.directory.path": "C:\\Users\\elorc\\Documents\\Coding\\Java\\practice\\Flash\\nuxt-shadcn-dashboard\\node_modules\\typescript\\lib",
-    "vue.rearranger.settings.migration": "true"
+  <component name="PropertiesComponent">{
+  &quot;keyToString&quot;: {
+    &quot;Application.ExternalBenchmark (1).executor&quot;: &quot;Run&quot;,
+    &quot;Application.ExternalBenchmark.executor&quot;: &quot;Run&quot;,
+    &quot;Application.Main.executor&quot;: &quot;Run&quot;,
+    &quot;Application.dev.relism.bench.Main.executor&quot;: &quot;Run&quot;,
+    &quot;JUnit.RequestParserTest.executor&quot;: &quot;Run&quot;,
+    &quot;JUnit.RequestParserTest.headers_caseInsensitive.executor&quot;: &quot;Debug&quot;,
+    &quot;Maven.FlashPractice [test].executor&quot;: &quot;Run&quot;,
+    &quot;Maven.flash [compile].executor&quot;: &quot;Run&quot;,
+    &quot;Maven.flash [install].executor&quot;: &quot;Run&quot;,
+    &quot;Maven.flash [test].executor&quot;: &quot;Run&quot;,
+    &quot;Maven.flash-bench [clean].executor&quot;: &quot;Run&quot;,
+    &quot;Maven.flash-bench [install].executor&quot;: &quot;Run&quot;,
+    &quot;Maven.flash-bench [package].executor&quot;: &quot;Run&quot;,
+    &quot;Maven.flash-bench [validate].executor&quot;: &quot;Run&quot;,
+    &quot;Maven.flash-parent [install].executor&quot;: &quot;Run&quot;,
+    &quot;Maven.flash-parent [package].executor&quot;: &quot;Run&quot;,
+    &quot;ModuleVcsDetector.initialDetectionPerformed&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.MCP Project settings loaded&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.ShowReadmeOnStart&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.TerminalTabsStorage.copyFrom.TerminalArrangementManager.252&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.git.unshallow&quot;: &quot;true&quot;,
+    &quot;RunOnceActivity.typescript.service.memoryLimit.init&quot;: &quot;true&quot;,
+    &quot;SHARE_PROJECT_CONFIGURATION_FILES&quot;: &quot;true&quot;,
+    &quot;git-widget-placeholder&quot;: &quot;master&quot;,
+    &quot;ignore.virus.scanning.warn.message&quot;: &quot;true&quot;,
+    &quot;kotlin-language-version-configured&quot;: &quot;true&quot;,
+    &quot;last_opened_file_path&quot;: &quot;C:/Users/elorc/Documents/Coding/Java/practice/Flash&quot;,
+    &quot;node.js.detected.package.eslint&quot;: &quot;true&quot;,
+    &quot;node.js.detected.package.tslint&quot;: &quot;true&quot;,
+    &quot;node.js.selected.package.eslint&quot;: &quot;(autodetect)&quot;,
+    &quot;node.js.selected.package.tslint&quot;: &quot;(autodetect)&quot;,
+    &quot;nodejs_package_manager_path&quot;: &quot;npm&quot;,
+    &quot;npm.build.executor&quot;: &quot;Run&quot;,
+    &quot;onboarding.tips.debug.path&quot;: &quot;C:/Users/elorc/Documents/Coding/Java/practice/FlashPractice/flash-bench/src/main/java/dev/relism/Main.java&quot;,
+    &quot;project.structure.last.edited&quot;: &quot;Modules&quot;,
+    &quot;project.structure.proportion&quot;: &quot;0.15&quot;,
+    &quot;project.structure.side.proportion&quot;: &quot;0.1150748&quot;,
+    &quot;settings.editor.selected.configurable&quot;: &quot;project.propVCSSupport.DirectoryMappings&quot;,
+    &quot;ts.external.directory.path&quot;: &quot;C:\\Users\\elorc\\Documents\\Coding\\Java\\practice\\Flash\\nuxt-shadcn-dashboard\\node_modules\\typescript\\lib&quot;,
+    &quot;vue.rearranger.settings.migration&quot;: &quot;true&quot;
   }
-}]]></component>
+}</component>
   <component name="RecentsManager">
     <key name="MoveFile.RECENT_KEYS">
       <recent name="C:\Users\elorc\Documents\Coding\Java\practice\Flash" />
@@ -251,7 +265,12 @@
       <workItem from="1774136286683" duration="3816000" />
       <workItem from="1774187096932" duration="25000" />
       <workItem from="1774458099414" duration="14351000" />
-      <workItem from="1774523863906" duration="4441000" />
+      <workItem from="1774523863906" duration="9762000" />
+      <workItem from="1774555172612" duration="9776000" />
+      <workItem from="1774604979874" duration="16474000" />
+      <workItem from="1774628513273" duration="86000" />
+      <workItem from="1774638461244" duration="5718000" />
+      <workItem from="1774691772785" duration="3801000" />
     </task>
     <task id="LOCAL-00001" summary="Initial">
       <option name="closed" value="true" />
@@ -309,7 +328,15 @@
       <option name="project" value="LOCAL" />
       <updated>1773952556190</updated>
     </task>
-    <option name="localTasksCounter" value="8" />
+    <task id="LOCAL-00008" summary="pre-major refactoring + ext api.">
+      <option name="closed" value="true" />
+      <created>1774530802482</created>
+      <option name="number" value="00008" />
+      <option name="presentableId" value="LOCAL-00008" />
+      <option name="project" value="LOCAL" />
+      <updated>1774530802482</updated>
+    </task>
+    <option name="localTasksCounter" value="9" />
     <servers />
   </component>
   <component name="TypeScriptGeneratedFilesManager">
@@ -346,7 +373,8 @@
     <MESSAGE value="enhanced HTTP server configuration and response handling; added acceptorThreads, improved header management, and refined error page titles" />
     <MESSAGE value="multipart parsing, request body access, and chunked input stream support" />
     <MESSAGE value="enhanced router middleware support; added pre-fused middleware handling and improved handler registration" />
-    <option name="LAST_COMMIT_MESSAGE" value="enhanced router middleware support; added pre-fused middleware handling and improved handler registration" />
+    <MESSAGE value="pre-major refactoring + ext api." />
+    <option name="LAST_COMMIT_MESSAGE" value="pre-major refactoring + ext api." />
   </component>
   <component name="XSLT-Support.FileAssociations.UIState">
     <expand />
diff --git a/README.md b/README.md
index 760fd5d..d35515a 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,194 @@
 # Flash
+
+A high-performance HTTP/1.1 server library for Java 21, built around virtual threads and a zero-allocation FSM router.
+
+## Modules
+
+| Module | Description |
+|---|---|
+| `flash` | Core server library — router, request parser, HTTP I/O transport |
+| `flash-extensions/flash-ext-jackson` | Jackson JSON integration |
+| `flash-extensions/flash-ext-openapi` | OpenAPI 3.0 spec + Swagger UI |
+| `flash-extensions/flash-ext-oidc` | OIDC Authorization Code + PKCE flow |
+| `flash-bench` | Demo harness (OIDC + OpenAPI + Jackson) |
+
+## Requirements
+
+- Java 21+
+- Maven 3.8+
+
+## Quick start
+
+```java
+FlashApp.create(8080)
+    .get("/ping", (req, res) -> "pong")
+    .start();
+```
+
+With full configuration:
+
+```java
+FlashApp.create(
+    FlashConfiguration.builder()
+        .port(8080)
+        .host("0.0.0.0")
+        .maxHeaderBufferSize(65536)
+        .build()
+)
+.get("/ping", (req, res) -> "pong")
+.start();
+```
+
+## Route registration
+
+### Lambda routes
+
+```java
+FlashApp app = FlashApp.create(8080);
+
+app.get("/hello", (req, res) -> "world");
+
+app.post("/echo", (req, res) -> {
+    byte[] body = req.body().bytes();
+    return res.status(200).body(body);
+});
+
+app.get("/users/{id}", (req, res) -> {
+    String id = req.pathParam("id");
+    return "user:" + id;
+});
+```
+
+### Class-based handlers
+
+Extend `RequestHandler` (or a subclass like `JacksonHandler`) and annotate with `@Route`:
+
+```java
+@Route(method = HttpMethod.GET, path = "/api/users")
+public class ListUsers extends JacksonHandler {
+    @Override
+    public Object handle(Request req, Response res) throws Exception {
+        return json(res, List.of("alice", "bob"));
+    }
+}
+
+// Register:
+app.register(new ListUsers());
+```
+
+### Middleware
+
+Apply middleware via `.with()` on the `RouteHandle` returned by any registration call:
+
+```java
+Middleware authCheck = next -> (req, res) -> {
+    if (req.header("Authorization") == null)
+        return res.status(401).body("Unauthorized");
+    return next.handle(req, res);
+};
+
+app.get("/secure", (req, res) -> "secret data")
+   .with(authCheck);
+```
+
+Multiple middlewares are composed outermost-first (left-to-right in the call):
+
+```java
+app.get("/admin", handler).with(logging, auth, rateLimit);
+// execution order: logging → auth → rateLimit → handler
+```
+
+### Classpath scan
+
+Scans a package for classes that extend `RequestHandler` and carry `@Route`. Each is
+instantiated via its public no-arg constructor:
+
+```java
+app.scan("dev.example.handlers");
+```
+
+### Namespace mounting
+
+Mount a scoped sub-router under a prefix. All routes registered inside the scope get the
+prefix prepended automatically. The scope inherits the parent's extension context (annotation
+processors, services):
+
+```java
+app.mount("/api", scope -> {
+    scope.get("/health", (req, res) -> "ok");          // → GET /api/health
+    scope.register(new UserHandler());                  // @Route(path="/users") → GET /api/users
+    scope.scan("dev.example.api");
+});
+```
+
+## Extensions
+
+Extensions are installed before route registration. Each extension receives the `FlashRegistrar`
+and `ExtensionContext` — it can register routes, expose services, and register annotation processors.
+
+```java
+FlashApp.create(8080)
+    .install(new JacksonExtension())
+    .install(new OpenApiExtension("/openapi", "My API", "1.0.0"))
+    .install(new OidcExtension(oidcConfig))
+    .register(new MyHandler())
+    .start();
+```
+
+See extension-specific READMEs for full details:
+- [`flash-ext-jackson`](flash-extensions/flash-ext-jackson/README.md)
+- [`flash-ext-openapi`](flash-extensions/flash-ext-openapi/README.md)
+- [`flash-ext-oidc`](flash-extensions/flash-ext-oidc/README.md)
+
+## Error handlers
+
+```java
+app.onNotFound((req, res) -> res.status(404).body("Not found: " + req.path()));
+
+app.onException((ex, req, res) -> {
+    if (ex instanceof IllegalArgumentException)
+        return res.status(400).body(ex.getMessage());
+    return res.status(500).body("Internal error");
+});
+```
+
+## FlashConfiguration
+
+| Field | Default | Description |
+|---|---|---|
+| `port` | — | TCP port to bind |
+| `host` | `"0.0.0.0"` | Bind address |
+| `maxHeaderBufferSize` | `65536` | Max size of the header buffer (bytes) |
+
+## Architecture
+
+```
+ServerSocket.accept()
+  → RequestParser.parse()       # zero-alloc header parsing, buffer reuse across keep-alive
+  → GlobalRouter.route()        # two-tier: mounted sub-routers (longest prefix) then FastPathRouterImpl
+  → RequestHandler.handle()     # user handler; return value sets body
+  → Request.drain()             # consume unread body for keep-alive
+  → HttpServer writes response  # status line, headers, then fixed or chunked body
+  → loop or close socket        # based on Connection header
+```
+
+- **Virtual threads** — each accepted socket runs on a virtual thread (`Executors.newVirtualThreadPerTaskExecutor()`). Java 21 required.
+- **Zero-allocation router** — `FastPathRouterImpl` uses `fpr-core`, a byte-level FSM that matches on `METHOD + path` bytes with no per-request allocation.
+- **Keep-alive** — `RequestParser` reuses its header buffer across requests on the same connection.
+- **Chunked transfer** — both chunked request bodies (decoded via `ChunkedInputStream`) and chunked response bodies are supported.
+
+## Build & test
+
+```bash
+# Build all modules (skip tests)
+mvn clean package -DskipTests
+
+# Run all tests
+mvn test
+
+# Run a single test class
+mvn test -pl flash -Dtest=RequestParserTest
+
+# Run the benchmark demo server
+java -jar flash-bench/target/flash-bench-1.0-SNAPSHOT.jar
+```
diff --git a/flash-extensions/flash-ext-jackson/README.md b/flash-extensions/flash-ext-jackson/README.md
index 57ba650..30ec01e 100644
--- a/flash-extensions/flash-ext-jackson/README.md
+++ b/flash-extensions/flash-ext-jackson/README.md
@@ -23,7 +23,7 @@ Jackson JSON integration for the Flash HTTP server.
 Install before any extension that needs JSON (e.g. `flash-ext-openapi`, `flash-ext-oidc`):
 
 ```java
-FlashApp.of(new HttpServer(config))
+FlashApp.create(8080)
     .install(new JacksonExtension())
     // ... other extensions
 ```
@@ -36,7 +36,7 @@ ObjectMapper mapper = JsonMapper.builder()
     .disable(SerializationFeature.WRITE_DATES_AS_TIMESTAMPS)
     .build();
 
-FlashApp.of(new HttpServer(config))
+FlashApp.create(8080)
     .install(new JacksonExtension(mapper));
 ```
 
diff --git a/flash-extensions/flash-ext-jackson/src/main/java/dev/relism/ext/jackson/JacksonExtension.java b/flash-extensions/flash-ext-jackson/src/main/java/dev/relism/ext/jackson/JacksonExtension.java
index 0fc0bfd..908777b 100644
--- a/flash-extensions/flash-ext-jackson/src/main/java/dev/relism/ext/jackson/JacksonExtension.java
+++ b/flash-extensions/flash-ext-jackson/src/main/java/dev/relism/ext/jackson/JacksonExtension.java
@@ -4,8 +4,8 @@ import com.fasterxml.jackson.databind.ObjectMapper;
 import com.fasterxml.jackson.databind.json.JsonMapper;
 import dev.relism.exceptions.HttpException;
 import dev.relism.extension.ExtensionContext;
-import dev.relism.extension.FlashApp;
 import dev.relism.extension.FlashExtension;
+import dev.relism.extension.FlashRegistrar;
 import dev.relism.http.ContentType;
 
 /**
@@ -45,7 +45,7 @@ public class JacksonExtension implements FlashExtension {
     }
 
     @Override
-    public void install(FlashApp app, ExtensionContext ctx) {
+    public void install(FlashRegistrar app, ExtensionContext ctx) {
         ctx.provide(ObjectMapper.class, mapper);
         JacksonHandler.mapper = mapper;
 
diff --git a/flash-extensions/flash-ext-oidc/README.md b/flash-extensions/flash-ext-oidc/README.md
index 004cad2..1814a03 100644
--- a/flash-extensions/flash-ext-oidc/README.md
+++ b/flash-extensions/flash-ext-oidc/README.md
@@ -32,7 +32,7 @@ Optional: `flash-ext-openapi` — if present, OIDC security schemes are added to
 ## Installation
 
 ```java
-FlashApp.of(new HttpServer(config))
+FlashApp.create(8080)
     .install(new JacksonExtension())
     .install(new OpenApiExtension(...))   // optional — enables Swagger security
     .install(new OidcExtension(
@@ -144,17 +144,17 @@ OidcMiddleware oidc = app.ctx().require(OidcMiddleware.class);
 app.get("/api/me", (req, res) -> {
     OidcUser u = ClaimsHolder.user();   // never null here
     return Map.of("sub", u.sub(), "email", u.email());
-}, oidc.protect());
+}).with(oidc.protect());
 
 // Authentication + role check
 app.delete("/api/admin/users/{id}", (req, res) -> {
     OidcUser u = ClaimsHolder.user();
     // ...
-}, oidc.requireRole("admin"));
+}).with(oidc.requireRole("admin"));
 
 // Multiple roles (OR): passes if user holds any one of them
-app.get("/api/reports", (req, res) -> { ... },
-    oidc.requireRole("admin", "reports-viewer"));
+app.get("/api/reports", (req, res) -> { ... })
+   .with(oidc.requireRole("admin", "reports-viewer"));
 ```
 
 `oidc.protect()` / `oidc.requireRole(...)` return a `Middleware` — a composable
@@ -326,8 +326,8 @@ OidcMiddleware mwA = app.ctx().require(OidcMiddleware.class);   // tenantA's mid
 app.install(new OidcExtension(tenantB));
 OidcMiddleware mwB = app.ctx().require(OidcMiddleware.class);   // tenantB's middleware
 
-app.get("/a/dashboard", (req, res) -> { ... }, mwA.protect());
-app.get("/b/dashboard", (req, res) -> { ... }, mwB.protect());
+app.get("/a/dashboard", (req, res) -> { ... }).with(mwA.protect());
+app.get("/b/dashboard", (req, res) -> { ... }).with(mwB.protect());
 ```
 
 Class-based handlers annotated with `@Authenticated` / `@RolesAllowed` get the last
diff --git a/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/Authenticated.java b/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/Authenticated.java
index 812a9b2..7a3158d 100644
--- a/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/Authenticated.java
+++ b/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/Authenticated.java
@@ -11,13 +11,30 @@ import java.lang.annotation.Target;
  *
  * <p>For role-based access use {@link RolesAllowed} instead (it implies authentication).
  *
+ * <p>Set {@code optional = true} on public routes that personalise their response when
+ * the user happens to be logged in but should remain accessible to guests. The middleware
+ * will populate {@link ClaimsHolder} if credentials are present and silently skip it
+ * otherwise — the request is never rejected.
+ *
  * <pre>{@code
+ * // Hard auth — redirects / 401 when unauthenticated:
  * @Route(method = HttpMethod.GET, path = "/api/profile")
  * @Authenticated
  * public class GetProfile extends JacksonHandler { ... }
+ *
+ * // Soft auth — guest-friendly, ClaimsHolder populated only when logged in:
+ * @Route(method = HttpMethod.GET, path = "/")
+ * @Authenticated(optional = true)
+ * public class HomePage extends HtmlHandler { ... }
  * }</pre>
  */
 @Retention(RetentionPolicy.RUNTIME)
 @Target(ElementType.TYPE)
 public @interface Authenticated {
+    /**
+     * When {@code true} the middleware never rejects unauthenticated requests — it only
+     * populates {@link ClaimsHolder} when valid credentials are present.
+     * Defaults to {@code false} (hard authentication required).
+     */
+    boolean optional() default false;
 }
diff --git a/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcExtension.java b/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcExtension.java
index 743047c..45c7648 100644
--- a/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcExtension.java
+++ b/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcExtension.java
@@ -1,8 +1,8 @@
 package dev.relism.ext.oidc;
 
 import dev.relism.extension.ExtensionContext;
-import dev.relism.extension.FlashApp;
 import dev.relism.extension.FlashExtension;
+import dev.relism.extension.FlashRegistrar;
 
 import javax.net.ssl.SSLContext;
 import javax.net.ssl.TrustManager;
@@ -59,7 +59,7 @@ public class OidcExtension implements FlashExtension {
     }
 
     @Override
-    public void install(FlashApp app, ExtensionContext ctx) {
+    public void install(FlashRegistrar app, ExtensionContext ctx) {
 
         // 1. Build the shared HttpClient (optionally with TLS verification disabled)
         HttpClient http = buildHttpClient(config);
@@ -116,7 +116,7 @@ public class OidcExtension implements FlashExtension {
                     + "&code_challenge="         + challenge
                     + "&code_challenge_method=S256";
 
-            res.status(302).header("Location", authUrl);
+            res.redirect(authUrl);
             return null;
         }).with();
 
@@ -165,9 +165,8 @@ public class OidcExtension implements FlashExtension {
             );
             config.sessionStore().save(session);
 
-            res.status(302)
-               .header("Set-Cookie", sessionCookie(session.id()))
-               .header("Location",   entry.originalUrl());
+            res.header("Set-Cookie", sessionCookie(session.id()))
+               .redirect(entry.originalUrl());
             return null;
         }).with();
 
@@ -200,9 +199,8 @@ public class OidcExtension implements FlashExtension {
                 location = config.postLogoutRedirectUri();
             }
 
-            res.status(302)
-               .header("Set-Cookie", clearCookie)
-               .header("Location",   location);
+            res.header("Set-Cookie", clearCookie)
+               .redirect(location);
             return null;
         }).with();
 
@@ -212,7 +210,9 @@ public class OidcExtension implements FlashExtension {
             if (roles != null) return List.of(oidcMw.rolesMiddleware(roles.value()));
 
             Authenticated auth = handlerClass.getAnnotation(Authenticated.class);
-            if (auth != null) return List.of(oidcMw.authenticatedMiddleware());
+            if (auth != null) return List.of(auth.optional()
+                    ? oidcMw.optionalMiddleware()
+                    : oidcMw.authenticatedMiddleware());
 
             return List.of();
         });
diff --git a/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcMiddleware.java b/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcMiddleware.java
index d3fb217..abcb4ab 100644
--- a/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcMiddleware.java
+++ b/flash-extensions/flash-ext-oidc/src/main/java/dev/relism/ext/oidc/OidcMiddleware.java
@@ -68,6 +68,29 @@ public class OidcMiddleware {
         };
     }
 
+    /**
+     * Silently populates {@link ClaimsHolder} if a valid bearer token or session cookie
+     * is present, but never rejects or redirects unauthenticated requests. Use this on
+     * public routes that want to personalise the response when the user happens to be
+     * logged in (e.g. showing a username on a landing page).
+     *
+     * <pre>{@code
+     * app.get("/", handler).with(oidc.optional());
+     * // Inside handler: ClaimsHolder.user() is non-null iff the user is logged in.
+     * }</pre>
+     */
+    public Middleware optional() {
+        return next -> (req, res) -> {
+            Map<String, Object> claims = resolveQuiet(req);
+            if (claims != null) ClaimsHolder.set(claims);
+            try {
+                return next.handle(req, res);
+            } finally {
+                ClaimsHolder.clear();
+            }
+        };
+    }
+
     /**
      * Like {@link #protect()} but also enforces that the caller holds at least one
      * of the given roles (OR semantics). Roles are extracted via
@@ -90,10 +113,40 @@ public class OidcMiddleware {
     // -- Package-private: AnnotationProcessor hooks ---------------------------
 
     Middleware authenticatedMiddleware()          { return protect(); }
+    Middleware optionalMiddleware()               { return optional(); }
     Middleware rolesMiddleware(String[] required) { return requireRole(required); }
 
     // -- Internals ------------------------------------------------------------
 
+    /**
+     * Like {@link #resolve} but never redirects or throws — returns {@code null} silently
+     * when no valid credentials are present. Used by {@link #optional()}.
+     */
+    private Map<String, Object> resolveQuiet(Request req) {
+        String auth = req.header("Authorization");
+        if (auth != null && auth.startsWith("Bearer "))
+            return validator.validate(auth.substring(7));
+
+        String sessionId = cookieValue(req, "oidc_session");
+        if (sessionId != null) {
+            Optional<OidcSession> found = config.sessionStore().find(sessionId);
+            if (found.isPresent()) {
+                OidcSession session = found.get();
+                if (!session.isAccessTokenExpired())
+                    return session.claims();
+                if (session.refreshToken() != null) {
+                    try {
+                        OidcSession refreshed = doRefresh(session);
+                        config.sessionStore().save(refreshed);
+                        return refreshed.claims();
+                    } catch (Exception ignored) { }
+                }
+                config.sessionStore().delete(sessionId);
+            }
+        }
+        return null;
+    }
+
     /**
      * Returns claims on success, or {@code null} if a redirect was already written to
      * {@code res}. Throws {@link HttpException} 401/403 for API clients.
@@ -136,7 +189,7 @@ public class OidcMiddleware {
         // Browser — redirect to login, preserving the original URL in state
         String loginUrl = config.routePrefix() + "/login?redirect="
                 + URLEncoder.encode(req.path(), StandardCharsets.UTF_8);
-        res.status(302).header("Location", loginUrl);
+        res.redirect(loginUrl);
         return null;
     }
 
diff --git a/flash-extensions/flash-ext-openapi/README.md b/flash-extensions/flash-ext-openapi/README.md
index d94be51..54e903c 100644
--- a/flash-extensions/flash-ext-openapi/README.md
+++ b/flash-extensions/flash-ext-openapi/README.md
@@ -29,7 +29,7 @@ If `flash-ext-oidc` is installed **after** this extension, OIDC security schemes
 ## Installation
 
 ```java
-FlashApp.of(new HttpServer(config))
+FlashApp.create(8080)
     .install(new JacksonExtension())
     .install(new OpenApiExtension("/openapi", "My API", "2.0.0", "Optional description"))
     .register(new MyHandler());
diff --git a/flash-extensions/flash-ext-openapi/src/main/java/dev/relism/ext/openapi/OpenApiExtension.java b/flash-extensions/flash-ext-openapi/src/main/java/dev/relism/ext/openapi/OpenApiExtension.java
index fea2a10..81fabf1 100644
--- a/flash-extensions/flash-ext-openapi/src/main/java/dev/relism/ext/openapi/OpenApiExtension.java
+++ b/flash-extensions/flash-ext-openapi/src/main/java/dev/relism/ext/openapi/OpenApiExtension.java
@@ -3,8 +3,8 @@ package dev.relism.ext.openapi;
 import com.fasterxml.jackson.databind.ObjectMapper;
 import com.fasterxml.jackson.dataformat.yaml.YAMLMapper;
 import dev.relism.extension.ExtensionContext;
-import dev.relism.extension.FlashApp;
 import dev.relism.extension.FlashExtension;
+import dev.relism.extension.FlashRegistrar;
 import dev.relism.http.ContentType;
 import dev.relism.routing.Route;
 
@@ -61,7 +61,7 @@ public class OpenApiExtension implements FlashExtension {
     }
 
     @Override
-    public void install(FlashApp app, ExtensionContext ctx) {
+    public void install(FlashRegistrar app, ExtensionContext ctx) {
         ObjectMapper jsonMapper = ctx.require(ObjectMapper.class);
         YAMLMapper   yamlMapper = new YAMLMapper();
 
diff --git a/flash-extensions/flash-ext-routeviewer/pom.xml b/flash-extensions/flash-ext-routeviewer/pom.xml
new file mode 100644
index 0000000..276f591
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/pom.xml
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+
+    <parent>
+        <groupId>dev.relism</groupId>
+        <artifactId>flash-extensions</artifactId>
+        <version>1.0-SNAPSHOT</version>
+    </parent>
+
+    <artifactId>flash-ext-routeviewer</artifactId>
+
+    <dependencies>
+        <dependency>
+            <groupId>dev.relism</groupId>
+            <artifactId>flash</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.junit.jupiter</groupId>
+            <artifactId>junit-jupiter</artifactId>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <plugins>
+            <!--
+                Builds the React SPA before Java compilation.
+                Requires Node 22+ and pnpm 9+ to be available.
+                Output lands in src/main/resources/routeviewer/ → packaged into the JAR.
+                The frontend source (routeviewer-ui/) is NOT included in the JAR.
+            -->
+            <plugin>
+                <groupId>com.github.eirslett</groupId>
+                <artifactId>frontend-maven-plugin</artifactId>
+                <version>1.15.0</version>
+                <configuration>
+                    <workingDirectory>routeviewer-ui</workingDirectory>
+                    <installDirectory>target/frontend-runtime</installDirectory>
+                </configuration>
+                <executions>
+                    <execution>
+                        <id>install-node-and-pnpm</id>
+                        <goals><goal>install-node-and-pnpm</goal></goals>
+                        <phase>initialize</phase>
+                        <configuration>
+                            <nodeVersion>v22.11.0</nodeVersion>
+                            <pnpmVersion>9.12.0</pnpmVersion>
+                        </configuration>
+                    </execution>
+                    <execution>
+                        <id>pnpm-install</id>
+                        <goals><goal>pnpm</goal></goals>
+                        <phase>initialize</phase>
+                        <configuration>
+                            <arguments>install --frozen-lockfile</arguments>
+                        </configuration>
+                    </execution>
+                    <execution>
+                        <id>pnpm-build</id>
+                        <goals><goal>pnpm</goal></goals>
+                        <phase>generate-resources</phase>
+                        <configuration>
+                            <arguments>build</arguments>
+                        </configuration>
+                    </execution>
+                </executions>
+            </plugin>
+        </plugins>
+    </build>
+
+</project>
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/index.html b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/index.html
new file mode 100644
index 0000000..9c83e50
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Flash Route Viewer</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/package.json b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/package.json
new file mode 100644
index 0000000..daa7ca5
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "routeviewer-ui",
+  "private": true,
+  "version": "0.0.1",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@dagrejs/dagre": "^1.1.4",
+    "@xyflow/react": "^12.3.6",
+    "html-to-image": "^1.11.11",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-react": "^4.3.1",
+    "vite": "^5.4.11"
+  }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/App.css b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/App.css
new file mode 100644
index 0000000..f1993e9
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/App.css
@@ -0,0 +1,100 @@
+.app {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background: #0f1117;
+}
+
+.topbar {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 10px 20px;
+  background: #1a1d27;
+  border-bottom: 1px solid #2e3347;
+  flex-shrink: 0;
+  z-index: 10;
+}
+
+.logo { font-weight: 700; font-size: 15px; letter-spacing: -.3px; }
+
+.badge {
+  background: #7c6af7;
+  color: #fff;
+  font-size: 11px;
+  font-weight: 600;
+  padding: 2px 8px;
+  border-radius: 99px;
+}
+
+.legend {
+  margin-left: auto;
+  display: flex;
+  gap: 16px;
+  font-size: 12px;
+  color: #8892a4;
+}
+
+.legend-item { display: flex; align-items: center; gap: 5px; }
+
+.dot {
+  width: 10px; height: 10px;
+  border-radius: 50%;
+  display: inline-block;
+}
+.dot-dash {
+  border: 2px dashed;
+  background: transparent !important;
+}
+
+.center {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 14px;
+}
+.muted { color: #8892a4; }
+.error { color: #f87171; }
+
+/* ReactFlow override */
+.react-flow__renderer { flex: 1; }
+
+/* Sidebar */
+.sidebar-content {
+  padding: 16px 12px;
+  font-family: system-ui, sans-serif;
+  color: #e2e8f0;
+  overflow-y: auto;
+  flex: 1;
+}
+
+.sidebar-content h3 {
+  color: #e2e8f0;
+}
+
+/* Scrollbar styling */
+.sidebar::-webkit-scrollbar {
+  width: 6px;
+}
+.sidebar::-webkit-scrollbar-track {
+  background: transparent;
+}
+.sidebar::-webkit-scrollbar-thumb {
+  background: #2e3347;
+  border-radius: 3px;
+}
+.sidebar::-webkit-scrollbar-thumb:hover {
+  background: #3d4557;
+}
+
+/* Hide interactivity toggle button in Controls */
+.react-flow__controls button:nth-child(4) {
+  display: none;
+}
+
+/* Abstract node highlighting in MiniMap */
+.react-flow__minimap-node[data-id*="Abstract"] {
+  stroke: #ef4444;
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/App.jsx b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/App.jsx
new file mode 100644
index 0000000..5daa51f
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/App.jsx
@@ -0,0 +1,401 @@
+import { useEffect, useState, useCallback, useMemo, useRef } from 'react'
+import {
+  ReactFlow, Background, Controls, MiniMap, ReactFlowProvider,
+  useNodesState, useEdgesState, MarkerType, useReactFlow,
+  getNodesBounds, getViewportForBounds,
+} from '@xyflow/react'
+import { toPng } from 'html-to-image'
+import '@xyflow/react/dist/style.css'
+import { normalizeGraph } from './normalize.js'
+import { layoutGraph }    from './layout.js'
+import HandlerNode        from './nodes/HandlerNode.jsx'
+import './App.css'
+
+const nodeTypes = { handler: HandlerNode }
+
+// ── Export helper ─────────────────────────────────────────────────────────────
+function useExport(exportRef) {
+  const { getNodes } = useReactFlow()
+
+  useEffect(() => {
+    exportRef.current = () => {
+      const nodes = getNodes()
+      if (!nodes.length) return
+
+      const bounds  = getNodesBounds(nodes)
+      const pad     = 60
+      const imgW    = Math.max(1920, bounds.width  + pad * 2)
+      const imgH    = Math.max(1080, bounds.height + pad * 2)
+      const vp      = getViewportForBounds(bounds, imgW, imgH, 0.1, 4, pad)
+
+      toPng(document.querySelector('.react-flow__viewport'), {
+        backgroundColor: '#0f1117',
+        width:  imgW,
+        height: imgH,
+        style:  {
+          width:     imgW + 'px',
+          height:    imgH + 'px',
+          transform: `translate(${vp.x}px,${vp.y}px) scale(${vp.zoom})`,
+        },
+      }).then(url => {
+        const a = document.createElement('a')
+        a.download = 'flash-routes.png'
+        a.href = url
+        a.click()
+      }).catch(console.error)
+    }
+  }, [getNodes, exportRef])
+}
+
+// ── FlowContent ───────────────────────────────────────────────────────────────
+function FlowContent({
+  styledNodes, styledEdges, onNodesChange, onEdgesChange,
+  onNodeMouseEnter, onNodeMouseLeave, showLambdas, searchQuery, exportRef,
+}) {
+  const { fitView } = useReactFlow()
+  useExport(exportRef)
+
+  useEffect(() => {
+    setTimeout(() => fitView({ padding: 0.15, duration: 300 }), 50)
+  }, [showLambdas, searchQuery, fitView])
+
+  return (
+    <ReactFlow
+      nodes={styledNodes}
+      edges={styledEdges}
+      onNodesChange={onNodesChange}
+      onEdgesChange={onEdgesChange}
+      onNodeMouseEnter={onNodeMouseEnter}
+      onNodeMouseLeave={onNodeMouseLeave}
+      nodeTypes={nodeTypes}
+      fitView
+      fitViewOptions={{ padding: 0.15 }}
+      colorMode="dark"
+      minZoom={0.03}
+      maxZoom={2}
+      panOnDrag={true}
+      panOnScroll={true}
+      nodesDraggable={false}
+      nodesConnectable={false}
+      elementsSelectable={false}
+      zoomOnDoubleClick={true}
+    >
+      <Background color="#161822" gap={32} size={1} />
+      <Controls showInteractive={false}
+        style={{ background: '#12141c', border: '1px solid #1e2235' }} />
+      <MiniMap
+        style={{ background: '#12141c', border: '1px solid #1e2235' }}
+        maskColor="rgba(0,0,0,0.5)"
+        nodeColor={n => n.data?.isAbstract ? '#ef444499' : '#3b82f666'}
+      />
+    </ReactFlow>
+  )
+}
+
+// ── Main ──────────────────────────────────────────────────────────────────────
+export default function App() {
+  const [allNodes, setAllNodes]          = useState([])
+  const [allEdges, setAllEdges]          = useState([])
+  const [nodes, setNodes, onNodesChange] = useNodesState([])
+  const [edges, setEdges, onEdgesChange] = useEdgesState([])
+  const [loading, setLoading]            = useState(true)
+  const [error,   setError]              = useState(null)
+  const [stats,   setStats]              = useState(null)
+  const [hoveredNode, setHoveredNode]    = useState(null)
+  const [highlighted, setHighlighted]    = useState({ nodes: new Set(), edges: new Set() })
+  const [showLambdas, setShowLambdas]    = useState(false)
+  const [searchQuery, setSearchQuery]    = useState('')
+  const [exporting, setExporting]        = useState(false)
+  const exportRef = useRef(null)
+
+  // ── Load data ──────────────────────────────────────────────────────────────
+  useEffect(() => {
+    fetch('/routeviewer/data')
+      .then(r => { if (!r.ok) throw new Error(r.statusText); return r.json() })
+      .then(raw => {
+        const routeCount = raw.nodes.filter(n => n.type === 'route').length
+        const { nodes: n, edges: e } = normalizeGraph(raw.nodes, raw.edges)
+        const { nodes: ln, edges: le } = layoutGraph(n, e)
+        setAllNodes(ln)
+        setAllEdges(le)
+        setStats({ routes: routeCount })
+        setLoading(false)
+      })
+      .catch(err => { setError(err.message); setLoading(false) })
+  }, [])
+
+  // ── Ancestor set builder ───────────────────────────────────────────────────
+  const getAncestors = useMemo(() => {
+    const parentOf = new Map()
+    allEdges.forEach(e => { if (e.edgeType === 'extends') parentOf.set(e.target, e.source) })
+    return (id) => {
+      const set = new Set()
+      let cur = parentOf.get(id)
+      while (cur) { set.add(cur); cur = parentOf.get(cur) }
+      return set
+    }
+  }, [allEdges])
+
+  // ── Filter (lambda toggle + search) ───────────────────────────────────────
+  useEffect(() => {
+    const q = searchQuery.trim().toLowerCase()
+    const lambdaIds = new Set(allNodes.filter(n => n.data?.isLambda).map(n => n.id))
+
+    let visibleIds = new Set(allNodes.map(n => n.id))
+    if (q) {
+      const matched = new Set(
+        allNodes.filter(n =>
+          (n.data?.name || '').toLowerCase().includes(q) ||
+          (n.data?.routes || []).some(r => r.path.toLowerCase().includes(q))
+        ).map(n => n.id)
+      )
+      const withAncestors = new Set(matched)
+      matched.forEach(id => getAncestors(id).forEach(a => withAncestors.add(a)))
+      visibleIds = withAncestors
+    }
+
+    const filteredNodes = allNodes.filter(n => {
+      if (lambdaIds.has(n.id) && !showLambdas) return false
+      return visibleIds.has(n.id)
+    })
+    const filteredIds = new Set(filteredNodes.map(n => n.id))
+    setNodes(filteredNodes)
+    setEdges(allEdges.filter(e => filteredIds.has(e.source) && filteredIds.has(e.target)))
+  }, [showLambdas, searchQuery, allNodes, allEdges, setNodes, setEdges, getAncestors])
+
+  // ── Hover ──────────────────────────────────────────────────────────────────
+  const onNodeMouseEnter = useCallback((_, node) => {
+    const parentOf = new Map()
+    edges.forEach(e => { if (e.edgeType === 'extends') parentOf.set(e.target, { pid: e.source, eid: e.id }) })
+    const visited = new Set([node.id])
+    const connEdges = new Set()
+    const q = [node.id]
+    while (q.length) {
+      const cur = q.shift()
+      const p = parentOf.get(cur)
+      if (p && !visited.has(p.pid)) { connEdges.add(p.eid); visited.add(p.pid); q.push(p.pid) }
+    }
+    setHoveredNode(node.id)
+    setHighlighted({ nodes: visited, edges: connEdges })
+  }, [edges])
+
+  const onNodeMouseLeave = useCallback(() => {
+    setHoveredNode(null)
+    setHighlighted({ nodes: new Set(), edges: new Set() })
+  }, [])
+
+  // ── Style pass ─────────────────────────────────────────────────────────────
+  const styledNodes = nodes.map(n => ({
+    ...n,
+    style: { opacity: hoveredNode && !highlighted.nodes.has(n.id) ? 0.1 : 1, transition: 'opacity 0.15s' },
+  }))
+
+  const styledEdges = edges.map(e => {
+    const base = { type: 'bezier', pathOptions: { curvature: 0.35 },
+      style: { stroke: '#1e2235', strokeWidth: 1.5 },
+      markerEnd: { type: MarkerType.ArrowClosed, width: 10, height: 10, color: '#1e2235' } }
+    if (!hoveredNode) return { ...e, ...base }
+    if (highlighted.edges.has(e.id)) return {
+      ...e, type: 'bezier', pathOptions: { curvature: 0.35 },
+      style: { stroke: '#60a5fa', strokeWidth: 2.5 },
+      markerEnd: { type: MarkerType.ArrowClosed, width: 13, height: 13, color: '#60a5fa' },
+    }
+    return { ...e, ...base, style: { ...base.style, opacity: 0.04 } }
+  })
+
+  const lambdaCount  = allNodes.filter(n => n.data?.isLambda).length
+  const handlerCount = allNodes.filter(n => !n.data?.isLambda).length
+
+  const handleExport = useCallback(() => {
+    setExporting(true)
+    setTimeout(() => {
+      exportRef.current?.()
+      setTimeout(() => setExporting(false), 1200)
+    }, 50)
+  }, [])
+
+  // ── Render ─────────────────────────────────────────────────────────────────
+  return (
+    <div style={{ display: 'flex', width: '100vw', height: '100vh', overflow: 'hidden', background: '#0f1117' }}>
+
+      {/* ── Sidebar ──────────────────────────────────────────────────────── */}
+      <aside style={{
+        width: '240px', minWidth: '240px', flexShrink: 0,
+        display: 'flex', flexDirection: 'column',
+        background: '#0c0e15',
+        borderRight: '1px solid #1a1d2a',
+        fontFamily: 'system-ui, sans-serif',
+        color: '#c8cfe0',
+      }}>
+        {/* Header */}
+        <div style={{
+          padding: '14px 16px 12px',
+          borderBottom: '1px solid #1a1d2a',
+          display: 'flex', alignItems: 'center', gap: 8,
+        }}>
+          <span style={{ fontSize: 15, fontWeight: 700, letterSpacing: '-0.3px' }}>⚡ Route Viewer</span>
+        </div>
+
+        <div style={{ padding: '14px 14px', overflowY: 'auto', flex: 1 }}>
+
+          {/* Search */}
+          <Section label="SEARCH">
+            <input
+              type="text"
+              placeholder="handler or path…"
+              value={searchQuery}
+              onChange={e => setSearchQuery(e.target.value)}
+              style={{
+                width: '100%', boxSizing: 'border-box',
+                background: '#12141e', border: '1px solid #1e2235',
+                borderRadius: 5, padding: '6px 9px',
+                color: '#c8cfe0', fontSize: 12, fontFamily: 'monospace',
+                outline: 'none',
+              }}
+            />
+            {searchQuery && (
+              <div style={{ fontSize: 11, color: '#4a5370', marginTop: 5 }}>
+                {nodes.length} node{nodes.length !== 1 ? 's' : ''} visible
+              </div>
+            )}
+          </Section>
+
+          {/* Lambda toggle */}
+          <Section label="DISPLAY">
+            <label style={{ display: 'flex', alignItems: 'center', gap: 9, cursor: 'pointer', fontSize: 12 }}>
+              <input type="checkbox" checked={showLambdas}
+                onChange={e => setShowLambdas(e.target.checked)}
+                style={{ cursor: 'pointer', accentColor: '#3b82f6' }}
+              />
+              <span style={{ color: '#8892a4' }}>Show lambda handlers</span>
+            </label>
+            <div style={{ fontSize: 11, color: '#343b54', marginTop: 4, paddingLeft: 21 }}>
+              {lambdaCount} lambda{lambdaCount !== 1 ? 's' : ''}
+            </div>
+          </Section>
+
+          {/* Stats */}
+          <Section label="STATS">
+            {[
+              ['Routes',   stats?.routes || 0],
+              ['Handlers', handlerCount],
+              ['Lambdas',  lambdaCount],
+            ].map(([k, v]) => (
+              <div key={k} style={{
+                display: 'flex', justifyContent: 'space-between',
+                fontSize: 12, marginBottom: 5,
+              }}>
+                <span style={{ color: '#4a5370' }}>{k}</span>
+                <span style={{ color: '#e2e8f0', fontWeight: 600, fontFamily: 'monospace' }}>{v}</span>
+              </div>
+            ))}
+          </Section>
+
+          {/* Legend */}
+          <Section label="LEGEND">
+            {[
+              { dot: '#3b82f6', border: '#3b82f6', label: 'Handler' },
+              { dot: '#ef4444', border: '#ef4444', label: 'Abstract' },
+              { dot: '#f6ad55', border: '#f6ad55', label: 'Middleware' },
+            ].map(({ dot, label }) => (
+              <div key={label} style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 6 }}>
+                <div style={{ width: 9, height: 9, borderRadius: 2, background: dot, flexShrink: 0, opacity: 0.8 }} />
+                <span style={{ fontSize: 12, color: '#4a5370' }}>{label}</span>
+              </div>
+            ))}
+          </Section>
+
+          {/* Tips */}
+          <div style={{ fontSize: 11, color: '#2d3347', lineHeight: 1.65, marginTop: 4 }}>
+            Hover a node to trace its ancestry.<br />
+            Search filters nodes + parents.
+          </div>
+        </div>
+
+        {/* Export button */}
+        <div style={{ padding: '12px 14px', borderTop: '1px solid #1a1d2a' }}>
+          <button
+            onClick={handleExport}
+            disabled={exporting || loading}
+            style={{
+              width: '100%', padding: '8px 0',
+              background: exporting ? '#1e2235' : '#12141e',
+              border: '1px solid #1e2235',
+              borderRadius: 6, color: exporting ? '#4a5370' : '#8892a4',
+              fontSize: 12, cursor: exporting ? 'default' : 'pointer',
+              fontFamily: 'system-ui, sans-serif',
+              transition: 'all 0.15s',
+              display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 6,
+            }}
+          >
+            {exporting ? '⏳ Exporting…' : '⬇ Export PNG'}
+          </button>
+        </div>
+      </aside>
+
+      {/* ── Graph area ────────────────────────────────────────────────────── */}
+      <div style={{ flex: 1, display: 'flex', flexDirection: 'column', overflow: 'hidden', position: 'relative' }}>
+
+        {/* Topbar */}
+        <div style={{
+          display: 'flex', alignItems: 'center',
+          padding: '9px 18px',
+          background: '#0c0e15',
+          borderBottom: '1px solid #1a1d2a',
+          flexShrink: 0, zIndex: 10,
+        }}>
+          <span style={{ fontSize: 13, fontWeight: 700, color: '#e2e8f0', letterSpacing: '-0.2px' }}>
+            Flash Route Graph
+          </span>
+          <span style={{
+            marginLeft: 'auto', display: 'flex', gap: 18,
+            fontSize: 11, color: '#2d3347', fontFamily: 'system-ui',
+          }}>
+            {[['#3b82f6','handler'],['#ef4444','abstract'],['#f6ad55','middleware']].map(([c,l]) => (
+              <span key={l} style={{ display: 'flex', alignItems: 'center', gap: 5 }}>
+                <span style={{ width: 8, height: 8, borderRadius: '50%', background: c, display: 'inline-block', opacity: 0.8 }} />
+                {l}
+              </span>
+            ))}
+          </span>
+        </div>
+
+        {loading && <div className="center muted">Loading…</div>}
+        {error   && <div className="center error">Error: {error}</div>}
+
+        {!loading && !error && (
+          <div style={{ flex: 1, position: 'relative' }}>
+            <ReactFlowProvider>
+              <FlowContent
+                styledNodes={styledNodes}
+                styledEdges={styledEdges}
+                onNodesChange={onNodesChange}
+                onEdgesChange={onEdgesChange}
+                onNodeMouseEnter={onNodeMouseEnter}
+                onNodeMouseLeave={onNodeMouseLeave}
+                showLambdas={showLambdas}
+                searchQuery={searchQuery}
+                exportRef={exportRef}
+              />
+            </ReactFlowProvider>
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+
+// ── Section helper ─────────────────────────────────────────────────────────────
+function Section({ label, children }) {
+  return (
+    <div style={{ marginBottom: 18 }}>
+      <div style={{
+        fontSize: 9, fontWeight: 700, letterSpacing: 1,
+        color: '#272d42', marginBottom: 8, fontFamily: 'monospace',
+      }}>
+        {label}
+      </div>
+      {children}
+    </div>
+  )
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/index.css b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/index.css
new file mode 100644
index 0000000..f3f7df3
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/index.css
@@ -0,0 +1,2 @@
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+body { background: #0f1117; color: #e2e8f0; font-family: 'Inter', system-ui, sans-serif; }
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/layout.js b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/layout.js
new file mode 100644
index 0000000..aa946ea
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/layout.js
@@ -0,0 +1,153 @@
+/**
+ * Custom recursive tree layout — Left to Right.
+ *
+ * Each node is centred vertically relative to its children's block.
+ * Siblings are packed tightly; different root trees are separated by ROOT_GAP.
+ * Lambda handlers are placed in a compact grid below the main tree.
+ *
+ * This avoids Dagre's global ranking which puts all siblings in a single
+ * long tower regardless of the number of nodes.
+ */
+
+// ── Constants ────────────────────────────────────────────────────────────────
+const RANK_GAP    = 60   // horizontal gap between a node's right edge and its children's left edge
+const SIBLING_GAP = 12   // vertical gap between siblings that belong to the same parent
+const ROOT_GAP    = 48   // vertical gap between independent subtrees (different roots)
+const MARGIN_X    = 60
+const MARGIN_Y    = 60
+
+const ABSTRACT_W  = 160
+const ABSTRACT_H  = 50
+const CONCRETE_W  = 260
+const LAMBDA_W    = 230
+const LAMBDA_H    = 80
+
+// ── Node sizing ──────────────────────────────────────────────────────────────
+function nodeWidth(node) {
+  return node.data?.isAbstract ? ABSTRACT_W : CONCRETE_W
+}
+
+function nodeHeight(node) {
+  if (node.data?.isAbstract) return ABSTRACT_H
+  const routes   = node.data?.routes?.length  || 1
+  const hasMw    = (node.data?.middleware?.length || 0) > 0
+  // header(44) + divider(9) + routes*22 + [mw row 22] + padding(20)
+  return 44 + 9 + routes * 22 + (hasMw ? 22 : 0) + 20
+}
+
+// ── Subtree height (recursive) ────────────────────────────────────────────────
+function subtreeHeight(nodeId, childrenMap, nodeById) {
+  const kids  = childrenMap.get(nodeId) || []
+  const selfH = nodeHeight(nodeById[nodeId])
+  if (!kids.length) return selfH
+
+  const kidsH = kids.reduce((acc, id, i) => {
+    return acc + subtreeHeight(id, childrenMap, nodeById) + (i > 0 ? SIBLING_GAP : 0)
+  }, 0)
+
+  return Math.max(selfH, kidsH)
+}
+
+// ── Place a node and its subtree ──────────────────────────────────────────────
+function placeNode(nodeId, x, y, childrenMap, nodeById, positions) {
+  const node    = nodeById[nodeId]
+  const kids    = childrenMap.get(nodeId) || []
+  const selfH   = nodeHeight(node)
+  const selfW   = nodeWidth(node)
+  const totalH  = subtreeHeight(nodeId, childrenMap, nodeById)
+
+  // Centre this node within the height its subtree occupies
+  positions.set(nodeId, { x, y: y + (totalH - selfH) / 2 })
+
+  if (kids.length) {
+    const childX = x + selfW + RANK_GAP
+    let   childY = y
+    kids.forEach(kidId => {
+      const kidH = subtreeHeight(kidId, childrenMap, nodeById)
+      placeNode(kidId, childX, childY, childrenMap, nodeById, positions)
+      childY += kidH + SIBLING_GAP
+    })
+  }
+}
+
+// ── Main export ───────────────────────────────────────────────────────────────
+export function layoutGraph(nodes, edges) {
+  // Separate lambdas from class-based handlers
+  const lambdas  = nodes.filter(n => n.data?.isLambda)
+  const regulars = nodes.filter(n => !n.data?.isLambda)
+
+  const nodeById    = Object.fromEntries(regulars.map(n => [n.id, n]))
+  const childrenMap = new Map()   // parentId → [childId, ...]
+  const parentSet   = new Set()   // ids that have a parent
+
+  edges.forEach(e => {
+    if (e.edgeType !== 'extends') return
+    if (!childrenMap.has(e.source)) childrenMap.set(e.source, [])
+    childrenMap.get(e.source).push(e.target)
+    parentSet.add(e.target)
+  })
+
+  // Roots = regular nodes with no incoming extends edge
+  const roots = regulars.filter(n => !parentSet.has(n.id))
+
+  // Layout each root subtree
+  const positions = new Map()
+  let curY = MARGIN_Y
+
+  roots.forEach(root => {
+    const treeH = subtreeHeight(root.id, childrenMap, nodeById)
+    placeNode(root.id, MARGIN_X, curY, childrenMap, nodeById, positions)
+    curY += treeH + ROOT_GAP
+  })
+
+  // Apply positions
+  let maxX = -Infinity
+  let maxY = -Infinity
+  let minY =  Infinity
+
+  const layoutedNodes = regulars.map(node => {
+    const pos = positions.get(node.id) || { x: MARGIN_X, y: MARGIN_Y }
+    const r = pos.x + nodeWidth(node)
+    const b = pos.y + nodeHeight(node)
+    if (r > maxX) maxX = r
+    if (b > maxY) maxY = b
+    if (pos.y < minY) minY = pos.y
+    return { ...node, position: pos }
+  })
+
+  // ── Lambda grid — centred below the main tree ────────────────────────────
+  if (lambdas.length) {
+    const treeWidth  = maxX - MARGIN_X
+    const cols       = Math.min(4, Math.max(2, Math.ceil(Math.sqrt(lambdas.length))))
+    const colWidth   = LAMBDA_W + 30
+    const rowHeight  = LAMBDA_H + 16
+    const gridWidth  = cols * colWidth - 30
+    const gridStartX = MARGIN_X + Math.max(0, (treeWidth - gridWidth) / 2)
+    const gridStartY = maxY + 80
+
+    lambdas.forEach((node, i) => {
+      layoutedNodes.push({
+        ...node,
+        position: {
+          x: gridStartX + (i % cols) * colWidth,
+          y: gridStartY + Math.floor(i / cols) * rowHeight,
+        },
+      })
+    })
+  }
+
+  // ── Edges ────────────────────────────────────────────────────────────────
+  const layoutedEdges = edges
+    .filter(e => e.edgeType === 'extends')
+    .map((edge, idx) => ({
+      ...edge,
+      id:          edge.id || `ext-${idx}`,
+      type:        'bezier',
+      pathOptions: { curvature: 0.35 },
+      style:       { stroke: '#2e3347', strokeWidth: 1.5 },
+      markerEnd:   { type: 'arrowclosed', width: 11, height: 11, color: '#2e3347' },
+      animated:    false,
+    }))
+
+  return { nodes: layoutedNodes, edges: layoutedEdges }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/main.jsx b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/main.jsx
new file mode 100644
index 0000000..b9a1a6d
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/main.jsx
@@ -0,0 +1,10 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import App from './App.jsx'
+
+createRoot(document.getElementById('root')).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/AbstractHandlerNode.jsx b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/AbstractHandlerNode.jsx
new file mode 100644
index 0000000..167872f
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/AbstractHandlerNode.jsx
@@ -0,0 +1,39 @@
+import { Handle, Position } from '@xyflow/react'
+
+/**
+ * Abstract handler node — represents a handler in the inheritance chain
+ * that is not directly bound to a route. Minimal styling, emphasizes the hierarchy.
+ */
+export default function AbstractHandlerNode({ data }) {
+  return (
+    <div style={{
+      background: '#13161f',
+      border: '1px solid #2a2f42',
+      borderRadius: 8,
+      padding: '8px 12px',
+      minWidth: 160,
+      fontFamily: 'system-ui, sans-serif',
+      opacity: 0.8,
+    }}>
+      {/* Extends from parent handler */}
+      <Handle type="target" position={Position.Top}
+              style={{ background: '#2a2f42' }} />
+      {/* Extends to child handler */}
+      <Handle type="source" position={Position.Bottom}
+              style={{ background: '#2a2f42' }} />
+
+      <div style={{
+        fontSize: 10, color: '#4a5568', fontWeight: 700, letterSpacing: 0.5,
+        marginBottom: 3,
+      }}>
+        ABSTRACT
+      </div>
+      <div style={{
+        fontSize: 12, fontWeight: 500, color: '#6b7694',
+        fontFamily: 'monospace',
+      }}>
+        {data.name}
+      </div>
+    </div>
+  )
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/ConcreteHandlerNode.jsx b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/ConcreteHandlerNode.jsx
new file mode 100644
index 0000000..4f590b8
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/ConcreteHandlerNode.jsx
@@ -0,0 +1,89 @@
+import { Handle, Position } from '@xyflow/react'
+
+const METHOD_COLORS = {
+  GET:     { bg: '#0d4429', color: '#4ade80' },
+  POST:    { bg: '#172554', color: '#60a5fa' },
+  PUT:     { bg: '#451a03', color: '#fb923c' },
+  PATCH:   { bg: '#2e1065', color: '#c084fc' },
+  DELETE:  { bg: '#450a0a', color: '#f87171' },
+  OPTIONS: { bg: '#1c1917', color: '#a8a29e' },
+  HEAD:    { bg: '#1c1917', color: '#a8a29e' },
+}
+
+/**
+ * Concrete handler node — represents a handler that is bound to one or more routes.
+ * Shows handler name, HTTP method + path, and middleware stack as inline badges.
+ */
+export default function ConcreteHandlerNode({ data }) {
+  const method = data.methods?.[0] || ''
+  const path = data.paths?.[0] || ''
+  const m = METHOD_COLORS[method] || METHOD_COLORS.OPTIONS
+  const pathHtml = path.replace(/\{([^}]+)\}/g, '<span style="color:#a78bfa">{$1}</span>')
+
+  return (
+    <div style={{
+      background: '#1a1d27',
+      border: '1px solid #3b82f6',
+      borderRadius: 8,
+      padding: '10px 14px',
+      minWidth: 240,
+      fontFamily: 'system-ui, sans-serif',
+    }}>
+      {/* Extends from parent handler */}
+      <Handle type="target" position={Position.Top}
+              style={{ background: '#2e3347' }} />
+      {/* Extends to child handler (if any) */}
+      <Handle type="source" position={Position.Bottom}
+              style={{ background: '#2e3347' }} />
+
+      {/* Handler class name */}
+      <div style={{ marginBottom: 6 }}>
+        <span style={{
+          fontSize: 10, color: '#60a5fa', fontWeight: 700, letterSpacing: 0.5,
+        }}>
+          HANDLER
+        </span>
+        <div style={{
+          fontSize: 13, fontWeight: 700, color: '#e2e8f0',
+          fontFamily: 'monospace', marginTop: 2,
+        }}>
+          {data.handlerName}
+        </div>
+      </div>
+
+      {/* Divider */}
+      <div style={{ height: 1, background: '#2e3347', marginBottom: 6 }} />
+
+      {/* Method badge + path */}
+      <div style={{ display: 'flex', alignItems: 'center', gap: 8, marginBottom: 8 }}>
+        <span style={{
+          background: m.bg, color: m.color,
+          fontSize: 10, fontWeight: 700, padding: '2px 7px',
+          borderRadius: 4, fontFamily: 'monospace', flexShrink: 0,
+        }}>
+          {method}
+        </span>
+        <span
+          style={{ fontSize: 11, fontFamily: 'monospace', color: '#8892a4' }}
+          dangerouslySetInnerHTML={{ __html: pathHtml }}
+        />
+      </div>
+
+      {/* Middleware badges */}
+      {data.middleware && data.middleware.length > 0 && (
+        <div style={{ display: 'flex', gap: 4, flexWrap: 'wrap' }}>
+          {data.middleware.map(mw => (
+            <span key={mw} style={{
+              background: '#1f1a0e',
+              color: '#f6ad55',
+              fontSize: 9, fontWeight: 600, padding: '2px 6px',
+              borderRadius: 3, fontFamily: 'monospace', whiteSpace: 'nowrap',
+            }}>
+              {mw}
+            </span>
+          ))}
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/HandlerNode.jsx b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/HandlerNode.jsx
new file mode 100644
index 0000000..338c720
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/HandlerNode.jsx
@@ -0,0 +1,168 @@
+import { Handle, Position } from '@xyflow/react'
+
+const METHOD_COLORS = {
+  GET:     { bg: '#0d4429', color: '#4ade80' },
+  POST:    { bg: '#172554', color: '#60a5fa' },
+  PUT:     { bg: '#451a03', color: '#fb923c' },
+  PATCH:   { bg: '#2e1065', color: '#c084fc' },
+  DELETE:  { bg: '#450a0a', color: '#f87171' },
+  OPTIONS: { bg: '#1c1917', color: '#a8a29e' },
+  HEAD:    { bg: '#1c1917', color: '#a8a29e' },
+}
+
+// Handles for LR layout: parent flows in from the LEFT, children exit to the RIGHT
+const TARGET_HANDLE = <Handle type="target" position={Position.Left}
+  style={{ left: 0, top: '50%', transform: 'translateY(-50%)' }} />
+const SOURCE_HANDLE = <Handle type="source" position={Position.Right}
+  style={{ right: 0, top: '50%', transform: 'translateY(-50%)' }} />
+
+/**
+ * Unified handler node — three modes: ABSTRACT, CONCRETE, LAMBDA.
+ * Handles are Left (in) / Right (out) for Left-to-Right DAG layout.
+ */
+export default function HandlerNode({ data, selected }) {
+
+  // ── ABSTRACT ──────────────────────────────────────────────────────────
+  if (data.isAbstract) {
+    return (
+      <div style={{
+        background: 'rgba(239,68,68,0.05)',
+        border: selected ? '2px solid #60a5fa' : '1px solid #ef4444',
+        borderRadius: 8,
+        padding: '8px 14px',
+        width: 160,
+        fontFamily: 'system-ui, sans-serif',
+        boxSizing: 'border-box',
+      }}>
+        {TARGET_HANDLE}
+        {SOURCE_HANDLE}
+        <div style={{ fontSize: 9, color: '#ef4444', fontWeight: 700, letterSpacing: 0.5, marginBottom: 3 }}>
+          ABSTRACT
+        </div>
+        <div style={{ fontSize: 12, fontWeight: 600, color: '#e2e8f0', fontFamily: 'monospace' }}>
+          {data.name}
+        </div>
+      </div>
+    )
+  }
+
+  // ── LAMBDA ────────────────────────────────────────────────────────────
+  if (data.isLambda) {
+    const method = data.method || 'GET'
+    const path   = data.path   || '/'
+    const m      = METHOD_COLORS[method] || METHOD_COLORS.OPTIONS
+    const pathHtml = path.replace(/\{([^}]+)\}/g, '<span style="color:#a78bfa">{$1}</span>')
+
+    return (
+      <div style={{
+        background: '#1a1d27',
+        border: selected ? '2px solid #60a5fa' : '1px solid #3b82f6',
+        borderRadius: 8,
+        padding: '10px 12px',
+        width: 230,
+        fontFamily: 'system-ui, sans-serif',
+        boxSizing: 'border-box',
+      }}>
+        {TARGET_HANDLE}
+        {SOURCE_HANDLE}
+        <div style={{ fontSize: 9, color: '#60a5fa', fontWeight: 700, letterSpacing: 0.5, marginBottom: 7 }}>
+          LAMBDA
+        </div>
+        <div style={{ display: 'flex', alignItems: 'center', gap: 6 }}>
+          <span style={{
+            background: m.bg, color: m.color,
+            fontSize: 9, fontWeight: 700, padding: '2px 5px',
+            borderRadius: 3, fontFamily: 'monospace', flexShrink: 0,
+          }}>
+            {method}
+          </span>
+          <span
+            style={{ fontSize: 10, fontFamily: 'monospace', color: '#8892a4' }}
+            dangerouslySetInnerHTML={{ __html: pathHtml }}
+          />
+        </div>
+        {data.middleware?.length > 0 && (
+          <div style={{ display: 'flex', gap: 3, flexWrap: 'wrap', marginTop: 7 }}>
+            {data.middleware.map(mw => (
+              <span key={mw} style={{
+                background: '#1f1a0e', color: '#f6ad55',
+                fontSize: 8, fontWeight: 600, padding: '1px 4px',
+                borderRadius: 2, fontFamily: 'monospace',
+              }}>{mw}</span>
+            ))}
+          </div>
+        )}
+      </div>
+    )
+  }
+
+  // ── CONCRETE ──────────────────────────────────────────────────────────
+  return (
+    <div style={{
+      background: '#1a1d27',
+      border: selected ? '2px solid #60a5fa' : '1px solid #3b82f6',
+      borderRadius: 8,
+      padding: '10px 12px',
+      width: 260,
+      fontFamily: 'system-ui, sans-serif',
+      boxSizing: 'border-box',
+    }}>
+      {TARGET_HANDLE}
+      {SOURCE_HANDLE}
+
+      {/* Header */}
+      <div style={{ marginBottom: 8 }}>
+        <div style={{ fontSize: 9, color: '#60a5fa', fontWeight: 700, letterSpacing: 0.5, marginBottom: 2 }}>
+          HANDLER
+        </div>
+        <div style={{ fontSize: 12, fontWeight: 700, color: '#e2e8f0', fontFamily: 'monospace' }}>
+          {data.name}
+        </div>
+      </div>
+
+      <div style={{ height: 1, background: '#2e3347', marginBottom: 8 }} />
+
+      {/* Routes */}
+      <div style={{ marginBottom: data.middleware?.length > 0 ? 8 : 0 }}>
+        {data.routes?.map((route, i) => {
+          const m = METHOD_COLORS[route.method] || METHOD_COLORS.OPTIONS
+          const pathHtml = (route.path || '/').replace(
+            /\{([^}]+)\}/g,
+            '<span style="color:#a78bfa">{$1}</span>'
+          )
+          return (
+            <div key={i} style={{
+              display: 'flex', alignItems: 'center', gap: 6,
+              marginBottom: i < data.routes.length - 1 ? 5 : 0,
+            }}>
+              <span style={{
+                background: m.bg, color: m.color,
+                fontSize: 8, fontWeight: 700, padding: '2px 5px',
+                borderRadius: 3, fontFamily: 'monospace', flexShrink: 0,
+              }}>
+                {route.method}
+              </span>
+              <span
+                style={{ fontSize: 10, fontFamily: 'monospace', color: '#8892a4' }}
+                dangerouslySetInnerHTML={{ __html: pathHtml }}
+              />
+            </div>
+          )
+        })}
+      </div>
+
+      {/* Middleware */}
+      {data.middleware?.length > 0 && (
+        <div style={{ display: 'flex', gap: 3, flexWrap: 'wrap' }}>
+          {data.middleware.map(mw => (
+            <span key={mw} style={{
+              background: '#1f1a0e', color: '#f6ad55',
+              fontSize: 8, fontWeight: 600, padding: '1px 4px',
+              borderRadius: 2, fontFamily: 'monospace',
+            }}>{mw}</span>
+          ))}
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/MiddlewareNode.jsx b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/MiddlewareNode.jsx
new file mode 100644
index 0000000..ac4fa4d
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/MiddlewareNode.jsx
@@ -0,0 +1,25 @@
+import { Handle, Position } from '@xyflow/react'
+
+export default function MiddlewareNode({ data }) {
+  return (
+    <div style={{
+      background: '#1f1a0e',
+      border: '1px solid #92400e',
+      borderRadius: 8,
+      padding: '7px 14px',
+      minWidth: 150,
+      fontFamily: 'system-ui, sans-serif',
+    }}>
+      {/* shared node: sends applies edges to all routes that use this MW */}
+      <Handle id="out-right" type="source" position={Position.Right}
+              style={{ background: '#92400e' }} />
+
+      <div style={{ fontSize: 10, color: '#f6ad55', fontWeight: 700, letterSpacing: 0.5, marginBottom: 2 }}>
+        MIDDLEWARE
+      </div>
+      <div style={{ fontSize: 13, fontWeight: 600, color: '#fde68a', fontFamily: 'monospace' }}>
+        {data.name}
+      </div>
+    </div>
+  )
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/RouteNode.jsx b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/RouteNode.jsx
new file mode 100644
index 0000000..1b19e30
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/RouteNode.jsx
@@ -0,0 +1,69 @@
+import { Handle, Position } from '@xyflow/react'
+
+const METHOD_COLORS = {
+  GET:     { bg: '#0d4429', color: '#4ade80' },
+  POST:    { bg: '#172554', color: '#60a5fa' },
+  PUT:     { bg: '#451a03', color: '#fb923c' },
+  PATCH:   { bg: '#2e1065', color: '#c084fc' },
+  DELETE:  { bg: '#450a0a', color: '#f87171' },
+  OPTIONS: { bg: '#1c1917', color: '#a8a29e' },
+  HEAD:    { bg: '#1c1917', color: '#a8a29e' },
+}
+
+/**
+ * Combined entry node — shows the concrete handler name above
+ * and the HTTP method + path below. Replaces the old split
+ * Route → Handler[0] pair.
+ */
+export default function RouteNode({ data }) {
+  const m    = METHOD_COLORS[data.method] ?? METHOD_COLORS.OPTIONS
+  const path = data.path.replace(/\{([^}]+)\}/g, '<span style="color:#a78bfa">{$1}</span>')
+  const isSimple = !data.handlerName || data.handlerName === 'Simple Handler'
+
+  return (
+    <div style={{
+      background: '#1a1d27',
+      border: '1px solid #3b82f6',
+      borderRadius: 8,
+      padding: '8px 14px',
+      minWidth: 200,
+      fontFamily: 'system-ui, sans-serif',
+    }}>
+      {/* receives MW → entry "applies" edges */}
+      <Handle id="in-left"   type="target" position={Position.Left}
+              style={{ background: '#2e3347' }} />
+      {/* sends extends edge to abstract parent chain */}
+      <Handle id="out-bottom" type="source" position={Position.Bottom}
+              style={{ background: '#2e3347' }} />
+
+      {/* Handler class name */}
+      <div style={{ marginBottom: 6 }}>
+        <span style={{ fontSize: 10, color: '#60a5fa', fontWeight: 700, letterSpacing: 0.5 }}>
+          {isSimple ? 'HANDLER' : 'HANDLER'}
+        </span>
+        <div style={{
+          fontSize: 13, fontWeight: 700, color: '#e2e8f0',
+          fontFamily: 'monospace', marginTop: 1,
+        }}>
+          {isSimple ? 'Simple Handler' : data.handlerName}
+        </div>
+      </div>
+
+      {/* Divider */}
+      <div style={{ height: 1, background: '#2e3347', marginBottom: 6 }} />
+
+      {/* Method badge + path */}
+      <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>
+        <span style={{
+          background: m.bg, color: m.color,
+          fontSize: 10, fontWeight: 700, padding: '2px 7px',
+          borderRadius: 4, fontFamily: 'monospace', flexShrink: 0,
+        }}>{data.method}</span>
+        <span
+          style={{ fontSize: 12, fontFamily: 'monospace', color: '#8892a4' }}
+          dangerouslySetInnerHTML={{ __html: path }}
+        />
+      </div>
+    </div>
+  )
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/RouterNode.jsx b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/RouterNode.jsx
new file mode 100644
index 0000000..1566fee
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/nodes/RouterNode.jsx
@@ -0,0 +1,30 @@
+/**
+ * Section header — no edges, purely positional grouping.
+ * Styled as a slim label bar above the router's route group.
+ */
+export default function RouterNode({ data }) {
+  return (
+    <div style={{
+      background: 'linear-gradient(90deg, #16122a 0%, #1a1d27 100%)',
+      border: '1px solid #3d2f7a',
+      borderLeft: '3px solid #7c6af7',
+      borderRadius: 6,
+      padding: '6px 14px',
+      minWidth: 240,
+      fontFamily: 'system-ui, sans-serif',
+      display: 'flex',
+      alignItems: 'center',
+      gap: 12,
+    }}>
+      <span style={{ fontSize: 10, color: '#7c6af7', fontWeight: 700, letterSpacing: 1, flexShrink: 0 }}>
+        ROUTER
+      </span>
+      <span style={{ fontSize: 13, fontWeight: 700, color: '#e2e8f0', fontFamily: 'monospace' }}>
+        {data.namespace}
+      </span>
+      <span style={{ fontSize: 11, color: '#4a5568', marginLeft: 'auto' }}>
+        {data.routerType} · {data.routeCount}
+      </span>
+    </div>
+  )
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/normalize.js b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/normalize.js
new file mode 100644
index 0000000..ac2d09b
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/src/normalize.js
@@ -0,0 +1,186 @@
+/**
+ * Canonical Graph Normalization.
+ *
+ * Transform raw route/handler nodes into a class-centric DAG where:
+ * - Each handler class appears exactly ONCE
+ * - Inheritance is the primary relationship
+ * - Routes are attached to leaf (concrete) handlers
+ * - Middleware is extracted and attached to handlers
+ * - Lambda routes (no handler) become isolated leaf nodes
+ */
+
+export function normalizeGraph(rawNodes, rawEdges) {
+  const byId = Object.fromEntries(rawNodes.map(n => [n.id, n]))
+  const ofType = t => rawNodes.filter(n => n.type === t)
+
+  const routeRaw = ofType('route')
+  const handlerRaw = ofType('handler')
+
+  // ── Extract metadata per route ──────────────────────────────────────────
+  const routeMetadata = new Map() // routeId → {method, path, middleware: []}
+
+  routeRaw.forEach(route => {
+    routeMetadata.set(route.id, {
+      method: route.data?.method || 'GET',
+      path: route.data?.path || '/',
+      middleware: [],
+    })
+  })
+
+  // ── Extract middleware per route ───────────────────────────────────────
+  const wrapsEdges = rawEdges.filter(e => e.edgeType === 'wraps')
+  const wrapsOf = new Map() // wrappedNode → wrapperNode
+  wrapsEdges.forEach(e => wrapsOf.set(e.target, e.source))
+
+  routeRaw.forEach(route => {
+    const middleware = []
+    let cur = wrapsOf.get(route.id)
+    while (cur && byId[cur]?.type === 'middleware') {
+      middleware.unshift(byId[cur].data.name)
+      cur = wrapsOf.get(cur)
+    }
+    if (middleware.length) {
+      routeMetadata.get(route.id).middleware = middleware
+    }
+  })
+
+  // ── Build inheritance map ──────────────────────────────────────────────
+  // handlerClassName → parentClassName
+  const inheritanceMap = new Map()
+  const extendsEdges = rawEdges.filter(e => e.edgeType === 'extends')
+
+  extendsEdges.forEach(e => {
+    const childNode = byId[e.source]
+    const parentNode = byId[e.target]
+    if (childNode?.data?.name && parentNode?.data?.name) {
+      inheritanceMap.set(childNode.data.name, parentNode.data.name)
+    }
+  })
+
+  // ── Build handler chains per route ─────────────────────────────────────
+  const handlesEdges = rawEdges.filter(e => e.edgeType === 'handles')
+  const routeToChain = new Map() // routeId → [className, parentClassName, ...]
+
+  handlesEdges.forEach(e => {
+    const handlerNode = byId[e.target]
+    if (handlerNode?.data?.name) {
+      const chain = []
+      let cur = handlerNode.data.name
+      while (cur) {
+        chain.push(cur)
+        cur = inheritanceMap.get(cur)
+      }
+      routeToChain.set(e.source, chain)
+    }
+  })
+
+  // Ensure ALL routes are in the chain map (routes without handlers get empty chain)
+  routeRaw.forEach(route => {
+    if (!routeToChain.has(route.id)) {
+      routeToChain.set(route.id, [])
+    }
+  })
+
+  // ── Collect all unique handler class names ──────────────────────────────
+  const allClassNames = new Set()
+  routeToChain.forEach(chain => chain.forEach(name => allClassNames.add(name)))
+
+  // ── Create canonical handler nodes ────────────────────────────────────
+  const canonicalHandlers = new Map() // class:ClassName → {id, name, isAbstract, routes[], parentId, isLambda}
+
+  ;[...allClassNames].forEach(className => {
+    const id = 'class:' + className
+    canonicalHandlers.set(id, {
+      id,
+      name: className,
+      isAbstract: true, // will be marked false if used as concrete
+      routes: [],
+      parentId: null,
+      isLambda: false,
+    })
+  })
+
+  // ── Wire up inheritance ────────────────────────────────────────────────
+  inheritanceMap.forEach((parentClassName, childClassName) => {
+    const childId = 'class:' + childClassName
+    const parentId = 'class:' + parentClassName
+    if (canonicalHandlers.has(childId) && canonicalHandlers.has(parentId)) {
+      canonicalHandlers.get(childId).parentId = parentId
+    }
+  })
+
+  // ── Attach routes to concrete handlers ──────────────────────────────────
+  routeToChain.forEach((chain, routeId) => {
+    if (chain.length === 0) {
+      // Lambda: no handler
+      const meta = routeMetadata.get(routeId)
+      const lambdaId = 'class:Lambda:' + meta.method + ':' + encodeURIComponent(meta.path)
+      canonicalHandlers.set(lambdaId, {
+        id: lambdaId,
+        name: 'Lambda Handler',
+        isAbstract: false,
+        isLambda: true,
+        method: meta.method,
+        path: meta.path,
+        routes: [{
+          method: meta.method,
+          path: meta.path,
+          middleware: meta.middleware,
+        }],
+        parentId: null,
+      })
+    } else {
+      // Normal handler chain: mark concrete (first = depth 0)
+      const concreteClassName = chain[0]
+      const concreteId = 'class:' + concreteClassName
+      if (canonicalHandlers.has(concreteId)) {
+        const handler = canonicalHandlers.get(concreteId)
+        handler.isAbstract = false
+        const meta = routeMetadata.get(routeId)
+        handler.routes.push({
+          method: meta.method,
+          path: meta.path,
+          middleware: meta.middleware,
+        })
+      }
+    }
+  })
+
+  // ── Build output nodes ────────────────────────────────────────────────
+  const nodes = [...canonicalHandlers.values()].map(handler => ({
+    id: handler.id,
+    type: 'handler',
+    data: {
+      name: handler.name,
+      isAbstract: handler.isAbstract,
+      isLambda: handler.isLambda,
+      method: handler.method,
+      path: handler.path,
+      routes: handler.routes,
+      middleware: handler.routes.length > 0
+        ? [...new Set(handler.routes.flatMap(r => r.middleware))]
+        : [],
+    },
+  }))
+
+  // ── Build output edges (deduped extends only) ──────────────────────────
+  const edgeSet = new Set()
+  const edges = []
+
+  canonicalHandlers.forEach((handler, handlerId) => {
+    if (handler.parentId) {
+      const key = handler.parentId + '->' + handlerId
+      if (!edgeSet.has(key)) {
+        edgeSet.add(key)
+        edges.push({
+          id: key,
+          source: handler.parentId,
+          target: handlerId,
+          edgeType: 'extends',
+        })
+      }
+    }
+  })
+
+  return { nodes, edges }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/routeviewer-ui/vite.config.js b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/vite.config.js
new file mode 100644
index 0000000..53d43cb
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/routeviewer-ui/vite.config.js
@@ -0,0 +1,18 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  base: '/routeviewer/',
+  build: {
+    outDir: '../src/main/resources/routeviewer',
+    emptyOutDir: true,
+    rollupOptions: {
+      output: {
+        entryFileNames: 'app.js',
+        chunkFileNames: 'chunk-[hash].js',
+        assetFileNames: 'app.[ext]'
+      }
+    }
+  }
+})
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/GraphSerializer.java b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/GraphSerializer.java
new file mode 100644
index 0000000..f44c17a
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/GraphSerializer.java
@@ -0,0 +1,126 @@
+package dev.relism.ext.routeviewer;
+
+import dev.relism.ext.routeviewer.model.RouteGraph;
+import dev.relism.ext.routeviewer.model.RouterNode;
+import dev.relism.ext.routeviewer.model.RouteRecord;
+
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * Converts a {@link RouteGraph} to the JSON structure consumed by the React frontend.
+ *
+ * <p>Produces a {@code {"nodes":[...],"edges":[...]}} payload compatible with
+ * {@code @xyflow/react}. No external JSON library required — the graph schema is
+ * simple and static enough for manual serialization.
+ *
+ * <h3>Graph structure per route</h3>
+ * <pre>
+ * [MW₀] → [MW₁] → ... → [RouteNode] → [ConcreteHandler] → [ParentHandler] → ...
+ *                             ↑
+ *                       [RouterNode]
+ * </pre>
+ * Middleware is per-route (not deduplicated), handler chain is per-route.
+ */
+final class GraphSerializer {
+
+    private GraphSerializer() {}
+
+    static String toJson(RouteGraph graph) {
+        List<String> nodes = new ArrayList<>();
+        List<String> edges = new ArrayList<>();
+        int[] eid = {0};
+
+        for (RouterNode router : graph.nodes()) {
+            String routerId = "router:" + router.namespace();
+            nodes.add(routerNode(routerId, router));
+
+            for (RouteRecord route : router.routes()) {
+                String method  = route.event().method().name();
+                String path    = route.event().path();
+                String routeId = "route:" + method + ":" + path;
+
+                nodes.add(routeNode(routeId, route));
+                edges.add(edge("e" + eid[0]++, routerId, routeId, "contains"));
+
+                // Middleware chain: [mw0] → [mw1] → ... → [route]
+                List<String> mwNames = route.middlewareNames();
+                String prevMwId = null;
+                for (int i = 0; i < mwNames.size(); i++) {
+                    String mwId = "mw:" + routeId + ":" + i;
+                    nodes.add(middlewareNode(mwId, mwNames.get(i), i));
+                    if (prevMwId != null)
+                        edges.add(edge("e" + eid[0]++, prevMwId, mwId, "wraps"));
+                    prevMwId = mwId;
+                }
+                if (prevMwId != null)
+                    edges.add(edge("e" + eid[0]++, prevMwId, routeId, "wraps"));
+
+                // Handler abstraction chain: [route] → [concrete] → [parent] → ...
+                List<String> chain = route.abstractionChain();
+                String prevHandlerId = null;
+                for (int i = 0; i < chain.size(); i++) {
+                    String handlerId = "handler:" + routeId + ":" + chain.get(i);
+                    nodes.add(handlerNode(handlerId, chain.get(i), i));
+                    if (i == 0)
+                        edges.add(edge("e" + eid[0]++, routeId, handlerId, "handles"));
+                    else
+                        edges.add(edge("e" + eid[0]++, prevHandlerId, handlerId, "extends"));
+                    prevHandlerId = handlerId;
+                }
+            }
+        }
+
+        return "{\"nodes\":[" + String.join(",", nodes) +
+               "],\"edges\":["  + String.join(",", edges) + "]}";
+    }
+
+    // ── Node builders ─────────────────────────────────────────────────────────
+
+    private static String routerNode(String id, RouterNode r) {
+        return obj("id", id, "type", "router",
+                "data", raw("{\"namespace\":" + q(r.namespace()) +
+                            ",\"routerType\":" + q(r.routerType()) +
+                            ",\"routeCount\":" + r.routes().size() + "}"));
+    }
+
+    private static String routeNode(String id, RouteRecord route) {
+        return obj("id", id, "type", "route",
+                "data", raw("{\"method\":" + q(route.event().method().name()) +
+                            ",\"path\":" + q(route.event().path()) + "}"));
+    }
+
+    private static String handlerNode(String id, String name, int depth) {
+        return obj("id", id, "type", "handler",
+                "data", raw("{\"name\":" + q(name) + ",\"depth\":" + depth + "}"));
+    }
+
+    private static String middlewareNode(String id, String name, int order) {
+        return obj("id", id, "type", "middleware",
+                "data", raw("{\"name\":" + q(name) + ",\"order\":" + order + "}"));
+    }
+
+    private static String edge(String id, String source, String target, String type) {
+        return "{\"id\":" + q(id) + ",\"source\":" + q(source) +
+               ",\"target\":" + q(target) + ",\"edgeType\":" + q(type) + "}";
+    }
+
+    // ── JSON helpers ──────────────────────────────────────────────────────────
+
+    /** Builds a JSON object from alternating key/value pairs (values must already be JSON). */
+    private static String obj(String k1, String v1, String k2, String v2,
+                               String k3, RawJson v3) {
+        return "{" + q(k1) + ":" + q(v1) + "," + q(k2) + ":" + q(v2) + "," + q(k3) + ":" + v3.json + "}";
+    }
+
+    private static RawJson raw(String json) { return new RawJson(json); }
+    private record RawJson(String json) {}
+
+    /** JSON-escapes and quotes a string. */
+    private static String q(String s) {
+        return "\"" + s.replace("\\", "\\\\")
+                       .replace("\"", "\\\"")
+                       .replace("\n", "\\n")
+                       .replace("\r", "\\r") + "\"";
+    }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerDataHandler.java b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerDataHandler.java
new file mode 100644
index 0000000..2aca676
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerDataHandler.java
@@ -0,0 +1,30 @@
+package dev.relism.ext.routeviewer;
+
+import dev.relism.ext.routeviewer.model.RouteGraph;
+import dev.relism.http.ContentType;
+import dev.relism.models.Request;
+import dev.relism.models.Response;
+
+/**
+ * Serves {@code GET /routeviewer/data} — the JSON payload consumed by the React SPA.
+ *
+ * <p>The {@link RouteGraph} is frozen at startup; this handler is pure read-only
+ * and produces no allocations beyond the response string itself.
+ */
+class RouteViewerDataHandler {
+
+    private final RouteGraph graph;
+    /** Cached once — the graph never changes after boot. */
+    private volatile String cachedJson;
+
+    RouteViewerDataHandler(RouteGraph graph) {
+        this.graph = graph;
+    }
+
+    Object handle(Request req, Response res) {
+        if (cachedJson == null) cachedJson = GraphSerializer.toJson(graph);
+        res.setContentType(ContentType.JSON);
+        res.header("Cache-Control", "no-cache");
+        return cachedJson;
+    }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerExtension.java b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerExtension.java
new file mode 100644
index 0000000..8675c4b
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerExtension.java
@@ -0,0 +1,74 @@
+package dev.relism.ext.routeviewer;
+
+import dev.relism.ext.routeviewer.model.RouteGraph;
+import dev.relism.extension.ExtensionContext;
+import dev.relism.extension.FlashExtension;
+import dev.relism.extension.FlashRegistrar;
+import dev.relism.http.ContentType;
+
+/**
+ * Mounts an interactive route-graph viewer at a configurable HTTP endpoint.
+ *
+ * <p>The viewer is a React SPA ({@code @xyflow/react}) bundled into the JAR.
+ * It renders routers, routes, handler inheritance chains, and middleware chains
+ * as a draggable, zoomable node graph.
+ *
+ * <h3>Endpoints registered</h3>
+ * <ul>
+ *   <li>{@code GET <path>}         — SPA shell (index.html)</li>
+ *   <li>{@code GET <path>/app.js}  — React bundle</li>
+ *   <li>{@code GET <path>/app.css} — styles</li>
+ *   <li>{@code GET <path>/data}    — graph JSON consumed by the SPA</li>
+ * </ul>
+ *
+ * <h3>Install order</h3>
+ * Install <em>after</em> extensions that register annotation processors
+ * (e.g. {@code OidcExtension}) but <em>before</em> {@code scan()} or
+ * {@code register()} calls so the listener captures all routes:
+ *
+ * <pre>{@code
+ * FlashApp.create(8080)
+ *     .install(new OidcExtension(config))
+ *     .install(new JacksonExtension())
+ *     .install(new RouteViewerExtension())   // before scan
+ *     .scan("dev.example.handlers")
+ *     .start();
+ * }</pre>
+ *
+ * <p>All route metadata is collected once at boot time via
+ * {@link ExtensionContext#addRouteListener}. Zero overhead on the request hot-path.
+ */
+public class RouteViewerExtension implements FlashExtension {
+
+    public static final String DEFAULT_PATH = "/routeviewer";
+
+    private final String     path;
+    private final RouteGraph graph = new RouteGraph();
+
+    /** Installs the viewer at {@value #DEFAULT_PATH}. */
+    public RouteViewerExtension() { this(DEFAULT_PATH); }
+
+    /**
+     * Installs the viewer at a custom path.
+     * @param path e.g. {@code "/_routes"}
+     */
+    public RouteViewerExtension(String path) { this.path = path; }
+
+    @Override
+    public void install(FlashRegistrar app, ExtensionContext ctx) {
+        RouteViewerHandler     shell = new RouteViewerHandler();
+        RouteViewerDataHandler data  = new RouteViewerDataHandler(graph);
+
+        // Static assets (Vite build output, bundled in JAR)
+        app.get(path,              shell::handle);
+        app.get(path + "/app.js",  new RouteViewerStaticHandler("routeviewer/app.js",  ContentType.TEXT_JAVASCRIPT)::handle);
+        app.get(path + "/app.css", new RouteViewerStaticHandler("routeviewer/app.css", ContentType.TEXT_CSS)::handle);
+
+        // Graph data API — must be registered before the listener so it is
+        // flushed and captured AFTER the listener is attached (shows in the graph)
+        app.get(path + "/data", data::handle);
+
+        // Start listening — routes registered after this point are captured
+        ctx.addRouteListener(graph::add);
+    }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerHandler.java b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerHandler.java
new file mode 100644
index 0000000..d0fb1df
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerHandler.java
@@ -0,0 +1,38 @@
+package dev.relism.ext.routeviewer;
+
+import dev.relism.http.ContentType;
+import dev.relism.models.Request;
+import dev.relism.models.Response;
+
+import java.io.IOException;
+import java.io.InputStream;
+
+/**
+ * Serves the route-viewer SPA shell ({@code index.html}) from the classpath.
+ *
+ * <p>The HTML file is produced by the Vite build of {@code routeviewer-ui/}
+ * and packaged into the JAR under {@code routeviewer/index.html}.
+ * The SPA then fetches {@code /routeviewer/data} for the graph payload.
+ */
+class RouteViewerHandler {
+
+    private static final String RESOURCE = "routeviewer/index.html";
+    private static final String FALLBACK  =
+            "<h2 style='font-family:monospace;padding:2rem'>Route Viewer UI not built." +
+            "<br>Run: <code>cd routeviewer-ui && pnpm build</code></h2>";
+
+    private volatile byte[] cached;
+
+    Object handle(Request req, Response res) throws IOException {
+        if (cached == null) cached = load();
+        res.setContentType(ContentType.TEXT_HTML);
+        return cached;
+    }
+
+    private byte[] load() throws IOException {
+        try (InputStream in = RouteViewerHandler.class
+                .getClassLoader().getResourceAsStream(RESOURCE)) {
+            return in != null ? in.readAllBytes() : FALLBACK.getBytes();
+        }
+    }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerStaticHandler.java b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerStaticHandler.java
new file mode 100644
index 0000000..6e16bec
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/RouteViewerStaticHandler.java
@@ -0,0 +1,46 @@
+package dev.relism.ext.routeviewer;
+
+import dev.relism.http.ContentType;
+import dev.relism.models.Request;
+import dev.relism.models.Response;
+
+import java.io.IOException;
+import java.io.InputStream;
+
+/**
+ * Serves a single static file from the classpath (bundled inside the JAR).
+ *
+ * <p>Used to expose the Vite-built assets ({@code app.js}, {@code app.css})
+ * that the route-viewer SPA needs.
+ */
+class RouteViewerStaticHandler {
+
+    private final String      classpathResource;
+    private final ContentType contentType;
+    /** Cached bytes — static assets never change after startup. */
+    private volatile byte[] cached;
+
+    RouteViewerStaticHandler(String classpathResource, ContentType contentType) {
+        this.classpathResource = classpathResource;
+        this.contentType       = contentType;
+    }
+
+    Object handle(Request req, Response res) throws IOException {
+        if (cached == null) cached = load();
+        if (cached == null) {
+            res.setStatusCode(404);
+            return null;
+        }
+        res.setStatusCode(200);
+        res.setContentType(contentType);
+        res.header("Cache-Control", "public, max-age=3600");
+        return cached;
+    }
+
+    private byte[] load() throws IOException {
+        try (InputStream in = RouteViewerStaticHandler.class
+                .getClassLoader().getResourceAsStream(classpathResource)) {
+            return in == null ? null : in.readAllBytes();
+        }
+    }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouteGraph.java b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouteGraph.java
new file mode 100644
index 0000000..0ba2967
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouteGraph.java
@@ -0,0 +1,44 @@
+package dev.relism.ext.routeviewer.model;
+
+import dev.relism.extension.RouteEvent;
+
+import java.util.*;
+
+/**
+ * Accumulates {@link RouteEvent}s at boot time and organizes them into an
+ * ordered list of {@link RouterNode}s for rendering.
+ *
+ * <p>Thread-safety: events are emitted sequentially at registration time
+ * (single-threaded boot), so no synchronization is needed here.
+ */
+public class RouteGraph {
+
+    /** Events in registration order, grouped by namespace. */
+    private final Map<String, List<RouteRecord>> byNamespace = new LinkedHashMap<>();
+    /** Namespace → routerType, filled on first event for each namespace. */
+    private final Map<String, String>            routerTypes = new LinkedHashMap<>();
+
+    /** Called once per route by the {@link dev.relism.extension.RouteListener}. */
+    public void add(RouteEvent event) {
+        routerTypes.putIfAbsent(event.namespace(), event.routerType());
+        byNamespace
+                .computeIfAbsent(event.namespace(), k -> new ArrayList<>())
+                .add(RouteRecord.from(event));
+    }
+
+    /**
+     * Returns the route graph as an ordered list of {@link RouterNode}s,
+     * sorted from shortest namespace to longest (root first, deepest last).
+     */
+    public List<RouterNode> nodes() {
+        return byNamespace.entrySet().stream()
+                .sorted(Comparator.comparingInt(e -> e.getKey().length()))
+                .map(e -> new RouterNode(e.getKey(), routerTypes.get(e.getKey()), List.copyOf(e.getValue())))
+                .toList();
+    }
+
+    /** Total number of registered routes across all routers. */
+    public int totalRoutes() {
+        return byNamespace.values().stream().mapToInt(List::size).sum();
+    }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouteRecord.java b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouteRecord.java
new file mode 100644
index 0000000..34b6691
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouteRecord.java
@@ -0,0 +1,118 @@
+package dev.relism.ext.routeviewer.model;
+
+import dev.relism.extension.RouteEvent;
+import dev.relism.routing.Middleware;
+
+import java.lang.annotation.Annotation;
+import java.util.ArrayList;
+import java.util.List;
+
+/**
+ * Enriched snapshot of a single registered route.
+ *
+ * <p>Built once at registration time from a {@link RouteEvent}.
+ * All expensive operations (superclass traversal, annotation reading)
+ * happen here — never on the request hot-path.
+ *
+ * @param event            the raw event emitted by the Flash core
+ * @param abstractionChain handler class hierarchy, outermost first, stopping before
+ *                         {@code RequestHandler} (e.g. {@code ["EditPostPageHandler", "HtmlHandler"]}).
+ *                         Empty for anonymous lambda handlers.
+ * @param pointcuts        semantic annotations declared on the handler class hierarchy,
+ *                         used as declarative pointcut descriptors
+ * @param middlewareNames  cleaned simple class names of the middleware chain, outermost first
+ */
+public record RouteRecord(
+        RouteEvent       event,
+        List<String>     abstractionChain,
+        List<String>     pointcuts,
+        List<String>     middlewareNames
+) {
+
+    /** The root class we stop at (exclusive) — always implied, never shown. */
+    private static final String ROOT_HANDLER = "RequestHandler";
+
+    /** Builds a {@code RouteRecord} from a raw {@link RouteEvent}. */
+    public static RouteRecord from(RouteEvent event) {
+        return new RouteRecord(
+                event,
+                buildAbstractionChain(event.handlerClass()),
+                buildPointcuts(event.handlerClass()),
+                buildMiddlewareNames(event.middlewareChain())
+        );
+    }
+
+    // ── Builders ──────────────────────────────────────────────────────────────
+
+    /**
+     * Walks the superclass chain, stopping before {@code RequestHandler}.
+     * {@code RequestHandler} is the universal root — showing it adds no information.
+     */
+    private static List<String> buildAbstractionChain(Class<?> cls) {
+        if (cls == null) return List.of();
+        List<String> chain = new ArrayList<>();
+        Class<?> c = cls;
+        while (c != null && !c.equals(Object.class)) {
+            if (ROOT_HANDLER.equals(c.getSimpleName())) break;
+            chain.add(c.getSimpleName());
+            c = c.getSuperclass();
+        }
+        return List.copyOf(chain);
+    }
+
+    private static List<String> buildPointcuts(Class<?> cls) {
+        if (cls == null) return List.of();
+        List<String> pointcuts = new ArrayList<>();
+        Class<?> c = cls;
+        while (c != null && !c.equals(Object.class)) {
+            if (ROOT_HANDLER.equals(c.getSimpleName())) break;
+            for (Annotation ann : c.getDeclaredAnnotations()) {
+                String name = ann.annotationType().getSimpleName();
+                if (!name.equals("Route") && !name.equals("Override"))
+                    pointcuts.add(formatAnnotation(ann));
+            }
+            c = c.getSuperclass();
+        }
+        return List.copyOf(pointcuts);
+    }
+
+    /**
+     * Strips the synthetic lambda suffix ({@code $$Lambda/0x...}) from class names
+     * so that {@code OidcMiddleware$$Lambda/0x0000019c381f} becomes {@code OidcMiddleware}.
+     */
+    private static List<String> buildMiddlewareNames(List<Class<? extends Middleware>> chain) {
+        List<String> names = new ArrayList<>(chain.size());
+        for (Class<? extends Middleware> cls : chain) names.add(cleanName(cls.getSimpleName()));
+        return List.copyOf(names);
+    }
+
+    private static String cleanName(String simpleName) {
+        int dollar = simpleName.indexOf("$$");
+        return dollar >= 0 ? simpleName.substring(0, dollar) : simpleName;
+    }
+
+    /**
+     * Formats an annotation for display.
+     * <ul>
+     *   <li>Marker annotations → {@code @Name}</li>
+     *   <li>{@code String} value → {@code @Name(value)}</li>
+     *   <li>{@code String[]} value → {@code @Name(a, b)}</li>
+     *   <li>Any other value type (annotation arrays, class refs, etc.) → {@code @Name}
+     *       — avoids ugly {@code [Ldev.relism...;@hash} output</li>
+     * </ul>
+     */
+    private static String formatAnnotation(Annotation ann) {
+        try {
+            Object value = ann.annotationType().getMethod("value").invoke(ann);
+            String v;
+            if (value instanceof String s)   v = s;
+            else if (value instanceof String[] arr) v = String.join(", ", arr);
+            else return "@" + ann.annotationType().getSimpleName(); // complex type — skip value
+            return "@" + ann.annotationType().getSimpleName() + "(" + v + ")";
+        } catch (NoSuchMethodException ignored) {
+            return "@" + ann.annotationType().getSimpleName();
+        } catch (Exception e) {
+            return "@" + ann.annotationType().getSimpleName();
+        }
+    }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouterNode.java b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouterNode.java
new file mode 100644
index 0000000..eabef4c
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/java/dev/relism/ext/routeviewer/model/RouterNode.java
@@ -0,0 +1,27 @@
+package dev.relism.ext.routeviewer.model;
+
+import java.util.List;
+
+/**
+ * A node in the route graph representing a single router instance.
+ *
+ * <p>Routers are identified by their namespace prefix. The hierarchy
+ * (parent/child relationships) is inferred by prefix matching — a router
+ * with namespace {@code "/api/users"} is a child of {@code "/api"}.
+ *
+ * @param namespace   the router's namespace prefix (e.g. {@code "/"}, {@code "/api"})
+ * @param routerType  simple class name of the router implementation (e.g. {@code "FastPathRouterImpl"})
+ * @param routes      routes registered directly on this router, in registration order
+ */
+public record RouterNode(
+        String           namespace,
+        String           routerType,
+        List<RouteRecord> routes
+) {
+
+    /** Returns {@code true} if {@code other} is a direct or indirect parent of this node. */
+    public boolean isChildOf(RouterNode other) {
+        if (this.namespace.equals(other.namespace)) return false;
+        return this.namespace.startsWith(other.namespace.equals("/") ? "/" : other.namespace + "/");
+    }
+}
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/app.css b/flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/app.css
new file mode 100644
index 0000000..85c9be4
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/app.css
@@ -0,0 +1 @@
+*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0f1117;color:#e2e8f0;font-family:Inter,system-ui,sans-serif}.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))}.app{width:100vw;height:100vh;display:flex;flex-direction:column;background:#0f1117}.topbar{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#1a1d27;border-bottom:1px solid #2e3347;flex-shrink:0;z-index:10}.logo{font-weight:700;font-size:15px;letter-spacing:-.3px}.badge{background:#7c6af7;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px}.legend{margin-left:auto;display:flex;gap:16px;font-size:12px;color:#8892a4}.legend-item{display:flex;align-items:center;gap:5px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot-dash{border:2px dashed;background:transparent!important}.center{flex:1;display:flex;align-items:center;justify-content:center;font-size:14px}.muted{color:#8892a4}.error{color:#f87171}.react-flow__renderer{flex:1}.sidebar-content{padding:16px 12px;font-family:system-ui,sans-serif;color:#e2e8f0;overflow-y:auto;flex:1}.sidebar-content h3{color:#e2e8f0}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#2e3347;border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:#3d4557}.react-flow__controls button:nth-child(4){display:none}.react-flow__minimap-node[data-id*=Abstract]{stroke:#ef4444}
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/app.js b/flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/app.js
new file mode 100644
index 0000000..5910655
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/app.js
@@ -0,0 +1,63 @@
+(function(){const t=document.createElement("link").relList;if(t&&t.supports&&t.supports("modulepreload"))return;for(const o of document.querySelectorAll('link[rel="modulepreload"]'))r(o);new MutationObserver(o=>{for(const i of o)if(i.type==="childList")for(const s of i.addedNodes)s.tagName==="LINK"&&s.rel==="modulepreload"&&r(s)}).observe(document,{childList:!0,subtree:!0});function n(o){const i={};return o.integrity&&(i.integrity=o.integrity),o.referrerPolicy&&(i.referrerPolicy=o.referrerPolicy),o.crossOrigin==="use-credentials"?i.credentials="include":o.crossOrigin==="anonymous"?i.credentials="omit":i.credentials="same-origin",i}function r(o){if(o.ep)return;o.ep=!0;const i=n(o);fetch(o.href,i)}})();function Dd(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Fd={exports:{}},_s={},Od={exports:{}},te={};/**
+ * @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 Ro=Symbol.for("react.element"),ry=Symbol.for("react.portal"),oy=Symbol.for("react.fragment"),iy=Symbol.for("react.strict_mode"),sy=Symbol.for("react.profiler"),ly=Symbol.for("react.provider"),uy=Symbol.for("react.context"),ay=Symbol.for("react.forward_ref"),cy=Symbol.for("react.suspense"),fy=Symbol.for("react.memo"),dy=Symbol.for("react.lazy"),mc=Symbol.iterator;function hy(e){return e===null||typeof e!="object"?null:(e=mc&&e[mc]||e["@@iterator"],typeof e=="function"?e:null)}var jd={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},Hd=Object.assign,Vd={};function Mr(e,t,n){this.props=e,this.context=t,this.refs=Vd,this.updater=n||jd}Mr.prototype.isReactComponent={};Mr.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=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,e,t,"setState")};Mr.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function bd(){}bd.prototype=Mr.prototype;function Gu(e,t,n){this.props=e,this.context=t,this.refs=Vd,this.updater=n||jd}var Ku=Gu.prototype=new bd;Ku.constructor=Gu;Hd(Ku,Mr.prototype);Ku.isPureReactComponent=!0;var yc=Array.isArray,Bd=Object.prototype.hasOwnProperty,Zu={current:null},Wd={key:!0,ref:!0,__self:!0,__source:!0};function Ud(e,t,n){var r,o={},i=null,s=null;if(t!=null)for(r in t.ref!==void 0&&(s=t.ref),t.key!==void 0&&(i=""+t.key),t)Bd.call(t,r)&&!Wd.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(l===1)o.children=n;else if(1<l){for(var u=Array(l),a=0;a<l;a++)u[a]=arguments[a+2];o.children=u}if(e&&e.defaultProps)for(r in l=e.defaultProps,l)o[r]===void 0&&(o[r]=l[r]);return{$$typeof:Ro,type:e,key:i,ref:s,props:o,_owner:Zu.current}}function py(e,t){return{$$typeof:Ro,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function qu(e){return typeof e=="object"&&e!==null&&e.$$typeof===Ro}function gy(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(n){return t[n]})}var vc=/\/+/g;function rl(e,t){return typeof e=="object"&&e!==null&&e.key!=null?gy(""+e.key):t.toString(36)}function _i(e,t,n,r,o){var i=typeof e;(i==="undefined"||i==="boolean")&&(e=null);var s=!1;if(e===null)s=!0;else switch(i){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case Ro:case ry:s=!0}}if(s)return s=e,o=o(s),e=r===""?"."+rl(s,0):r,yc(o)?(n="",e!=null&&(n=e.replace(vc,"$&/")+"/"),_i(o,t,n,"",function(a){return a})):o!=null&&(qu(o)&&(o=py(o,n+(!o.key||s&&s.key===o.key?"":(""+o.key).replace(vc,"$&/")+"/")+e)),t.push(o)),1;if(s=0,r=r===""?".":r+":",yc(e))for(var l=0;l<e.length;l++){i=e[l];var u=r+rl(i,l);s+=_i(i,t,n,u,o)}else if(u=hy(e),typeof u=="function")for(e=u.call(e),l=0;!(i=e.next()).done;)i=i.value,u=r+rl(i,l++),s+=_i(i,t,n,u,o);else if(i==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function Qo(e,t,n){if(e==null)return e;var r=[],o=0;return _i(e,r,"","",function(i){return t.call(n,i,o++)}),r}function my(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(n){(e._status===0||e._status===-1)&&(e._status=1,e._result=n)},function(n){(e._status===0||e._status===-1)&&(e._status=2,e._result=n)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var $e={current:null},ki={transition:null},yy={ReactCurrentDispatcher:$e,ReactCurrentBatchConfig:ki,ReactCurrentOwner:Zu};function Yd(){throw Error("act(...) is not supported in production builds of React.")}te.Children={map:Qo,forEach:function(e,t,n){Qo(e,function(){t.apply(this,arguments)},n)},count:function(e){var t=0;return Qo(e,function(){t++}),t},toArray:function(e){return Qo(e,function(t){return t})||[]},only:function(e){if(!qu(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};te.Component=Mr;te.Fragment=oy;te.Profiler=sy;te.PureComponent=Gu;te.StrictMode=iy;te.Suspense=cy;te.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=yy;te.act=Yd;te.cloneElement=function(e,t,n){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=Hd({},e.props),o=e.key,i=e.ref,s=e._owner;if(t!=null){if(t.ref!==void 0&&(i=t.ref,s=Zu.current),t.key!==void 0&&(o=""+t.key),e.type&&e.type.defaultProps)var l=e.type.defaultProps;for(u in t)Bd.call(t,u)&&!Wd.hasOwnProperty(u)&&(r[u]=t[u]===void 0&&l!==void 0?l[u]:t[u])}var u=arguments.length-2;if(u===1)r.children=n;else if(1<u){l=Array(u);for(var a=0;a<u;a++)l[a]=arguments[a+2];r.children=l}return{$$typeof:Ro,type:e.type,key:o,ref:i,props:r,_owner:s}};te.createContext=function(e){return e={$$typeof:uy,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:ly,_context:e},e.Consumer=e};te.createElement=Ud;te.createFactory=function(e){var t=Ud.bind(null,e);return t.type=e,t};te.createRef=function(){return{current:null}};te.forwardRef=function(e){return{$$typeof:ay,render:e}};te.isValidElement=qu;te.lazy=function(e){return{$$typeof:dy,_payload:{_status:-1,_result:e},_init:my}};te.memo=function(e,t){return{$$typeof:fy,type:e,compare:t===void 0?null:t}};te.startTransition=function(e){var t=ki.transition;ki.transition={};try{e()}finally{ki.transition=t}};te.unstable_act=Yd;te.useCallback=function(e,t){return $e.current.useCallback(e,t)};te.useContext=function(e){return $e.current.useContext(e)};te.useDebugValue=function(){};te.useDeferredValue=function(e){return $e.current.useDeferredValue(e)};te.useEffect=function(e,t){return $e.current.useEffect(e,t)};te.useId=function(){return $e.current.useId()};te.useImperativeHandle=function(e,t,n){return $e.current.useImperativeHandle(e,t,n)};te.useInsertionEffect=function(e,t){return $e.current.useInsertionEffect(e,t)};te.useLayoutEffect=function(e,t){return $e.current.useLayoutEffect(e,t)};te.useMemo=function(e,t){return $e.current.useMemo(e,t)};te.useReducer=function(e,t,n){return $e.current.useReducer(e,t,n)};te.useRef=function(e){return $e.current.useRef(e)};te.useState=function(e){return $e.current.useState(e)};te.useSyncExternalStore=function(e,t,n){return $e.current.useSyncExternalStore(e,t,n)};te.useTransition=function(){return $e.current.useTransition()};te.version="18.3.1";Od.exports=te;var $=Od.exports;const vy=Dd($);/**
+ * @license React
+ * react-jsx-runtime.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 wy=$,xy=Symbol.for("react.element"),Sy=Symbol.for("react.fragment"),Ey=Object.prototype.hasOwnProperty,_y=wy.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ky={key:!0,ref:!0,__self:!0,__source:!0};function Xd(e,t,n){var r,o={},i=null,s=null;n!==void 0&&(i=""+n),t.key!==void 0&&(i=""+t.key),t.ref!==void 0&&(s=t.ref);for(r in t)Ey.call(t,r)&&!ky.hasOwnProperty(r)&&(o[r]=t[r]);if(e&&e.defaultProps)for(r in t=e.defaultProps,t)o[r]===void 0&&(o[r]=t[r]);return{$$typeof:xy,type:e,key:i,ref:s,props:o,_owner:_y.current}}_s.Fragment=Sy;_s.jsx=Xd;_s.jsxs=Xd;Fd.exports=_s;var M=Fd.exports,Qd={exports:{}},Ze={},Gd={exports:{}},Kd={};/**
+ * @license React
+ * scheduler.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.
+ */(function(e){function t(k,S){var T=k.length;k.push(S);e:for(;0<T;){var O=T-1>>>1,F=k[O];if(0<o(F,S))k[O]=S,k[T]=F,T=O;else break e}}function n(k){return k.length===0?null:k[0]}function r(k){if(k.length===0)return null;var S=k[0],T=k.pop();if(T!==S){k[0]=T;e:for(var O=0,F=k.length,W=F>>>1;O<W;){var V=2*(O+1)-1,U=k[V],Y=V+1,Q=k[Y];if(0>o(U,T))Y<F&&0>o(Q,U)?(k[O]=Q,k[Y]=T,O=Y):(k[O]=U,k[V]=T,O=V);else if(Y<F&&0>o(Q,T))k[O]=Q,k[Y]=T,O=Y;else break e}}return S}function o(k,S){var T=k.sortIndex-S.sortIndex;return T!==0?T:k.id-S.id}if(typeof performance=="object"&&typeof performance.now=="function"){var i=performance;e.unstable_now=function(){return i.now()}}else{var s=Date,l=s.now();e.unstable_now=function(){return s.now()-l}}var u=[],a=[],d=1,c=null,f=3,m=!1,y=!1,w=!1,x=typeof setTimeout=="function"?setTimeout:null,h=typeof clearTimeout=="function"?clearTimeout:null,g=typeof setImmediate<"u"?setImmediate:null;typeof navigator<"u"&&navigator.scheduling!==void 0&&navigator.scheduling.isInputPending!==void 0&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function p(k){for(var S=n(a);S!==null;){if(S.callback===null)r(a);else if(S.startTime<=k)r(a),S.sortIndex=S.expirationTime,t(u,S);else break;S=n(a)}}function v(k){if(w=!1,p(k),!y)if(n(u)!==null)y=!0,I(E);else{var S=n(a);S!==null&&D(v,S.startTime-k)}}function E(k,S){y=!1,w&&(w=!1,h(P),P=-1),m=!0;var T=f;try{for(p(S),c=n(u);c!==null&&(!(c.expirationTime>S)||k&&!z());){var O=c.callback;if(typeof O=="function"){c.callback=null,f=c.priorityLevel;var F=O(c.expirationTime<=S);S=e.unstable_now(),typeof F=="function"?c.callback=F:c===n(u)&&r(u),p(S)}else r(u);c=n(u)}if(c!==null)var W=!0;else{var V=n(a);V!==null&&D(v,V.startTime-S),W=!1}return W}finally{c=null,f=T,m=!1}}var _=!1,N=null,P=-1,L=5,j=-1;function z(){return!(e.unstable_now()-j<L)}function R(){if(N!==null){var k=e.unstable_now();j=k;var S=!0;try{S=N(!0,k)}finally{S?H():(_=!1,N=null)}}else _=!1}var H;if(typeof g=="function")H=function(){g(R)};else if(typeof MessageChannel<"u"){var C=new MessageChannel,A=C.port2;C.port1.onmessage=R,H=function(){A.postMessage(null)}}else H=function(){x(R,0)};function I(k){N=k,_||(_=!0,H())}function D(k,S){P=x(function(){k(e.unstable_now())},S)}e.unstable_IdlePriority=5,e.unstable_ImmediatePriority=1,e.unstable_LowPriority=4,e.unstable_NormalPriority=3,e.unstable_Profiling=null,e.unstable_UserBlockingPriority=2,e.unstable_cancelCallback=function(k){k.callback=null},e.unstable_continueExecution=function(){y||m||(y=!0,I(E))},e.unstable_forceFrameRate=function(k){0>k||125<k?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):L=0<k?Math.floor(1e3/k):5},e.unstable_getCurrentPriorityLevel=function(){return f},e.unstable_getFirstCallbackNode=function(){return n(u)},e.unstable_next=function(k){switch(f){case 1:case 2:case 3:var S=3;break;default:S=f}var T=f;f=S;try{return k()}finally{f=T}},e.unstable_pauseExecution=function(){},e.unstable_requestPaint=function(){},e.unstable_runWithPriority=function(k,S){switch(k){case 1:case 2:case 3:case 4:case 5:break;default:k=3}var T=f;f=k;try{return S()}finally{f=T}},e.unstable_scheduleCallback=function(k,S,T){var O=e.unstable_now();switch(typeof T=="object"&&T!==null?(T=T.delay,T=typeof T=="number"&&0<T?O+T:O):T=O,k){case 1:var F=-1;break;case 2:F=250;break;case 5:F=1073741823;break;case 4:F=1e4;break;default:F=5e3}return F=T+F,k={id:d++,callback:S,priorityLevel:k,startTime:T,expirationTime:F,sortIndex:-1},T>O?(k.sortIndex=T,t(a,k),n(u)===null&&k===n(a)&&(w?(h(P),P=-1):w=!0,D(v,T-O))):(k.sortIndex=F,t(u,k),y||m||(y=!0,I(E))),k},e.unstable_shouldYield=z,e.unstable_wrapCallback=function(k){var S=f;return function(){var T=f;f=S;try{return k.apply(this,arguments)}finally{f=T}}}})(Kd);Gd.exports=Kd;var Cy=Gd.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 Ny=$,Ge=Cy;function b(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var Zd=new Set,lo={};function $n(e,t){cr(e,t),cr(e+"Capture",t)}function cr(e,t){for(lo[e]=t,e=0;e<t.length;e++)Zd.add(t[e])}var Rt=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),bl=Object.prototype.hasOwnProperty,My=/^[: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]*$/,wc={},xc={};function Py(e){return bl.call(xc,e)?!0:bl.call(wc,e)?!1:My.test(e)?xc[e]=!0:(wc[e]=!0,!1)}function Ty(e,t,n,r){if(n!==null&&n.type===0)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return r?!1:n!==null?!n.acceptsBooleans:(e=e.toLowerCase().slice(0,5),e!=="data-"&&e!=="aria-");default:return!1}}function Iy(e,t,n,r){if(t===null||typeof t>"u"||Ty(e,t,n,r))return!0;if(r)return!1;if(n!==null)switch(n.type){case 3:return!t;case 4:return t===!1;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}function De(e,t,n,r,o,i,s){this.acceptsBooleans=t===2||t===3||t===4,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i,this.removeEmptyString=s}var Me={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){Me[e]=new De(e,0,!1,e,null,!1,!1)});[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];Me[t]=new De(t,1,!1,e[1],null,!1,!1)});["contentEditable","draggable","spellCheck","value"].forEach(function(e){Me[e]=new De(e,2,!1,e.toLowerCase(),null,!1,!1)});["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){Me[e]=new De(e,2,!1,e,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(e){Me[e]=new De(e,3,!1,e.toLowerCase(),null,!1,!1)});["checked","multiple","muted","selected"].forEach(function(e){Me[e]=new De(e,3,!0,e,null,!1,!1)});["capture","download"].forEach(function(e){Me[e]=new De(e,4,!1,e,null,!1,!1)});["cols","rows","size","span"].forEach(function(e){Me[e]=new De(e,6,!1,e,null,!1,!1)});["rowSpan","start"].forEach(function(e){Me[e]=new De(e,5,!1,e.toLowerCase(),null,!1,!1)});var Ju=/[\-:]([a-z])/g;function ea(e){return e[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(e){var t=e.replace(Ju,ea);Me[t]=new De(t,1,!1,e,null,!1,!1)});"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(Ju,ea);Me[t]=new De(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)});["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Ju,ea);Me[t]=new De(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)});["tabIndex","crossOrigin"].forEach(function(e){Me[e]=new De(e,1,!1,e.toLowerCase(),null,!1,!1)});Me.xlinkHref=new De("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1);["src","href","action","formAction"].forEach(function(e){Me[e]=new De(e,1,!1,e.toLowerCase(),null,!0,!0)});function ta(e,t,n,r){var o=Me.hasOwnProperty(t)?Me[t]:null;(o!==null?o.type!==0:r||!(2<t.length)||t[0]!=="o"&&t[0]!=="O"||t[1]!=="n"&&t[1]!=="N")&&(Iy(t,n,o,r)&&(n=null),r||o===null?Py(t)&&(n===null?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=n===null?o.type===3?!1:"":n:(t=o.attributeName,r=o.attributeNamespace,n===null?e.removeAttribute(t):(o=o.type,n=o===3||o===4&&n===!0?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}var jt=Ny.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Go=Symbol.for("react.element"),bn=Symbol.for("react.portal"),Bn=Symbol.for("react.fragment"),na=Symbol.for("react.strict_mode"),Bl=Symbol.for("react.profiler"),qd=Symbol.for("react.provider"),Jd=Symbol.for("react.context"),ra=Symbol.for("react.forward_ref"),Wl=Symbol.for("react.suspense"),Ul=Symbol.for("react.suspense_list"),oa=Symbol.for("react.memo"),Ut=Symbol.for("react.lazy"),eh=Symbol.for("react.offscreen"),Sc=Symbol.iterator;function Rr(e){return e===null||typeof e!="object"?null:(e=Sc&&e[Sc]||e["@@iterator"],typeof e=="function"?e:null)}var me=Object.assign,ol;function Wr(e){if(ol===void 0)try{throw Error()}catch(n){var t=n.stack.trim().match(/\n( *(at )?)/);ol=t&&t[1]||""}return`
+`+ol+e}var il=!1;function sl(e,t){if(!e||il)return"";il=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(t,[])}catch(a){var r=a}Reflect.construct(e,[],t)}else{try{t.call()}catch(a){r=a}e.call(t.prototype)}else{try{throw Error()}catch(a){r=a}e()}}catch(a){if(a&&r&&typeof a.stack=="string"){for(var o=a.stack.split(`
+`),i=r.stack.split(`
+`),s=o.length-1,l=i.length-1;1<=s&&0<=l&&o[s]!==i[l];)l--;for(;1<=s&&0<=l;s--,l--)if(o[s]!==i[l]){if(s!==1||l!==1)do if(s--,l--,0>l||o[s]!==i[l]){var u=`
+`+o[s].replace(" at new "," at ");return e.displayName&&u.includes("<anonymous>")&&(u=u.replace("<anonymous>",e.displayName)),u}while(1<=s&&0<=l);break}}}finally{il=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?Wr(e):""}function zy(e){switch(e.tag){case 5:return Wr(e.type);case 16:return Wr("Lazy");case 13:return Wr("Suspense");case 19:return Wr("SuspenseList");case 0:case 2:case 15:return e=sl(e.type,!1),e;case 11:return e=sl(e.type.render,!1),e;case 1:return e=sl(e.type,!0),e;default:return""}}function Yl(e){if(e==null)return null;if(typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case Bn:return"Fragment";case bn:return"Portal";case Bl:return"Profiler";case na:return"StrictMode";case Wl:return"Suspense";case Ul:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case Jd:return(e.displayName||"Context")+".Consumer";case qd:return(e._context.displayName||"Context")+".Provider";case ra:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case oa:return t=e.displayName||null,t!==null?t:Yl(e.type)||"Memo";case Ut:t=e._payload,e=e._init;try{return Yl(e(t))}catch{}}return null}function Ly(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=t.render,e=e.displayName||e.name||"",t.displayName||(e!==""?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Yl(t);case 8:return t===na?"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 t=="function")return t.displayName||t.name||null;if(typeof t=="string")return t}return null}function an(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function th(e){var t=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(t==="checkbox"||t==="radio")}function Ay(e){var t=th(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&typeof n<"u"&&typeof n.get=="function"&&typeof n.set=="function"){var o=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.call(this)},set:function(s){r=""+s,i.call(this,s)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(s){r=""+s},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}function Ko(e){e._valueTracker||(e._valueTracker=Ay(e))}function nh(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=th(e)?e.checked?"true":"false":e.value),e=r,e!==n?(t.setValue(e),!0):!1}function Hi(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}function Xl(e,t){var n=t.checked;return me({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:n??e._wrapperState.initialChecked})}function Ec(e,t){var n=t.defaultValue==null?"":t.defaultValue,r=t.checked!=null?t.checked:t.defaultChecked;n=an(t.value!=null?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:t.type==="checkbox"||t.type==="radio"?t.checked!=null:t.value!=null}}function rh(e,t){t=t.checked,t!=null&&ta(e,"checked",t,!1)}function Ql(e,t){rh(e,t);var n=an(t.value),r=t.type;if(n!=null)r==="number"?(n===0&&e.value===""||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if(r==="submit"||r==="reset"){e.removeAttribute("value");return}t.hasOwnProperty("value")?Gl(e,t.type,n):t.hasOwnProperty("defaultValue")&&Gl(e,t.type,an(t.defaultValue)),t.checked==null&&t.defaultChecked!=null&&(e.defaultChecked=!!t.defaultChecked)}function _c(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!(r!=="submit"&&r!=="reset"||t.value!==void 0&&t.value!==null))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}n=e.name,n!==""&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,n!==""&&(e.name=n)}function Gl(e,t,n){(t!=="number"||Hi(e.ownerDocument)!==e)&&(n==null?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var Ur=Array.isArray;function nr(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+an(n),t=null,o=0;o<e.length;o++){if(e[o].value===n){e[o].selected=!0,r&&(e[o].defaultSelected=!0);return}t!==null||e[o].disabled||(t=e[o])}t!==null&&(t.selected=!0)}}function Kl(e,t){if(t.dangerouslySetInnerHTML!=null)throw Error(b(91));return me({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function kc(e,t){var n=t.value;if(n==null){if(n=t.children,t=t.defaultValue,n!=null){if(t!=null)throw Error(b(92));if(Ur(n)){if(1<n.length)throw Error(b(93));n=n[0]}t=n}t==null&&(t=""),n=t}e._wrapperState={initialValue:an(n)}}function oh(e,t){var n=an(t.value),r=an(t.defaultValue);n!=null&&(n=""+n,n!==e.value&&(e.value=n),t.defaultValue==null&&e.defaultValue!==n&&(e.defaultValue=n)),r!=null&&(e.defaultValue=""+r)}function Cc(e){var t=e.textContent;t===e._wrapperState.initialValue&&t!==""&&t!==null&&(e.value=t)}function ih(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function Zl(e,t){return e==null||e==="http://www.w3.org/1999/xhtml"?ih(t):e==="http://www.w3.org/2000/svg"&&t==="foreignObject"?"http://www.w3.org/1999/xhtml":e}var Zo,sh=function(e){return typeof MSApp<"u"&&MSApp.execUnsafeLocalFunction?function(t,n,r,o){MSApp.execUnsafeLocalFunction(function(){return e(t,n,r,o)})}:e}(function(e,t){if(e.namespaceURI!=="http://www.w3.org/2000/svg"||"innerHTML"in e)e.innerHTML=t;else{for(Zo=Zo||document.createElement("div"),Zo.innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=Zo.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function uo(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&n.nodeType===3){n.nodeValue=t;return}}e.textContent=t}var Kr={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},Ry=["Webkit","ms","Moz","O"];Object.keys(Kr).forEach(function(e){Ry.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Kr[t]=Kr[e]})});function lh(e,t,n){return t==null||typeof t=="boolean"||t===""?"":n||typeof t!="number"||t===0||Kr.hasOwnProperty(e)&&Kr[e]?(""+t).trim():t+"px"}function uh(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=n.indexOf("--")===0,o=lh(n,t[n],r);n==="float"&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}var $y=me({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 ql(e,t){if(t){if($y[e]&&(t.children!=null||t.dangerouslySetInnerHTML!=null))throw Error(b(137,e));if(t.dangerouslySetInnerHTML!=null){if(t.children!=null)throw Error(b(60));if(typeof t.dangerouslySetInnerHTML!="object"||!("__html"in t.dangerouslySetInnerHTML))throw Error(b(61))}if(t.style!=null&&typeof t.style!="object")throw Error(b(62))}}function Jl(e,t){if(e.indexOf("-")===-1)return typeof t.is=="string";switch(e){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 eu=null;function ia(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var tu=null,rr=null,or=null;function Nc(e){if(e=Fo(e)){if(typeof tu!="function")throw Error(b(280));var t=e.stateNode;t&&(t=Ps(t),tu(e.stateNode,e.type,t))}}function ah(e){rr?or?or.push(e):or=[e]:rr=e}function ch(){if(rr){var e=rr,t=or;if(or=rr=null,Nc(e),t)for(e=0;e<t.length;e++)Nc(t[e])}}function fh(e,t){return e(t)}function dh(){}var ll=!1;function hh(e,t,n){if(ll)return e(t,n);ll=!0;try{return fh(e,t,n)}finally{ll=!1,(rr!==null||or!==null)&&(dh(),ch())}}function ao(e,t){var n=e.stateNode;if(n===null)return null;var r=Ps(n);if(r===null)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(e=e.type,r=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!r;break e;default:e=!1}if(e)return null;if(n&&typeof n!="function")throw Error(b(231,t,typeof n));return n}var nu=!1;if(Rt)try{var $r={};Object.defineProperty($r,"passive",{get:function(){nu=!0}}),window.addEventListener("test",$r,$r),window.removeEventListener("test",$r,$r)}catch{nu=!1}function Dy(e,t,n,r,o,i,s,l,u){var a=Array.prototype.slice.call(arguments,3);try{t.apply(n,a)}catch(d){this.onError(d)}}var Zr=!1,Vi=null,bi=!1,ru=null,Fy={onError:function(e){Zr=!0,Vi=e}};function Oy(e,t,n,r,o,i,s,l,u){Zr=!1,Vi=null,Dy.apply(Fy,arguments)}function jy(e,t,n,r,o,i,s,l,u){if(Oy.apply(this,arguments),Zr){if(Zr){var a=Vi;Zr=!1,Vi=null}else throw Error(b(198));bi||(bi=!0,ru=a)}}function Dn(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do t=e,t.flags&4098&&(n=t.return),e=t.return;while(e)}return t.tag===3?n:null}function ph(e){if(e.tag===13){var t=e.memoizedState;if(t===null&&(e=e.alternate,e!==null&&(t=e.memoizedState)),t!==null)return t.dehydrated}return null}function Mc(e){if(Dn(e)!==e)throw Error(b(188))}function Hy(e){var t=e.alternate;if(!t){if(t=Dn(e),t===null)throw Error(b(188));return t!==e?null:e}for(var n=e,r=t;;){var o=n.return;if(o===null)break;var i=o.alternate;if(i===null){if(r=o.return,r!==null){n=r;continue}break}if(o.child===i.child){for(i=o.child;i;){if(i===n)return Mc(o),e;if(i===r)return Mc(o),t;i=i.sibling}throw Error(b(188))}if(n.return!==r.return)n=o,r=i;else{for(var s=!1,l=o.child;l;){if(l===n){s=!0,n=o,r=i;break}if(l===r){s=!0,r=o,n=i;break}l=l.sibling}if(!s){for(l=i.child;l;){if(l===n){s=!0,n=i,r=o;break}if(l===r){s=!0,r=i,n=o;break}l=l.sibling}if(!s)throw Error(b(189))}}if(n.alternate!==r)throw Error(b(190))}if(n.tag!==3)throw Error(b(188));return n.stateNode.current===n?e:t}function gh(e){return e=Hy(e),e!==null?mh(e):null}function mh(e){if(e.tag===5||e.tag===6)return e;for(e=e.child;e!==null;){var t=mh(e);if(t!==null)return t;e=e.sibling}return null}var yh=Ge.unstable_scheduleCallback,Pc=Ge.unstable_cancelCallback,Vy=Ge.unstable_shouldYield,by=Ge.unstable_requestPaint,ve=Ge.unstable_now,By=Ge.unstable_getCurrentPriorityLevel,sa=Ge.unstable_ImmediatePriority,vh=Ge.unstable_UserBlockingPriority,Bi=Ge.unstable_NormalPriority,Wy=Ge.unstable_LowPriority,wh=Ge.unstable_IdlePriority,ks=null,St=null;function Uy(e){if(St&&typeof St.onCommitFiberRoot=="function")try{St.onCommitFiberRoot(ks,e,void 0,(e.current.flags&128)===128)}catch{}}var ht=Math.clz32?Math.clz32:Qy,Yy=Math.log,Xy=Math.LN2;function Qy(e){return e>>>=0,e===0?32:31-(Yy(e)/Xy|0)|0}var qo=64,Jo=4194304;function Yr(e){switch(e&-e){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 e&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return e&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function Wi(e,t){var n=e.pendingLanes;if(n===0)return 0;var r=0,o=e.suspendedLanes,i=e.pingedLanes,s=n&268435455;if(s!==0){var l=s&~o;l!==0?r=Yr(l):(i&=s,i!==0&&(r=Yr(i)))}else s=n&~o,s!==0?r=Yr(s):i!==0&&(r=Yr(i));if(r===0)return 0;if(t!==0&&t!==r&&!(t&o)&&(o=r&-r,i=t&-t,o>=i||o===16&&(i&4194240)!==0))return t;if(r&4&&(r|=n&16),t=e.entangledLanes,t!==0)for(e=e.entanglements,t&=r;0<t;)n=31-ht(t),o=1<<n,r|=e[n],t&=~o;return r}function Gy(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 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 t+5e3;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return-1;case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function Ky(e,t){for(var n=e.suspendedLanes,r=e.pingedLanes,o=e.expirationTimes,i=e.pendingLanes;0<i;){var s=31-ht(i),l=1<<s,u=o[s];u===-1?(!(l&n)||l&r)&&(o[s]=Gy(l,t)):u<=t&&(e.expiredLanes|=l),i&=~l}}function ou(e){return e=e.pendingLanes&-1073741825,e!==0?e:e&1073741824?1073741824:0}function xh(){var e=qo;return qo<<=1,!(qo&4194240)&&(qo=64),e}function ul(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function $o(e,t,n){e.pendingLanes|=t,t!==536870912&&(e.suspendedLanes=0,e.pingedLanes=0),e=e.eventTimes,t=31-ht(t),e[t]=n}function Zy(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var r=e.eventTimes;for(e=e.expirationTimes;0<n;){var o=31-ht(n),i=1<<o;t[o]=0,r[o]=-1,e[o]=-1,n&=~i}}function la(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var r=31-ht(n),o=1<<r;o&t|e[r]&t&&(e[r]|=t),n&=~o}}var se=0;function Sh(e){return e&=-e,1<e?4<e?e&268435455?16:536870912:4:1}var Eh,ua,_h,kh,Ch,iu=!1,ei=[],qt=null,Jt=null,en=null,co=new Map,fo=new Map,Xt=[],qy="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Tc(e,t){switch(e){case"focusin":case"focusout":qt=null;break;case"dragenter":case"dragleave":Jt=null;break;case"mouseover":case"mouseout":en=null;break;case"pointerover":case"pointerout":co.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":fo.delete(t.pointerId)}}function Dr(e,t,n,r,o,i){return e===null||e.nativeEvent!==i?(e={blockedOn:t,domEventName:n,eventSystemFlags:r,nativeEvent:i,targetContainers:[o]},t!==null&&(t=Fo(t),t!==null&&ua(t)),e):(e.eventSystemFlags|=r,t=e.targetContainers,o!==null&&t.indexOf(o)===-1&&t.push(o),e)}function Jy(e,t,n,r,o){switch(t){case"focusin":return qt=Dr(qt,e,t,n,r,o),!0;case"dragenter":return Jt=Dr(Jt,e,t,n,r,o),!0;case"mouseover":return en=Dr(en,e,t,n,r,o),!0;case"pointerover":var i=o.pointerId;return co.set(i,Dr(co.get(i)||null,e,t,n,r,o)),!0;case"gotpointercapture":return i=o.pointerId,fo.set(i,Dr(fo.get(i)||null,e,t,n,r,o)),!0}return!1}function Nh(e){var t=vn(e.target);if(t!==null){var n=Dn(t);if(n!==null){if(t=n.tag,t===13){if(t=ph(n),t!==null){e.blockedOn=t,Ch(e.priority,function(){_h(n)});return}}else if(t===3&&n.stateNode.current.memoizedState.isDehydrated){e.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}e.blockedOn=null}function Ci(e){if(e.blockedOn!==null)return!1;for(var t=e.targetContainers;0<t.length;){var n=su(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(n===null){n=e.nativeEvent;var r=new n.constructor(n.type,n);eu=r,n.target.dispatchEvent(r),eu=null}else return t=Fo(n),t!==null&&ua(t),e.blockedOn=n,!1;t.shift()}return!0}function Ic(e,t,n){Ci(e)&&n.delete(t)}function ev(){iu=!1,qt!==null&&Ci(qt)&&(qt=null),Jt!==null&&Ci(Jt)&&(Jt=null),en!==null&&Ci(en)&&(en=null),co.forEach(Ic),fo.forEach(Ic)}function Fr(e,t){e.blockedOn===t&&(e.blockedOn=null,iu||(iu=!0,Ge.unstable_scheduleCallback(Ge.unstable_NormalPriority,ev)))}function ho(e){function t(o){return Fr(o,e)}if(0<ei.length){Fr(ei[0],e);for(var n=1;n<ei.length;n++){var r=ei[n];r.blockedOn===e&&(r.blockedOn=null)}}for(qt!==null&&Fr(qt,e),Jt!==null&&Fr(Jt,e),en!==null&&Fr(en,e),co.forEach(t),fo.forEach(t),n=0;n<Xt.length;n++)r=Xt[n],r.blockedOn===e&&(r.blockedOn=null);for(;0<Xt.length&&(n=Xt[0],n.blockedOn===null);)Nh(n),n.blockedOn===null&&Xt.shift()}var ir=jt.ReactCurrentBatchConfig,Ui=!0;function tv(e,t,n,r){var o=se,i=ir.transition;ir.transition=null;try{se=1,aa(e,t,n,r)}finally{se=o,ir.transition=i}}function nv(e,t,n,r){var o=se,i=ir.transition;ir.transition=null;try{se=4,aa(e,t,n,r)}finally{se=o,ir.transition=i}}function aa(e,t,n,r){if(Ui){var o=su(e,t,n,r);if(o===null)vl(e,t,r,Yi,n),Tc(e,r);else if(Jy(o,e,t,n,r))r.stopPropagation();else if(Tc(e,r),t&4&&-1<qy.indexOf(e)){for(;o!==null;){var i=Fo(o);if(i!==null&&Eh(i),i=su(e,t,n,r),i===null&&vl(e,t,r,Yi,n),i===o)break;o=i}o!==null&&r.stopPropagation()}else vl(e,t,r,null,n)}}var Yi=null;function su(e,t,n,r){if(Yi=null,e=ia(r),e=vn(e),e!==null)if(t=Dn(e),t===null)e=null;else if(n=t.tag,n===13){if(e=ph(t),e!==null)return e;e=null}else if(n===3){if(t.stateNode.current.memoizedState.isDehydrated)return t.tag===3?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Yi=e,null}function Mh(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(By()){case sa:return 1;case vh:return 4;case Bi:case Wy:return 16;case wh:return 536870912;default:return 16}default:return 16}}var Kt=null,ca=null,Ni=null;function Ph(){if(Ni)return Ni;var e,t=ca,n=t.length,r,o="value"in Kt?Kt.value:Kt.textContent,i=o.length;for(e=0;e<n&&t[e]===o[e];e++);var s=n-e;for(r=1;r<=s&&t[n-r]===o[i-r];r++);return Ni=o.slice(e,1<r?1-r:void 0)}function Mi(e){var t=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&t===13&&(e=13)):e=t,e===10&&(e=13),32<=e||e===13?e:0}function ti(){return!0}function zc(){return!1}function qe(e){function t(n,r,o,i,s){this._reactName=n,this._targetInst=o,this.type=r,this.nativeEvent=i,this.target=s,this.currentTarget=null;for(var l in e)e.hasOwnProperty(l)&&(n=e[l],this[l]=n?n(i):i[l]);return this.isDefaultPrevented=(i.defaultPrevented!=null?i.defaultPrevented:i.returnValue===!1)?ti:zc,this.isPropagationStopped=zc,this}return me(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=ti)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=ti)},persist:function(){},isPersistent:ti}),t}var Pr={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},fa=qe(Pr),Do=me({},Pr,{view:0,detail:0}),rv=qe(Do),al,cl,Or,Cs=me({},Do,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:da,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==Or&&(Or&&e.type==="mousemove"?(al=e.screenX-Or.screenX,cl=e.screenY-Or.screenY):cl=al=0,Or=e),al)},movementY:function(e){return"movementY"in e?e.movementY:cl}}),Lc=qe(Cs),ov=me({},Cs,{dataTransfer:0}),iv=qe(ov),sv=me({},Do,{relatedTarget:0}),fl=qe(sv),lv=me({},Pr,{animationName:0,elapsedTime:0,pseudoElement:0}),uv=qe(lv),av=me({},Pr,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),cv=qe(av),fv=me({},Pr,{data:0}),Ac=qe(fv),dv={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},hv={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},pv={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function gv(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):(e=pv[e])?!!t[e]:!1}function da(){return gv}var mv=me({},Do,{key:function(e){if(e.key){var t=dv[e.key]||e.key;if(t!=="Unidentified")return t}return e.type==="keypress"?(e=Mi(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?hv[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:da,charCode:function(e){return e.type==="keypress"?Mi(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?Mi(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),yv=qe(mv),vv=me({},Cs,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Rc=qe(vv),wv=me({},Do,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:da}),xv=qe(wv),Sv=me({},Pr,{propertyName:0,elapsedTime:0,pseudoElement:0}),Ev=qe(Sv),_v=me({},Cs,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),kv=qe(_v),Cv=[9,13,27,32],ha=Rt&&"CompositionEvent"in window,qr=null;Rt&&"documentMode"in document&&(qr=document.documentMode);var Nv=Rt&&"TextEvent"in window&&!qr,Th=Rt&&(!ha||qr&&8<qr&&11>=qr),$c=" ",Dc=!1;function Ih(e,t){switch(e){case"keyup":return Cv.indexOf(t.keyCode)!==-1;case"keydown":return t.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function zh(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var Wn=!1;function Mv(e,t){switch(e){case"compositionend":return zh(t);case"keypress":return t.which!==32?null:(Dc=!0,$c);case"textInput":return e=t.data,e===$c&&Dc?null:e;default:return null}}function Pv(e,t){if(Wn)return e==="compositionend"||!ha&&Ih(e,t)?(e=Ph(),Ni=ca=Kt=null,Wn=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Th&&t.locale!=="ko"?null:t.data;default:return null}}var Tv={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Fc(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t==="input"?!!Tv[e.type]:t==="textarea"}function Lh(e,t,n,r){ah(r),t=Xi(t,"onChange"),0<t.length&&(n=new fa("onChange","change",null,n,r),e.push({event:n,listeners:t}))}var Jr=null,po=null;function Iv(e){Bh(e,0)}function Ns(e){var t=Xn(e);if(nh(t))return e}function zv(e,t){if(e==="change")return t}var Ah=!1;if(Rt){var dl;if(Rt){var hl="oninput"in document;if(!hl){var Oc=document.createElement("div");Oc.setAttribute("oninput","return;"),hl=typeof Oc.oninput=="function"}dl=hl}else dl=!1;Ah=dl&&(!document.documentMode||9<document.documentMode)}function jc(){Jr&&(Jr.detachEvent("onpropertychange",Rh),po=Jr=null)}function Rh(e){if(e.propertyName==="value"&&Ns(po)){var t=[];Lh(t,po,e,ia(e)),hh(Iv,t)}}function Lv(e,t,n){e==="focusin"?(jc(),Jr=t,po=n,Jr.attachEvent("onpropertychange",Rh)):e==="focusout"&&jc()}function Av(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return Ns(po)}function Rv(e,t){if(e==="click")return Ns(t)}function $v(e,t){if(e==="input"||e==="change")return Ns(t)}function Dv(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var gt=typeof Object.is=="function"?Object.is:Dv;function go(e,t){if(gt(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++){var o=n[r];if(!bl.call(t,o)||!gt(e[o],t[o]))return!1}return!0}function Hc(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Vc(e,t){var n=Hc(e);e=0;for(var r;n;){if(n.nodeType===3){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Hc(n)}}function $h(e,t){return e&&t?e===t?!0:e&&e.nodeType===3?!1:t&&t.nodeType===3?$h(e,t.parentNode):"contains"in e?e.contains(t):e.compareDocumentPosition?!!(e.compareDocumentPosition(t)&16):!1:!1}function Dh(){for(var e=window,t=Hi();t instanceof e.HTMLIFrameElement;){try{var n=typeof t.contentWindow.location.href=="string"}catch{n=!1}if(n)e=t.contentWindow;else break;t=Hi(e.document)}return t}function pa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(t==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||t==="textarea"||e.contentEditable==="true")}function Fv(e){var t=Dh(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&$h(n.ownerDocument.documentElement,n)){if(r!==null&&pa(n)){if(t=r.start,e=r.end,e===void 0&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(e=(t=n.ownerDocument||document)&&t.defaultView||window,e.getSelection){e=e.getSelection();var o=n.textContent.length,i=Math.min(r.start,o);r=r.end===void 0?i:Math.min(r.end,o),!e.extend&&i>r&&(o=r,r=i,i=o),o=Vc(n,i);var s=Vc(n,r);o&&s&&(e.rangeCount!==1||e.anchorNode!==o.node||e.anchorOffset!==o.offset||e.focusNode!==s.node||e.focusOffset!==s.offset)&&(t=t.createRange(),t.setStart(o.node,o.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(s.node,s.offset)):(t.setEnd(s.node,s.offset),e.addRange(t)))}}for(t=[],e=n;e=e.parentNode;)e.nodeType===1&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(typeof n.focus=="function"&&n.focus(),n=0;n<t.length;n++)e=t[n],e.element.scrollLeft=e.left,e.element.scrollTop=e.top}}var Ov=Rt&&"documentMode"in document&&11>=document.documentMode,Un=null,lu=null,eo=null,uu=!1;function bc(e,t,n){var r=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;uu||Un==null||Un!==Hi(r)||(r=Un,"selectionStart"in r&&pa(r)?r={start:r.selectionStart,end:r.selectionEnd}:(r=(r.ownerDocument&&r.ownerDocument.defaultView||window).getSelection(),r={anchorNode:r.anchorNode,anchorOffset:r.anchorOffset,focusNode:r.focusNode,focusOffset:r.focusOffset}),eo&&go(eo,r)||(eo=r,r=Xi(lu,"onSelect"),0<r.length&&(t=new fa("onSelect","select",null,t,n),e.push({event:t,listeners:r}),t.target=Un)))}function ni(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Yn={animationend:ni("Animation","AnimationEnd"),animationiteration:ni("Animation","AnimationIteration"),animationstart:ni("Animation","AnimationStart"),transitionend:ni("Transition","TransitionEnd")},pl={},Fh={};Rt&&(Fh=document.createElement("div").style,"AnimationEvent"in window||(delete Yn.animationend.animation,delete Yn.animationiteration.animation,delete Yn.animationstart.animation),"TransitionEvent"in window||delete Yn.transitionend.transition);function Ms(e){if(pl[e])return pl[e];if(!Yn[e])return e;var t=Yn[e],n;for(n in t)if(t.hasOwnProperty(n)&&n in Fh)return pl[e]=t[n];return e}var Oh=Ms("animationend"),jh=Ms("animationiteration"),Hh=Ms("animationstart"),Vh=Ms("transitionend"),bh=new Map,Bc="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function fn(e,t){bh.set(e,t),$n(t,[e])}for(var gl=0;gl<Bc.length;gl++){var ml=Bc[gl],jv=ml.toLowerCase(),Hv=ml[0].toUpperCase()+ml.slice(1);fn(jv,"on"+Hv)}fn(Oh,"onAnimationEnd");fn(jh,"onAnimationIteration");fn(Hh,"onAnimationStart");fn("dblclick","onDoubleClick");fn("focusin","onFocus");fn("focusout","onBlur");fn(Vh,"onTransitionEnd");cr("onMouseEnter",["mouseout","mouseover"]);cr("onMouseLeave",["mouseout","mouseover"]);cr("onPointerEnter",["pointerout","pointerover"]);cr("onPointerLeave",["pointerout","pointerover"]);$n("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));$n("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));$n("onBeforeInput",["compositionend","keypress","textInput","paste"]);$n("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));$n("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));$n("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Xr="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Vv=new Set("cancel close invalid load scroll toggle".split(" ").concat(Xr));function Wc(e,t,n){var r=e.type||"unknown-event";e.currentTarget=n,jy(r,t,void 0,e),e.currentTarget=null}function Bh(e,t){t=(t&4)!==0;for(var n=0;n<e.length;n++){var r=e[n],o=r.event;r=r.listeners;e:{var i=void 0;if(t)for(var s=r.length-1;0<=s;s--){var l=r[s],u=l.instance,a=l.currentTarget;if(l=l.listener,u!==i&&o.isPropagationStopped())break e;Wc(o,l,a),i=u}else for(s=0;s<r.length;s++){if(l=r[s],u=l.instance,a=l.currentTarget,l=l.listener,u!==i&&o.isPropagationStopped())break e;Wc(o,l,a),i=u}}}if(bi)throw e=ru,bi=!1,ru=null,e}function ae(e,t){var n=t[hu];n===void 0&&(n=t[hu]=new Set);var r=e+"__bubble";n.has(r)||(Wh(t,e,2,!1),n.add(r))}function yl(e,t,n){var r=0;t&&(r|=4),Wh(n,e,r,t)}var ri="_reactListening"+Math.random().toString(36).slice(2);function mo(e){if(!e[ri]){e[ri]=!0,Zd.forEach(function(n){n!=="selectionchange"&&(Vv.has(n)||yl(n,!1,e),yl(n,!0,e))});var t=e.nodeType===9?e:e.ownerDocument;t===null||t[ri]||(t[ri]=!0,yl("selectionchange",!1,t))}}function Wh(e,t,n,r){switch(Mh(t)){case 1:var o=tv;break;case 4:o=nv;break;default:o=aa}n=o.bind(null,t,n,e),o=void 0,!nu||t!=="touchstart"&&t!=="touchmove"&&t!=="wheel"||(o=!0),r?o!==void 0?e.addEventListener(t,n,{capture:!0,passive:o}):e.addEventListener(t,n,!0):o!==void 0?e.addEventListener(t,n,{passive:o}):e.addEventListener(t,n,!1)}function vl(e,t,n,r,o){var i=r;if(!(t&1)&&!(t&2)&&r!==null)e:for(;;){if(r===null)return;var s=r.tag;if(s===3||s===4){var l=r.stateNode.containerInfo;if(l===o||l.nodeType===8&&l.parentNode===o)break;if(s===4)for(s=r.return;s!==null;){var u=s.tag;if((u===3||u===4)&&(u=s.stateNode.containerInfo,u===o||u.nodeType===8&&u.parentNode===o))return;s=s.return}for(;l!==null;){if(s=vn(l),s===null)return;if(u=s.tag,u===5||u===6){r=i=s;continue e}l=l.parentNode}}r=r.return}hh(function(){var a=i,d=ia(n),c=[];e:{var f=bh.get(e);if(f!==void 0){var m=fa,y=e;switch(e){case"keypress":if(Mi(n)===0)break e;case"keydown":case"keyup":m=yv;break;case"focusin":y="focus",m=fl;break;case"focusout":y="blur",m=fl;break;case"beforeblur":case"afterblur":m=fl;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":m=Lc;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":m=iv;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":m=xv;break;case Oh:case jh:case Hh:m=uv;break;case Vh:m=Ev;break;case"scroll":m=rv;break;case"wheel":m=kv;break;case"copy":case"cut":case"paste":m=cv;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":m=Rc}var w=(t&4)!==0,x=!w&&e==="scroll",h=w?f!==null?f+"Capture":null:f;w=[];for(var g=a,p;g!==null;){p=g;var v=p.stateNode;if(p.tag===5&&v!==null&&(p=v,h!==null&&(v=ao(g,h),v!=null&&w.push(yo(g,v,p)))),x)break;g=g.return}0<w.length&&(f=new m(f,y,null,n,d),c.push({event:f,listeners:w}))}}if(!(t&7)){e:{if(f=e==="mouseover"||e==="pointerover",m=e==="mouseout"||e==="pointerout",f&&n!==eu&&(y=n.relatedTarget||n.fromElement)&&(vn(y)||y[$t]))break e;if((m||f)&&(f=d.window===d?d:(f=d.ownerDocument)?f.defaultView||f.parentWindow:window,m?(y=n.relatedTarget||n.toElement,m=a,y=y?vn(y):null,y!==null&&(x=Dn(y),y!==x||y.tag!==5&&y.tag!==6)&&(y=null)):(m=null,y=a),m!==y)){if(w=Lc,v="onMouseLeave",h="onMouseEnter",g="mouse",(e==="pointerout"||e==="pointerover")&&(w=Rc,v="onPointerLeave",h="onPointerEnter",g="pointer"),x=m==null?f:Xn(m),p=y==null?f:Xn(y),f=new w(v,g+"leave",m,n,d),f.target=x,f.relatedTarget=p,v=null,vn(d)===a&&(w=new w(h,g+"enter",y,n,d),w.target=p,w.relatedTarget=x,v=w),x=v,m&&y)t:{for(w=m,h=y,g=0,p=w;p;p=On(p))g++;for(p=0,v=h;v;v=On(v))p++;for(;0<g-p;)w=On(w),g--;for(;0<p-g;)h=On(h),p--;for(;g--;){if(w===h||h!==null&&w===h.alternate)break t;w=On(w),h=On(h)}w=null}else w=null;m!==null&&Uc(c,f,m,w,!1),y!==null&&x!==null&&Uc(c,x,y,w,!0)}}e:{if(f=a?Xn(a):window,m=f.nodeName&&f.nodeName.toLowerCase(),m==="select"||m==="input"&&f.type==="file")var E=zv;else if(Fc(f))if(Ah)E=$v;else{E=Av;var _=Lv}else(m=f.nodeName)&&m.toLowerCase()==="input"&&(f.type==="checkbox"||f.type==="radio")&&(E=Rv);if(E&&(E=E(e,a))){Lh(c,E,n,d);break e}_&&_(e,f,a),e==="focusout"&&(_=f._wrapperState)&&_.controlled&&f.type==="number"&&Gl(f,"number",f.value)}switch(_=a?Xn(a):window,e){case"focusin":(Fc(_)||_.contentEditable==="true")&&(Un=_,lu=a,eo=null);break;case"focusout":eo=lu=Un=null;break;case"mousedown":uu=!0;break;case"contextmenu":case"mouseup":case"dragend":uu=!1,bc(c,n,d);break;case"selectionchange":if(Ov)break;case"keydown":case"keyup":bc(c,n,d)}var N;if(ha)e:{switch(e){case"compositionstart":var P="onCompositionStart";break e;case"compositionend":P="onCompositionEnd";break e;case"compositionupdate":P="onCompositionUpdate";break e}P=void 0}else Wn?Ih(e,n)&&(P="onCompositionEnd"):e==="keydown"&&n.keyCode===229&&(P="onCompositionStart");P&&(Th&&n.locale!=="ko"&&(Wn||P!=="onCompositionStart"?P==="onCompositionEnd"&&Wn&&(N=Ph()):(Kt=d,ca="value"in Kt?Kt.value:Kt.textContent,Wn=!0)),_=Xi(a,P),0<_.length&&(P=new Ac(P,e,null,n,d),c.push({event:P,listeners:_}),N?P.data=N:(N=zh(n),N!==null&&(P.data=N)))),(N=Nv?Mv(e,n):Pv(e,n))&&(a=Xi(a,"onBeforeInput"),0<a.length&&(d=new Ac("onBeforeInput","beforeinput",null,n,d),c.push({event:d,listeners:a}),d.data=N))}Bh(c,t)})}function yo(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Xi(e,t){for(var n=t+"Capture",r=[];e!==null;){var o=e,i=o.stateNode;o.tag===5&&i!==null&&(o=i,i=ao(e,n),i!=null&&r.unshift(yo(e,i,o)),i=ao(e,t),i!=null&&r.push(yo(e,i,o))),e=e.return}return r}function On(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5);return e||null}function Uc(e,t,n,r,o){for(var i=t._reactName,s=[];n!==null&&n!==r;){var l=n,u=l.alternate,a=l.stateNode;if(u!==null&&u===r)break;l.tag===5&&a!==null&&(l=a,o?(u=ao(n,i),u!=null&&s.unshift(yo(n,u,l))):o||(u=ao(n,i),u!=null&&s.push(yo(n,u,l)))),n=n.return}s.length!==0&&e.push({event:t,listeners:s})}var bv=/\r\n?/g,Bv=/\u0000|\uFFFD/g;function Yc(e){return(typeof e=="string"?e:""+e).replace(bv,`
+`).replace(Bv,"")}function oi(e,t,n){if(t=Yc(t),Yc(e)!==t&&n)throw Error(b(425))}function Qi(){}var au=null,cu=null;function fu(e,t){return e==="textarea"||e==="noscript"||typeof t.children=="string"||typeof t.children=="number"||typeof t.dangerouslySetInnerHTML=="object"&&t.dangerouslySetInnerHTML!==null&&t.dangerouslySetInnerHTML.__html!=null}var du=typeof setTimeout=="function"?setTimeout:void 0,Wv=typeof clearTimeout=="function"?clearTimeout:void 0,Xc=typeof Promise=="function"?Promise:void 0,Uv=typeof queueMicrotask=="function"?queueMicrotask:typeof Xc<"u"?function(e){return Xc.resolve(null).then(e).catch(Yv)}:du;function Yv(e){setTimeout(function(){throw e})}function wl(e,t){var n=t,r=0;do{var o=n.nextSibling;if(e.removeChild(n),o&&o.nodeType===8)if(n=o.data,n==="/$"){if(r===0){e.removeChild(o),ho(t);return}r--}else n!=="$"&&n!=="$?"&&n!=="$!"||r++;n=o}while(n);ho(t)}function tn(e){for(;e!=null;e=e.nextSibling){var t=e.nodeType;if(t===1||t===3)break;if(t===8){if(t=e.data,t==="$"||t==="$!"||t==="$?")break;if(t==="/$")return null}}return e}function Qc(e){e=e.previousSibling;for(var t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="$"||n==="$!"||n==="$?"){if(t===0)return e;t--}else n==="/$"&&t++}e=e.previousSibling}return null}var Tr=Math.random().toString(36).slice(2),xt="__reactFiber$"+Tr,vo="__reactProps$"+Tr,$t="__reactContainer$"+Tr,hu="__reactEvents$"+Tr,Xv="__reactListeners$"+Tr,Qv="__reactHandles$"+Tr;function vn(e){var t=e[xt];if(t)return t;for(var n=e.parentNode;n;){if(t=n[$t]||n[xt]){if(n=t.alternate,t.child!==null||n!==null&&n.child!==null)for(e=Qc(e);e!==null;){if(n=e[xt])return n;e=Qc(e)}return t}e=n,n=e.parentNode}return null}function Fo(e){return e=e[xt]||e[$t],!e||e.tag!==5&&e.tag!==6&&e.tag!==13&&e.tag!==3?null:e}function Xn(e){if(e.tag===5||e.tag===6)return e.stateNode;throw Error(b(33))}function Ps(e){return e[vo]||null}var pu=[],Qn=-1;function dn(e){return{current:e}}function ce(e){0>Qn||(e.current=pu[Qn],pu[Qn]=null,Qn--)}function le(e,t){Qn++,pu[Qn]=e.current,e.current=t}var cn={},Le=dn(cn),He=dn(!1),Nn=cn;function fr(e,t){var n=e.type.contextTypes;if(!n)return cn;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o={},i;for(i in n)o[i]=t[i];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=o),o}function Ve(e){return e=e.childContextTypes,e!=null}function Gi(){ce(He),ce(Le)}function Gc(e,t,n){if(Le.current!==cn)throw Error(b(168));le(Le,t),le(He,n)}function Uh(e,t,n){var r=e.stateNode;if(t=t.childContextTypes,typeof r.getChildContext!="function")return n;r=r.getChildContext();for(var o in r)if(!(o in t))throw Error(b(108,Ly(e)||"Unknown",o));return me({},n,r)}function Ki(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||cn,Nn=Le.current,le(Le,e),le(He,He.current),!0}function Kc(e,t,n){var r=e.stateNode;if(!r)throw Error(b(169));n?(e=Uh(e,t,Nn),r.__reactInternalMemoizedMergedChildContext=e,ce(He),ce(Le),le(Le,e)):ce(He),le(He,n)}var Tt=null,Ts=!1,xl=!1;function Yh(e){Tt===null?Tt=[e]:Tt.push(e)}function Gv(e){Ts=!0,Yh(e)}function hn(){if(!xl&&Tt!==null){xl=!0;var e=0,t=se;try{var n=Tt;for(se=1;e<n.length;e++){var r=n[e];do r=r(!0);while(r!==null)}Tt=null,Ts=!1}catch(o){throw Tt!==null&&(Tt=Tt.slice(e+1)),yh(sa,hn),o}finally{se=t,xl=!1}}return null}var Gn=[],Kn=0,Zi=null,qi=0,Je=[],et=0,Mn=null,It=1,zt="";function gn(e,t){Gn[Kn++]=qi,Gn[Kn++]=Zi,Zi=e,qi=t}function Xh(e,t,n){Je[et++]=It,Je[et++]=zt,Je[et++]=Mn,Mn=e;var r=It;e=zt;var o=32-ht(r)-1;r&=~(1<<o),n+=1;var i=32-ht(t)+o;if(30<i){var s=o-o%5;i=(r&(1<<s)-1).toString(32),r>>=s,o-=s,It=1<<32-ht(t)+o|n<<o|r,zt=i+e}else It=1<<i|n<<o|r,zt=e}function ga(e){e.return!==null&&(gn(e,1),Xh(e,1,0))}function ma(e){for(;e===Zi;)Zi=Gn[--Kn],Gn[Kn]=null,qi=Gn[--Kn],Gn[Kn]=null;for(;e===Mn;)Mn=Je[--et],Je[et]=null,zt=Je[--et],Je[et]=null,It=Je[--et],Je[et]=null}var Qe=null,Xe=null,fe=!1,at=null;function Qh(e,t){var n=tt(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,t=e.deletions,t===null?(e.deletions=[n],e.flags|=16):t.push(n)}function Zc(e,t){switch(e.tag){case 5:var n=e.type;return t=t.nodeType!==1||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t,t!==null?(e.stateNode=t,Qe=e,Xe=tn(t.firstChild),!0):!1;case 6:return t=e.pendingProps===""||t.nodeType!==3?null:t,t!==null?(e.stateNode=t,Qe=e,Xe=null,!0):!1;case 13:return t=t.nodeType!==8?null:t,t!==null?(n=Mn!==null?{id:It,overflow:zt}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},n=tt(18,null,null,0),n.stateNode=t,n.return=e,e.child=n,Qe=e,Xe=null,!0):!1;default:return!1}}function gu(e){return(e.mode&1)!==0&&(e.flags&128)===0}function mu(e){if(fe){var t=Xe;if(t){var n=t;if(!Zc(e,t)){if(gu(e))throw Error(b(418));t=tn(n.nextSibling);var r=Qe;t&&Zc(e,t)?Qh(r,n):(e.flags=e.flags&-4097|2,fe=!1,Qe=e)}}else{if(gu(e))throw Error(b(418));e.flags=e.flags&-4097|2,fe=!1,Qe=e}}}function qc(e){for(e=e.return;e!==null&&e.tag!==5&&e.tag!==3&&e.tag!==13;)e=e.return;Qe=e}function ii(e){if(e!==Qe)return!1;if(!fe)return qc(e),fe=!0,!1;var t;if((t=e.tag!==3)&&!(t=e.tag!==5)&&(t=e.type,t=t!=="head"&&t!=="body"&&!fu(e.type,e.memoizedProps)),t&&(t=Xe)){if(gu(e))throw Gh(),Error(b(418));for(;t;)Qh(e,t),t=tn(t.nextSibling)}if(qc(e),e.tag===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(b(317));e:{for(e=e.nextSibling,t=0;e;){if(e.nodeType===8){var n=e.data;if(n==="/$"){if(t===0){Xe=tn(e.nextSibling);break e}t--}else n!=="$"&&n!=="$!"&&n!=="$?"||t++}e=e.nextSibling}Xe=null}}else Xe=Qe?tn(e.stateNode.nextSibling):null;return!0}function Gh(){for(var e=Xe;e;)e=tn(e.nextSibling)}function dr(){Xe=Qe=null,fe=!1}function ya(e){at===null?at=[e]:at.push(e)}var Kv=jt.ReactCurrentBatchConfig;function jr(e,t,n){if(e=n.ref,e!==null&&typeof e!="function"&&typeof e!="object"){if(n._owner){if(n=n._owner,n){if(n.tag!==1)throw Error(b(309));var r=n.stateNode}if(!r)throw Error(b(147,e));var o=r,i=""+e;return t!==null&&t.ref!==null&&typeof t.ref=="function"&&t.ref._stringRef===i?t.ref:(t=function(s){var l=o.refs;s===null?delete l[i]:l[i]=s},t._stringRef=i,t)}if(typeof e!="string")throw Error(b(284));if(!n._owner)throw Error(b(290,e))}return e}function si(e,t){throw e=Object.prototype.toString.call(t),Error(b(31,e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function Jc(e){var t=e._init;return t(e._payload)}function Kh(e){function t(h,g){if(e){var p=h.deletions;p===null?(h.deletions=[g],h.flags|=16):p.push(g)}}function n(h,g){if(!e)return null;for(;g!==null;)t(h,g),g=g.sibling;return null}function r(h,g){for(h=new Map;g!==null;)g.key!==null?h.set(g.key,g):h.set(g.index,g),g=g.sibling;return h}function o(h,g){return h=sn(h,g),h.index=0,h.sibling=null,h}function i(h,g,p){return h.index=p,e?(p=h.alternate,p!==null?(p=p.index,p<g?(h.flags|=2,g):p):(h.flags|=2,g)):(h.flags|=1048576,g)}function s(h){return e&&h.alternate===null&&(h.flags|=2),h}function l(h,g,p,v){return g===null||g.tag!==6?(g=Ml(p,h.mode,v),g.return=h,g):(g=o(g,p),g.return=h,g)}function u(h,g,p,v){var E=p.type;return E===Bn?d(h,g,p.props.children,v,p.key):g!==null&&(g.elementType===E||typeof E=="object"&&E!==null&&E.$$typeof===Ut&&Jc(E)===g.type)?(v=o(g,p.props),v.ref=jr(h,g,p),v.return=h,v):(v=Ri(p.type,p.key,p.props,null,h.mode,v),v.ref=jr(h,g,p),v.return=h,v)}function a(h,g,p,v){return g===null||g.tag!==4||g.stateNode.containerInfo!==p.containerInfo||g.stateNode.implementation!==p.implementation?(g=Pl(p,h.mode,v),g.return=h,g):(g=o(g,p.children||[]),g.return=h,g)}function d(h,g,p,v,E){return g===null||g.tag!==7?(g=_n(p,h.mode,v,E),g.return=h,g):(g=o(g,p),g.return=h,g)}function c(h,g,p){if(typeof g=="string"&&g!==""||typeof g=="number")return g=Ml(""+g,h.mode,p),g.return=h,g;if(typeof g=="object"&&g!==null){switch(g.$$typeof){case Go:return p=Ri(g.type,g.key,g.props,null,h.mode,p),p.ref=jr(h,null,g),p.return=h,p;case bn:return g=Pl(g,h.mode,p),g.return=h,g;case Ut:var v=g._init;return c(h,v(g._payload),p)}if(Ur(g)||Rr(g))return g=_n(g,h.mode,p,null),g.return=h,g;si(h,g)}return null}function f(h,g,p,v){var E=g!==null?g.key:null;if(typeof p=="string"&&p!==""||typeof p=="number")return E!==null?null:l(h,g,""+p,v);if(typeof p=="object"&&p!==null){switch(p.$$typeof){case Go:return p.key===E?u(h,g,p,v):null;case bn:return p.key===E?a(h,g,p,v):null;case Ut:return E=p._init,f(h,g,E(p._payload),v)}if(Ur(p)||Rr(p))return E!==null?null:d(h,g,p,v,null);si(h,p)}return null}function m(h,g,p,v,E){if(typeof v=="string"&&v!==""||typeof v=="number")return h=h.get(p)||null,l(g,h,""+v,E);if(typeof v=="object"&&v!==null){switch(v.$$typeof){case Go:return h=h.get(v.key===null?p:v.key)||null,u(g,h,v,E);case bn:return h=h.get(v.key===null?p:v.key)||null,a(g,h,v,E);case Ut:var _=v._init;return m(h,g,p,_(v._payload),E)}if(Ur(v)||Rr(v))return h=h.get(p)||null,d(g,h,v,E,null);si(g,v)}return null}function y(h,g,p,v){for(var E=null,_=null,N=g,P=g=0,L=null;N!==null&&P<p.length;P++){N.index>P?(L=N,N=null):L=N.sibling;var j=f(h,N,p[P],v);if(j===null){N===null&&(N=L);break}e&&N&&j.alternate===null&&t(h,N),g=i(j,g,P),_===null?E=j:_.sibling=j,_=j,N=L}if(P===p.length)return n(h,N),fe&&gn(h,P),E;if(N===null){for(;P<p.length;P++)N=c(h,p[P],v),N!==null&&(g=i(N,g,P),_===null?E=N:_.sibling=N,_=N);return fe&&gn(h,P),E}for(N=r(h,N);P<p.length;P++)L=m(N,h,P,p[P],v),L!==null&&(e&&L.alternate!==null&&N.delete(L.key===null?P:L.key),g=i(L,g,P),_===null?E=L:_.sibling=L,_=L);return e&&N.forEach(function(z){return t(h,z)}),fe&&gn(h,P),E}function w(h,g,p,v){var E=Rr(p);if(typeof E!="function")throw Error(b(150));if(p=E.call(p),p==null)throw Error(b(151));for(var _=E=null,N=g,P=g=0,L=null,j=p.next();N!==null&&!j.done;P++,j=p.next()){N.index>P?(L=N,N=null):L=N.sibling;var z=f(h,N,j.value,v);if(z===null){N===null&&(N=L);break}e&&N&&z.alternate===null&&t(h,N),g=i(z,g,P),_===null?E=z:_.sibling=z,_=z,N=L}if(j.done)return n(h,N),fe&&gn(h,P),E;if(N===null){for(;!j.done;P++,j=p.next())j=c(h,j.value,v),j!==null&&(g=i(j,g,P),_===null?E=j:_.sibling=j,_=j);return fe&&gn(h,P),E}for(N=r(h,N);!j.done;P++,j=p.next())j=m(N,h,P,j.value,v),j!==null&&(e&&j.alternate!==null&&N.delete(j.key===null?P:j.key),g=i(j,g,P),_===null?E=j:_.sibling=j,_=j);return e&&N.forEach(function(R){return t(h,R)}),fe&&gn(h,P),E}function x(h,g,p,v){if(typeof p=="object"&&p!==null&&p.type===Bn&&p.key===null&&(p=p.props.children),typeof p=="object"&&p!==null){switch(p.$$typeof){case Go:e:{for(var E=p.key,_=g;_!==null;){if(_.key===E){if(E=p.type,E===Bn){if(_.tag===7){n(h,_.sibling),g=o(_,p.props.children),g.return=h,h=g;break e}}else if(_.elementType===E||typeof E=="object"&&E!==null&&E.$$typeof===Ut&&Jc(E)===_.type){n(h,_.sibling),g=o(_,p.props),g.ref=jr(h,_,p),g.return=h,h=g;break e}n(h,_);break}else t(h,_);_=_.sibling}p.type===Bn?(g=_n(p.props.children,h.mode,v,p.key),g.return=h,h=g):(v=Ri(p.type,p.key,p.props,null,h.mode,v),v.ref=jr(h,g,p),v.return=h,h=v)}return s(h);case bn:e:{for(_=p.key;g!==null;){if(g.key===_)if(g.tag===4&&g.stateNode.containerInfo===p.containerInfo&&g.stateNode.implementation===p.implementation){n(h,g.sibling),g=o(g,p.children||[]),g.return=h,h=g;break e}else{n(h,g);break}else t(h,g);g=g.sibling}g=Pl(p,h.mode,v),g.return=h,h=g}return s(h);case Ut:return _=p._init,x(h,g,_(p._payload),v)}if(Ur(p))return y(h,g,p,v);if(Rr(p))return w(h,g,p,v);si(h,p)}return typeof p=="string"&&p!==""||typeof p=="number"?(p=""+p,g!==null&&g.tag===6?(n(h,g.sibling),g=o(g,p),g.return=h,h=g):(n(h,g),g=Ml(p,h.mode,v),g.return=h,h=g),s(h)):n(h,g)}return x}var hr=Kh(!0),Zh=Kh(!1),Ji=dn(null),es=null,Zn=null,va=null;function wa(){va=Zn=es=null}function xa(e){var t=Ji.current;ce(Ji),e._currentValue=t}function yu(e,t,n){for(;e!==null;){var r=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,r!==null&&(r.childLanes|=t)):r!==null&&(r.childLanes&t)!==t&&(r.childLanes|=t),e===n)break;e=e.return}}function sr(e,t){es=e,va=Zn=null,e=e.dependencies,e!==null&&e.firstContext!==null&&(e.lanes&t&&(Oe=!0),e.firstContext=null)}function rt(e){var t=e._currentValue;if(va!==e)if(e={context:e,memoizedValue:t,next:null},Zn===null){if(es===null)throw Error(b(308));Zn=e,es.dependencies={lanes:0,firstContext:e}}else Zn=Zn.next=e;return t}var wn=null;function Sa(e){wn===null?wn=[e]:wn.push(e)}function qh(e,t,n,r){var o=t.interleaved;return o===null?(n.next=n,Sa(t)):(n.next=o.next,o.next=n),t.interleaved=n,Dt(e,r)}function Dt(e,t){e.lanes|=t;var n=e.alternate;for(n!==null&&(n.lanes|=t),n=e,e=e.return;e!==null;)e.childLanes|=t,n=e.alternate,n!==null&&(n.childLanes|=t),n=e,e=e.return;return n.tag===3?n.stateNode:null}var Yt=!1;function Ea(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Jh(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function At(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function nn(e,t,n){var r=e.updateQueue;if(r===null)return null;if(r=r.shared,re&2){var o=r.pending;return o===null?t.next=t:(t.next=o.next,o.next=t),r.pending=t,Dt(e,n)}return o=r.interleaved,o===null?(t.next=t,Sa(r)):(t.next=o.next,o.next=t),r.interleaved=t,Dt(e,n)}function Pi(e,t,n){if(t=t.updateQueue,t!==null&&(t=t.shared,(n&4194240)!==0)){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,la(e,n)}}function ef(e,t){var n=e.updateQueue,r=e.alternate;if(r!==null&&(r=r.updateQueue,n===r)){var o=null,i=null;if(n=n.firstBaseUpdate,n!==null){do{var s={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};i===null?o=i=s:i=i.next=s,n=n.next}while(n!==null);i===null?o=i=t:i=i.next=t}else o=i=t;n={baseState:r.baseState,firstBaseUpdate:o,lastBaseUpdate:i,shared:r.shared,effects:r.effects},e.updateQueue=n;return}e=n.lastBaseUpdate,e===null?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function ts(e,t,n,r){var o=e.updateQueue;Yt=!1;var i=o.firstBaseUpdate,s=o.lastBaseUpdate,l=o.shared.pending;if(l!==null){o.shared.pending=null;var u=l,a=u.next;u.next=null,s===null?i=a:s.next=a,s=u;var d=e.alternate;d!==null&&(d=d.updateQueue,l=d.lastBaseUpdate,l!==s&&(l===null?d.firstBaseUpdate=a:l.next=a,d.lastBaseUpdate=u))}if(i!==null){var c=o.baseState;s=0,d=a=u=null,l=i;do{var f=l.lane,m=l.eventTime;if((r&f)===f){d!==null&&(d=d.next={eventTime:m,lane:0,tag:l.tag,payload:l.payload,callback:l.callback,next:null});e:{var y=e,w=l;switch(f=t,m=n,w.tag){case 1:if(y=w.payload,typeof y=="function"){c=y.call(m,c,f);break e}c=y;break e;case 3:y.flags=y.flags&-65537|128;case 0:if(y=w.payload,f=typeof y=="function"?y.call(m,c,f):y,f==null)break e;c=me({},c,f);break e;case 2:Yt=!0}}l.callback!==null&&l.lane!==0&&(e.flags|=64,f=o.effects,f===null?o.effects=[l]:f.push(l))}else m={eventTime:m,lane:f,tag:l.tag,payload:l.payload,callback:l.callback,next:null},d===null?(a=d=m,u=c):d=d.next=m,s|=f;if(l=l.next,l===null){if(l=o.shared.pending,l===null)break;f=l,l=f.next,f.next=null,o.lastBaseUpdate=f,o.shared.pending=null}}while(!0);if(d===null&&(u=c),o.baseState=u,o.firstBaseUpdate=a,o.lastBaseUpdate=d,t=o.shared.interleaved,t!==null){o=t;do s|=o.lane,o=o.next;while(o!==t)}else i===null&&(o.shared.lanes=0);Tn|=s,e.lanes=s,e.memoizedState=c}}function tf(e,t,n){if(e=t.effects,t.effects=null,e!==null)for(t=0;t<e.length;t++){var r=e[t],o=r.callback;if(o!==null){if(r.callback=null,r=n,typeof o!="function")throw Error(b(191,o));o.call(r)}}}var Oo={},Et=dn(Oo),wo=dn(Oo),xo=dn(Oo);function xn(e){if(e===Oo)throw Error(b(174));return e}function _a(e,t){switch(le(xo,t),le(wo,e),le(Et,Oo),e=t.nodeType,e){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Zl(null,"");break;default:e=e===8?t.parentNode:t,t=e.namespaceURI||null,e=e.tagName,t=Zl(t,e)}ce(Et),le(Et,t)}function pr(){ce(Et),ce(wo),ce(xo)}function ep(e){xn(xo.current);var t=xn(Et.current),n=Zl(t,e.type);t!==n&&(le(wo,e),le(Et,n))}function ka(e){wo.current===e&&(ce(Et),ce(wo))}var pe=dn(0);function ns(e){for(var t=e;t!==null;){if(t.tag===13){var n=t.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||n.data==="$?"||n.data==="$!"))return t}else if(t.tag===19&&t.memoizedProps.revealOrder!==void 0){if(t.flags&128)return t}else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var Sl=[];function Ca(){for(var e=0;e<Sl.length;e++)Sl[e]._workInProgressVersionPrimary=null;Sl.length=0}var Ti=jt.ReactCurrentDispatcher,El=jt.ReactCurrentBatchConfig,Pn=0,ge=null,Se=null,_e=null,rs=!1,to=!1,So=0,Zv=0;function Te(){throw Error(b(321))}function Na(e,t){if(t===null)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!gt(e[n],t[n]))return!1;return!0}function Ma(e,t,n,r,o,i){if(Pn=i,ge=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,Ti.current=e===null||e.memoizedState===null?tw:nw,e=n(r,o),to){i=0;do{if(to=!1,So=0,25<=i)throw Error(b(301));i+=1,_e=Se=null,t.updateQueue=null,Ti.current=rw,e=n(r,o)}while(to)}if(Ti.current=os,t=Se!==null&&Se.next!==null,Pn=0,_e=Se=ge=null,rs=!1,t)throw Error(b(300));return e}function Pa(){var e=So!==0;return So=0,e}function vt(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return _e===null?ge.memoizedState=_e=e:_e=_e.next=e,_e}function ot(){if(Se===null){var e=ge.alternate;e=e!==null?e.memoizedState:null}else e=Se.next;var t=_e===null?ge.memoizedState:_e.next;if(t!==null)_e=t,Se=e;else{if(e===null)throw Error(b(310));Se=e,e={memoizedState:Se.memoizedState,baseState:Se.baseState,baseQueue:Se.baseQueue,queue:Se.queue,next:null},_e===null?ge.memoizedState=_e=e:_e=_e.next=e}return _e}function Eo(e,t){return typeof t=="function"?t(e):t}function _l(e){var t=ot(),n=t.queue;if(n===null)throw Error(b(311));n.lastRenderedReducer=e;var r=Se,o=r.baseQueue,i=n.pending;if(i!==null){if(o!==null){var s=o.next;o.next=i.next,i.next=s}r.baseQueue=o=i,n.pending=null}if(o!==null){i=o.next,r=r.baseState;var l=s=null,u=null,a=i;do{var d=a.lane;if((Pn&d)===d)u!==null&&(u=u.next={lane:0,action:a.action,hasEagerState:a.hasEagerState,eagerState:a.eagerState,next:null}),r=a.hasEagerState?a.eagerState:e(r,a.action);else{var c={lane:d,action:a.action,hasEagerState:a.hasEagerState,eagerState:a.eagerState,next:null};u===null?(l=u=c,s=r):u=u.next=c,ge.lanes|=d,Tn|=d}a=a.next}while(a!==null&&a!==i);u===null?s=r:u.next=l,gt(r,t.memoizedState)||(Oe=!0),t.memoizedState=r,t.baseState=s,t.baseQueue=u,n.lastRenderedState=r}if(e=n.interleaved,e!==null){o=e;do i=o.lane,ge.lanes|=i,Tn|=i,o=o.next;while(o!==e)}else o===null&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function kl(e){var t=ot(),n=t.queue;if(n===null)throw Error(b(311));n.lastRenderedReducer=e;var r=n.dispatch,o=n.pending,i=t.memoizedState;if(o!==null){n.pending=null;var s=o=o.next;do i=e(i,s.action),s=s.next;while(s!==o);gt(i,t.memoizedState)||(Oe=!0),t.memoizedState=i,t.baseQueue===null&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function tp(){}function np(e,t){var n=ge,r=ot(),o=t(),i=!gt(r.memoizedState,o);if(i&&(r.memoizedState=o,Oe=!0),r=r.queue,Ta(ip.bind(null,n,r,e),[e]),r.getSnapshot!==t||i||_e!==null&&_e.memoizedState.tag&1){if(n.flags|=2048,_o(9,op.bind(null,n,r,o,t),void 0,null),ke===null)throw Error(b(349));Pn&30||rp(n,t,o)}return o}function rp(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},t=ge.updateQueue,t===null?(t={lastEffect:null,stores:null},ge.updateQueue=t,t.stores=[e]):(n=t.stores,n===null?t.stores=[e]:n.push(e))}function op(e,t,n,r){t.value=n,t.getSnapshot=r,sp(t)&&lp(e)}function ip(e,t,n){return n(function(){sp(t)&&lp(e)})}function sp(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!gt(e,n)}catch{return!0}}function lp(e){var t=Dt(e,1);t!==null&&pt(t,e,1,-1)}function nf(e){var t=vt();return typeof e=="function"&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:Eo,lastRenderedState:e},t.queue=e,e=e.dispatch=ew.bind(null,ge,e),[t.memoizedState,e]}function _o(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},t=ge.updateQueue,t===null?(t={lastEffect:null,stores:null},ge.updateQueue=t,t.lastEffect=e.next=e):(n=t.lastEffect,n===null?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e)),e}function up(){return ot().memoizedState}function Ii(e,t,n,r){var o=vt();ge.flags|=e,o.memoizedState=_o(1|t,n,void 0,r===void 0?null:r)}function Is(e,t,n,r){var o=ot();r=r===void 0?null:r;var i=void 0;if(Se!==null){var s=Se.memoizedState;if(i=s.destroy,r!==null&&Na(r,s.deps)){o.memoizedState=_o(t,n,i,r);return}}ge.flags|=e,o.memoizedState=_o(1|t,n,i,r)}function rf(e,t){return Ii(8390656,8,e,t)}function Ta(e,t){return Is(2048,8,e,t)}function ap(e,t){return Is(4,2,e,t)}function cp(e,t){return Is(4,4,e,t)}function fp(e,t){if(typeof t=="function")return e=e(),t(e),function(){t(null)};if(t!=null)return e=e(),t.current=e,function(){t.current=null}}function dp(e,t,n){return n=n!=null?n.concat([e]):null,Is(4,4,fp.bind(null,t,e),n)}function Ia(){}function hp(e,t){var n=ot();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Na(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function pp(e,t){var n=ot();t=t===void 0?null:t;var r=n.memoizedState;return r!==null&&t!==null&&Na(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function gp(e,t,n){return Pn&21?(gt(n,t)||(n=xh(),ge.lanes|=n,Tn|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,Oe=!0),e.memoizedState=n)}function qv(e,t){var n=se;se=n!==0&&4>n?n:4,e(!0);var r=El.transition;El.transition={};try{e(!1),t()}finally{se=n,El.transition=r}}function mp(){return ot().memoizedState}function Jv(e,t,n){var r=on(e);if(n={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null},yp(e))vp(t,n);else if(n=qh(e,t,n,r),n!==null){var o=Re();pt(n,e,r,o),wp(n,t,r)}}function ew(e,t,n){var r=on(e),o={lane:r,action:n,hasEagerState:!1,eagerState:null,next:null};if(yp(e))vp(t,o);else{var i=e.alternate;if(e.lanes===0&&(i===null||i.lanes===0)&&(i=t.lastRenderedReducer,i!==null))try{var s=t.lastRenderedState,l=i(s,n);if(o.hasEagerState=!0,o.eagerState=l,gt(l,s)){var u=t.interleaved;u===null?(o.next=o,Sa(t)):(o.next=u.next,u.next=o),t.interleaved=o;return}}catch{}finally{}n=qh(e,t,o,r),n!==null&&(o=Re(),pt(n,e,r,o),wp(n,t,r))}}function yp(e){var t=e.alternate;return e===ge||t!==null&&t===ge}function vp(e,t){to=rs=!0;var n=e.pending;n===null?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function wp(e,t,n){if(n&4194240){var r=t.lanes;r&=e.pendingLanes,n|=r,t.lanes=n,la(e,n)}}var os={readContext:rt,useCallback:Te,useContext:Te,useEffect:Te,useImperativeHandle:Te,useInsertionEffect:Te,useLayoutEffect:Te,useMemo:Te,useReducer:Te,useRef:Te,useState:Te,useDebugValue:Te,useDeferredValue:Te,useTransition:Te,useMutableSource:Te,useSyncExternalStore:Te,useId:Te,unstable_isNewReconciler:!1},tw={readContext:rt,useCallback:function(e,t){return vt().memoizedState=[e,t===void 0?null:t],e},useContext:rt,useEffect:rf,useImperativeHandle:function(e,t,n){return n=n!=null?n.concat([e]):null,Ii(4194308,4,fp.bind(null,t,e),n)},useLayoutEffect:function(e,t){return Ii(4194308,4,e,t)},useInsertionEffect:function(e,t){return Ii(4,2,e,t)},useMemo:function(e,t){var n=vt();return t=t===void 0?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=vt();return t=n!==void 0?n(t):t,r.memoizedState=r.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},r.queue=e,e=e.dispatch=Jv.bind(null,ge,e),[r.memoizedState,e]},useRef:function(e){var t=vt();return e={current:e},t.memoizedState=e},useState:nf,useDebugValue:Ia,useDeferredValue:function(e){return vt().memoizedState=e},useTransition:function(){var e=nf(!1),t=e[0];return e=qv.bind(null,e[1]),vt().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var r=ge,o=vt();if(fe){if(n===void 0)throw Error(b(407));n=n()}else{if(n=t(),ke===null)throw Error(b(349));Pn&30||rp(r,t,n)}o.memoizedState=n;var i={value:n,getSnapshot:t};return o.queue=i,rf(ip.bind(null,r,i,e),[e]),r.flags|=2048,_o(9,op.bind(null,r,i,n,t),void 0,null),n},useId:function(){var e=vt(),t=ke.identifierPrefix;if(fe){var n=zt,r=It;n=(r&~(1<<32-ht(r)-1)).toString(32)+n,t=":"+t+"R"+n,n=So++,0<n&&(t+="H"+n.toString(32)),t+=":"}else n=Zv++,t=":"+t+"r"+n.toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},nw={readContext:rt,useCallback:hp,useContext:rt,useEffect:Ta,useImperativeHandle:dp,useInsertionEffect:ap,useLayoutEffect:cp,useMemo:pp,useReducer:_l,useRef:up,useState:function(){return _l(Eo)},useDebugValue:Ia,useDeferredValue:function(e){var t=ot();return gp(t,Se.memoizedState,e)},useTransition:function(){var e=_l(Eo)[0],t=ot().memoizedState;return[e,t]},useMutableSource:tp,useSyncExternalStore:np,useId:mp,unstable_isNewReconciler:!1},rw={readContext:rt,useCallback:hp,useContext:rt,useEffect:Ta,useImperativeHandle:dp,useInsertionEffect:ap,useLayoutEffect:cp,useMemo:pp,useReducer:kl,useRef:up,useState:function(){return kl(Eo)},useDebugValue:Ia,useDeferredValue:function(e){var t=ot();return Se===null?t.memoizedState=e:gp(t,Se.memoizedState,e)},useTransition:function(){var e=kl(Eo)[0],t=ot().memoizedState;return[e,t]},useMutableSource:tp,useSyncExternalStore:np,useId:mp,unstable_isNewReconciler:!1};function st(e,t){if(e&&e.defaultProps){t=me({},t),e=e.defaultProps;for(var n in e)t[n]===void 0&&(t[n]=e[n]);return t}return t}function vu(e,t,n,r){t=e.memoizedState,n=n(r,t),n=n==null?t:me({},t,n),e.memoizedState=n,e.lanes===0&&(e.updateQueue.baseState=n)}var zs={isMounted:function(e){return(e=e._reactInternals)?Dn(e)===e:!1},enqueueSetState:function(e,t,n){e=e._reactInternals;var r=Re(),o=on(e),i=At(r,o);i.payload=t,n!=null&&(i.callback=n),t=nn(e,i,o),t!==null&&(pt(t,e,o,r),Pi(t,e,o))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var r=Re(),o=on(e),i=At(r,o);i.tag=1,i.payload=t,n!=null&&(i.callback=n),t=nn(e,i,o),t!==null&&(pt(t,e,o,r),Pi(t,e,o))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=Re(),r=on(e),o=At(n,r);o.tag=2,t!=null&&(o.callback=t),t=nn(e,o,r),t!==null&&(pt(t,e,r,n),Pi(t,e,r))}};function of(e,t,n,r,o,i,s){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(r,i,s):t.prototype&&t.prototype.isPureReactComponent?!go(n,r)||!go(o,i):!0}function xp(e,t,n){var r=!1,o=cn,i=t.contextType;return typeof i=="object"&&i!==null?i=rt(i):(o=Ve(t)?Nn:Le.current,r=t.contextTypes,i=(r=r!=null)?fr(e,o):cn),t=new t(n,i),e.memoizedState=t.state!==null&&t.state!==void 0?t.state:null,t.updater=zs,e.stateNode=t,t._reactInternals=e,r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=o,e.__reactInternalMemoizedMaskedChildContext=i),t}function sf(e,t,n,r){e=t.state,typeof t.componentWillReceiveProps=="function"&&t.componentWillReceiveProps(n,r),typeof t.UNSAFE_componentWillReceiveProps=="function"&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&zs.enqueueReplaceState(t,t.state,null)}function wu(e,t,n,r){var o=e.stateNode;o.props=n,o.state=e.memoizedState,o.refs={},Ea(e);var i=t.contextType;typeof i=="object"&&i!==null?o.context=rt(i):(i=Ve(t)?Nn:Le.current,o.context=fr(e,i)),o.state=e.memoizedState,i=t.getDerivedStateFromProps,typeof i=="function"&&(vu(e,t,i,n),o.state=e.memoizedState),typeof t.getDerivedStateFromProps=="function"||typeof o.getSnapshotBeforeUpdate=="function"||typeof o.UNSAFE_componentWillMount!="function"&&typeof o.componentWillMount!="function"||(t=o.state,typeof o.componentWillMount=="function"&&o.componentWillMount(),typeof o.UNSAFE_componentWillMount=="function"&&o.UNSAFE_componentWillMount(),t!==o.state&&zs.enqueueReplaceState(o,o.state,null),ts(e,n,o,r),o.state=e.memoizedState),typeof o.componentDidMount=="function"&&(e.flags|=4194308)}function gr(e,t){try{var n="",r=t;do n+=zy(r),r=r.return;while(r);var o=n}catch(i){o=`
+Error generating stack: `+i.message+`
+`+i.stack}return{value:e,source:t,stack:o,digest:null}}function Cl(e,t,n){return{value:e,source:null,stack:n??null,digest:t??null}}function xu(e,t){try{console.error(t.value)}catch(n){setTimeout(function(){throw n})}}var ow=typeof WeakMap=="function"?WeakMap:Map;function Sp(e,t,n){n=At(-1,n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){ss||(ss=!0,Iu=r),xu(e,t)},n}function Ep(e,t,n){n=At(-1,n),n.tag=3;var r=e.type.getDerivedStateFromError;if(typeof r=="function"){var o=t.value;n.payload=function(){return r(o)},n.callback=function(){xu(e,t)}}var i=e.stateNode;return i!==null&&typeof i.componentDidCatch=="function"&&(n.callback=function(){xu(e,t),typeof r!="function"&&(rn===null?rn=new Set([this]):rn.add(this));var s=t.stack;this.componentDidCatch(t.value,{componentStack:s!==null?s:""})}),n}function lf(e,t,n){var r=e.pingCache;if(r===null){r=e.pingCache=new ow;var o=new Set;r.set(t,o)}else o=r.get(t),o===void 0&&(o=new Set,r.set(t,o));o.has(n)||(o.add(n),e=vw.bind(null,e,t,n),t.then(e,e))}function uf(e){do{var t;if((t=e.tag===13)&&(t=e.memoizedState,t=t!==null?t.dehydrated!==null:!0),t)return e;e=e.return}while(e!==null);return null}function af(e,t,n,r,o){return e.mode&1?(e.flags|=65536,e.lanes=o,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,n.tag===1&&(n.alternate===null?n.tag=17:(t=At(-1,1),t.tag=2,nn(n,t,1))),n.lanes|=1),e)}var iw=jt.ReactCurrentOwner,Oe=!1;function Ae(e,t,n,r){t.child=e===null?Zh(t,null,n,r):hr(t,e.child,n,r)}function cf(e,t,n,r,o){n=n.render;var i=t.ref;return sr(t,o),r=Ma(e,t,n,r,i,o),n=Pa(),e!==null&&!Oe?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Ft(e,t,o)):(fe&&n&&ga(t),t.flags|=1,Ae(e,t,r,o),t.child)}function ff(e,t,n,r,o){if(e===null){var i=n.type;return typeof i=="function"&&!Oa(i)&&i.defaultProps===void 0&&n.compare===null&&n.defaultProps===void 0?(t.tag=15,t.type=i,_p(e,t,i,r,o)):(e=Ri(n.type,null,r,t,t.mode,o),e.ref=t.ref,e.return=t,t.child=e)}if(i=e.child,!(e.lanes&o)){var s=i.memoizedProps;if(n=n.compare,n=n!==null?n:go,n(s,r)&&e.ref===t.ref)return Ft(e,t,o)}return t.flags|=1,e=sn(i,r),e.ref=t.ref,e.return=t,t.child=e}function _p(e,t,n,r,o){if(e!==null){var i=e.memoizedProps;if(go(i,r)&&e.ref===t.ref)if(Oe=!1,t.pendingProps=r=i,(e.lanes&o)!==0)e.flags&131072&&(Oe=!0);else return t.lanes=e.lanes,Ft(e,t,o)}return Su(e,t,n,r,o)}function kp(e,t,n){var r=t.pendingProps,o=r.children,i=e!==null?e.memoizedState:null;if(r.mode==="hidden")if(!(t.mode&1))t.memoizedState={baseLanes:0,cachePool:null,transitions:null},le(Jn,Ue),Ue|=n;else{if(!(n&1073741824))return e=i!==null?i.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,le(Jn,Ue),Ue|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},r=i!==null?i.baseLanes:n,le(Jn,Ue),Ue|=r}else i!==null?(r=i.baseLanes|n,t.memoizedState=null):r=n,le(Jn,Ue),Ue|=r;return Ae(e,t,o,n),t.child}function Cp(e,t){var n=t.ref;(e===null&&n!==null||e!==null&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Su(e,t,n,r,o){var i=Ve(n)?Nn:Le.current;return i=fr(t,i),sr(t,o),n=Ma(e,t,n,r,i,o),r=Pa(),e!==null&&!Oe?(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~o,Ft(e,t,o)):(fe&&r&&ga(t),t.flags|=1,Ae(e,t,n,o),t.child)}function df(e,t,n,r,o){if(Ve(n)){var i=!0;Ki(t)}else i=!1;if(sr(t,o),t.stateNode===null)zi(e,t),xp(t,n,r),wu(t,n,r,o),r=!0;else if(e===null){var s=t.stateNode,l=t.memoizedProps;s.props=l;var u=s.context,a=n.contextType;typeof a=="object"&&a!==null?a=rt(a):(a=Ve(n)?Nn:Le.current,a=fr(t,a));var d=n.getDerivedStateFromProps,c=typeof d=="function"||typeof s.getSnapshotBeforeUpdate=="function";c||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(l!==r||u!==a)&&sf(t,s,r,a),Yt=!1;var f=t.memoizedState;s.state=f,ts(t,r,s,o),u=t.memoizedState,l!==r||f!==u||He.current||Yt?(typeof d=="function"&&(vu(t,n,d,r),u=t.memoizedState),(l=Yt||of(t,n,l,r,f,u,a))?(c||typeof s.UNSAFE_componentWillMount!="function"&&typeof s.componentWillMount!="function"||(typeof s.componentWillMount=="function"&&s.componentWillMount(),typeof s.UNSAFE_componentWillMount=="function"&&s.UNSAFE_componentWillMount()),typeof s.componentDidMount=="function"&&(t.flags|=4194308)):(typeof s.componentDidMount=="function"&&(t.flags|=4194308),t.memoizedProps=r,t.memoizedState=u),s.props=r,s.state=u,s.context=a,r=l):(typeof s.componentDidMount=="function"&&(t.flags|=4194308),r=!1)}else{s=t.stateNode,Jh(e,t),l=t.memoizedProps,a=t.type===t.elementType?l:st(t.type,l),s.props=a,c=t.pendingProps,f=s.context,u=n.contextType,typeof u=="object"&&u!==null?u=rt(u):(u=Ve(n)?Nn:Le.current,u=fr(t,u));var m=n.getDerivedStateFromProps;(d=typeof m=="function"||typeof s.getSnapshotBeforeUpdate=="function")||typeof s.UNSAFE_componentWillReceiveProps!="function"&&typeof s.componentWillReceiveProps!="function"||(l!==c||f!==u)&&sf(t,s,r,u),Yt=!1,f=t.memoizedState,s.state=f,ts(t,r,s,o);var y=t.memoizedState;l!==c||f!==y||He.current||Yt?(typeof m=="function"&&(vu(t,n,m,r),y=t.memoizedState),(a=Yt||of(t,n,a,r,f,y,u)||!1)?(d||typeof s.UNSAFE_componentWillUpdate!="function"&&typeof s.componentWillUpdate!="function"||(typeof s.componentWillUpdate=="function"&&s.componentWillUpdate(r,y,u),typeof s.UNSAFE_componentWillUpdate=="function"&&s.UNSAFE_componentWillUpdate(r,y,u)),typeof s.componentDidUpdate=="function"&&(t.flags|=4),typeof s.getSnapshotBeforeUpdate=="function"&&(t.flags|=1024)):(typeof s.componentDidUpdate!="function"||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),t.memoizedProps=r,t.memoizedState=y),s.props=r,s.state=y,s.context=u,r=a):(typeof s.componentDidUpdate!="function"||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=4),typeof s.getSnapshotBeforeUpdate!="function"||l===e.memoizedProps&&f===e.memoizedState||(t.flags|=1024),r=!1)}return Eu(e,t,n,r,i,o)}function Eu(e,t,n,r,o,i){Cp(e,t);var s=(t.flags&128)!==0;if(!r&&!s)return o&&Kc(t,n,!1),Ft(e,t,i);r=t.stateNode,iw.current=t;var l=s&&typeof n.getDerivedStateFromError!="function"?null:r.render();return t.flags|=1,e!==null&&s?(t.child=hr(t,e.child,null,i),t.child=hr(t,null,l,i)):Ae(e,t,l,i),t.memoizedState=r.state,o&&Kc(t,n,!0),t.child}function Np(e){var t=e.stateNode;t.pendingContext?Gc(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Gc(e,t.context,!1),_a(e,t.containerInfo)}function hf(e,t,n,r,o){return dr(),ya(o),t.flags|=256,Ae(e,t,n,r),t.child}var _u={dehydrated:null,treeContext:null,retryLane:0};function ku(e){return{baseLanes:e,cachePool:null,transitions:null}}function Mp(e,t,n){var r=t.pendingProps,o=pe.current,i=!1,s=(t.flags&128)!==0,l;if((l=s)||(l=e!==null&&e.memoizedState===null?!1:(o&2)!==0),l?(i=!0,t.flags&=-129):(e===null||e.memoizedState!==null)&&(o|=1),le(pe,o&1),e===null)return mu(t),e=t.memoizedState,e!==null&&(e=e.dehydrated,e!==null)?(t.mode&1?e.data==="$!"?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(s=r.children,e=r.fallback,i?(r=t.mode,i=t.child,s={mode:"hidden",children:s},!(r&1)&&i!==null?(i.childLanes=0,i.pendingProps=s):i=Rs(s,r,0,null),e=_n(e,r,n,null),i.return=t,e.return=t,i.sibling=e,t.child=i,t.child.memoizedState=ku(n),t.memoizedState=_u,e):za(t,s));if(o=e.memoizedState,o!==null&&(l=o.dehydrated,l!==null))return sw(e,t,s,r,l,o,n);if(i){i=r.fallback,s=t.mode,o=e.child,l=o.sibling;var u={mode:"hidden",children:r.children};return!(s&1)&&t.child!==o?(r=t.child,r.childLanes=0,r.pendingProps=u,t.deletions=null):(r=sn(o,u),r.subtreeFlags=o.subtreeFlags&14680064),l!==null?i=sn(l,i):(i=_n(i,s,n,null),i.flags|=2),i.return=t,r.return=t,r.sibling=i,t.child=r,r=i,i=t.child,s=e.child.memoizedState,s=s===null?ku(n):{baseLanes:s.baseLanes|n,cachePool:null,transitions:s.transitions},i.memoizedState=s,i.childLanes=e.childLanes&~n,t.memoizedState=_u,r}return i=e.child,e=i.sibling,r=sn(i,{mode:"visible",children:r.children}),!(t.mode&1)&&(r.lanes=n),r.return=t,r.sibling=null,e!==null&&(n=t.deletions,n===null?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function za(e,t){return t=Rs({mode:"visible",children:t},e.mode,0,null),t.return=e,e.child=t}function li(e,t,n,r){return r!==null&&ya(r),hr(t,e.child,null,n),e=za(t,t.pendingProps.children),e.flags|=2,t.memoizedState=null,e}function sw(e,t,n,r,o,i,s){if(n)return t.flags&256?(t.flags&=-257,r=Cl(Error(b(422))),li(e,t,s,r)):t.memoizedState!==null?(t.child=e.child,t.flags|=128,null):(i=r.fallback,o=t.mode,r=Rs({mode:"visible",children:r.children},o,0,null),i=_n(i,o,s,null),i.flags|=2,r.return=t,i.return=t,r.sibling=i,t.child=r,t.mode&1&&hr(t,e.child,null,s),t.child.memoizedState=ku(s),t.memoizedState=_u,i);if(!(t.mode&1))return li(e,t,s,null);if(o.data==="$!"){if(r=o.nextSibling&&o.nextSibling.dataset,r)var l=r.dgst;return r=l,i=Error(b(419)),r=Cl(i,r,void 0),li(e,t,s,r)}if(l=(s&e.childLanes)!==0,Oe||l){if(r=ke,r!==null){switch(s&-s){case 4:o=2;break;case 16:o=8;break;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:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:o=32;break;case 536870912:o=268435456;break;default:o=0}o=o&(r.suspendedLanes|s)?0:o,o!==0&&o!==i.retryLane&&(i.retryLane=o,Dt(e,o),pt(r,e,o,-1))}return Fa(),r=Cl(Error(b(421))),li(e,t,s,r)}return o.data==="$?"?(t.flags|=128,t.child=e.child,t=ww.bind(null,e),o._reactRetry=t,null):(e=i.treeContext,Xe=tn(o.nextSibling),Qe=t,fe=!0,at=null,e!==null&&(Je[et++]=It,Je[et++]=zt,Je[et++]=Mn,It=e.id,zt=e.overflow,Mn=t),t=za(t,r.children),t.flags|=4096,t)}function pf(e,t,n){e.lanes|=t;var r=e.alternate;r!==null&&(r.lanes|=t),yu(e.return,t,n)}function Nl(e,t,n,r,o){var i=e.memoizedState;i===null?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailMode:o}:(i.isBackwards=t,i.rendering=null,i.renderingStartTime=0,i.last=r,i.tail=n,i.tailMode=o)}function Pp(e,t,n){var r=t.pendingProps,o=r.revealOrder,i=r.tail;if(Ae(e,t,r.children,n),r=pe.current,r&2)r=r&1|2,t.flags|=128;else{if(e!==null&&e.flags&128)e:for(e=t.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&pf(e,n,t);else if(e.tag===19)pf(e,n,t);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(le(pe,r),!(t.mode&1))t.memoizedState=null;else switch(o){case"forwards":for(n=t.child,o=null;n!==null;)e=n.alternate,e!==null&&ns(e)===null&&(o=n),n=n.sibling;n=o,n===null?(o=t.child,t.child=null):(o=n.sibling,n.sibling=null),Nl(t,!1,o,n,i);break;case"backwards":for(n=null,o=t.child,t.child=null;o!==null;){if(e=o.alternate,e!==null&&ns(e)===null){t.child=o;break}e=o.sibling,o.sibling=n,n=o,o=e}Nl(t,!0,n,null,i);break;case"together":Nl(t,!1,null,null,void 0);break;default:t.memoizedState=null}return t.child}function zi(e,t){!(t.mode&1)&&e!==null&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Ft(e,t,n){if(e!==null&&(t.dependencies=e.dependencies),Tn|=t.lanes,!(n&t.childLanes))return null;if(e!==null&&t.child!==e.child)throw Error(b(153));if(t.child!==null){for(e=t.child,n=sn(e,e.pendingProps),t.child=n,n.return=t;e.sibling!==null;)e=e.sibling,n=n.sibling=sn(e,e.pendingProps),n.return=t;n.sibling=null}return t.child}function lw(e,t,n){switch(t.tag){case 3:Np(t),dr();break;case 5:ep(t);break;case 1:Ve(t.type)&&Ki(t);break;case 4:_a(t,t.stateNode.containerInfo);break;case 10:var r=t.type._context,o=t.memoizedProps.value;le(Ji,r._currentValue),r._currentValue=o;break;case 13:if(r=t.memoizedState,r!==null)return r.dehydrated!==null?(le(pe,pe.current&1),t.flags|=128,null):n&t.child.childLanes?Mp(e,t,n):(le(pe,pe.current&1),e=Ft(e,t,n),e!==null?e.sibling:null);le(pe,pe.current&1);break;case 19:if(r=(n&t.childLanes)!==0,e.flags&128){if(r)return Pp(e,t,n);t.flags|=128}if(o=t.memoizedState,o!==null&&(o.rendering=null,o.tail=null,o.lastEffect=null),le(pe,pe.current),r)break;return null;case 22:case 23:return t.lanes=0,kp(e,t,n)}return Ft(e,t,n)}var Tp,Cu,Ip,zp;Tp=function(e,t){for(var n=t.child;n!==null;){if(n.tag===5||n.tag===6)e.appendChild(n.stateNode);else if(n.tag!==4&&n.child!==null){n.child.return=n,n=n.child;continue}if(n===t)break;for(;n.sibling===null;){if(n.return===null||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}};Cu=function(){};Ip=function(e,t,n,r){var o=e.memoizedProps;if(o!==r){e=t.stateNode,xn(Et.current);var i=null;switch(n){case"input":o=Xl(e,o),r=Xl(e,r),i=[];break;case"select":o=me({},o,{value:void 0}),r=me({},r,{value:void 0}),i=[];break;case"textarea":o=Kl(e,o),r=Kl(e,r),i=[];break;default:typeof o.onClick!="function"&&typeof r.onClick=="function"&&(e.onclick=Qi)}ql(n,r);var s;n=null;for(a in o)if(!r.hasOwnProperty(a)&&o.hasOwnProperty(a)&&o[a]!=null)if(a==="style"){var l=o[a];for(s in l)l.hasOwnProperty(s)&&(n||(n={}),n[s]="")}else a!=="dangerouslySetInnerHTML"&&a!=="children"&&a!=="suppressContentEditableWarning"&&a!=="suppressHydrationWarning"&&a!=="autoFocus"&&(lo.hasOwnProperty(a)?i||(i=[]):(i=i||[]).push(a,null));for(a in r){var u=r[a];if(l=o!=null?o[a]:void 0,r.hasOwnProperty(a)&&u!==l&&(u!=null||l!=null))if(a==="style")if(l){for(s in l)!l.hasOwnProperty(s)||u&&u.hasOwnProperty(s)||(n||(n={}),n[s]="");for(s in u)u.hasOwnProperty(s)&&l[s]!==u[s]&&(n||(n={}),n[s]=u[s])}else n||(i||(i=[]),i.push(a,n)),n=u;else a==="dangerouslySetInnerHTML"?(u=u?u.__html:void 0,l=l?l.__html:void 0,u!=null&&l!==u&&(i=i||[]).push(a,u)):a==="children"?typeof u!="string"&&typeof u!="number"||(i=i||[]).push(a,""+u):a!=="suppressContentEditableWarning"&&a!=="suppressHydrationWarning"&&(lo.hasOwnProperty(a)?(u!=null&&a==="onScroll"&&ae("scroll",e),i||l===u||(i=[])):(i=i||[]).push(a,u))}n&&(i=i||[]).push("style",n);var a=i;(t.updateQueue=a)&&(t.flags|=4)}};zp=function(e,t,n,r){n!==r&&(t.flags|=4)};function Hr(e,t){if(!fe)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;t!==null;)t.alternate!==null&&(n=t),t=t.sibling;n===null?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;n!==null;)n.alternate!==null&&(r=n),n=n.sibling;r===null?t||e.tail===null?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Ie(e){var t=e.alternate!==null&&e.alternate.child===e.child,n=0,r=0;if(t)for(var o=e.child;o!==null;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags&14680064,r|=o.flags&14680064,o.return=e,o=o.sibling;else for(o=e.child;o!==null;)n|=o.lanes|o.childLanes,r|=o.subtreeFlags,r|=o.flags,o.return=e,o=o.sibling;return e.subtreeFlags|=r,e.childLanes=n,t}function uw(e,t,n){var r=t.pendingProps;switch(ma(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Ie(t),null;case 1:return Ve(t.type)&&Gi(),Ie(t),null;case 3:return r=t.stateNode,pr(),ce(He),ce(Le),Ca(),r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),(e===null||e.child===null)&&(ii(t)?t.flags|=4:e===null||e.memoizedState.isDehydrated&&!(t.flags&256)||(t.flags|=1024,at!==null&&(Au(at),at=null))),Cu(e,t),Ie(t),null;case 5:ka(t);var o=xn(xo.current);if(n=t.type,e!==null&&t.stateNode!=null)Ip(e,t,n,r,o),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!r){if(t.stateNode===null)throw Error(b(166));return Ie(t),null}if(e=xn(Et.current),ii(t)){r=t.stateNode,n=t.type;var i=t.memoizedProps;switch(r[xt]=t,r[vo]=i,e=(t.mode&1)!==0,n){case"dialog":ae("cancel",r),ae("close",r);break;case"iframe":case"object":case"embed":ae("load",r);break;case"video":case"audio":for(o=0;o<Xr.length;o++)ae(Xr[o],r);break;case"source":ae("error",r);break;case"img":case"image":case"link":ae("error",r),ae("load",r);break;case"details":ae("toggle",r);break;case"input":Ec(r,i),ae("invalid",r);break;case"select":r._wrapperState={wasMultiple:!!i.multiple},ae("invalid",r);break;case"textarea":kc(r,i),ae("invalid",r)}ql(n,i),o=null;for(var s in i)if(i.hasOwnProperty(s)){var l=i[s];s==="children"?typeof l=="string"?r.textContent!==l&&(i.suppressHydrationWarning!==!0&&oi(r.textContent,l,e),o=["children",l]):typeof l=="number"&&r.textContent!==""+l&&(i.suppressHydrationWarning!==!0&&oi(r.textContent,l,e),o=["children",""+l]):lo.hasOwnProperty(s)&&l!=null&&s==="onScroll"&&ae("scroll",r)}switch(n){case"input":Ko(r),_c(r,i,!0);break;case"textarea":Ko(r),Cc(r);break;case"select":case"option":break;default:typeof i.onClick=="function"&&(r.onclick=Qi)}r=o,t.updateQueue=r,r!==null&&(t.flags|=4)}else{s=o.nodeType===9?o:o.ownerDocument,e==="http://www.w3.org/1999/xhtml"&&(e=ih(n)),e==="http://www.w3.org/1999/xhtml"?n==="script"?(e=s.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):typeof r.is=="string"?e=s.createElement(n,{is:r.is}):(e=s.createElement(n),n==="select"&&(s=e,r.multiple?s.multiple=!0:r.size&&(s.size=r.size))):e=s.createElementNS(e,n),e[xt]=t,e[vo]=r,Tp(e,t,!1,!1),t.stateNode=e;e:{switch(s=Jl(n,r),n){case"dialog":ae("cancel",e),ae("close",e),o=r;break;case"iframe":case"object":case"embed":ae("load",e),o=r;break;case"video":case"audio":for(o=0;o<Xr.length;o++)ae(Xr[o],e);o=r;break;case"source":ae("error",e),o=r;break;case"img":case"image":case"link":ae("error",e),ae("load",e),o=r;break;case"details":ae("toggle",e),o=r;break;case"input":Ec(e,r),o=Xl(e,r),ae("invalid",e);break;case"option":o=r;break;case"select":e._wrapperState={wasMultiple:!!r.multiple},o=me({},r,{value:void 0}),ae("invalid",e);break;case"textarea":kc(e,r),o=Kl(e,r),ae("invalid",e);break;default:o=r}ql(n,o),l=o;for(i in l)if(l.hasOwnProperty(i)){var u=l[i];i==="style"?uh(e,u):i==="dangerouslySetInnerHTML"?(u=u?u.__html:void 0,u!=null&&sh(e,u)):i==="children"?typeof u=="string"?(n!=="textarea"||u!=="")&&uo(e,u):typeof u=="number"&&uo(e,""+u):i!=="suppressContentEditableWarning"&&i!=="suppressHydrationWarning"&&i!=="autoFocus"&&(lo.hasOwnProperty(i)?u!=null&&i==="onScroll"&&ae("scroll",e):u!=null&&ta(e,i,u,s))}switch(n){case"input":Ko(e),_c(e,r,!1);break;case"textarea":Ko(e),Cc(e);break;case"option":r.value!=null&&e.setAttribute("value",""+an(r.value));break;case"select":e.multiple=!!r.multiple,i=r.value,i!=null?nr(e,!!r.multiple,i,!1):r.defaultValue!=null&&nr(e,!!r.multiple,r.defaultValue,!0);break;default:typeof o.onClick=="function"&&(e.onclick=Qi)}switch(n){case"button":case"input":case"select":case"textarea":r=!!r.autoFocus;break e;case"img":r=!0;break e;default:r=!1}}r&&(t.flags|=4)}t.ref!==null&&(t.flags|=512,t.flags|=2097152)}return Ie(t),null;case 6:if(e&&t.stateNode!=null)zp(e,t,e.memoizedProps,r);else{if(typeof r!="string"&&t.stateNode===null)throw Error(b(166));if(n=xn(xo.current),xn(Et.current),ii(t)){if(r=t.stateNode,n=t.memoizedProps,r[xt]=t,(i=r.nodeValue!==n)&&(e=Qe,e!==null))switch(e.tag){case 3:oi(r.nodeValue,n,(e.mode&1)!==0);break;case 5:e.memoizedProps.suppressHydrationWarning!==!0&&oi(r.nodeValue,n,(e.mode&1)!==0)}i&&(t.flags|=4)}else r=(n.nodeType===9?n:n.ownerDocument).createTextNode(r),r[xt]=t,t.stateNode=r}return Ie(t),null;case 13:if(ce(pe),r=t.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(fe&&Xe!==null&&t.mode&1&&!(t.flags&128))Gh(),dr(),t.flags|=98560,i=!1;else if(i=ii(t),r!==null&&r.dehydrated!==null){if(e===null){if(!i)throw Error(b(318));if(i=t.memoizedState,i=i!==null?i.dehydrated:null,!i)throw Error(b(317));i[xt]=t}else dr(),!(t.flags&128)&&(t.memoizedState=null),t.flags|=4;Ie(t),i=!1}else at!==null&&(Au(at),at=null),i=!0;if(!i)return t.flags&65536?t:null}return t.flags&128?(t.lanes=n,t):(r=r!==null,r!==(e!==null&&e.memoizedState!==null)&&r&&(t.child.flags|=8192,t.mode&1&&(e===null||pe.current&1?Ee===0&&(Ee=3):Fa())),t.updateQueue!==null&&(t.flags|=4),Ie(t),null);case 4:return pr(),Cu(e,t),e===null&&mo(t.stateNode.containerInfo),Ie(t),null;case 10:return xa(t.type._context),Ie(t),null;case 17:return Ve(t.type)&&Gi(),Ie(t),null;case 19:if(ce(pe),i=t.memoizedState,i===null)return Ie(t),null;if(r=(t.flags&128)!==0,s=i.rendering,s===null)if(r)Hr(i,!1);else{if(Ee!==0||e!==null&&e.flags&128)for(e=t.child;e!==null;){if(s=ns(e),s!==null){for(t.flags|=128,Hr(i,!1),r=s.updateQueue,r!==null&&(t.updateQueue=r,t.flags|=4),t.subtreeFlags=0,r=n,n=t.child;n!==null;)i=n,e=r,i.flags&=14680066,s=i.alternate,s===null?(i.childLanes=0,i.lanes=e,i.child=null,i.subtreeFlags=0,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null,i.stateNode=null):(i.childLanes=s.childLanes,i.lanes=s.lanes,i.child=s.child,i.subtreeFlags=0,i.deletions=null,i.memoizedProps=s.memoizedProps,i.memoizedState=s.memoizedState,i.updateQueue=s.updateQueue,i.type=s.type,e=s.dependencies,i.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return le(pe,pe.current&1|2),t.child}e=e.sibling}i.tail!==null&&ve()>mr&&(t.flags|=128,r=!0,Hr(i,!1),t.lanes=4194304)}else{if(!r)if(e=ns(s),e!==null){if(t.flags|=128,r=!0,n=e.updateQueue,n!==null&&(t.updateQueue=n,t.flags|=4),Hr(i,!0),i.tail===null&&i.tailMode==="hidden"&&!s.alternate&&!fe)return Ie(t),null}else 2*ve()-i.renderingStartTime>mr&&n!==1073741824&&(t.flags|=128,r=!0,Hr(i,!1),t.lanes=4194304);i.isBackwards?(s.sibling=t.child,t.child=s):(n=i.last,n!==null?n.sibling=s:t.child=s,i.last=s)}return i.tail!==null?(t=i.tail,i.rendering=t,i.tail=t.sibling,i.renderingStartTime=ve(),t.sibling=null,n=pe.current,le(pe,r?n&1|2:n&1),t):(Ie(t),null);case 22:case 23:return Da(),r=t.memoizedState!==null,e!==null&&e.memoizedState!==null!==r&&(t.flags|=8192),r&&t.mode&1?Ue&1073741824&&(Ie(t),t.subtreeFlags&6&&(t.flags|=8192)):Ie(t),null;case 24:return null;case 25:return null}throw Error(b(156,t.tag))}function aw(e,t){switch(ma(t),t.tag){case 1:return Ve(t.type)&&Gi(),e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 3:return pr(),ce(He),ce(Le),Ca(),e=t.flags,e&65536&&!(e&128)?(t.flags=e&-65537|128,t):null;case 5:return ka(t),null;case 13:if(ce(pe),e=t.memoizedState,e!==null&&e.dehydrated!==null){if(t.alternate===null)throw Error(b(340));dr()}return e=t.flags,e&65536?(t.flags=e&-65537|128,t):null;case 19:return ce(pe),null;case 4:return pr(),null;case 10:return xa(t.type._context),null;case 22:case 23:return Da(),null;case 24:return null;default:return null}}var ui=!1,ze=!1,cw=typeof WeakSet=="function"?WeakSet:Set,X=null;function qn(e,t){var n=e.ref;if(n!==null)if(typeof n=="function")try{n(null)}catch(r){ye(e,t,r)}else n.current=null}function Nu(e,t,n){try{n()}catch(r){ye(e,t,r)}}var gf=!1;function fw(e,t){if(au=Ui,e=Dh(),pa(e)){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{n=(n=e.ownerDocument)&&n.defaultView||window;var r=n.getSelection&&n.getSelection();if(r&&r.rangeCount!==0){n=r.anchorNode;var o=r.anchorOffset,i=r.focusNode;r=r.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var s=0,l=-1,u=-1,a=0,d=0,c=e,f=null;t:for(;;){for(var m;c!==n||o!==0&&c.nodeType!==3||(l=s+o),c!==i||r!==0&&c.nodeType!==3||(u=s+r),c.nodeType===3&&(s+=c.nodeValue.length),(m=c.firstChild)!==null;)f=c,c=m;for(;;){if(c===e)break t;if(f===n&&++a===o&&(l=s),f===i&&++d===r&&(u=s),(m=c.nextSibling)!==null)break;c=f,f=c.parentNode}c=m}n=l===-1||u===-1?null:{start:l,end:u}}else n=null}n=n||{start:0,end:0}}else n=null;for(cu={focusedElem:e,selectionRange:n},Ui=!1,X=t;X!==null;)if(t=X,e=t.child,(t.subtreeFlags&1028)!==0&&e!==null)e.return=t,X=e;else for(;X!==null;){t=X;try{var y=t.alternate;if(t.flags&1024)switch(t.tag){case 0:case 11:case 15:break;case 1:if(y!==null){var w=y.memoizedProps,x=y.memoizedState,h=t.stateNode,g=h.getSnapshotBeforeUpdate(t.elementType===t.type?w:st(t.type,w),x);h.__reactInternalSnapshotBeforeUpdate=g}break;case 3:var p=t.stateNode.containerInfo;p.nodeType===1?p.textContent="":p.nodeType===9&&p.documentElement&&p.removeChild(p.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(b(163))}}catch(v){ye(t,t.return,v)}if(e=t.sibling,e!==null){e.return=t.return,X=e;break}X=t.return}return y=gf,gf=!1,y}function no(e,t,n){var r=t.updateQueue;if(r=r!==null?r.lastEffect:null,r!==null){var o=r=r.next;do{if((o.tag&e)===e){var i=o.destroy;o.destroy=void 0,i!==void 0&&Nu(t,n,i)}o=o.next}while(o!==r)}}function Ls(e,t){if(t=t.updateQueue,t=t!==null?t.lastEffect:null,t!==null){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function Mu(e){var t=e.ref;if(t!==null){var n=e.stateNode;switch(e.tag){case 5:e=n;break;default:e=n}typeof t=="function"?t(e):t.current=e}}function Lp(e){var t=e.alternate;t!==null&&(e.alternate=null,Lp(t)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(t=e.stateNode,t!==null&&(delete t[xt],delete t[vo],delete t[hu],delete t[Xv],delete t[Qv])),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function Ap(e){return e.tag===5||e.tag===3||e.tag===4}function mf(e){e:for(;;){for(;e.sibling===null;){if(e.return===null||Ap(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.flags&2||e.child===null||e.tag===4)continue e;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function Pu(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.nodeType===8?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(n.nodeType===8?(t=n.parentNode,t.insertBefore(e,n)):(t=n,t.appendChild(e)),n=n._reactRootContainer,n!=null||t.onclick!==null||(t.onclick=Qi));else if(r!==4&&(e=e.child,e!==null))for(Pu(e,t,n),e=e.sibling;e!==null;)Pu(e,t,n),e=e.sibling}function Tu(e,t,n){var r=e.tag;if(r===5||r===6)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(r!==4&&(e=e.child,e!==null))for(Tu(e,t,n),e=e.sibling;e!==null;)Tu(e,t,n),e=e.sibling}var Ce=null,lt=!1;function bt(e,t,n){for(n=n.child;n!==null;)Rp(e,t,n),n=n.sibling}function Rp(e,t,n){if(St&&typeof St.onCommitFiberUnmount=="function")try{St.onCommitFiberUnmount(ks,n)}catch{}switch(n.tag){case 5:ze||qn(n,t);case 6:var r=Ce,o=lt;Ce=null,bt(e,t,n),Ce=r,lt=o,Ce!==null&&(lt?(e=Ce,n=n.stateNode,e.nodeType===8?e.parentNode.removeChild(n):e.removeChild(n)):Ce.removeChild(n.stateNode));break;case 18:Ce!==null&&(lt?(e=Ce,n=n.stateNode,e.nodeType===8?wl(e.parentNode,n):e.nodeType===1&&wl(e,n),ho(e)):wl(Ce,n.stateNode));break;case 4:r=Ce,o=lt,Ce=n.stateNode.containerInfo,lt=!0,bt(e,t,n),Ce=r,lt=o;break;case 0:case 11:case 14:case 15:if(!ze&&(r=n.updateQueue,r!==null&&(r=r.lastEffect,r!==null))){o=r=r.next;do{var i=o,s=i.destroy;i=i.tag,s!==void 0&&(i&2||i&4)&&Nu(n,t,s),o=o.next}while(o!==r)}bt(e,t,n);break;case 1:if(!ze&&(qn(n,t),r=n.stateNode,typeof r.componentWillUnmount=="function"))try{r.props=n.memoizedProps,r.state=n.memoizedState,r.componentWillUnmount()}catch(l){ye(n,t,l)}bt(e,t,n);break;case 21:bt(e,t,n);break;case 22:n.mode&1?(ze=(r=ze)||n.memoizedState!==null,bt(e,t,n),ze=r):bt(e,t,n);break;default:bt(e,t,n)}}function yf(e){var t=e.updateQueue;if(t!==null){e.updateQueue=null;var n=e.stateNode;n===null&&(n=e.stateNode=new cw),t.forEach(function(r){var o=xw.bind(null,e,r);n.has(r)||(n.add(r),r.then(o,o))})}}function it(e,t){var n=t.deletions;if(n!==null)for(var r=0;r<n.length;r++){var o=n[r];try{var i=e,s=t,l=s;e:for(;l!==null;){switch(l.tag){case 5:Ce=l.stateNode,lt=!1;break e;case 3:Ce=l.stateNode.containerInfo,lt=!0;break e;case 4:Ce=l.stateNode.containerInfo,lt=!0;break e}l=l.return}if(Ce===null)throw Error(b(160));Rp(i,s,o),Ce=null,lt=!1;var u=o.alternate;u!==null&&(u.return=null),o.return=null}catch(a){ye(o,t,a)}}if(t.subtreeFlags&12854)for(t=t.child;t!==null;)$p(t,e),t=t.sibling}function $p(e,t){var n=e.alternate,r=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(it(t,e),yt(e),r&4){try{no(3,e,e.return),Ls(3,e)}catch(w){ye(e,e.return,w)}try{no(5,e,e.return)}catch(w){ye(e,e.return,w)}}break;case 1:it(t,e),yt(e),r&512&&n!==null&&qn(n,n.return);break;case 5:if(it(t,e),yt(e),r&512&&n!==null&&qn(n,n.return),e.flags&32){var o=e.stateNode;try{uo(o,"")}catch(w){ye(e,e.return,w)}}if(r&4&&(o=e.stateNode,o!=null)){var i=e.memoizedProps,s=n!==null?n.memoizedProps:i,l=e.type,u=e.updateQueue;if(e.updateQueue=null,u!==null)try{l==="input"&&i.type==="radio"&&i.name!=null&&rh(o,i),Jl(l,s);var a=Jl(l,i);for(s=0;s<u.length;s+=2){var d=u[s],c=u[s+1];d==="style"?uh(o,c):d==="dangerouslySetInnerHTML"?sh(o,c):d==="children"?uo(o,c):ta(o,d,c,a)}switch(l){case"input":Ql(o,i);break;case"textarea":oh(o,i);break;case"select":var f=o._wrapperState.wasMultiple;o._wrapperState.wasMultiple=!!i.multiple;var m=i.value;m!=null?nr(o,!!i.multiple,m,!1):f!==!!i.multiple&&(i.defaultValue!=null?nr(o,!!i.multiple,i.defaultValue,!0):nr(o,!!i.multiple,i.multiple?[]:"",!1))}o[vo]=i}catch(w){ye(e,e.return,w)}}break;case 6:if(it(t,e),yt(e),r&4){if(e.stateNode===null)throw Error(b(162));o=e.stateNode,i=e.memoizedProps;try{o.nodeValue=i}catch(w){ye(e,e.return,w)}}break;case 3:if(it(t,e),yt(e),r&4&&n!==null&&n.memoizedState.isDehydrated)try{ho(t.containerInfo)}catch(w){ye(e,e.return,w)}break;case 4:it(t,e),yt(e);break;case 13:it(t,e),yt(e),o=e.child,o.flags&8192&&(i=o.memoizedState!==null,o.stateNode.isHidden=i,!i||o.alternate!==null&&o.alternate.memoizedState!==null||(Ra=ve())),r&4&&yf(e);break;case 22:if(d=n!==null&&n.memoizedState!==null,e.mode&1?(ze=(a=ze)||d,it(t,e),ze=a):it(t,e),yt(e),r&8192){if(a=e.memoizedState!==null,(e.stateNode.isHidden=a)&&!d&&e.mode&1)for(X=e,d=e.child;d!==null;){for(c=X=d;X!==null;){switch(f=X,m=f.child,f.tag){case 0:case 11:case 14:case 15:no(4,f,f.return);break;case 1:qn(f,f.return);var y=f.stateNode;if(typeof y.componentWillUnmount=="function"){r=f,n=f.return;try{t=r,y.props=t.memoizedProps,y.state=t.memoizedState,y.componentWillUnmount()}catch(w){ye(r,n,w)}}break;case 5:qn(f,f.return);break;case 22:if(f.memoizedState!==null){wf(c);continue}}m!==null?(m.return=f,X=m):wf(c)}d=d.sibling}e:for(d=null,c=e;;){if(c.tag===5){if(d===null){d=c;try{o=c.stateNode,a?(i=o.style,typeof i.setProperty=="function"?i.setProperty("display","none","important"):i.display="none"):(l=c.stateNode,u=c.memoizedProps.style,s=u!=null&&u.hasOwnProperty("display")?u.display:null,l.style.display=lh("display",s))}catch(w){ye(e,e.return,w)}}}else if(c.tag===6){if(d===null)try{c.stateNode.nodeValue=a?"":c.memoizedProps}catch(w){ye(e,e.return,w)}}else if((c.tag!==22&&c.tag!==23||c.memoizedState===null||c===e)&&c.child!==null){c.child.return=c,c=c.child;continue}if(c===e)break e;for(;c.sibling===null;){if(c.return===null||c.return===e)break e;d===c&&(d=null),c=c.return}d===c&&(d=null),c.sibling.return=c.return,c=c.sibling}}break;case 19:it(t,e),yt(e),r&4&&yf(e);break;case 21:break;default:it(t,e),yt(e)}}function yt(e){var t=e.flags;if(t&2){try{e:{for(var n=e.return;n!==null;){if(Ap(n)){var r=n;break e}n=n.return}throw Error(b(160))}switch(r.tag){case 5:var o=r.stateNode;r.flags&32&&(uo(o,""),r.flags&=-33);var i=mf(e);Tu(e,i,o);break;case 3:case 4:var s=r.stateNode.containerInfo,l=mf(e);Pu(e,l,s);break;default:throw Error(b(161))}}catch(u){ye(e,e.return,u)}e.flags&=-3}t&4096&&(e.flags&=-4097)}function dw(e,t,n){X=e,Dp(e)}function Dp(e,t,n){for(var r=(e.mode&1)!==0;X!==null;){var o=X,i=o.child;if(o.tag===22&&r){var s=o.memoizedState!==null||ui;if(!s){var l=o.alternate,u=l!==null&&l.memoizedState!==null||ze;l=ui;var a=ze;if(ui=s,(ze=u)&&!a)for(X=o;X!==null;)s=X,u=s.child,s.tag===22&&s.memoizedState!==null?xf(o):u!==null?(u.return=s,X=u):xf(o);for(;i!==null;)X=i,Dp(i),i=i.sibling;X=o,ui=l,ze=a}vf(e)}else o.subtreeFlags&8772&&i!==null?(i.return=o,X=i):vf(e)}}function vf(e){for(;X!==null;){var t=X;if(t.flags&8772){var n=t.alternate;try{if(t.flags&8772)switch(t.tag){case 0:case 11:case 15:ze||Ls(5,t);break;case 1:var r=t.stateNode;if(t.flags&4&&!ze)if(n===null)r.componentDidMount();else{var o=t.elementType===t.type?n.memoizedProps:st(t.type,n.memoizedProps);r.componentDidUpdate(o,n.memoizedState,r.__reactInternalSnapshotBeforeUpdate)}var i=t.updateQueue;i!==null&&tf(t,i,r);break;case 3:var s=t.updateQueue;if(s!==null){if(n=null,t.child!==null)switch(t.child.tag){case 5:n=t.child.stateNode;break;case 1:n=t.child.stateNode}tf(t,s,n)}break;case 5:var l=t.stateNode;if(n===null&&t.flags&4){n=l;var u=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":u.autoFocus&&n.focus();break;case"img":u.src&&(n.src=u.src)}}break;case 6:break;case 4:break;case 12:break;case 13:if(t.memoizedState===null){var a=t.alternate;if(a!==null){var d=a.memoizedState;if(d!==null){var c=d.dehydrated;c!==null&&ho(c)}}}break;case 19:case 17:case 21:case 22:case 23:case 25:break;default:throw Error(b(163))}ze||t.flags&512&&Mu(t)}catch(f){ye(t,t.return,f)}}if(t===e){X=null;break}if(n=t.sibling,n!==null){n.return=t.return,X=n;break}X=t.return}}function wf(e){for(;X!==null;){var t=X;if(t===e){X=null;break}var n=t.sibling;if(n!==null){n.return=t.return,X=n;break}X=t.return}}function xf(e){for(;X!==null;){var t=X;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{Ls(4,t)}catch(u){ye(t,n,u)}break;case 1:var r=t.stateNode;if(typeof r.componentDidMount=="function"){var o=t.return;try{r.componentDidMount()}catch(u){ye(t,o,u)}}var i=t.return;try{Mu(t)}catch(u){ye(t,i,u)}break;case 5:var s=t.return;try{Mu(t)}catch(u){ye(t,s,u)}}}catch(u){ye(t,t.return,u)}if(t===e){X=null;break}var l=t.sibling;if(l!==null){l.return=t.return,X=l;break}X=t.return}}var hw=Math.ceil,is=jt.ReactCurrentDispatcher,La=jt.ReactCurrentOwner,nt=jt.ReactCurrentBatchConfig,re=0,ke=null,we=null,Ne=0,Ue=0,Jn=dn(0),Ee=0,ko=null,Tn=0,As=0,Aa=0,ro=null,Fe=null,Ra=0,mr=1/0,Pt=null,ss=!1,Iu=null,rn=null,ai=!1,Zt=null,ls=0,oo=0,zu=null,Li=-1,Ai=0;function Re(){return re&6?ve():Li!==-1?Li:Li=ve()}function on(e){return e.mode&1?re&2&&Ne!==0?Ne&-Ne:Kv.transition!==null?(Ai===0&&(Ai=xh()),Ai):(e=se,e!==0||(e=window.event,e=e===void 0?16:Mh(e.type)),e):1}function pt(e,t,n,r){if(50<oo)throw oo=0,zu=null,Error(b(185));$o(e,n,r),(!(re&2)||e!==ke)&&(e===ke&&(!(re&2)&&(As|=n),Ee===4&&Qt(e,Ne)),be(e,r),n===1&&re===0&&!(t.mode&1)&&(mr=ve()+500,Ts&&hn()))}function be(e,t){var n=e.callbackNode;Ky(e,t);var r=Wi(e,e===ke?Ne:0);if(r===0)n!==null&&Pc(n),e.callbackNode=null,e.callbackPriority=0;else if(t=r&-r,e.callbackPriority!==t){if(n!=null&&Pc(n),t===1)e.tag===0?Gv(Sf.bind(null,e)):Yh(Sf.bind(null,e)),Uv(function(){!(re&6)&&hn()}),n=null;else{switch(Sh(r)){case 1:n=sa;break;case 4:n=vh;break;case 16:n=Bi;break;case 536870912:n=wh;break;default:n=Bi}n=Wp(n,Fp.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function Fp(e,t){if(Li=-1,Ai=0,re&6)throw Error(b(327));var n=e.callbackNode;if(lr()&&e.callbackNode!==n)return null;var r=Wi(e,e===ke?Ne:0);if(r===0)return null;if(r&30||r&e.expiredLanes||t)t=us(e,r);else{t=r;var o=re;re|=2;var i=jp();(ke!==e||Ne!==t)&&(Pt=null,mr=ve()+500,En(e,t));do try{mw();break}catch(l){Op(e,l)}while(!0);wa(),is.current=i,re=o,we!==null?t=0:(ke=null,Ne=0,t=Ee)}if(t!==0){if(t===2&&(o=ou(e),o!==0&&(r=o,t=Lu(e,o))),t===1)throw n=ko,En(e,0),Qt(e,r),be(e,ve()),n;if(t===6)Qt(e,r);else{if(o=e.current.alternate,!(r&30)&&!pw(o)&&(t=us(e,r),t===2&&(i=ou(e),i!==0&&(r=i,t=Lu(e,i))),t===1))throw n=ko,En(e,0),Qt(e,r),be(e,ve()),n;switch(e.finishedWork=o,e.finishedLanes=r,t){case 0:case 1:throw Error(b(345));case 2:mn(e,Fe,Pt);break;case 3:if(Qt(e,r),(r&130023424)===r&&(t=Ra+500-ve(),10<t)){if(Wi(e,0)!==0)break;if(o=e.suspendedLanes,(o&r)!==r){Re(),e.pingedLanes|=e.suspendedLanes&o;break}e.timeoutHandle=du(mn.bind(null,e,Fe,Pt),t);break}mn(e,Fe,Pt);break;case 4:if(Qt(e,r),(r&4194240)===r)break;for(t=e.eventTimes,o=-1;0<r;){var s=31-ht(r);i=1<<s,s=t[s],s>o&&(o=s),r&=~i}if(r=o,r=ve()-r,r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*hw(r/1960))-r,10<r){e.timeoutHandle=du(mn.bind(null,e,Fe,Pt),r);break}mn(e,Fe,Pt);break;case 5:mn(e,Fe,Pt);break;default:throw Error(b(329))}}}return be(e,ve()),e.callbackNode===n?Fp.bind(null,e):null}function Lu(e,t){var n=ro;return e.current.memoizedState.isDehydrated&&(En(e,t).flags|=256),e=us(e,t),e!==2&&(t=Fe,Fe=n,t!==null&&Au(t)),e}function Au(e){Fe===null?Fe=e:Fe.push.apply(Fe,e)}function pw(e){for(var t=e;;){if(t.flags&16384){var n=t.updateQueue;if(n!==null&&(n=n.stores,n!==null))for(var r=0;r<n.length;r++){var o=n[r],i=o.getSnapshot;o=o.value;try{if(!gt(i(),o))return!1}catch{return!1}}}if(n=t.child,t.subtreeFlags&16384&&n!==null)n.return=t,t=n;else{if(t===e)break;for(;t.sibling===null;){if(t.return===null||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}function Qt(e,t){for(t&=~Aa,t&=~As,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-ht(t),r=1<<n;e[n]=-1,t&=~r}}function Sf(e){if(re&6)throw Error(b(327));lr();var t=Wi(e,0);if(!(t&1))return be(e,ve()),null;var n=us(e,t);if(e.tag!==0&&n===2){var r=ou(e);r!==0&&(t=r,n=Lu(e,r))}if(n===1)throw n=ko,En(e,0),Qt(e,t),be(e,ve()),n;if(n===6)throw Error(b(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,mn(e,Fe,Pt),be(e,ve()),null}function $a(e,t){var n=re;re|=1;try{return e(t)}finally{re=n,re===0&&(mr=ve()+500,Ts&&hn())}}function In(e){Zt!==null&&Zt.tag===0&&!(re&6)&&lr();var t=re;re|=1;var n=nt.transition,r=se;try{if(nt.transition=null,se=1,e)return e()}finally{se=r,nt.transition=n,re=t,!(re&6)&&hn()}}function Da(){Ue=Jn.current,ce(Jn)}function En(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(n!==-1&&(e.timeoutHandle=-1,Wv(n)),we!==null)for(n=we.return;n!==null;){var r=n;switch(ma(r),r.tag){case 1:r=r.type.childContextTypes,r!=null&&Gi();break;case 3:pr(),ce(He),ce(Le),Ca();break;case 5:ka(r);break;case 4:pr();break;case 13:ce(pe);break;case 19:ce(pe);break;case 10:xa(r.type._context);break;case 22:case 23:Da()}n=n.return}if(ke=e,we=e=sn(e.current,null),Ne=Ue=t,Ee=0,ko=null,Aa=As=Tn=0,Fe=ro=null,wn!==null){for(t=0;t<wn.length;t++)if(n=wn[t],r=n.interleaved,r!==null){n.interleaved=null;var o=r.next,i=n.pending;if(i!==null){var s=i.next;i.next=o,r.next=s}n.pending=r}wn=null}return e}function Op(e,t){do{var n=we;try{if(wa(),Ti.current=os,rs){for(var r=ge.memoizedState;r!==null;){var o=r.queue;o!==null&&(o.pending=null),r=r.next}rs=!1}if(Pn=0,_e=Se=ge=null,to=!1,So=0,La.current=null,n===null||n.return===null){Ee=1,ko=t,we=null;break}e:{var i=e,s=n.return,l=n,u=t;if(t=Ne,l.flags|=32768,u!==null&&typeof u=="object"&&typeof u.then=="function"){var a=u,d=l,c=d.tag;if(!(d.mode&1)&&(c===0||c===11||c===15)){var f=d.alternate;f?(d.updateQueue=f.updateQueue,d.memoizedState=f.memoizedState,d.lanes=f.lanes):(d.updateQueue=null,d.memoizedState=null)}var m=uf(s);if(m!==null){m.flags&=-257,af(m,s,l,i,t),m.mode&1&&lf(i,a,t),t=m,u=a;var y=t.updateQueue;if(y===null){var w=new Set;w.add(u),t.updateQueue=w}else y.add(u);break e}else{if(!(t&1)){lf(i,a,t),Fa();break e}u=Error(b(426))}}else if(fe&&l.mode&1){var x=uf(s);if(x!==null){!(x.flags&65536)&&(x.flags|=256),af(x,s,l,i,t),ya(gr(u,l));break e}}i=u=gr(u,l),Ee!==4&&(Ee=2),ro===null?ro=[i]:ro.push(i),i=s;do{switch(i.tag){case 3:i.flags|=65536,t&=-t,i.lanes|=t;var h=Sp(i,u,t);ef(i,h);break e;case 1:l=u;var g=i.type,p=i.stateNode;if(!(i.flags&128)&&(typeof g.getDerivedStateFromError=="function"||p!==null&&typeof p.componentDidCatch=="function"&&(rn===null||!rn.has(p)))){i.flags|=65536,t&=-t,i.lanes|=t;var v=Ep(i,l,t);ef(i,v);break e}}i=i.return}while(i!==null)}Vp(n)}catch(E){t=E,we===n&&n!==null&&(we=n=n.return);continue}break}while(!0)}function jp(){var e=is.current;return is.current=os,e===null?os:e}function Fa(){(Ee===0||Ee===3||Ee===2)&&(Ee=4),ke===null||!(Tn&268435455)&&!(As&268435455)||Qt(ke,Ne)}function us(e,t){var n=re;re|=2;var r=jp();(ke!==e||Ne!==t)&&(Pt=null,En(e,t));do try{gw();break}catch(o){Op(e,o)}while(!0);if(wa(),re=n,is.current=r,we!==null)throw Error(b(261));return ke=null,Ne=0,Ee}function gw(){for(;we!==null;)Hp(we)}function mw(){for(;we!==null&&!Vy();)Hp(we)}function Hp(e){var t=Bp(e.alternate,e,Ue);e.memoizedProps=e.pendingProps,t===null?Vp(e):we=t,La.current=null}function Vp(e){var t=e;do{var n=t.alternate;if(e=t.return,t.flags&32768){if(n=aw(n,t),n!==null){n.flags&=32767,we=n;return}if(e!==null)e.flags|=32768,e.subtreeFlags=0,e.deletions=null;else{Ee=6,we=null;return}}else if(n=uw(n,t,Ue),n!==null){we=n;return}if(t=t.sibling,t!==null){we=t;return}we=t=e}while(t!==null);Ee===0&&(Ee=5)}function mn(e,t,n){var r=se,o=nt.transition;try{nt.transition=null,se=1,yw(e,t,n,r)}finally{nt.transition=o,se=r}return null}function yw(e,t,n,r){do lr();while(Zt!==null);if(re&6)throw Error(b(327));n=e.finishedWork;var o=e.finishedLanes;if(n===null)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(b(177));e.callbackNode=null,e.callbackPriority=0;var i=n.lanes|n.childLanes;if(Zy(e,i),e===ke&&(we=ke=null,Ne=0),!(n.subtreeFlags&2064)&&!(n.flags&2064)||ai||(ai=!0,Wp(Bi,function(){return lr(),null})),i=(n.flags&15990)!==0,n.subtreeFlags&15990||i){i=nt.transition,nt.transition=null;var s=se;se=1;var l=re;re|=4,La.current=null,fw(e,n),$p(n,e),Fv(cu),Ui=!!au,cu=au=null,e.current=n,dw(n),by(),re=l,se=s,nt.transition=i}else e.current=n;if(ai&&(ai=!1,Zt=e,ls=o),i=e.pendingLanes,i===0&&(rn=null),Uy(n.stateNode),be(e,ve()),t!==null)for(r=e.onRecoverableError,n=0;n<t.length;n++)o=t[n],r(o.value,{componentStack:o.stack,digest:o.digest});if(ss)throw ss=!1,e=Iu,Iu=null,e;return ls&1&&e.tag!==0&&lr(),i=e.pendingLanes,i&1?e===zu?oo++:(oo=0,zu=e):oo=0,hn(),null}function lr(){if(Zt!==null){var e=Sh(ls),t=nt.transition,n=se;try{if(nt.transition=null,se=16>e?16:e,Zt===null)var r=!1;else{if(e=Zt,Zt=null,ls=0,re&6)throw Error(b(331));var o=re;for(re|=4,X=e.current;X!==null;){var i=X,s=i.child;if(X.flags&16){var l=i.deletions;if(l!==null){for(var u=0;u<l.length;u++){var a=l[u];for(X=a;X!==null;){var d=X;switch(d.tag){case 0:case 11:case 15:no(8,d,i)}var c=d.child;if(c!==null)c.return=d,X=c;else for(;X!==null;){d=X;var f=d.sibling,m=d.return;if(Lp(d),d===a){X=null;break}if(f!==null){f.return=m,X=f;break}X=m}}}var y=i.alternate;if(y!==null){var w=y.child;if(w!==null){y.child=null;do{var x=w.sibling;w.sibling=null,w=x}while(w!==null)}}X=i}}if(i.subtreeFlags&2064&&s!==null)s.return=i,X=s;else e:for(;X!==null;){if(i=X,i.flags&2048)switch(i.tag){case 0:case 11:case 15:no(9,i,i.return)}var h=i.sibling;if(h!==null){h.return=i.return,X=h;break e}X=i.return}}var g=e.current;for(X=g;X!==null;){s=X;var p=s.child;if(s.subtreeFlags&2064&&p!==null)p.return=s,X=p;else e:for(s=g;X!==null;){if(l=X,l.flags&2048)try{switch(l.tag){case 0:case 11:case 15:Ls(9,l)}}catch(E){ye(l,l.return,E)}if(l===s){X=null;break e}var v=l.sibling;if(v!==null){v.return=l.return,X=v;break e}X=l.return}}if(re=o,hn(),St&&typeof St.onPostCommitFiberRoot=="function")try{St.onPostCommitFiberRoot(ks,e)}catch{}r=!0}return r}finally{se=n,nt.transition=t}}return!1}function Ef(e,t,n){t=gr(n,t),t=Sp(e,t,1),e=nn(e,t,1),t=Re(),e!==null&&($o(e,1,t),be(e,t))}function ye(e,t,n){if(e.tag===3)Ef(e,e,n);else for(;t!==null;){if(t.tag===3){Ef(t,e,n);break}else if(t.tag===1){var r=t.stateNode;if(typeof t.type.getDerivedStateFromError=="function"||typeof r.componentDidCatch=="function"&&(rn===null||!rn.has(r))){e=gr(n,e),e=Ep(t,e,1),t=nn(t,e,1),e=Re(),t!==null&&($o(t,1,e),be(t,e));break}}t=t.return}}function vw(e,t,n){var r=e.pingCache;r!==null&&r.delete(t),t=Re(),e.pingedLanes|=e.suspendedLanes&n,ke===e&&(Ne&n)===n&&(Ee===4||Ee===3&&(Ne&130023424)===Ne&&500>ve()-Ra?En(e,0):Aa|=n),be(e,t)}function bp(e,t){t===0&&(e.mode&1?(t=Jo,Jo<<=1,!(Jo&130023424)&&(Jo=4194304)):t=1);var n=Re();e=Dt(e,t),e!==null&&($o(e,t,n),be(e,n))}function ww(e){var t=e.memoizedState,n=0;t!==null&&(n=t.retryLane),bp(e,n)}function xw(e,t){var n=0;switch(e.tag){case 13:var r=e.stateNode,o=e.memoizedState;o!==null&&(n=o.retryLane);break;case 19:r=e.stateNode;break;default:throw Error(b(314))}r!==null&&r.delete(t),bp(e,n)}var Bp;Bp=function(e,t,n){if(e!==null)if(e.memoizedProps!==t.pendingProps||He.current)Oe=!0;else{if(!(e.lanes&n)&&!(t.flags&128))return Oe=!1,lw(e,t,n);Oe=!!(e.flags&131072)}else Oe=!1,fe&&t.flags&1048576&&Xh(t,qi,t.index);switch(t.lanes=0,t.tag){case 2:var r=t.type;zi(e,t),e=t.pendingProps;var o=fr(t,Le.current);sr(t,n),o=Ma(null,t,r,e,o,n);var i=Pa();return t.flags|=1,typeof o=="object"&&o!==null&&typeof o.render=="function"&&o.$$typeof===void 0?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ve(r)?(i=!0,Ki(t)):i=!1,t.memoizedState=o.state!==null&&o.state!==void 0?o.state:null,Ea(t),o.updater=zs,t.stateNode=o,o._reactInternals=t,wu(t,r,e,n),t=Eu(null,t,r,!0,i,n)):(t.tag=0,fe&&i&&ga(t),Ae(null,t,o,n),t=t.child),t;case 16:r=t.elementType;e:{switch(zi(e,t),e=t.pendingProps,o=r._init,r=o(r._payload),t.type=r,o=t.tag=Ew(r),e=st(r,e),o){case 0:t=Su(null,t,r,e,n);break e;case 1:t=df(null,t,r,e,n);break e;case 11:t=cf(null,t,r,e,n);break e;case 14:t=ff(null,t,r,st(r.type,e),n);break e}throw Error(b(306,r,""))}return t;case 0:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:st(r,o),Su(e,t,r,o,n);case 1:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:st(r,o),df(e,t,r,o,n);case 3:e:{if(Np(t),e===null)throw Error(b(387));r=t.pendingProps,i=t.memoizedState,o=i.element,Jh(e,t),ts(t,r,null,n);var s=t.memoizedState;if(r=s.element,i.isDehydrated)if(i={element:r,isDehydrated:!1,cache:s.cache,pendingSuspenseBoundaries:s.pendingSuspenseBoundaries,transitions:s.transitions},t.updateQueue.baseState=i,t.memoizedState=i,t.flags&256){o=gr(Error(b(423)),t),t=hf(e,t,r,n,o);break e}else if(r!==o){o=gr(Error(b(424)),t),t=hf(e,t,r,n,o);break e}else for(Xe=tn(t.stateNode.containerInfo.firstChild),Qe=t,fe=!0,at=null,n=Zh(t,null,r,n),t.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(dr(),r===o){t=Ft(e,t,n);break e}Ae(e,t,r,n)}t=t.child}return t;case 5:return ep(t),e===null&&mu(t),r=t.type,o=t.pendingProps,i=e!==null?e.memoizedProps:null,s=o.children,fu(r,o)?s=null:i!==null&&fu(r,i)&&(t.flags|=32),Cp(e,t),Ae(e,t,s,n),t.child;case 6:return e===null&&mu(t),null;case 13:return Mp(e,t,n);case 4:return _a(t,t.stateNode.containerInfo),r=t.pendingProps,e===null?t.child=hr(t,null,r,n):Ae(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:st(r,o),cf(e,t,r,o,n);case 7:return Ae(e,t,t.pendingProps,n),t.child;case 8:return Ae(e,t,t.pendingProps.children,n),t.child;case 12:return Ae(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,i=t.memoizedProps,s=o.value,le(Ji,r._currentValue),r._currentValue=s,i!==null)if(gt(i.value,s)){if(i.children===o.children&&!He.current){t=Ft(e,t,n);break e}}else for(i=t.child,i!==null&&(i.return=t);i!==null;){var l=i.dependencies;if(l!==null){s=i.child;for(var u=l.firstContext;u!==null;){if(u.context===r){if(i.tag===1){u=At(-1,n&-n),u.tag=2;var a=i.updateQueue;if(a!==null){a=a.shared;var d=a.pending;d===null?u.next=u:(u.next=d.next,d.next=u),a.pending=u}}i.lanes|=n,u=i.alternate,u!==null&&(u.lanes|=n),yu(i.return,n,t),l.lanes|=n;break}u=u.next}}else if(i.tag===10)s=i.type===t.type?null:i.child;else if(i.tag===18){if(s=i.return,s===null)throw Error(b(341));s.lanes|=n,l=s.alternate,l!==null&&(l.lanes|=n),yu(s,n,t),s=i.sibling}else s=i.child;if(s!==null)s.return=i;else for(s=i;s!==null;){if(s===t){s=null;break}if(i=s.sibling,i!==null){i.return=s.return,s=i;break}s=s.return}i=s}Ae(e,t,o.children,n),t=t.child}return t;case 9:return o=t.type,r=t.pendingProps.children,sr(t,n),o=rt(o),r=r(o),t.flags|=1,Ae(e,t,r,n),t.child;case 14:return r=t.type,o=st(r,t.pendingProps),o=st(r.type,o),ff(e,t,r,o,n);case 15:return _p(e,t,t.type,t.pendingProps,n);case 17:return r=t.type,o=t.pendingProps,o=t.elementType===r?o:st(r,o),zi(e,t),t.tag=1,Ve(r)?(e=!0,Ki(t)):e=!1,sr(t,n),xp(t,r,o),wu(t,r,o,n),Eu(null,t,r,!0,e,n);case 19:return Pp(e,t,n);case 22:return kp(e,t,n)}throw Error(b(156,t.tag))};function Wp(e,t){return yh(e,t)}function Sw(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function tt(e,t,n,r){return new Sw(e,t,n,r)}function Oa(e){return e=e.prototype,!(!e||!e.isReactComponent)}function Ew(e){if(typeof e=="function")return Oa(e)?1:0;if(e!=null){if(e=e.$$typeof,e===ra)return 11;if(e===oa)return 14}return 2}function sn(e,t){var n=e.alternate;return n===null?(n=tt(e.tag,t,e.key,e.mode),n.elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=e.flags&14680064,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=t===null?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Ri(e,t,n,r,o,i){var s=2;if(r=e,typeof e=="function")Oa(e)&&(s=1);else if(typeof e=="string")s=5;else e:switch(e){case Bn:return _n(n.children,o,i,t);case na:s=8,o|=8;break;case Bl:return e=tt(12,n,t,o|2),e.elementType=Bl,e.lanes=i,e;case Wl:return e=tt(13,n,t,o),e.elementType=Wl,e.lanes=i,e;case Ul:return e=tt(19,n,t,o),e.elementType=Ul,e.lanes=i,e;case eh:return Rs(n,o,i,t);default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case qd:s=10;break e;case Jd:s=9;break e;case ra:s=11;break e;case oa:s=14;break e;case Ut:s=16,r=null;break e}throw Error(b(130,e==null?e:typeof e,""))}return t=tt(s,n,t,o),t.elementType=e,t.type=r,t.lanes=i,t}function _n(e,t,n,r){return e=tt(7,e,r,t),e.lanes=n,e}function Rs(e,t,n,r){return e=tt(22,e,r,t),e.elementType=eh,e.lanes=n,e.stateNode={isHidden:!1},e}function Ml(e,t,n){return e=tt(6,e,null,t),e.lanes=n,e}function Pl(e,t,n){return t=tt(4,e.children!==null?e.children:[],e.key,t),t.lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function _w(e,t,n,r,o){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=ul(0),this.expirationTimes=ul(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=ul(0),this.identifierPrefix=r,this.onRecoverableError=o,this.mutableSourceEagerHydrationData=null}function ja(e,t,n,r,o,i,s,l,u){return e=new _w(e,t,n,l,u),t===1?(t=1,i===!0&&(t|=8)):t=0,i=tt(3,null,null,t),e.current=i,i.stateNode=e,i.memoizedState={element:r,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Ea(i),e}function kw(e,t,n){var r=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:bn,key:r==null?null:""+r,children:e,containerInfo:t,implementation:n}}function Up(e){if(!e)return cn;e=e._reactInternals;e:{if(Dn(e)!==e||e.tag!==1)throw Error(b(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Ve(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(t!==null);throw Error(b(171))}if(e.tag===1){var n=e.type;if(Ve(n))return Uh(e,n,t)}return t}function Yp(e,t,n,r,o,i,s,l,u){return e=ja(n,r,!0,e,o,i,s,l,u),e.context=Up(null),n=e.current,r=Re(),o=on(n),i=At(r,o),i.callback=t??null,nn(n,i,o),e.current.lanes=o,$o(e,o,r),be(e,r),e}function $s(e,t,n,r){var o=t.current,i=Re(),s=on(o);return n=Up(n),t.context===null?t.context=n:t.pendingContext=n,t=At(i,s),t.payload={element:e},r=r===void 0?null:r,r!==null&&(t.callback=r),e=nn(o,t,s),e!==null&&(pt(e,o,s,i),Pi(e,o,s)),s}function as(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:return e.child.stateNode;default:return e.child.stateNode}}function _f(e,t){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var n=e.retryLane;e.retryLane=n!==0&&n<t?n:t}}function Ha(e,t){_f(e,t),(e=e.alternate)&&_f(e,t)}function Cw(){return null}var Xp=typeof reportError=="function"?reportError:function(e){console.error(e)};function Va(e){this._internalRoot=e}Ds.prototype.render=Va.prototype.render=function(e){var t=this._internalRoot;if(t===null)throw Error(b(409));$s(e,t,null,null)};Ds.prototype.unmount=Va.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var t=e.containerInfo;In(function(){$s(null,e,null,null)}),t[$t]=null}};function Ds(e){this._internalRoot=e}Ds.prototype.unstable_scheduleHydration=function(e){if(e){var t=kh();e={blockedOn:null,target:e,priority:t};for(var n=0;n<Xt.length&&t!==0&&t<Xt[n].priority;n++);Xt.splice(n,0,e),n===0&&Nh(e)}};function ba(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)}function Fs(e){return!(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11&&(e.nodeType!==8||e.nodeValue!==" react-mount-point-unstable "))}function kf(){}function Nw(e,t,n,r,o){if(o){if(typeof r=="function"){var i=r;r=function(){var a=as(s);i.call(a)}}var s=Yp(t,r,e,0,null,!1,!1,"",kf);return e._reactRootContainer=s,e[$t]=s.current,mo(e.nodeType===8?e.parentNode:e),In(),s}for(;o=e.lastChild;)e.removeChild(o);if(typeof r=="function"){var l=r;r=function(){var a=as(u);l.call(a)}}var u=ja(e,0,!1,null,null,!1,!1,"",kf);return e._reactRootContainer=u,e[$t]=u.current,mo(e.nodeType===8?e.parentNode:e),In(function(){$s(t,u,n,r)}),u}function Os(e,t,n,r,o){var i=n._reactRootContainer;if(i){var s=i;if(typeof o=="function"){var l=o;o=function(){var u=as(s);l.call(u)}}$s(t,s,e,o)}else s=Nw(n,t,e,o,r);return as(s)}Eh=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=Yr(t.pendingLanes);n!==0&&(la(t,n|1),be(t,ve()),!(re&6)&&(mr=ve()+500,hn()))}break;case 13:In(function(){var r=Dt(e,1);if(r!==null){var o=Re();pt(r,e,1,o)}}),Ha(e,1)}};ua=function(e){if(e.tag===13){var t=Dt(e,134217728);if(t!==null){var n=Re();pt(t,e,134217728,n)}Ha(e,134217728)}};_h=function(e){if(e.tag===13){var t=on(e),n=Dt(e,t);if(n!==null){var r=Re();pt(n,e,t,r)}Ha(e,t)}};kh=function(){return se};Ch=function(e,t){var n=se;try{return se=e,t()}finally{se=n}};tu=function(e,t,n){switch(t){case"input":if(Ql(e,n),t=n.name,n.type==="radio"&&t!=null){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var o=Ps(r);if(!o)throw Error(b(90));nh(r),Ql(r,o)}}}break;case"textarea":oh(e,n);break;case"select":t=n.value,t!=null&&nr(e,!!n.multiple,t,!1)}};fh=$a;dh=In;var Mw={usingClientEntryPoint:!1,Events:[Fo,Xn,Ps,ah,ch,$a]},Vr={findFiberByHostInstance:vn,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},Pw={bundleType:Vr.bundleType,version:Vr.version,rendererPackageName:Vr.rendererPackageName,rendererConfig:Vr.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:jt.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return e=gh(e),e===null?null:e.stateNode},findFiberByHostInstance:Vr.findFiberByHostInstance||Cw,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var ci=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ci.isDisabled&&ci.supportsFiber)try{ks=ci.inject(Pw),St=ci}catch{}}Ze.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Mw;Ze.createPortal=function(e,t){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!ba(t))throw Error(b(200));return kw(e,t,null,n)};Ze.createRoot=function(e,t){if(!ba(e))throw Error(b(299));var n=!1,r="",o=Xp;return t!=null&&(t.unstable_strictMode===!0&&(n=!0),t.identifierPrefix!==void 0&&(r=t.identifierPrefix),t.onRecoverableError!==void 0&&(o=t.onRecoverableError)),t=ja(e,1,!1,null,null,n,!1,r,o),e[$t]=t.current,mo(e.nodeType===8?e.parentNode:e),new Va(t)};Ze.findDOMNode=function(e){if(e==null)return null;if(e.nodeType===1)return e;var t=e._reactInternals;if(t===void 0)throw typeof e.render=="function"?Error(b(188)):(e=Object.keys(e).join(","),Error(b(268,e)));return e=gh(t),e=e===null?null:e.stateNode,e};Ze.flushSync=function(e){return In(e)};Ze.hydrate=function(e,t,n){if(!Fs(t))throw Error(b(200));return Os(null,e,t,!0,n)};Ze.hydrateRoot=function(e,t,n){if(!ba(e))throw Error(b(405));var r=n!=null&&n.hydratedSources||null,o=!1,i="",s=Xp;if(n!=null&&(n.unstable_strictMode===!0&&(o=!0),n.identifierPrefix!==void 0&&(i=n.identifierPrefix),n.onRecoverableError!==void 0&&(s=n.onRecoverableError)),t=Yp(t,null,e,1,n??null,o,!1,i,s),e[$t]=t.current,mo(e),r)for(e=0;e<r.length;e++)n=r[e],o=n._getVersion,o=o(n._source),t.mutableSourceEagerHydrationData==null?t.mutableSourceEagerHydrationData=[n,o]:t.mutableSourceEagerHydrationData.push(n,o);return new Ds(t)};Ze.render=function(e,t,n){if(!Fs(t))throw Error(b(200));return Os(null,e,t,!1,n)};Ze.unmountComponentAtNode=function(e){if(!Fs(e))throw Error(b(40));return e._reactRootContainer?(In(function(){Os(null,null,e,!1,function(){e._reactRootContainer=null,e[$t]=null})}),!0):!1};Ze.unstable_batchedUpdates=$a;Ze.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Fs(n))throw Error(b(200));if(e==null||e._reactInternals===void 0)throw Error(b(38));return Os(e,t,n,!1,r)};Ze.version="18.3.1-next-f1338f8080-20240426";function Qp(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Qp)}catch(e){console.error(e)}}Qp(),Qd.exports=Ze;var Tw=Qd.exports,Gp,Cf=Tw;Gp=Cf.createRoot,Cf.hydrateRoot;function xe(e){if(typeof e=="string"||typeof e=="number")return""+e;let t="";if(Array.isArray(e))for(let n=0,r;n<e.length;n++)(r=xe(e[n]))!==""&&(t+=(t&&" ")+r);else for(let n in e)e[n]&&(t+=(t&&" ")+n);return t}var Iw={value:()=>{}};function js(){for(var e=0,t=arguments.length,n={},r;e<t;++e){if(!(r=arguments[e]+"")||r in n||/[\s.]/.test(r))throw new Error("illegal type: "+r);n[r]=[]}return new $i(n)}function $i(e){this._=e}function zw(e,t){return e.trim().split(/^|\s+/).map(function(n){var r="",o=n.indexOf(".");if(o>=0&&(r=n.slice(o+1),n=n.slice(0,o)),n&&!t.hasOwnProperty(n))throw new Error("unknown type: "+n);return{type:n,name:r}})}$i.prototype=js.prototype={constructor:$i,on:function(e,t){var n=this._,r=zw(e+"",n),o,i=-1,s=r.length;if(arguments.length<2){for(;++i<s;)if((o=(e=r[i]).type)&&(o=Lw(n[o],e.name)))return o;return}if(t!=null&&typeof t!="function")throw new Error("invalid callback: "+t);for(;++i<s;)if(o=(e=r[i]).type)n[o]=Nf(n[o],e.name,t);else if(t==null)for(o in n)n[o]=Nf(n[o],e.name,null);return this},copy:function(){var e={},t=this._;for(var n in t)e[n]=t[n].slice();return new $i(e)},call:function(e,t){if((o=arguments.length-2)>0)for(var n=new Array(o),r=0,o,i;r<o;++r)n[r]=arguments[r+2];if(!this._.hasOwnProperty(e))throw new Error("unknown type: "+e);for(i=this._[e],r=0,o=i.length;r<o;++r)i[r].value.apply(t,n)},apply:function(e,t,n){if(!this._.hasOwnProperty(e))throw new Error("unknown type: "+e);for(var r=this._[e],o=0,i=r.length;o<i;++o)r[o].value.apply(t,n)}};function Lw(e,t){for(var n=0,r=e.length,o;n<r;++n)if((o=e[n]).name===t)return o.value}function Nf(e,t,n){for(var r=0,o=e.length;r<o;++r)if(e[r].name===t){e[r]=Iw,e=e.slice(0,r).concat(e.slice(r+1));break}return n!=null&&e.push({name:t,value:n}),e}var Ru="http://www.w3.org/1999/xhtml";const Mf={svg:"http://www.w3.org/2000/svg",xhtml:Ru,xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace",xmlns:"http://www.w3.org/2000/xmlns/"};function Hs(e){var t=e+="",n=t.indexOf(":");return n>=0&&(t=e.slice(0,n))!=="xmlns"&&(e=e.slice(n+1)),Mf.hasOwnProperty(t)?{space:Mf[t],local:e}:e}function Aw(e){return function(){var t=this.ownerDocument,n=this.namespaceURI;return n===Ru&&t.documentElement.namespaceURI===Ru?t.createElement(e):t.createElementNS(n,e)}}function Rw(e){return function(){return this.ownerDocument.createElementNS(e.space,e.local)}}function Kp(e){var t=Hs(e);return(t.local?Rw:Aw)(t)}function $w(){}function Ba(e){return e==null?$w:function(){return this.querySelector(e)}}function Dw(e){typeof e!="function"&&(e=Ba(e));for(var t=this._groups,n=t.length,r=new Array(n),o=0;o<n;++o)for(var i=t[o],s=i.length,l=r[o]=new Array(s),u,a,d=0;d<s;++d)(u=i[d])&&(a=e.call(u,u.__data__,d,i))&&("__data__"in u&&(a.__data__=u.__data__),l[d]=a);return new Ke(r,this._parents)}function Fw(e){return e==null?[]:Array.isArray(e)?e:Array.from(e)}function Ow(){return[]}function Zp(e){return e==null?Ow:function(){return this.querySelectorAll(e)}}function jw(e){return function(){return Fw(e.apply(this,arguments))}}function Hw(e){typeof e=="function"?e=jw(e):e=Zp(e);for(var t=this._groups,n=t.length,r=[],o=[],i=0;i<n;++i)for(var s=t[i],l=s.length,u,a=0;a<l;++a)(u=s[a])&&(r.push(e.call(u,u.__data__,a,s)),o.push(u));return new Ke(r,o)}function qp(e){return function(){return this.matches(e)}}function Jp(e){return function(t){return t.matches(e)}}var Vw=Array.prototype.find;function bw(e){return function(){return Vw.call(this.children,e)}}function Bw(){return this.firstElementChild}function Ww(e){return this.select(e==null?Bw:bw(typeof e=="function"?e:Jp(e)))}var Uw=Array.prototype.filter;function Yw(){return Array.from(this.children)}function Xw(e){return function(){return Uw.call(this.children,e)}}function Qw(e){return this.selectAll(e==null?Yw:Xw(typeof e=="function"?e:Jp(e)))}function Gw(e){typeof e!="function"&&(e=qp(e));for(var t=this._groups,n=t.length,r=new Array(n),o=0;o<n;++o)for(var i=t[o],s=i.length,l=r[o]=[],u,a=0;a<s;++a)(u=i[a])&&e.call(u,u.__data__,a,i)&&l.push(u);return new Ke(r,this._parents)}function eg(e){return new Array(e.length)}function Kw(){return new Ke(this._enter||this._groups.map(eg),this._parents)}function cs(e,t){this.ownerDocument=e.ownerDocument,this.namespaceURI=e.namespaceURI,this._next=null,this._parent=e,this.__data__=t}cs.prototype={constructor:cs,appendChild:function(e){return this._parent.insertBefore(e,this._next)},insertBefore:function(e,t){return this._parent.insertBefore(e,t)},querySelector:function(e){return this._parent.querySelector(e)},querySelectorAll:function(e){return this._parent.querySelectorAll(e)}};function Zw(e){return function(){return e}}function qw(e,t,n,r,o,i){for(var s=0,l,u=t.length,a=i.length;s<a;++s)(l=t[s])?(l.__data__=i[s],r[s]=l):n[s]=new cs(e,i[s]);for(;s<u;++s)(l=t[s])&&(o[s]=l)}function Jw(e,t,n,r,o,i,s){var l,u,a=new Map,d=t.length,c=i.length,f=new Array(d),m;for(l=0;l<d;++l)(u=t[l])&&(f[l]=m=s.call(u,u.__data__,l,t)+"",a.has(m)?o[l]=u:a.set(m,u));for(l=0;l<c;++l)m=s.call(e,i[l],l,i)+"",(u=a.get(m))?(r[l]=u,u.__data__=i[l],a.delete(m)):n[l]=new cs(e,i[l]);for(l=0;l<d;++l)(u=t[l])&&a.get(f[l])===u&&(o[l]=u)}function ex(e){return e.__data__}function tx(e,t){if(!arguments.length)return Array.from(this,ex);var n=t?Jw:qw,r=this._parents,o=this._groups;typeof e!="function"&&(e=Zw(e));for(var i=o.length,s=new Array(i),l=new Array(i),u=new Array(i),a=0;a<i;++a){var d=r[a],c=o[a],f=c.length,m=nx(e.call(d,d&&d.__data__,a,r)),y=m.length,w=l[a]=new Array(y),x=s[a]=new Array(y),h=u[a]=new Array(f);n(d,c,w,x,h,m,t);for(var g=0,p=0,v,E;g<y;++g)if(v=w[g]){for(g>=p&&(p=g+1);!(E=x[p])&&++p<y;);v._next=E||null}}return s=new Ke(s,r),s._enter=l,s._exit=u,s}function nx(e){return typeof e=="object"&&"length"in e?e:Array.from(e)}function rx(){return new Ke(this._exit||this._groups.map(eg),this._parents)}function ox(e,t,n){var r=this.enter(),o=this,i=this.exit();return typeof e=="function"?(r=e(r),r&&(r=r.selection())):r=r.append(e+""),t!=null&&(o=t(o),o&&(o=o.selection())),n==null?i.remove():n(i),r&&o?r.merge(o).order():o}function ix(e){for(var t=e.selection?e.selection():e,n=this._groups,r=t._groups,o=n.length,i=r.length,s=Math.min(o,i),l=new Array(o),u=0;u<s;++u)for(var a=n[u],d=r[u],c=a.length,f=l[u]=new Array(c),m,y=0;y<c;++y)(m=a[y]||d[y])&&(f[y]=m);for(;u<o;++u)l[u]=n[u];return new Ke(l,this._parents)}function sx(){for(var e=this._groups,t=-1,n=e.length;++t<n;)for(var r=e[t],o=r.length-1,i=r[o],s;--o>=0;)(s=r[o])&&(i&&s.compareDocumentPosition(i)^4&&i.parentNode.insertBefore(s,i),i=s);return this}function lx(e){e||(e=ux);function t(c,f){return c&&f?e(c.__data__,f.__data__):!c-!f}for(var n=this._groups,r=n.length,o=new Array(r),i=0;i<r;++i){for(var s=n[i],l=s.length,u=o[i]=new Array(l),a,d=0;d<l;++d)(a=s[d])&&(u[d]=a);u.sort(t)}return new Ke(o,this._parents).order()}function ux(e,t){return e<t?-1:e>t?1:e>=t?0:NaN}function ax(){var e=arguments[0];return arguments[0]=this,e.apply(null,arguments),this}function cx(){return Array.from(this)}function fx(){for(var e=this._groups,t=0,n=e.length;t<n;++t)for(var r=e[t],o=0,i=r.length;o<i;++o){var s=r[o];if(s)return s}return null}function dx(){let e=0;for(const t of this)++e;return e}function hx(){return!this.node()}function px(e){for(var t=this._groups,n=0,r=t.length;n<r;++n)for(var o=t[n],i=0,s=o.length,l;i<s;++i)(l=o[i])&&e.call(l,l.__data__,i,o);return this}function gx(e){return function(){this.removeAttribute(e)}}function mx(e){return function(){this.removeAttributeNS(e.space,e.local)}}function yx(e,t){return function(){this.setAttribute(e,t)}}function vx(e,t){return function(){this.setAttributeNS(e.space,e.local,t)}}function wx(e,t){return function(){var n=t.apply(this,arguments);n==null?this.removeAttribute(e):this.setAttribute(e,n)}}function xx(e,t){return function(){var n=t.apply(this,arguments);n==null?this.removeAttributeNS(e.space,e.local):this.setAttributeNS(e.space,e.local,n)}}function Sx(e,t){var n=Hs(e);if(arguments.length<2){var r=this.node();return n.local?r.getAttributeNS(n.space,n.local):r.getAttribute(n)}return this.each((t==null?n.local?mx:gx:typeof t=="function"?n.local?xx:wx:n.local?vx:yx)(n,t))}function tg(e){return e.ownerDocument&&e.ownerDocument.defaultView||e.document&&e||e.defaultView}function Ex(e){return function(){this.style.removeProperty(e)}}function _x(e,t,n){return function(){this.style.setProperty(e,t,n)}}function kx(e,t,n){return function(){var r=t.apply(this,arguments);r==null?this.style.removeProperty(e):this.style.setProperty(e,r,n)}}function Cx(e,t,n){return arguments.length>1?this.each((t==null?Ex:typeof t=="function"?kx:_x)(e,t,n??"")):yr(this.node(),e)}function yr(e,t){return e.style.getPropertyValue(t)||tg(e).getComputedStyle(e,null).getPropertyValue(t)}function Nx(e){return function(){delete this[e]}}function Mx(e,t){return function(){this[e]=t}}function Px(e,t){return function(){var n=t.apply(this,arguments);n==null?delete this[e]:this[e]=n}}function Tx(e,t){return arguments.length>1?this.each((t==null?Nx:typeof t=="function"?Px:Mx)(e,t)):this.node()[e]}function ng(e){return e.trim().split(/^|\s+/)}function Wa(e){return e.classList||new rg(e)}function rg(e){this._node=e,this._names=ng(e.getAttribute("class")||"")}rg.prototype={add:function(e){var t=this._names.indexOf(e);t<0&&(this._names.push(e),this._node.setAttribute("class",this._names.join(" ")))},remove:function(e){var t=this._names.indexOf(e);t>=0&&(this._names.splice(t,1),this._node.setAttribute("class",this._names.join(" ")))},contains:function(e){return this._names.indexOf(e)>=0}};function og(e,t){for(var n=Wa(e),r=-1,o=t.length;++r<o;)n.add(t[r])}function ig(e,t){for(var n=Wa(e),r=-1,o=t.length;++r<o;)n.remove(t[r])}function Ix(e){return function(){og(this,e)}}function zx(e){return function(){ig(this,e)}}function Lx(e,t){return function(){(t.apply(this,arguments)?og:ig)(this,e)}}function Ax(e,t){var n=ng(e+"");if(arguments.length<2){for(var r=Wa(this.node()),o=-1,i=n.length;++o<i;)if(!r.contains(n[o]))return!1;return!0}return this.each((typeof t=="function"?Lx:t?Ix:zx)(n,t))}function Rx(){this.textContent=""}function $x(e){return function(){this.textContent=e}}function Dx(e){return function(){var t=e.apply(this,arguments);this.textContent=t??""}}function Fx(e){return arguments.length?this.each(e==null?Rx:(typeof e=="function"?Dx:$x)(e)):this.node().textContent}function Ox(){this.innerHTML=""}function jx(e){return function(){this.innerHTML=e}}function Hx(e){return function(){var t=e.apply(this,arguments);this.innerHTML=t??""}}function Vx(e){return arguments.length?this.each(e==null?Ox:(typeof e=="function"?Hx:jx)(e)):this.node().innerHTML}function bx(){this.nextSibling&&this.parentNode.appendChild(this)}function Bx(){return this.each(bx)}function Wx(){this.previousSibling&&this.parentNode.insertBefore(this,this.parentNode.firstChild)}function Ux(){return this.each(Wx)}function Yx(e){var t=typeof e=="function"?e:Kp(e);return this.select(function(){return this.appendChild(t.apply(this,arguments))})}function Xx(){return null}function Qx(e,t){var n=typeof e=="function"?e:Kp(e),r=t==null?Xx:typeof t=="function"?t:Ba(t);return this.select(function(){return this.insertBefore(n.apply(this,arguments),r.apply(this,arguments)||null)})}function Gx(){var e=this.parentNode;e&&e.removeChild(this)}function Kx(){return this.each(Gx)}function Zx(){var e=this.cloneNode(!1),t=this.parentNode;return t?t.insertBefore(e,this.nextSibling):e}function qx(){var e=this.cloneNode(!0),t=this.parentNode;return t?t.insertBefore(e,this.nextSibling):e}function Jx(e){return this.select(e?qx:Zx)}function e1(e){return arguments.length?this.property("__data__",e):this.node().__data__}function t1(e){return function(t){e.call(this,t,this.__data__)}}function n1(e){return e.trim().split(/^|\s+/).map(function(t){var n="",r=t.indexOf(".");return r>=0&&(n=t.slice(r+1),t=t.slice(0,r)),{type:t,name:n}})}function r1(e){return function(){var t=this.__on;if(t){for(var n=0,r=-1,o=t.length,i;n<o;++n)i=t[n],(!e.type||i.type===e.type)&&i.name===e.name?this.removeEventListener(i.type,i.listener,i.options):t[++r]=i;++r?t.length=r:delete this.__on}}}function o1(e,t,n){return function(){var r=this.__on,o,i=t1(t);if(r){for(var s=0,l=r.length;s<l;++s)if((o=r[s]).type===e.type&&o.name===e.name){this.removeEventListener(o.type,o.listener,o.options),this.addEventListener(o.type,o.listener=i,o.options=n),o.value=t;return}}this.addEventListener(e.type,i,n),o={type:e.type,name:e.name,value:t,listener:i,options:n},r?r.push(o):this.__on=[o]}}function i1(e,t,n){var r=n1(e+""),o,i=r.length,s;if(arguments.length<2){var l=this.node().__on;if(l){for(var u=0,a=l.length,d;u<a;++u)for(o=0,d=l[u];o<i;++o)if((s=r[o]).type===d.type&&s.name===d.name)return d.value}return}for(l=t?o1:r1,o=0;o<i;++o)this.each(l(r[o],t,n));return this}function sg(e,t,n){var r=tg(e),o=r.CustomEvent;typeof o=="function"?o=new o(t,n):(o=r.document.createEvent("Event"),n?(o.initEvent(t,n.bubbles,n.cancelable),o.detail=n.detail):o.initEvent(t,!1,!1)),e.dispatchEvent(o)}function s1(e,t){return function(){return sg(this,e,t)}}function l1(e,t){return function(){return sg(this,e,t.apply(this,arguments))}}function u1(e,t){return this.each((typeof t=="function"?l1:s1)(e,t))}function*a1(){for(var e=this._groups,t=0,n=e.length;t<n;++t)for(var r=e[t],o=0,i=r.length,s;o<i;++o)(s=r[o])&&(yield s)}var lg=[null];function Ke(e,t){this._groups=e,this._parents=t}function jo(){return new Ke([[document.documentElement]],lg)}function c1(){return this}Ke.prototype=jo.prototype={constructor:Ke,select:Dw,selectAll:Hw,selectChild:Ww,selectChildren:Qw,filter:Gw,data:tx,enter:Kw,exit:rx,join:ox,merge:ix,selection:c1,order:sx,sort:lx,call:ax,nodes:cx,node:fx,size:dx,empty:hx,each:px,attr:Sx,style:Cx,property:Tx,classed:Ax,text:Fx,html:Vx,raise:Bx,lower:Ux,append:Yx,insert:Qx,remove:Kx,clone:Jx,datum:e1,on:i1,dispatch:u1,[Symbol.iterator]:a1};function Ye(e){return typeof e=="string"?new Ke([[document.querySelector(e)]],[document.documentElement]):new Ke([[e]],lg)}function f1(e){let t;for(;t=e.sourceEvent;)e=t;return e}function ut(e,t){if(e=f1(e),t===void 0&&(t=e.currentTarget),t){var n=t.ownerSVGElement||t;if(n.createSVGPoint){var r=n.createSVGPoint();return r.x=e.clientX,r.y=e.clientY,r=r.matrixTransform(t.getScreenCTM().inverse()),[r.x,r.y]}if(t.getBoundingClientRect){var o=t.getBoundingClientRect();return[e.clientX-o.left-t.clientLeft,e.clientY-o.top-t.clientTop]}}return[e.pageX,e.pageY]}const d1={passive:!1},Co={capture:!0,passive:!1};function Tl(e){e.stopImmediatePropagation()}function ur(e){e.preventDefault(),e.stopImmediatePropagation()}function ug(e){var t=e.document.documentElement,n=Ye(e).on("dragstart.drag",ur,Co);"onselectstart"in t?n.on("selectstart.drag",ur,Co):(t.__noselect=t.style.MozUserSelect,t.style.MozUserSelect="none")}function ag(e,t){var n=e.document.documentElement,r=Ye(e).on("dragstart.drag",null);t&&(r.on("click.drag",ur,Co),setTimeout(function(){r.on("click.drag",null)},0)),"onselectstart"in n?r.on("selectstart.drag",null):(n.style.MozUserSelect=n.__noselect,delete n.__noselect)}const fi=e=>()=>e;function $u(e,{sourceEvent:t,subject:n,target:r,identifier:o,active:i,x:s,y:l,dx:u,dy:a,dispatch:d}){Object.defineProperties(this,{type:{value:e,enumerable:!0,configurable:!0},sourceEvent:{value:t,enumerable:!0,configurable:!0},subject:{value:n,enumerable:!0,configurable:!0},target:{value:r,enumerable:!0,configurable:!0},identifier:{value:o,enumerable:!0,configurable:!0},active:{value:i,enumerable:!0,configurable:!0},x:{value:s,enumerable:!0,configurable:!0},y:{value:l,enumerable:!0,configurable:!0},dx:{value:u,enumerable:!0,configurable:!0},dy:{value:a,enumerable:!0,configurable:!0},_:{value:d}})}$u.prototype.on=function(){var e=this._.on.apply(this._,arguments);return e===this._?this:e};function h1(e){return!e.ctrlKey&&!e.button}function p1(){return this.parentNode}function g1(e,t){return t??{x:e.x,y:e.y}}function m1(){return navigator.maxTouchPoints||"ontouchstart"in this}function cg(){var e=h1,t=p1,n=g1,r=m1,o={},i=js("start","drag","end"),s=0,l,u,a,d,c=0;function f(v){v.on("mousedown.drag",m).filter(r).on("touchstart.drag",x).on("touchmove.drag",h,d1).on("touchend.drag touchcancel.drag",g).style("touch-action","none").style("-webkit-tap-highlight-color","rgba(0,0,0,0)")}function m(v,E){if(!(d||!e.call(this,v,E))){var _=p(this,t.call(this,v,E),v,E,"mouse");_&&(Ye(v.view).on("mousemove.drag",y,Co).on("mouseup.drag",w,Co),ug(v.view),Tl(v),a=!1,l=v.clientX,u=v.clientY,_("start",v))}}function y(v){if(ur(v),!a){var E=v.clientX-l,_=v.clientY-u;a=E*E+_*_>c}o.mouse("drag",v)}function w(v){Ye(v.view).on("mousemove.drag mouseup.drag",null),ag(v.view,a),ur(v),o.mouse("end",v)}function x(v,E){if(e.call(this,v,E)){var _=v.changedTouches,N=t.call(this,v,E),P=_.length,L,j;for(L=0;L<P;++L)(j=p(this,N,v,E,_[L].identifier,_[L]))&&(Tl(v),j("start",v,_[L]))}}function h(v){var E=v.changedTouches,_=E.length,N,P;for(N=0;N<_;++N)(P=o[E[N].identifier])&&(ur(v),P("drag",v,E[N]))}function g(v){var E=v.changedTouches,_=E.length,N,P;for(d&&clearTimeout(d),d=setTimeout(function(){d=null},500),N=0;N<_;++N)(P=o[E[N].identifier])&&(Tl(v),P("end",v,E[N]))}function p(v,E,_,N,P,L){var j=i.copy(),z=ut(L||_,E),R,H,C;if((C=n.call(v,new $u("beforestart",{sourceEvent:_,target:f,identifier:P,active:s,x:z[0],y:z[1],dx:0,dy:0,dispatch:j}),N))!=null)return R=C.x-z[0]||0,H=C.y-z[1]||0,function A(I,D,k){var S=z,T;switch(I){case"start":o[P]=A,T=s++;break;case"end":delete o[P],--s;case"drag":z=ut(k||D,E),T=s;break}j.call(I,v,new $u(I,{sourceEvent:D,subject:C,target:f,identifier:P,active:T,x:z[0]+R,y:z[1]+H,dx:z[0]-S[0],dy:z[1]-S[1],dispatch:j}),N)}}return f.filter=function(v){return arguments.length?(e=typeof v=="function"?v:fi(!!v),f):e},f.container=function(v){return arguments.length?(t=typeof v=="function"?v:fi(v),f):t},f.subject=function(v){return arguments.length?(n=typeof v=="function"?v:fi(v),f):n},f.touchable=function(v){return arguments.length?(r=typeof v=="function"?v:fi(!!v),f):r},f.on=function(){var v=i.on.apply(i,arguments);return v===i?f:v},f.clickDistance=function(v){return arguments.length?(c=(v=+v)*v,f):Math.sqrt(c)},f}function Ua(e,t,n){e.prototype=t.prototype=n,n.constructor=e}function fg(e,t){var n=Object.create(e.prototype);for(var r in t)n[r]=t[r];return n}function Ho(){}var No=.7,fs=1/No,ar="\\s*([+-]?\\d+)\\s*",Mo="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",_t="\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",y1=/^#([0-9a-f]{3,8})$/,v1=new RegExp(`^rgb\\(${ar},${ar},${ar}\\)$`),w1=new RegExp(`^rgb\\(${_t},${_t},${_t}\\)$`),x1=new RegExp(`^rgba\\(${ar},${ar},${ar},${Mo}\\)$`),S1=new RegExp(`^rgba\\(${_t},${_t},${_t},${Mo}\\)$`),E1=new RegExp(`^hsl\\(${Mo},${_t},${_t}\\)$`),_1=new RegExp(`^hsla\\(${Mo},${_t},${_t},${Mo}\\)$`),Pf={aliceblue:15792383,antiquewhite:16444375,aqua:65535,aquamarine:8388564,azure:15794175,beige:16119260,bisque:16770244,black:0,blanchedalmond:16772045,blue:255,blueviolet:9055202,brown:10824234,burlywood:14596231,cadetblue:6266528,chartreuse:8388352,chocolate:13789470,coral:16744272,cornflowerblue:6591981,cornsilk:16775388,crimson:14423100,cyan:65535,darkblue:139,darkcyan:35723,darkgoldenrod:12092939,darkgray:11119017,darkgreen:25600,darkgrey:11119017,darkkhaki:12433259,darkmagenta:9109643,darkolivegreen:5597999,darkorange:16747520,darkorchid:10040012,darkred:9109504,darksalmon:15308410,darkseagreen:9419919,darkslateblue:4734347,darkslategray:3100495,darkslategrey:3100495,darkturquoise:52945,darkviolet:9699539,deeppink:16716947,deepskyblue:49151,dimgray:6908265,dimgrey:6908265,dodgerblue:2003199,firebrick:11674146,floralwhite:16775920,forestgreen:2263842,fuchsia:16711935,gainsboro:14474460,ghostwhite:16316671,gold:16766720,goldenrod:14329120,gray:8421504,green:32768,greenyellow:11403055,grey:8421504,honeydew:15794160,hotpink:16738740,indianred:13458524,indigo:4915330,ivory:16777200,khaki:15787660,lavender:15132410,lavenderblush:16773365,lawngreen:8190976,lemonchiffon:16775885,lightblue:11393254,lightcoral:15761536,lightcyan:14745599,lightgoldenrodyellow:16448210,lightgray:13882323,lightgreen:9498256,lightgrey:13882323,lightpink:16758465,lightsalmon:16752762,lightseagreen:2142890,lightskyblue:8900346,lightslategray:7833753,lightslategrey:7833753,lightsteelblue:11584734,lightyellow:16777184,lime:65280,limegreen:3329330,linen:16445670,magenta:16711935,maroon:8388608,mediumaquamarine:6737322,mediumblue:205,mediumorchid:12211667,mediumpurple:9662683,mediumseagreen:3978097,mediumslateblue:8087790,mediumspringgreen:64154,mediumturquoise:4772300,mediumvioletred:13047173,midnightblue:1644912,mintcream:16121850,mistyrose:16770273,moccasin:16770229,navajowhite:16768685,navy:128,oldlace:16643558,olive:8421376,olivedrab:7048739,orange:16753920,orangered:16729344,orchid:14315734,palegoldenrod:15657130,palegreen:10025880,paleturquoise:11529966,palevioletred:14381203,papayawhip:16773077,peachpuff:16767673,peru:13468991,pink:16761035,plum:14524637,powderblue:11591910,purple:8388736,rebeccapurple:6697881,red:16711680,rosybrown:12357519,royalblue:4286945,saddlebrown:9127187,salmon:16416882,sandybrown:16032864,seagreen:3050327,seashell:16774638,sienna:10506797,silver:12632256,skyblue:8900331,slateblue:6970061,slategray:7372944,slategrey:7372944,snow:16775930,springgreen:65407,steelblue:4620980,tan:13808780,teal:32896,thistle:14204888,tomato:16737095,turquoise:4251856,violet:15631086,wheat:16113331,white:16777215,whitesmoke:16119285,yellow:16776960,yellowgreen:10145074};Ua(Ho,zn,{copy(e){return Object.assign(new this.constructor,this,e)},displayable(){return this.rgb().displayable()},hex:Tf,formatHex:Tf,formatHex8:k1,formatHsl:C1,formatRgb:If,toString:If});function Tf(){return this.rgb().formatHex()}function k1(){return this.rgb().formatHex8()}function C1(){return dg(this).formatHsl()}function If(){return this.rgb().formatRgb()}function zn(e){var t,n;return e=(e+"").trim().toLowerCase(),(t=y1.exec(e))?(n=t[1].length,t=parseInt(t[1],16),n===6?zf(t):n===3?new je(t>>8&15|t>>4&240,t>>4&15|t&240,(t&15)<<4|t&15,1):n===8?di(t>>24&255,t>>16&255,t>>8&255,(t&255)/255):n===4?di(t>>12&15|t>>8&240,t>>8&15|t>>4&240,t>>4&15|t&240,((t&15)<<4|t&15)/255):null):(t=v1.exec(e))?new je(t[1],t[2],t[3],1):(t=w1.exec(e))?new je(t[1]*255/100,t[2]*255/100,t[3]*255/100,1):(t=x1.exec(e))?di(t[1],t[2],t[3],t[4]):(t=S1.exec(e))?di(t[1]*255/100,t[2]*255/100,t[3]*255/100,t[4]):(t=E1.exec(e))?Rf(t[1],t[2]/100,t[3]/100,1):(t=_1.exec(e))?Rf(t[1],t[2]/100,t[3]/100,t[4]):Pf.hasOwnProperty(e)?zf(Pf[e]):e==="transparent"?new je(NaN,NaN,NaN,0):null}function zf(e){return new je(e>>16&255,e>>8&255,e&255,1)}function di(e,t,n,r){return r<=0&&(e=t=n=NaN),new je(e,t,n,r)}function N1(e){return e instanceof Ho||(e=zn(e)),e?(e=e.rgb(),new je(e.r,e.g,e.b,e.opacity)):new je}function Du(e,t,n,r){return arguments.length===1?N1(e):new je(e,t,n,r??1)}function je(e,t,n,r){this.r=+e,this.g=+t,this.b=+n,this.opacity=+r}Ua(je,Du,fg(Ho,{brighter(e){return e=e==null?fs:Math.pow(fs,e),new je(this.r*e,this.g*e,this.b*e,this.opacity)},darker(e){return e=e==null?No:Math.pow(No,e),new je(this.r*e,this.g*e,this.b*e,this.opacity)},rgb(){return this},clamp(){return new je(kn(this.r),kn(this.g),kn(this.b),ds(this.opacity))},displayable(){return-.5<=this.r&&this.r<255.5&&-.5<=this.g&&this.g<255.5&&-.5<=this.b&&this.b<255.5&&0<=this.opacity&&this.opacity<=1},hex:Lf,formatHex:Lf,formatHex8:M1,formatRgb:Af,toString:Af}));function Lf(){return`#${Sn(this.r)}${Sn(this.g)}${Sn(this.b)}`}function M1(){return`#${Sn(this.r)}${Sn(this.g)}${Sn(this.b)}${Sn((isNaN(this.opacity)?1:this.opacity)*255)}`}function Af(){const e=ds(this.opacity);return`${e===1?"rgb(":"rgba("}${kn(this.r)}, ${kn(this.g)}, ${kn(this.b)}${e===1?")":`, ${e})`}`}function ds(e){return isNaN(e)?1:Math.max(0,Math.min(1,e))}function kn(e){return Math.max(0,Math.min(255,Math.round(e)||0))}function Sn(e){return e=kn(e),(e<16?"0":"")+e.toString(16)}function Rf(e,t,n,r){return r<=0?e=t=n=NaN:n<=0||n>=1?e=t=NaN:t<=0&&(e=NaN),new ct(e,t,n,r)}function dg(e){if(e instanceof ct)return new ct(e.h,e.s,e.l,e.opacity);if(e instanceof Ho||(e=zn(e)),!e)return new ct;if(e instanceof ct)return e;e=e.rgb();var t=e.r/255,n=e.g/255,r=e.b/255,o=Math.min(t,n,r),i=Math.max(t,n,r),s=NaN,l=i-o,u=(i+o)/2;return l?(t===i?s=(n-r)/l+(n<r)*6:n===i?s=(r-t)/l+2:s=(t-n)/l+4,l/=u<.5?i+o:2-i-o,s*=60):l=u>0&&u<1?0:s,new ct(s,l,u,e.opacity)}function P1(e,t,n,r){return arguments.length===1?dg(e):new ct(e,t,n,r??1)}function ct(e,t,n,r){this.h=+e,this.s=+t,this.l=+n,this.opacity=+r}Ua(ct,P1,fg(Ho,{brighter(e){return e=e==null?fs:Math.pow(fs,e),new ct(this.h,this.s,this.l*e,this.opacity)},darker(e){return e=e==null?No:Math.pow(No,e),new ct(this.h,this.s,this.l*e,this.opacity)},rgb(){var e=this.h%360+(this.h<0)*360,t=isNaN(e)||isNaN(this.s)?0:this.s,n=this.l,r=n+(n<.5?n:1-n)*t,o=2*n-r;return new je(Il(e>=240?e-240:e+120,o,r),Il(e,o,r),Il(e<120?e+240:e-120,o,r),this.opacity)},clamp(){return new ct($f(this.h),hi(this.s),hi(this.l),ds(this.opacity))},displayable(){return(0<=this.s&&this.s<=1||isNaN(this.s))&&0<=this.l&&this.l<=1&&0<=this.opacity&&this.opacity<=1},formatHsl(){const e=ds(this.opacity);return`${e===1?"hsl(":"hsla("}${$f(this.h)}, ${hi(this.s)*100}%, ${hi(this.l)*100}%${e===1?")":`, ${e})`}`}}));function $f(e){return e=(e||0)%360,e<0?e+360:e}function hi(e){return Math.max(0,Math.min(1,e||0))}function Il(e,t,n){return(e<60?t+(n-t)*e/60:e<180?n:e<240?t+(n-t)*(240-e)/60:t)*255}const Ya=e=>()=>e;function T1(e,t){return function(n){return e+n*t}}function I1(e,t,n){return e=Math.pow(e,n),t=Math.pow(t,n)-e,n=1/n,function(r){return Math.pow(e+r*t,n)}}function z1(e){return(e=+e)==1?hg:function(t,n){return n-t?I1(t,n,e):Ya(isNaN(t)?n:t)}}function hg(e,t){var n=t-e;return n?T1(e,n):Ya(isNaN(e)?t:e)}const hs=function e(t){var n=z1(t);function r(o,i){var s=n((o=Du(o)).r,(i=Du(i)).r),l=n(o.g,i.g),u=n(o.b,i.b),a=hg(o.opacity,i.opacity);return function(d){return o.r=s(d),o.g=l(d),o.b=u(d),o.opacity=a(d),o+""}}return r.gamma=e,r}(1);function L1(e,t){t||(t=[]);var n=e?Math.min(t.length,e.length):0,r=t.slice(),o;return function(i){for(o=0;o<n;++o)r[o]=e[o]*(1-i)+t[o]*i;return r}}function A1(e){return ArrayBuffer.isView(e)&&!(e instanceof DataView)}function R1(e,t){var n=t?t.length:0,r=e?Math.min(n,e.length):0,o=new Array(r),i=new Array(n),s;for(s=0;s<r;++s)o[s]=io(e[s],t[s]);for(;s<n;++s)i[s]=t[s];return function(l){for(s=0;s<r;++s)i[s]=o[s](l);return i}}function $1(e,t){var n=new Date;return e=+e,t=+t,function(r){return n.setTime(e*(1-r)+t*r),n}}function wt(e,t){return e=+e,t=+t,function(n){return e*(1-n)+t*n}}function D1(e,t){var n={},r={},o;(e===null||typeof e!="object")&&(e={}),(t===null||typeof t!="object")&&(t={});for(o in t)o in e?n[o]=io(e[o],t[o]):r[o]=t[o];return function(i){for(o in n)r[o]=n[o](i);return r}}var Fu=/[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,zl=new RegExp(Fu.source,"g");function F1(e){return function(){return e}}function O1(e){return function(t){return e(t)+""}}function pg(e,t){var n=Fu.lastIndex=zl.lastIndex=0,r,o,i,s=-1,l=[],u=[];for(e=e+"",t=t+"";(r=Fu.exec(e))&&(o=zl.exec(t));)(i=o.index)>n&&(i=t.slice(n,i),l[s]?l[s]+=i:l[++s]=i),(r=r[0])===(o=o[0])?l[s]?l[s]+=o:l[++s]=o:(l[++s]=null,u.push({i:s,x:wt(r,o)})),n=zl.lastIndex;return n<t.length&&(i=t.slice(n),l[s]?l[s]+=i:l[++s]=i),l.length<2?u[0]?O1(u[0].x):F1(t):(t=u.length,function(a){for(var d=0,c;d<t;++d)l[(c=u[d]).i]=c.x(a);return l.join("")})}function io(e,t){var n=typeof t,r;return t==null||n==="boolean"?Ya(t):(n==="number"?wt:n==="string"?(r=zn(t))?(t=r,hs):pg:t instanceof zn?hs:t instanceof Date?$1:A1(t)?L1:Array.isArray(t)?R1:typeof t.valueOf!="function"&&typeof t.toString!="function"||isNaN(t)?D1:wt)(e,t)}var Df=180/Math.PI,Ou={translateX:0,translateY:0,rotate:0,skewX:0,scaleX:1,scaleY:1};function gg(e,t,n,r,o,i){var s,l,u;return(s=Math.sqrt(e*e+t*t))&&(e/=s,t/=s),(u=e*n+t*r)&&(n-=e*u,r-=t*u),(l=Math.sqrt(n*n+r*r))&&(n/=l,r/=l,u/=l),e*r<t*n&&(e=-e,t=-t,u=-u,s=-s),{translateX:o,translateY:i,rotate:Math.atan2(t,e)*Df,skewX:Math.atan(u)*Df,scaleX:s,scaleY:l}}var pi;function j1(e){const t=new(typeof DOMMatrix=="function"?DOMMatrix:WebKitCSSMatrix)(e+"");return t.isIdentity?Ou:gg(t.a,t.b,t.c,t.d,t.e,t.f)}function H1(e){return e==null||(pi||(pi=document.createElementNS("http://www.w3.org/2000/svg","g")),pi.setAttribute("transform",e),!(e=pi.transform.baseVal.consolidate()))?Ou:(e=e.matrix,gg(e.a,e.b,e.c,e.d,e.e,e.f))}function mg(e,t,n,r){function o(a){return a.length?a.pop()+" ":""}function i(a,d,c,f,m,y){if(a!==c||d!==f){var w=m.push("translate(",null,t,null,n);y.push({i:w-4,x:wt(a,c)},{i:w-2,x:wt(d,f)})}else(c||f)&&m.push("translate("+c+t+f+n)}function s(a,d,c,f){a!==d?(a-d>180?d+=360:d-a>180&&(a+=360),f.push({i:c.push(o(c)+"rotate(",null,r)-2,x:wt(a,d)})):d&&c.push(o(c)+"rotate("+d+r)}function l(a,d,c,f){a!==d?f.push({i:c.push(o(c)+"skewX(",null,r)-2,x:wt(a,d)}):d&&c.push(o(c)+"skewX("+d+r)}function u(a,d,c,f,m,y){if(a!==c||d!==f){var w=m.push(o(m)+"scale(",null,",",null,")");y.push({i:w-4,x:wt(a,c)},{i:w-2,x:wt(d,f)})}else(c!==1||f!==1)&&m.push(o(m)+"scale("+c+","+f+")")}return function(a,d){var c=[],f=[];return a=e(a),d=e(d),i(a.translateX,a.translateY,d.translateX,d.translateY,c,f),s(a.rotate,d.rotate,c,f),l(a.skewX,d.skewX,c,f),u(a.scaleX,a.scaleY,d.scaleX,d.scaleY,c,f),a=d=null,function(m){for(var y=-1,w=f.length,x;++y<w;)c[(x=f[y]).i]=x.x(m);return c.join("")}}}var V1=mg(j1,"px, ","px)","deg)"),b1=mg(H1,", ",")",")"),B1=1e-12;function Ff(e){return((e=Math.exp(e))+1/e)/2}function W1(e){return((e=Math.exp(e))-1/e)/2}function U1(e){return((e=Math.exp(2*e))-1)/(e+1)}const Di=function e(t,n,r){function o(i,s){var l=i[0],u=i[1],a=i[2],d=s[0],c=s[1],f=s[2],m=d-l,y=c-u,w=m*m+y*y,x,h;if(w<B1)h=Math.log(f/a)/t,x=function(N){return[l+N*m,u+N*y,a*Math.exp(t*N*h)]};else{var g=Math.sqrt(w),p=(f*f-a*a+r*w)/(2*a*n*g),v=(f*f-a*a-r*w)/(2*f*n*g),E=Math.log(Math.sqrt(p*p+1)-p),_=Math.log(Math.sqrt(v*v+1)-v);h=(_-E)/t,x=function(N){var P=N*h,L=Ff(E),j=a/(n*g)*(L*U1(t*P+E)-W1(E));return[l+j*m,u+j*y,a*L/Ff(t*P+E)]}}return x.duration=h*1e3*t/Math.SQRT2,x}return o.rho=function(i){var s=Math.max(.001,+i),l=s*s,u=l*l;return e(s,l,u)},o}(Math.SQRT2,2,4);var vr=0,Qr=0,br=0,yg=1e3,ps,Gr,gs=0,Ln=0,Vs=0,Po=typeof performance=="object"&&performance.now?performance:Date,vg=typeof window=="object"&&window.requestAnimationFrame?window.requestAnimationFrame.bind(window):function(e){setTimeout(e,17)};function Xa(){return Ln||(vg(Y1),Ln=Po.now()+Vs)}function Y1(){Ln=0}function ms(){this._call=this._time=this._next=null}ms.prototype=wg.prototype={constructor:ms,restart:function(e,t,n){if(typeof e!="function")throw new TypeError("callback is not a function");n=(n==null?Xa():+n)+(t==null?0:+t),!this._next&&Gr!==this&&(Gr?Gr._next=this:ps=this,Gr=this),this._call=e,this._time=n,ju()},stop:function(){this._call&&(this._call=null,this._time=1/0,ju())}};function wg(e,t,n){var r=new ms;return r.restart(e,t,n),r}function X1(){Xa(),++vr;for(var e=ps,t;e;)(t=Ln-e._time)>=0&&e._call.call(void 0,t),e=e._next;--vr}function Of(){Ln=(gs=Po.now())+Vs,vr=Qr=0;try{X1()}finally{vr=0,G1(),Ln=0}}function Q1(){var e=Po.now(),t=e-gs;t>yg&&(Vs-=t,gs=e)}function G1(){for(var e,t=ps,n,r=1/0;t;)t._call?(r>t._time&&(r=t._time),e=t,t=t._next):(n=t._next,t._next=null,t=e?e._next=n:ps=n);Gr=e,ju(r)}function ju(e){if(!vr){Qr&&(Qr=clearTimeout(Qr));var t=e-Ln;t>24?(e<1/0&&(Qr=setTimeout(Of,e-Po.now()-Vs)),br&&(br=clearInterval(br))):(br||(gs=Po.now(),br=setInterval(Q1,yg)),vr=1,vg(Of))}}function jf(e,t,n){var r=new ms;return t=t==null?0:+t,r.restart(o=>{r.stop(),e(o+t)},t,n),r}var K1=js("start","end","cancel","interrupt"),Z1=[],xg=0,Hf=1,Hu=2,Fi=3,Vf=4,Vu=5,Oi=6;function bs(e,t,n,r,o,i){var s=e.__transition;if(!s)e.__transition={};else if(n in s)return;q1(e,n,{name:t,index:r,group:o,on:K1,tween:Z1,time:i.time,delay:i.delay,duration:i.duration,ease:i.ease,timer:null,state:xg})}function Qa(e,t){var n=mt(e,t);if(n.state>xg)throw new Error("too late; already scheduled");return n}function Ct(e,t){var n=mt(e,t);if(n.state>Fi)throw new Error("too late; already running");return n}function mt(e,t){var n=e.__transition;if(!n||!(n=n[t]))throw new Error("transition not found");return n}function q1(e,t,n){var r=e.__transition,o;r[t]=n,n.timer=wg(i,0,n.time);function i(a){n.state=Hf,n.timer.restart(s,n.delay,n.time),n.delay<=a&&s(a-n.delay)}function s(a){var d,c,f,m;if(n.state!==Hf)return u();for(d in r)if(m=r[d],m.name===n.name){if(m.state===Fi)return jf(s);m.state===Vf?(m.state=Oi,m.timer.stop(),m.on.call("interrupt",e,e.__data__,m.index,m.group),delete r[d]):+d<t&&(m.state=Oi,m.timer.stop(),m.on.call("cancel",e,e.__data__,m.index,m.group),delete r[d])}if(jf(function(){n.state===Fi&&(n.state=Vf,n.timer.restart(l,n.delay,n.time),l(a))}),n.state=Hu,n.on.call("start",e,e.__data__,n.index,n.group),n.state===Hu){for(n.state=Fi,o=new Array(f=n.tween.length),d=0,c=-1;d<f;++d)(m=n.tween[d].value.call(e,e.__data__,n.index,n.group))&&(o[++c]=m);o.length=c+1}}function l(a){for(var d=a<n.duration?n.ease.call(null,a/n.duration):(n.timer.restart(u),n.state=Vu,1),c=-1,f=o.length;++c<f;)o[c].call(e,d);n.state===Vu&&(n.on.call("end",e,e.__data__,n.index,n.group),u())}function u(){n.state=Oi,n.timer.stop(),delete r[t];for(var a in r)return;delete e.__transition}}function ji(e,t){var n=e.__transition,r,o,i=!0,s;if(n){t=t==null?null:t+"";for(s in n){if((r=n[s]).name!==t){i=!1;continue}o=r.state>Hu&&r.state<Vu,r.state=Oi,r.timer.stop(),r.on.call(o?"interrupt":"cancel",e,e.__data__,r.index,r.group),delete n[s]}i&&delete e.__transition}}function J1(e){return this.each(function(){ji(this,e)})}function eS(e,t){var n,r;return function(){var o=Ct(this,e),i=o.tween;if(i!==n){r=n=i;for(var s=0,l=r.length;s<l;++s)if(r[s].name===t){r=r.slice(),r.splice(s,1);break}}o.tween=r}}function tS(e,t,n){var r,o;if(typeof n!="function")throw new Error;return function(){var i=Ct(this,e),s=i.tween;if(s!==r){o=(r=s).slice();for(var l={name:t,value:n},u=0,a=o.length;u<a;++u)if(o[u].name===t){o[u]=l;break}u===a&&o.push(l)}i.tween=o}}function nS(e,t){var n=this._id;if(e+="",arguments.length<2){for(var r=mt(this.node(),n).tween,o=0,i=r.length,s;o<i;++o)if((s=r[o]).name===e)return s.value;return null}return this.each((t==null?eS:tS)(n,e,t))}function Ga(e,t,n){var r=e._id;return e.each(function(){var o=Ct(this,r);(o.value||(o.value={}))[t]=n.apply(this,arguments)}),function(o){return mt(o,r).value[t]}}function Sg(e,t){var n;return(typeof t=="number"?wt:t instanceof zn?hs:(n=zn(t))?(t=n,hs):pg)(e,t)}function rS(e){return function(){this.removeAttribute(e)}}function oS(e){return function(){this.removeAttributeNS(e.space,e.local)}}function iS(e,t,n){var r,o=n+"",i;return function(){var s=this.getAttribute(e);return s===o?null:s===r?i:i=t(r=s,n)}}function sS(e,t,n){var r,o=n+"",i;return function(){var s=this.getAttributeNS(e.space,e.local);return s===o?null:s===r?i:i=t(r=s,n)}}function lS(e,t,n){var r,o,i;return function(){var s,l=n(this),u;return l==null?void this.removeAttribute(e):(s=this.getAttribute(e),u=l+"",s===u?null:s===r&&u===o?i:(o=u,i=t(r=s,l)))}}function uS(e,t,n){var r,o,i;return function(){var s,l=n(this),u;return l==null?void this.removeAttributeNS(e.space,e.local):(s=this.getAttributeNS(e.space,e.local),u=l+"",s===u?null:s===r&&u===o?i:(o=u,i=t(r=s,l)))}}function aS(e,t){var n=Hs(e),r=n==="transform"?b1:Sg;return this.attrTween(e,typeof t=="function"?(n.local?uS:lS)(n,r,Ga(this,"attr."+e,t)):t==null?(n.local?oS:rS)(n):(n.local?sS:iS)(n,r,t))}function cS(e,t){return function(n){this.setAttribute(e,t.call(this,n))}}function fS(e,t){return function(n){this.setAttributeNS(e.space,e.local,t.call(this,n))}}function dS(e,t){var n,r;function o(){var i=t.apply(this,arguments);return i!==r&&(n=(r=i)&&fS(e,i)),n}return o._value=t,o}function hS(e,t){var n,r;function o(){var i=t.apply(this,arguments);return i!==r&&(n=(r=i)&&cS(e,i)),n}return o._value=t,o}function pS(e,t){var n="attr."+e;if(arguments.length<2)return(n=this.tween(n))&&n._value;if(t==null)return this.tween(n,null);if(typeof t!="function")throw new Error;var r=Hs(e);return this.tween(n,(r.local?dS:hS)(r,t))}function gS(e,t){return function(){Qa(this,e).delay=+t.apply(this,arguments)}}function mS(e,t){return t=+t,function(){Qa(this,e).delay=t}}function yS(e){var t=this._id;return arguments.length?this.each((typeof e=="function"?gS:mS)(t,e)):mt(this.node(),t).delay}function vS(e,t){return function(){Ct(this,e).duration=+t.apply(this,arguments)}}function wS(e,t){return t=+t,function(){Ct(this,e).duration=t}}function xS(e){var t=this._id;return arguments.length?this.each((typeof e=="function"?vS:wS)(t,e)):mt(this.node(),t).duration}function SS(e,t){if(typeof t!="function")throw new Error;return function(){Ct(this,e).ease=t}}function ES(e){var t=this._id;return arguments.length?this.each(SS(t,e)):mt(this.node(),t).ease}function _S(e,t){return function(){var n=t.apply(this,arguments);if(typeof n!="function")throw new Error;Ct(this,e).ease=n}}function kS(e){if(typeof e!="function")throw new Error;return this.each(_S(this._id,e))}function CS(e){typeof e!="function"&&(e=qp(e));for(var t=this._groups,n=t.length,r=new Array(n),o=0;o<n;++o)for(var i=t[o],s=i.length,l=r[o]=[],u,a=0;a<s;++a)(u=i[a])&&e.call(u,u.__data__,a,i)&&l.push(u);return new Ot(r,this._parents,this._name,this._id)}function NS(e){if(e._id!==this._id)throw new Error;for(var t=this._groups,n=e._groups,r=t.length,o=n.length,i=Math.min(r,o),s=new Array(r),l=0;l<i;++l)for(var u=t[l],a=n[l],d=u.length,c=s[l]=new Array(d),f,m=0;m<d;++m)(f=u[m]||a[m])&&(c[m]=f);for(;l<r;++l)s[l]=t[l];return new Ot(s,this._parents,this._name,this._id)}function MS(e){return(e+"").trim().split(/^|\s+/).every(function(t){var n=t.indexOf(".");return n>=0&&(t=t.slice(0,n)),!t||t==="start"})}function PS(e,t,n){var r,o,i=MS(t)?Qa:Ct;return function(){var s=i(this,e),l=s.on;l!==r&&(o=(r=l).copy()).on(t,n),s.on=o}}function TS(e,t){var n=this._id;return arguments.length<2?mt(this.node(),n).on.on(e):this.each(PS(n,e,t))}function IS(e){return function(){var t=this.parentNode;for(var n in this.__transition)if(+n!==e)return;t&&t.removeChild(this)}}function zS(){return this.on("end.remove",IS(this._id))}function LS(e){var t=this._name,n=this._id;typeof e!="function"&&(e=Ba(e));for(var r=this._groups,o=r.length,i=new Array(o),s=0;s<o;++s)for(var l=r[s],u=l.length,a=i[s]=new Array(u),d,c,f=0;f<u;++f)(d=l[f])&&(c=e.call(d,d.__data__,f,l))&&("__data__"in d&&(c.__data__=d.__data__),a[f]=c,bs(a[f],t,n,f,a,mt(d,n)));return new Ot(i,this._parents,t,n)}function AS(e){var t=this._name,n=this._id;typeof e!="function"&&(e=Zp(e));for(var r=this._groups,o=r.length,i=[],s=[],l=0;l<o;++l)for(var u=r[l],a=u.length,d,c=0;c<a;++c)if(d=u[c]){for(var f=e.call(d,d.__data__,c,u),m,y=mt(d,n),w=0,x=f.length;w<x;++w)(m=f[w])&&bs(m,t,n,w,f,y);i.push(f),s.push(d)}return new Ot(i,s,t,n)}var RS=jo.prototype.constructor;function $S(){return new RS(this._groups,this._parents)}function DS(e,t){var n,r,o;return function(){var i=yr(this,e),s=(this.style.removeProperty(e),yr(this,e));return i===s?null:i===n&&s===r?o:o=t(n=i,r=s)}}function Eg(e){return function(){this.style.removeProperty(e)}}function FS(e,t,n){var r,o=n+"",i;return function(){var s=yr(this,e);return s===o?null:s===r?i:i=t(r=s,n)}}function OS(e,t,n){var r,o,i;return function(){var s=yr(this,e),l=n(this),u=l+"";return l==null&&(u=l=(this.style.removeProperty(e),yr(this,e))),s===u?null:s===r&&u===o?i:(o=u,i=t(r=s,l))}}function jS(e,t){var n,r,o,i="style."+t,s="end."+i,l;return function(){var u=Ct(this,e),a=u.on,d=u.value[i]==null?l||(l=Eg(t)):void 0;(a!==n||o!==d)&&(r=(n=a).copy()).on(s,o=d),u.on=r}}function HS(e,t,n){var r=(e+="")=="transform"?V1:Sg;return t==null?this.styleTween(e,DS(e,r)).on("end.style."+e,Eg(e)):typeof t=="function"?this.styleTween(e,OS(e,r,Ga(this,"style."+e,t))).each(jS(this._id,e)):this.styleTween(e,FS(e,r,t),n).on("end.style."+e,null)}function VS(e,t,n){return function(r){this.style.setProperty(e,t.call(this,r),n)}}function bS(e,t,n){var r,o;function i(){var s=t.apply(this,arguments);return s!==o&&(r=(o=s)&&VS(e,s,n)),r}return i._value=t,i}function BS(e,t,n){var r="style."+(e+="");if(arguments.length<2)return(r=this.tween(r))&&r._value;if(t==null)return this.tween(r,null);if(typeof t!="function")throw new Error;return this.tween(r,bS(e,t,n??""))}function WS(e){return function(){this.textContent=e}}function US(e){return function(){var t=e(this);this.textContent=t??""}}function YS(e){return this.tween("text",typeof e=="function"?US(Ga(this,"text",e)):WS(e==null?"":e+""))}function XS(e){return function(t){this.textContent=e.call(this,t)}}function QS(e){var t,n;function r(){var o=e.apply(this,arguments);return o!==n&&(t=(n=o)&&XS(o)),t}return r._value=e,r}function GS(e){var t="text";if(arguments.length<1)return(t=this.tween(t))&&t._value;if(e==null)return this.tween(t,null);if(typeof e!="function")throw new Error;return this.tween(t,QS(e))}function KS(){for(var e=this._name,t=this._id,n=_g(),r=this._groups,o=r.length,i=0;i<o;++i)for(var s=r[i],l=s.length,u,a=0;a<l;++a)if(u=s[a]){var d=mt(u,t);bs(u,e,n,a,s,{time:d.time+d.delay+d.duration,delay:0,duration:d.duration,ease:d.ease})}return new Ot(r,this._parents,e,n)}function ZS(){var e,t,n=this,r=n._id,o=n.size();return new Promise(function(i,s){var l={value:s},u={value:function(){--o===0&&i()}};n.each(function(){var a=Ct(this,r),d=a.on;d!==e&&(t=(e=d).copy(),t._.cancel.push(l),t._.interrupt.push(l),t._.end.push(u)),a.on=t}),o===0&&i()})}var qS=0;function Ot(e,t,n,r){this._groups=e,this._parents=t,this._name=n,this._id=r}function _g(){return++qS}var Mt=jo.prototype;Ot.prototype={constructor:Ot,select:LS,selectAll:AS,selectChild:Mt.selectChild,selectChildren:Mt.selectChildren,filter:CS,merge:NS,selection:$S,transition:KS,call:Mt.call,nodes:Mt.nodes,node:Mt.node,size:Mt.size,empty:Mt.empty,each:Mt.each,on:TS,attr:aS,attrTween:pS,style:HS,styleTween:BS,text:YS,textTween:GS,remove:zS,tween:nS,delay:yS,duration:xS,ease:ES,easeVarying:kS,end:ZS,[Symbol.iterator]:Mt[Symbol.iterator]};function JS(e){return((e*=2)<=1?e*e*e:(e-=2)*e*e+2)/2}var eE={time:null,delay:0,duration:250,ease:JS};function tE(e,t){for(var n;!(n=e.__transition)||!(n=n[t]);)if(!(e=e.parentNode))throw new Error(`transition ${t} not found`);return n}function nE(e){var t,n;e instanceof Ot?(t=e._id,e=e._name):(t=_g(),(n=eE).time=Xa(),e=e==null?null:e+"");for(var r=this._groups,o=r.length,i=0;i<o;++i)for(var s=r[i],l=s.length,u,a=0;a<l;++a)(u=s[a])&&bs(u,e,t,a,s,n||tE(u,t));return new Ot(r,this._parents,e,t)}jo.prototype.interrupt=J1;jo.prototype.transition=nE;const gi=e=>()=>e;function rE(e,{sourceEvent:t,target:n,transform:r,dispatch:o}){Object.defineProperties(this,{type:{value:e,enumerable:!0,configurable:!0},sourceEvent:{value:t,enumerable:!0,configurable:!0},target:{value:n,enumerable:!0,configurable:!0},transform:{value:r,enumerable:!0,configurable:!0},_:{value:o}})}function Lt(e,t,n){this.k=e,this.x=t,this.y=n}Lt.prototype={constructor:Lt,scale:function(e){return e===1?this:new Lt(this.k*e,this.x,this.y)},translate:function(e,t){return e===0&t===0?this:new Lt(this.k,this.x+this.k*e,this.y+this.k*t)},apply:function(e){return[e[0]*this.k+this.x,e[1]*this.k+this.y]},applyX:function(e){return e*this.k+this.x},applyY:function(e){return e*this.k+this.y},invert:function(e){return[(e[0]-this.x)/this.k,(e[1]-this.y)/this.k]},invertX:function(e){return(e-this.x)/this.k},invertY:function(e){return(e-this.y)/this.k},rescaleX:function(e){return e.copy().domain(e.range().map(this.invertX,this).map(e.invert,e))},rescaleY:function(e){return e.copy().domain(e.range().map(this.invertY,this).map(e.invert,e))},toString:function(){return"translate("+this.x+","+this.y+") scale("+this.k+")"}};var Bs=new Lt(1,0,0);kg.prototype=Lt.prototype;function kg(e){for(;!e.__zoom;)if(!(e=e.parentNode))return Bs;return e.__zoom}function Ll(e){e.stopImmediatePropagation()}function Br(e){e.preventDefault(),e.stopImmediatePropagation()}function oE(e){return(!e.ctrlKey||e.type==="wheel")&&!e.button}function iE(){var e=this;return e instanceof SVGElement?(e=e.ownerSVGElement||e,e.hasAttribute("viewBox")?(e=e.viewBox.baseVal,[[e.x,e.y],[e.x+e.width,e.y+e.height]]):[[0,0],[e.width.baseVal.value,e.height.baseVal.value]]):[[0,0],[e.clientWidth,e.clientHeight]]}function bf(){return this.__zoom||Bs}function sE(e){return-e.deltaY*(e.deltaMode===1?.05:e.deltaMode?1:.002)*(e.ctrlKey?10:1)}function lE(){return navigator.maxTouchPoints||"ontouchstart"in this}function uE(e,t,n){var r=e.invertX(t[0][0])-n[0][0],o=e.invertX(t[1][0])-n[1][0],i=e.invertY(t[0][1])-n[0][1],s=e.invertY(t[1][1])-n[1][1];return e.translate(o>r?(r+o)/2:Math.min(0,r)||Math.max(0,o),s>i?(i+s)/2:Math.min(0,i)||Math.max(0,s))}function Cg(){var e=oE,t=iE,n=uE,r=sE,o=lE,i=[0,1/0],s=[[-1/0,-1/0],[1/0,1/0]],l=250,u=Di,a=js("start","zoom","end"),d,c,f,m=500,y=150,w=0,x=10;function h(C){C.property("__zoom",bf).on("wheel.zoom",P,{passive:!1}).on("mousedown.zoom",L).on("dblclick.zoom",j).filter(o).on("touchstart.zoom",z).on("touchmove.zoom",R).on("touchend.zoom touchcancel.zoom",H).style("-webkit-tap-highlight-color","rgba(0,0,0,0)")}h.transform=function(C,A,I,D){var k=C.selection?C.selection():C;k.property("__zoom",bf),C!==k?E(C,A,I,D):k.interrupt().each(function(){_(this,arguments).event(D).start().zoom(null,typeof A=="function"?A.apply(this,arguments):A).end()})},h.scaleBy=function(C,A,I,D){h.scaleTo(C,function(){var k=this.__zoom.k,S=typeof A=="function"?A.apply(this,arguments):A;return k*S},I,D)},h.scaleTo=function(C,A,I,D){h.transform(C,function(){var k=t.apply(this,arguments),S=this.__zoom,T=I==null?v(k):typeof I=="function"?I.apply(this,arguments):I,O=S.invert(T),F=typeof A=="function"?A.apply(this,arguments):A;return n(p(g(S,F),T,O),k,s)},I,D)},h.translateBy=function(C,A,I,D){h.transform(C,function(){return n(this.__zoom.translate(typeof A=="function"?A.apply(this,arguments):A,typeof I=="function"?I.apply(this,arguments):I),t.apply(this,arguments),s)},null,D)},h.translateTo=function(C,A,I,D,k){h.transform(C,function(){var S=t.apply(this,arguments),T=this.__zoom,O=D==null?v(S):typeof D=="function"?D.apply(this,arguments):D;return n(Bs.translate(O[0],O[1]).scale(T.k).translate(typeof A=="function"?-A.apply(this,arguments):-A,typeof I=="function"?-I.apply(this,arguments):-I),S,s)},D,k)};function g(C,A){return A=Math.max(i[0],Math.min(i[1],A)),A===C.k?C:new Lt(A,C.x,C.y)}function p(C,A,I){var D=A[0]-I[0]*C.k,k=A[1]-I[1]*C.k;return D===C.x&&k===C.y?C:new Lt(C.k,D,k)}function v(C){return[(+C[0][0]+ +C[1][0])/2,(+C[0][1]+ +C[1][1])/2]}function E(C,A,I,D){C.on("start.zoom",function(){_(this,arguments).event(D).start()}).on("interrupt.zoom end.zoom",function(){_(this,arguments).event(D).end()}).tween("zoom",function(){var k=this,S=arguments,T=_(k,S).event(D),O=t.apply(k,S),F=I==null?v(O):typeof I=="function"?I.apply(k,S):I,W=Math.max(O[1][0]-O[0][0],O[1][1]-O[0][1]),V=k.__zoom,U=typeof A=="function"?A.apply(k,S):A,Y=u(V.invert(F).concat(W/V.k),U.invert(F).concat(W/U.k));return function(Q){if(Q===1)Q=U;else{var B=Y(Q),K=W/B[2];Q=new Lt(K,F[0]-B[0]*K,F[1]-B[1]*K)}T.zoom(null,Q)}})}function _(C,A,I){return!I&&C.__zooming||new N(C,A)}function N(C,A){this.that=C,this.args=A,this.active=0,this.sourceEvent=null,this.extent=t.apply(C,A),this.taps=0}N.prototype={event:function(C){return C&&(this.sourceEvent=C),this},start:function(){return++this.active===1&&(this.that.__zooming=this,this.emit("start")),this},zoom:function(C,A){return this.mouse&&C!=="mouse"&&(this.mouse[1]=A.invert(this.mouse[0])),this.touch0&&C!=="touch"&&(this.touch0[1]=A.invert(this.touch0[0])),this.touch1&&C!=="touch"&&(this.touch1[1]=A.invert(this.touch1[0])),this.that.__zoom=A,this.emit("zoom"),this},end:function(){return--this.active===0&&(delete this.that.__zooming,this.emit("end")),this},emit:function(C){var A=Ye(this.that).datum();a.call(C,this.that,new rE(C,{sourceEvent:this.sourceEvent,target:h,transform:this.that.__zoom,dispatch:a}),A)}};function P(C,...A){if(!e.apply(this,arguments))return;var I=_(this,A).event(C),D=this.__zoom,k=Math.max(i[0],Math.min(i[1],D.k*Math.pow(2,r.apply(this,arguments)))),S=ut(C);if(I.wheel)(I.mouse[0][0]!==S[0]||I.mouse[0][1]!==S[1])&&(I.mouse[1]=D.invert(I.mouse[0]=S)),clearTimeout(I.wheel);else{if(D.k===k)return;I.mouse=[S,D.invert(S)],ji(this),I.start()}Br(C),I.wheel=setTimeout(T,y),I.zoom("mouse",n(p(g(D,k),I.mouse[0],I.mouse[1]),I.extent,s));function T(){I.wheel=null,I.end()}}function L(C,...A){if(f||!e.apply(this,arguments))return;var I=C.currentTarget,D=_(this,A,!0).event(C),k=Ye(C.view).on("mousemove.zoom",F,!0).on("mouseup.zoom",W,!0),S=ut(C,I),T=C.clientX,O=C.clientY;ug(C.view),Ll(C),D.mouse=[S,this.__zoom.invert(S)],ji(this),D.start();function F(V){if(Br(V),!D.moved){var U=V.clientX-T,Y=V.clientY-O;D.moved=U*U+Y*Y>w}D.event(V).zoom("mouse",n(p(D.that.__zoom,D.mouse[0]=ut(V,I),D.mouse[1]),D.extent,s))}function W(V){k.on("mousemove.zoom mouseup.zoom",null),ag(V.view,D.moved),Br(V),D.event(V).end()}}function j(C,...A){if(e.apply(this,arguments)){var I=this.__zoom,D=ut(C.changedTouches?C.changedTouches[0]:C,this),k=I.invert(D),S=I.k*(C.shiftKey?.5:2),T=n(p(g(I,S),D,k),t.apply(this,A),s);Br(C),l>0?Ye(this).transition().duration(l).call(E,T,D,C):Ye(this).call(h.transform,T,D,C)}}function z(C,...A){if(e.apply(this,arguments)){var I=C.touches,D=I.length,k=_(this,A,C.changedTouches.length===D).event(C),S,T,O,F;for(Ll(C),T=0;T<D;++T)O=I[T],F=ut(O,this),F=[F,this.__zoom.invert(F),O.identifier],k.touch0?!k.touch1&&k.touch0[2]!==F[2]&&(k.touch1=F,k.taps=0):(k.touch0=F,S=!0,k.taps=1+!!d);d&&(d=clearTimeout(d)),S&&(k.taps<2&&(c=F[0],d=setTimeout(function(){d=null},m)),ji(this),k.start())}}function R(C,...A){if(this.__zooming){var I=_(this,A).event(C),D=C.changedTouches,k=D.length,S,T,O,F;for(Br(C),S=0;S<k;++S)T=D[S],O=ut(T,this),I.touch0&&I.touch0[2]===T.identifier?I.touch0[0]=O:I.touch1&&I.touch1[2]===T.identifier&&(I.touch1[0]=O);if(T=I.that.__zoom,I.touch1){var W=I.touch0[0],V=I.touch0[1],U=I.touch1[0],Y=I.touch1[1],Q=(Q=U[0]-W[0])*Q+(Q=U[1]-W[1])*Q,B=(B=Y[0]-V[0])*B+(B=Y[1]-V[1])*B;T=g(T,Math.sqrt(Q/B)),O=[(W[0]+U[0])/2,(W[1]+U[1])/2],F=[(V[0]+Y[0])/2,(V[1]+Y[1])/2]}else if(I.touch0)O=I.touch0[0],F=I.touch0[1];else return;I.zoom("touch",n(p(T,O,F),I.extent,s))}}function H(C,...A){if(this.__zooming){var I=_(this,A).event(C),D=C.changedTouches,k=D.length,S,T;for(Ll(C),f&&clearTimeout(f),f=setTimeout(function(){f=null},m),S=0;S<k;++S)T=D[S],I.touch0&&I.touch0[2]===T.identifier?delete I.touch0:I.touch1&&I.touch1[2]===T.identifier&&delete I.touch1;if(I.touch1&&!I.touch0&&(I.touch0=I.touch1,delete I.touch1),I.touch0)I.touch0[1]=this.__zoom.invert(I.touch0[0]);else if(I.end(),I.taps===2&&(T=ut(T,this),Math.hypot(c[0]-T[0],c[1]-T[1])<x)){var O=Ye(this).on("dblclick.zoom");O&&O.apply(this,arguments)}}}return h.wheelDelta=function(C){return arguments.length?(r=typeof C=="function"?C:gi(+C),h):r},h.filter=function(C){return arguments.length?(e=typeof C=="function"?C:gi(!!C),h):e},h.touchable=function(C){return arguments.length?(o=typeof C=="function"?C:gi(!!C),h):o},h.extent=function(C){return arguments.length?(t=typeof C=="function"?C:gi([[+C[0][0],+C[0][1]],[+C[1][0],+C[1][1]]]),h):t},h.scaleExtent=function(C){return arguments.length?(i[0]=+C[0],i[1]=+C[1],h):[i[0],i[1]]},h.translateExtent=function(C){return arguments.length?(s[0][0]=+C[0][0],s[1][0]=+C[1][0],s[0][1]=+C[0][1],s[1][1]=+C[1][1],h):[[s[0][0],s[0][1]],[s[1][0],s[1][1]]]},h.constrain=function(C){return arguments.length?(n=C,h):n},h.duration=function(C){return arguments.length?(l=+C,h):l},h.interpolate=function(C){return arguments.length?(u=C,h):u},h.on=function(){var C=a.on.apply(a,arguments);return C===a?h:C},h.clickDistance=function(C){return arguments.length?(w=(C=+C)*C,h):Math.sqrt(w)},h.tapDistance=function(C){return arguments.length?(x=+C,h):x},h}const kt={error001:()=>"[React Flow]: Seems like you have not used zustand provider as an ancestor. Help: https://reactflow.dev/error#001",error002:()=>"It looks like you've created a new nodeTypes or edgeTypes object. If this wasn't on purpose please define the nodeTypes/edgeTypes outside of the component or memoize them.",error003:e=>`Node type "${e}" not found. Using fallback type "default".`,error004:()=>"The React Flow parent container needs a width and a height to render the graph.",error005:()=>"Only child nodes can use a parent extent.",error006:()=>"Can't create edge. An edge needs a source and a target.",error007:e=>`The old edge with id=${e} does not exist.`,error009:e=>`Marker type "${e}" doesn't exist.`,error008:(e,{id:t,sourceHandle:n,targetHandle:r})=>`Couldn't create edge for ${e} handle id: "${e==="source"?n:r}", edge id: ${t}.`,error010:()=>"Handle: No node id found. Make sure to only use a Handle inside a custom Node.",error011:e=>`Edge type "${e}" not found. Using fallback type "default".`,error012:e=>`Node with id "${e}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,error013:(e="react")=>`It seems that you haven't loaded the styles. Please import '@xyflow/${e}/dist/style.css' or base.css to make sure everything is working properly.`,error014:()=>"useNodeConnections: No node ID found. Call useNodeConnections inside a custom Node or provide a node ID.",error015:()=>"It seems that you are trying to drag a node that is not initialized. Please use onNodesChange as explained in the docs."},To=[[Number.NEGATIVE_INFINITY,Number.NEGATIVE_INFINITY],[Number.POSITIVE_INFINITY,Number.POSITIVE_INFINITY]],Ng=["Enter"," ","Escape"],Mg={"node.a11yDescription.default":"Press enter or space to select a node. Press delete to remove it and escape to cancel.","node.a11yDescription.keyboardDisabled":"Press enter or space to select a node. You can then use the arrow keys to move the node around. Press delete to remove it and escape to cancel.","node.a11yDescription.ariaLiveMessage":({direction:e,x:t,y:n})=>`Moved selected node ${e}. New position, x: ${t}, y: ${n}`,"edge.a11yDescription.default":"Press enter or space to select an edge. You can then press delete to remove it or escape to cancel.","controls.ariaLabel":"Control Panel","controls.zoomIn.ariaLabel":"Zoom In","controls.zoomOut.ariaLabel":"Zoom Out","controls.fitView.ariaLabel":"Fit View","controls.interactive.ariaLabel":"Toggle Interactivity","minimap.ariaLabel":"Mini Map","handle.ariaLabel":"Handle"};var wr;(function(e){e.Strict="strict",e.Loose="loose"})(wr||(wr={}));var Cn;(function(e){e.Free="free",e.Vertical="vertical",e.Horizontal="horizontal"})(Cn||(Cn={}));var Io;(function(e){e.Partial="partial",e.Full="full"})(Io||(Io={}));const Pg={inProgress:!1,isValid:null,from:null,fromHandle:null,fromPosition:null,fromNode:null,to:null,toHandle:null,toPosition:null,toNode:null,pointer:null};var Gt;(function(e){e.Bezier="default",e.Straight="straight",e.Step="step",e.SmoothStep="smoothstep",e.SimpleBezier="simplebezier"})(Gt||(Gt={}));var xr;(function(e){e.Arrow="arrow",e.ArrowClosed="arrowclosed"})(xr||(xr={}));var G;(function(e){e.Left="left",e.Top="top",e.Right="right",e.Bottom="bottom"})(G||(G={}));const Bf={[G.Left]:G.Right,[G.Right]:G.Left,[G.Top]:G.Bottom,[G.Bottom]:G.Top};function Tg(e){return e===null?null:e?"valid":"invalid"}const Ig=e=>"id"in e&&"source"in e&&"target"in e,aE=e=>"id"in e&&"position"in e&&!("source"in e)&&!("target"in e),Ka=e=>"id"in e&&"internals"in e&&!("source"in e)&&!("target"in e),Vo=(e,t=[0,0])=>{const{width:n,height:r}=Ht(e),o=e.origin??t,i=n*o[0],s=r*o[1];return{x:e.position.x-i,y:e.position.y-s}},zg=(e,t={nodeOrigin:[0,0]})=>{if(e.length===0)return{x:0,y:0,width:0,height:0};const n=e.reduce((r,o)=>{const i=typeof o=="string";let s=!t.nodeLookup&&!i?o:void 0;t.nodeLookup&&(s=i?t.nodeLookup.get(o):Ka(o)?o:t.nodeLookup.get(o.id));const l=s?ys(s,t.nodeOrigin):{x:0,y:0,x2:0,y2:0};return Ws(r,l)},{x:1/0,y:1/0,x2:-1/0,y2:-1/0});return Us(n)},bo=(e,t={})=>{let n={x:1/0,y:1/0,x2:-1/0,y2:-1/0},r=!1;return e.forEach(o=>{(t.filter===void 0||t.filter(o))&&(n=Ws(n,ys(o)),r=!0)}),r?Us(n):{x:0,y:0,width:0,height:0}},Za=(e,t,[n,r,o]=[0,0,1],i=!1,s=!1)=>{const l={...Wo(t,[n,r,o]),width:t.width/o,height:t.height/o},u=[];for(const a of e.values()){const{measured:d,selectable:c=!0,hidden:f=!1}=a;if(s&&!c||f)continue;const m=d.width??a.width??a.initialWidth??null,y=d.height??a.height??a.initialHeight??null,w=zo(l,Er(a)),x=(m??0)*(y??0),h=i&&w>0;(!a.internals.handleBounds||h||w>=x||a.dragging)&&u.push(a)}return u},cE=(e,t)=>{const n=new Set;return e.forEach(r=>{n.add(r.id)}),t.filter(r=>n.has(r.source)||n.has(r.target))};function fE(e,t){const n=new Map,r=t!=null&&t.nodes?new Set(t.nodes.map(o=>o.id)):null;return e.forEach(o=>{o.measured.width&&o.measured.height&&((t==null?void 0:t.includeHiddenNodes)||!o.hidden)&&(!r||r.has(o.id))&&n.set(o.id,o)}),n}async function dE({nodes:e,width:t,height:n,panZoom:r,minZoom:o,maxZoom:i},s){if(e.size===0)return Promise.resolve(!0);const l=fE(e,s),u=bo(l),a=Ys(u,t,n,(s==null?void 0:s.minZoom)??o,(s==null?void 0:s.maxZoom)??i,(s==null?void 0:s.padding)??.1);return await r.setViewport(a,{duration:s==null?void 0:s.duration,ease:s==null?void 0:s.ease,interpolate:s==null?void 0:s.interpolate}),Promise.resolve(!0)}function Lg({nodeId:e,nextPosition:t,nodeLookup:n,nodeOrigin:r=[0,0],nodeExtent:o,onError:i}){const s=n.get(e),l=s.parentId?n.get(s.parentId):void 0,{x:u,y:a}=l?l.internals.positionAbsolute:{x:0,y:0},d=s.origin??r;let c=s.extent||o;if(s.extent==="parent"&&!s.expandParent)if(!l)i==null||i("005",kt.error005());else{const m=l.measured.width,y=l.measured.height;m&&y&&(c=[[u,a],[u+m,a+y]])}else l&&_r(s.extent)&&(c=[[s.extent[0][0]+u,s.extent[0][1]+a],[s.extent[1][0]+u,s.extent[1][1]+a]]);const f=_r(c)?An(t,c,s.measured):t;return(s.measured.width===void 0||s.measured.height===void 0)&&(i==null||i("015",kt.error015())),{position:{x:f.x-u+(s.measured.width??0)*d[0],y:f.y-a+(s.measured.height??0)*d[1]},positionAbsolute:f}}async function hE({nodesToRemove:e=[],edgesToRemove:t=[],nodes:n,edges:r,onBeforeDelete:o}){const i=new Set(e.map(f=>f.id)),s=[];for(const f of n){if(f.deletable===!1)continue;const m=i.has(f.id),y=!m&&f.parentId&&s.find(w=>w.id===f.parentId);(m||y)&&s.push(f)}const l=new Set(t.map(f=>f.id)),u=r.filter(f=>f.deletable!==!1),d=cE(s,u);for(const f of u)l.has(f.id)&&!d.find(y=>y.id===f.id)&&d.push(f);if(!o)return{edges:d,nodes:s};const c=await o({nodes:s,edges:d});return typeof c=="boolean"?c?{edges:d,nodes:s}:{edges:[],nodes:[]}:c}const Sr=(e,t=0,n=1)=>Math.min(Math.max(e,t),n),An=(e={x:0,y:0},t,n)=>({x:Sr(e.x,t[0][0],t[1][0]-((n==null?void 0:n.width)??0)),y:Sr(e.y,t[0][1],t[1][1]-((n==null?void 0:n.height)??0))});function Ag(e,t,n){const{width:r,height:o}=Ht(n),{x:i,y:s}=n.internals.positionAbsolute;return An(e,[[i,s],[i+r,s+o]],t)}const Wf=(e,t,n)=>e<t?Sr(Math.abs(e-t),1,t)/t:e>n?-Sr(Math.abs(e-n),1,t)/t:0,Rg=(e,t,n=15,r=40)=>{const o=Wf(e.x,r,t.width-r)*n,i=Wf(e.y,r,t.height-r)*n;return[o,i]},Ws=(e,t)=>({x:Math.min(e.x,t.x),y:Math.min(e.y,t.y),x2:Math.max(e.x2,t.x2),y2:Math.max(e.y2,t.y2)}),bu=({x:e,y:t,width:n,height:r})=>({x:e,y:t,x2:e+n,y2:t+r}),Us=({x:e,y:t,x2:n,y2:r})=>({x:e,y:t,width:n-e,height:r-t}),Er=(e,t=[0,0])=>{var o,i;const{x:n,y:r}=Ka(e)?e.internals.positionAbsolute:Vo(e,t);return{x:n,y:r,width:((o=e.measured)==null?void 0:o.width)??e.width??e.initialWidth??0,height:((i=e.measured)==null?void 0:i.height)??e.height??e.initialHeight??0}},ys=(e,t=[0,0])=>{var o,i;const{x:n,y:r}=Ka(e)?e.internals.positionAbsolute:Vo(e,t);return{x:n,y:r,x2:n+(((o=e.measured)==null?void 0:o.width)??e.width??e.initialWidth??0),y2:r+(((i=e.measured)==null?void 0:i.height)??e.height??e.initialHeight??0)}},$g=(e,t)=>Us(Ws(bu(e),bu(t))),zo=(e,t)=>{const n=Math.max(0,Math.min(e.x+e.width,t.x+t.width)-Math.max(e.x,t.x)),r=Math.max(0,Math.min(e.y+e.height,t.y+t.height)-Math.max(e.y,t.y));return Math.ceil(n*r)},Uf=e=>ft(e.width)&&ft(e.height)&&ft(e.x)&&ft(e.y),ft=e=>!isNaN(e)&&isFinite(e),pE=(e,t)=>{},Bo=(e,t=[1,1])=>({x:t[0]*Math.round(e.x/t[0]),y:t[1]*Math.round(e.y/t[1])}),Wo=({x:e,y:t},[n,r,o],i=!1,s=[1,1])=>{const l={x:(e-n)/o,y:(t-r)/o};return i?Bo(l,s):l},vs=({x:e,y:t},[n,r,o])=>({x:e*o+n,y:t*o+r});function jn(e,t){if(typeof e=="number")return Math.floor((t-t/(1+e))*.5);if(typeof e=="string"&&e.endsWith("px")){const n=parseFloat(e);if(!Number.isNaN(n))return Math.floor(n)}if(typeof e=="string"&&e.endsWith("%")){const n=parseFloat(e);if(!Number.isNaN(n))return Math.floor(t*n*.01)}return console.error(`[React Flow] The padding value "${e}" is invalid. Please provide a number or a string with a valid unit (px or %).`),0}function gE(e,t,n){if(typeof e=="string"||typeof e=="number"){const r=jn(e,n),o=jn(e,t);return{top:r,right:o,bottom:r,left:o,x:o*2,y:r*2}}if(typeof e=="object"){const r=jn(e.top??e.y??0,n),o=jn(e.bottom??e.y??0,n),i=jn(e.left??e.x??0,t),s=jn(e.right??e.x??0,t);return{top:r,right:s,bottom:o,left:i,x:i+s,y:r+o}}return{top:0,right:0,bottom:0,left:0,x:0,y:0}}function mE(e,t,n,r,o,i){const{x:s,y:l}=vs(e,[t,n,r]),{x:u,y:a}=vs({x:e.x+e.width,y:e.y+e.height},[t,n,r]),d=o-u,c=i-a;return{left:Math.floor(s),top:Math.floor(l),right:Math.floor(d),bottom:Math.floor(c)}}const Ys=(e,t,n,r,o,i)=>{const s=gE(i,t,n),l=(t-s.x)/e.width,u=(n-s.y)/e.height,a=Math.min(l,u),d=Sr(a,r,o),c=e.x+e.width/2,f=e.y+e.height/2,m=t/2-c*d,y=n/2-f*d,w=mE(e,m,y,d,t,n),x={left:Math.min(w.left-s.left,0),top:Math.min(w.top-s.top,0),right:Math.min(w.right-s.right,0),bottom:Math.min(w.bottom-s.bottom,0)};return{x:m-x.left+x.right,y:y-x.top+x.bottom,zoom:d}},Lo=()=>{var e;return typeof navigator<"u"&&((e=navigator==null?void 0:navigator.userAgent)==null?void 0:e.indexOf("Mac"))>=0};function _r(e){return e!=null&&e!=="parent"}function Ht(e){var t,n;return{width:((t=e.measured)==null?void 0:t.width)??e.width??e.initialWidth??0,height:((n=e.measured)==null?void 0:n.height)??e.height??e.initialHeight??0}}function Dg(e){var t,n;return(((t=e.measured)==null?void 0:t.width)??e.width??e.initialWidth)!==void 0&&(((n=e.measured)==null?void 0:n.height)??e.height??e.initialHeight)!==void 0}function Fg(e,t={width:0,height:0},n,r,o){const i={...e},s=r.get(n);if(s){const l=s.origin||o;i.x+=s.internals.positionAbsolute.x-(t.width??0)*l[0],i.y+=s.internals.positionAbsolute.y-(t.height??0)*l[1]}return i}function Yf(e,t){if(e.size!==t.size)return!1;for(const n of e)if(!t.has(n))return!1;return!0}function yE(){let e,t;return{promise:new Promise((r,o)=>{e=r,t=o}),resolve:e,reject:t}}function vE(e){return{...Mg,...e||{}}}function so(e,{snapGrid:t=[0,0],snapToGrid:n=!1,transform:r,containerBounds:o}){const{x:i,y:s}=dt(e),l=Wo({x:i-((o==null?void 0:o.left)??0),y:s-((o==null?void 0:o.top)??0)},r),{x:u,y:a}=n?Bo(l,t):l;return{xSnapped:u,ySnapped:a,...l}}const qa=e=>({width:e.offsetWidth,height:e.offsetHeight}),Og=e=>{var t;return((t=e==null?void 0:e.getRootNode)==null?void 0:t.call(e))||(window==null?void 0:window.document)},wE=["INPUT","SELECT","TEXTAREA"];function jg(e){var r,o;const t=((o=(r=e.composedPath)==null?void 0:r.call(e))==null?void 0:o[0])||e.target;return(t==null?void 0:t.nodeType)!==1?!1:wE.includes(t.nodeName)||t.hasAttribute("contenteditable")||!!t.closest(".nokey")}const Hg=e=>"clientX"in e,dt=(e,t)=>{var i,s;const n=Hg(e),r=n?e.clientX:(i=e.touches)==null?void 0:i[0].clientX,o=n?e.clientY:(s=e.touches)==null?void 0:s[0].clientY;return{x:r-((t==null?void 0:t.left)??0),y:o-((t==null?void 0:t.top)??0)}},Xf=(e,t,n,r,o)=>{const i=t.querySelectorAll(`.${e}`);return!i||!i.length?null:Array.from(i).map(s=>{const l=s.getBoundingClientRect();return{id:s.getAttribute("data-handleid"),type:e,nodeId:o,position:s.getAttribute("data-handlepos"),x:(l.left-n.left)/r,y:(l.top-n.top)/r,...qa(s)}})};function Vg({sourceX:e,sourceY:t,targetX:n,targetY:r,sourceControlX:o,sourceControlY:i,targetControlX:s,targetControlY:l}){const u=e*.125+o*.375+s*.375+n*.125,a=t*.125+i*.375+l*.375+r*.125,d=Math.abs(u-e),c=Math.abs(a-t);return[u,a,d,c]}function mi(e,t){return e>=0?.5*e:t*25*Math.sqrt(-e)}function Qf({pos:e,x1:t,y1:n,x2:r,y2:o,c:i}){switch(e){case G.Left:return[t-mi(t-r,i),n];case G.Right:return[t+mi(r-t,i),n];case G.Top:return[t,n-mi(n-o,i)];case G.Bottom:return[t,n+mi(o-n,i)]}}function bg({sourceX:e,sourceY:t,sourcePosition:n=G.Bottom,targetX:r,targetY:o,targetPosition:i=G.Top,curvature:s=.25}){const[l,u]=Qf({pos:n,x1:e,y1:t,x2:r,y2:o,c:s}),[a,d]=Qf({pos:i,x1:r,y1:o,x2:e,y2:t,c:s}),[c,f,m,y]=Vg({sourceX:e,sourceY:t,targetX:r,targetY:o,sourceControlX:l,sourceControlY:u,targetControlX:a,targetControlY:d});return[`M${e},${t} C${l},${u} ${a},${d} ${r},${o}`,c,f,m,y]}function Bg({sourceX:e,sourceY:t,targetX:n,targetY:r}){const o=Math.abs(n-e)/2,i=n<e?n+o:n-o,s=Math.abs(r-t)/2,l=r<t?r+s:r-s;return[i,l,o,s]}function xE({sourceNode:e,targetNode:t,selected:n=!1,zIndex:r=0,elevateOnSelect:o=!1,zIndexMode:i="basic"}){if(i==="manual")return r;const s=o&&n?r+1e3:r,l=Math.max(e.parentId||o&&e.selected?e.internals.z:0,t.parentId||o&&t.selected?t.internals.z:0);return s+l}function SE({sourceNode:e,targetNode:t,width:n,height:r,transform:o}){const i=Ws(ys(e),ys(t));i.x===i.x2&&(i.x2+=1),i.y===i.y2&&(i.y2+=1);const s={x:-o[0]/o[2],y:-o[1]/o[2],width:n/o[2],height:r/o[2]};return zo(s,Us(i))>0}const EE=({source:e,sourceHandle:t,target:n,targetHandle:r})=>`xy-edge__${e}${t||""}-${n}${r||""}`,_E=(e,t)=>t.some(n=>n.source===e.source&&n.target===e.target&&(n.sourceHandle===e.sourceHandle||!n.sourceHandle&&!e.sourceHandle)&&(n.targetHandle===e.targetHandle||!n.targetHandle&&!e.targetHandle)),kE=(e,t,n={})=>{if(!e.source||!e.target)return t;const r=n.getEdgeId||EE;let o;return Ig(e)?o={...e}:o={...e,id:r(e)},_E(o,t)?t:(o.sourceHandle===null&&delete o.sourceHandle,o.targetHandle===null&&delete o.targetHandle,t.concat(o))};function Wg({sourceX:e,sourceY:t,targetX:n,targetY:r}){const[o,i,s,l]=Bg({sourceX:e,sourceY:t,targetX:n,targetY:r});return[`M ${e},${t}L ${n},${r}`,o,i,s,l]}const Gf={[G.Left]:{x:-1,y:0},[G.Right]:{x:1,y:0},[G.Top]:{x:0,y:-1},[G.Bottom]:{x:0,y:1}},CE=({source:e,sourcePosition:t=G.Bottom,target:n})=>t===G.Left||t===G.Right?e.x<n.x?{x:1,y:0}:{x:-1,y:0}:e.y<n.y?{x:0,y:1}:{x:0,y:-1},Kf=(e,t)=>Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2));function NE({source:e,sourcePosition:t=G.Bottom,target:n,targetPosition:r=G.Top,center:o,offset:i,stepPosition:s}){const l=Gf[t],u=Gf[r],a={x:e.x+l.x*i,y:e.y+l.y*i},d={x:n.x+u.x*i,y:n.y+u.y*i},c=CE({source:a,sourcePosition:t,target:d}),f=c.x!==0?"x":"y",m=c[f];let y=[],w,x;const h={x:0,y:0},g={x:0,y:0},[,,p,v]=Bg({sourceX:e.x,sourceY:e.y,targetX:n.x,targetY:n.y});if(l[f]*u[f]===-1){f==="x"?(w=o.x??a.x+(d.x-a.x)*s,x=o.y??(a.y+d.y)/2):(w=o.x??(a.x+d.x)/2,x=o.y??a.y+(d.y-a.y)*s);const _=[{x:w,y:a.y},{x:w,y:d.y}],N=[{x:a.x,y:x},{x:d.x,y:x}];l[f]===m?y=f==="x"?_:N:y=f==="x"?N:_}else{const _=[{x:a.x,y:d.y}],N=[{x:d.x,y:a.y}];if(f==="x"?y=l.x===m?N:_:y=l.y===m?_:N,t===r){const R=Math.abs(e[f]-n[f]);if(R<=i){const H=Math.min(i-1,i-R);l[f]===m?h[f]=(a[f]>e[f]?-1:1)*H:g[f]=(d[f]>n[f]?-1:1)*H}}if(t!==r){const R=f==="x"?"y":"x",H=l[f]===u[R],C=a[R]>d[R],A=a[R]<d[R];(l[f]===1&&(!H&&C||H&&A)||l[f]!==1&&(!H&&A||H&&C))&&(y=f==="x"?_:N)}const P={x:a.x+h.x,y:a.y+h.y},L={x:d.x+g.x,y:d.y+g.y},j=Math.max(Math.abs(P.x-y[0].x),Math.abs(L.x-y[0].x)),z=Math.max(Math.abs(P.y-y[0].y),Math.abs(L.y-y[0].y));j>=z?(w=(P.x+L.x)/2,x=y[0].y):(w=y[0].x,x=(P.y+L.y)/2)}return[[e,{x:a.x+h.x,y:a.y+h.y},...y,{x:d.x+g.x,y:d.y+g.y},n],w,x,p,v]}function ME(e,t,n,r){const o=Math.min(Kf(e,t)/2,Kf(t,n)/2,r),{x:i,y:s}=t;if(e.x===i&&i===n.x||e.y===s&&s===n.y)return`L${i} ${s}`;if(e.y===s){const a=e.x<n.x?-1:1,d=e.y<n.y?1:-1;return`L ${i+o*a},${s}Q ${i},${s} ${i},${s+o*d}`}const l=e.x<n.x?1:-1,u=e.y<n.y?-1:1;return`L ${i},${s+o*u}Q ${i},${s} ${i+o*l},${s}`}function Bu({sourceX:e,sourceY:t,sourcePosition:n=G.Bottom,targetX:r,targetY:o,targetPosition:i=G.Top,borderRadius:s=5,centerX:l,centerY:u,offset:a=20,stepPosition:d=.5}){const[c,f,m,y,w]=NE({source:{x:e,y:t},sourcePosition:n,target:{x:r,y:o},targetPosition:i,center:{x:l,y:u},offset:a,stepPosition:d});return[c.reduce((h,g,p)=>{let v="";return p>0&&p<c.length-1?v=ME(c[p-1],g,c[p+1],s):v=`${p===0?"M":"L"}${g.x} ${g.y}`,h+=v,h},""),f,m,y,w]}function Zf(e){var t;return e&&!!(e.internals.handleBounds||(t=e.handles)!=null&&t.length)&&!!(e.measured.width||e.width||e.initialWidth)}function PE(e){var c;const{sourceNode:t,targetNode:n}=e;if(!Zf(t)||!Zf(n))return null;const r=t.internals.handleBounds||qf(t.handles),o=n.internals.handleBounds||qf(n.handles),i=Jf((r==null?void 0:r.source)??[],e.sourceHandle),s=Jf(e.connectionMode===wr.Strict?(o==null?void 0:o.target)??[]:((o==null?void 0:o.target)??[]).concat((o==null?void 0:o.source)??[]),e.targetHandle);if(!i||!s)return(c=e.onError)==null||c.call(e,"008",kt.error008(i?"target":"source",{id:e.id,sourceHandle:e.sourceHandle,targetHandle:e.targetHandle})),null;const l=(i==null?void 0:i.position)||G.Bottom,u=(s==null?void 0:s.position)||G.Top,a=Rn(t,i,l),d=Rn(n,s,u);return{sourceX:a.x,sourceY:a.y,targetX:d.x,targetY:d.y,sourcePosition:l,targetPosition:u}}function qf(e){if(!e)return null;const t=[],n=[];for(const r of e)r.width=r.width??1,r.height=r.height??1,r.type==="source"?t.push(r):r.type==="target"&&n.push(r);return{source:t,target:n}}function Rn(e,t,n=G.Left,r=!1){const o=((t==null?void 0:t.x)??0)+e.internals.positionAbsolute.x,i=((t==null?void 0:t.y)??0)+e.internals.positionAbsolute.y,{width:s,height:l}=t??Ht(e);if(r)return{x:o+s/2,y:i+l/2};switch((t==null?void 0:t.position)??n){case G.Top:return{x:o+s/2,y:i};case G.Right:return{x:o+s,y:i+l/2};case G.Bottom:return{x:o+s/2,y:i+l};case G.Left:return{x:o,y:i+l/2}}}function Jf(e,t){return e&&(t?e.find(n=>n.id===t):e[0])||null}function Wu(e,t){return e?typeof e=="string"?e:`${t?`${t}__`:""}${Object.keys(e).sort().map(r=>`${r}=${e[r]}`).join("&")}`:""}function TE(e,{id:t,defaultColor:n,defaultMarkerStart:r,defaultMarkerEnd:o}){const i=new Set;return e.reduce((s,l)=>([l.markerStart||r,l.markerEnd||o].forEach(u=>{if(u&&typeof u=="object"){const a=Wu(u,t);i.has(a)||(s.push({id:a,color:u.color||n,...u}),i.add(a))}}),s),[]).sort((s,l)=>s.id.localeCompare(l.id))}const Ug=1e3,IE=10,Ja={nodeOrigin:[0,0],nodeExtent:To,elevateNodesOnSelect:!0,zIndexMode:"basic",defaults:{}},zE={...Ja,checkEquality:!0};function ec(e,t){const n={...e};for(const r in t)t[r]!==void 0&&(n[r]=t[r]);return n}function LE(e,t,n){const r=ec(Ja,n);for(const o of e.values())if(o.parentId)nc(o,e,t,r);else{const i=Vo(o,r.nodeOrigin),s=_r(o.extent)?o.extent:r.nodeExtent,l=An(i,s,Ht(o));o.internals.positionAbsolute=l}}function AE(e,t){if(!e.handles)return e.measured?t==null?void 0:t.internals.handleBounds:void 0;const n=[],r=[];for(const o of e.handles){const i={id:o.id,width:o.width??1,height:o.height??1,nodeId:e.id,x:o.x,y:o.y,position:o.position,type:o.type};o.type==="source"?n.push(i):o.type==="target"&&r.push(i)}return{source:n,target:r}}function tc(e){return e==="manual"}function Uu(e,t,n,r={}){var a,d;const o=ec(zE,r),i={i:0},s=new Map(t),l=o!=null&&o.elevateNodesOnSelect&&!tc(o.zIndexMode)?Ug:0;let u=e.length>0;t.clear(),n.clear();for(const c of e){let f=s.get(c.id);if(o.checkEquality&&c===(f==null?void 0:f.internals.userNode))t.set(c.id,f);else{const m=Vo(c,o.nodeOrigin),y=_r(c.extent)?c.extent:o.nodeExtent,w=An(m,y,Ht(c));f={...o.defaults,...c,measured:{width:(a=c.measured)==null?void 0:a.width,height:(d=c.measured)==null?void 0:d.height},internals:{positionAbsolute:w,handleBounds:AE(c,f),z:Yg(c,l,o.zIndexMode),userNode:c}},t.set(c.id,f)}(f.measured===void 0||f.measured.width===void 0||f.measured.height===void 0)&&!f.hidden&&(u=!1),c.parentId&&nc(f,t,n,r,i)}return u}function RE(e,t){if(!e.parentId)return;const n=t.get(e.parentId);n?n.set(e.id,e):t.set(e.parentId,new Map([[e.id,e]]))}function nc(e,t,n,r,o){const{elevateNodesOnSelect:i,nodeOrigin:s,nodeExtent:l,zIndexMode:u}=ec(Ja,r),a=e.parentId,d=t.get(a);if(!d){console.warn(`Parent node ${a} not found. Please make sure that parent nodes are in front of their child nodes in the nodes array.`);return}RE(e,n),o&&!d.parentId&&d.internals.rootParentIndex===void 0&&u==="auto"&&(d.internals.rootParentIndex=++o.i,d.internals.z=d.internals.z+o.i*IE),o&&d.internals.rootParentIndex!==void 0&&(o.i=d.internals.rootParentIndex);const c=i&&!tc(u)?Ug:0,{x:f,y:m,z:y}=$E(e,d,s,l,c,u),{positionAbsolute:w}=e.internals,x=f!==w.x||m!==w.y;(x||y!==e.internals.z)&&t.set(e.id,{...e,internals:{...e.internals,positionAbsolute:x?{x:f,y:m}:w,z:y}})}function Yg(e,t,n){const r=ft(e.zIndex)?e.zIndex:0;return tc(n)?r:r+(e.selected?t:0)}function $E(e,t,n,r,o,i){const{x:s,y:l}=t.internals.positionAbsolute,u=Ht(e),a=Vo(e,n),d=_r(e.extent)?An(a,e.extent,u):a;let c=An({x:s+d.x,y:l+d.y},r,u);e.extent==="parent"&&(c=Ag(c,u,t));const f=Yg(e,o,i),m=t.internals.z??0;return{x:c.x,y:c.y,z:m>=f?m+1:f}}function rc(e,t,n,r=[0,0]){var s;const o=[],i=new Map;for(const l of e){const u=t.get(l.parentId);if(!u)continue;const a=((s=i.get(l.parentId))==null?void 0:s.expandedRect)??Er(u),d=$g(a,l.rect);i.set(l.parentId,{expandedRect:d,parent:u})}return i.size>0&&i.forEach(({expandedRect:l,parent:u},a)=>{var p;const d=u.internals.positionAbsolute,c=Ht(u),f=u.origin??r,m=l.x<d.x?Math.round(Math.abs(d.x-l.x)):0,y=l.y<d.y?Math.round(Math.abs(d.y-l.y)):0,w=Math.max(c.width,Math.round(l.width)),x=Math.max(c.height,Math.round(l.height)),h=(w-c.width)*f[0],g=(x-c.height)*f[1];(m>0||y>0||h||g)&&(o.push({id:a,type:"position",position:{x:u.position.x-m+h,y:u.position.y-y+g}}),(p=n.get(a))==null||p.forEach(v=>{e.some(E=>E.id===v.id)||o.push({id:v.id,type:"position",position:{x:v.position.x+m,y:v.position.y+y}})})),(c.width<l.width||c.height<l.height||m||y)&&o.push({id:a,type:"dimensions",setAttributes:!0,dimensions:{width:w+(m?f[0]*m-h:0),height:x+(y?f[1]*y-g:0)}})}),o}function DE(e,t,n,r,o,i,s){const l=r==null?void 0:r.querySelector(".xyflow__viewport");let u=!1;if(!l)return{changes:[],updatedInternals:u};const a=[],d=window.getComputedStyle(l),{m22:c}=new window.DOMMatrixReadOnly(d.transform),f=[];for(const m of e.values()){const y=t.get(m.id);if(!y)continue;if(y.hidden){t.set(y.id,{...y,internals:{...y.internals,handleBounds:void 0}}),u=!0;continue}const w=qa(m.nodeElement),x=y.measured.width!==w.width||y.measured.height!==w.height;if(!!(w.width&&w.height&&(x||!y.internals.handleBounds||m.force))){const g=m.nodeElement.getBoundingClientRect(),p=_r(y.extent)?y.extent:i;let{positionAbsolute:v}=y.internals;y.parentId&&y.extent==="parent"?v=Ag(v,w,t.get(y.parentId)):p&&(v=An(v,p,w));const E={...y,measured:w,internals:{...y.internals,positionAbsolute:v,handleBounds:{source:Xf("source",m.nodeElement,g,c,y.id),target:Xf("target",m.nodeElement,g,c,y.id)}}};t.set(y.id,E),y.parentId&&nc(E,t,n,{nodeOrigin:o,zIndexMode:s}),u=!0,x&&(a.push({id:y.id,type:"dimensions",dimensions:w}),y.expandParent&&y.parentId&&f.push({id:y.id,parentId:y.parentId,rect:Er(E,o)}))}}if(f.length>0){const m=rc(f,t,n,o);a.push(...m)}return{changes:a,updatedInternals:u}}async function FE({delta:e,panZoom:t,transform:n,translateExtent:r,width:o,height:i}){if(!t||!e.x&&!e.y)return Promise.resolve(!1);const s=await t.setViewportConstrained({x:n[0]+e.x,y:n[1]+e.y,zoom:n[2]},[[0,0],[o,i]],r),l=!!s&&(s.x!==n[0]||s.y!==n[1]||s.k!==n[2]);return Promise.resolve(l)}function ed(e,t,n,r,o,i){let s=o;const l=r.get(s)||new Map;r.set(s,l.set(n,t)),s=`${o}-${e}`;const u=r.get(s)||new Map;if(r.set(s,u.set(n,t)),i){s=`${o}-${e}-${i}`;const a=r.get(s)||new Map;r.set(s,a.set(n,t))}}function Xg(e,t,n){e.clear(),t.clear();for(const r of n){const{source:o,target:i,sourceHandle:s=null,targetHandle:l=null}=r,u={edgeId:r.id,source:o,target:i,sourceHandle:s,targetHandle:l},a=`${o}-${s}--${i}-${l}`,d=`${i}-${l}--${o}-${s}`;ed("source",u,d,e,o,s),ed("target",u,a,e,i,l),t.set(r.id,r)}}function Qg(e,t){if(!e.parentId)return!1;const n=t.get(e.parentId);return n?n.selected?!0:Qg(n,t):!1}function td(e,t,n){var o;let r=e;do{if((o=r==null?void 0:r.matches)!=null&&o.call(r,t))return!0;if(r===n)return!1;r=r==null?void 0:r.parentElement}while(r);return!1}function OE(e,t,n,r){const o=new Map;for(const[i,s]of e)if((s.selected||s.id===r)&&(!s.parentId||!Qg(s,e))&&(s.draggable||t&&typeof s.draggable>"u")){const l=e.get(i);l&&o.set(i,{id:i,position:l.position||{x:0,y:0},distance:{x:n.x-l.internals.positionAbsolute.x,y:n.y-l.internals.positionAbsolute.y},extent:l.extent,parentId:l.parentId,origin:l.origin,expandParent:l.expandParent,internals:{positionAbsolute:l.internals.positionAbsolute||{x:0,y:0}},measured:{width:l.measured.width??0,height:l.measured.height??0}})}return o}function Al({nodeId:e,dragItems:t,nodeLookup:n,dragging:r=!0}){var s,l,u;const o=[];for(const[a,d]of t){const c=(s=n.get(a))==null?void 0:s.internals.userNode;c&&o.push({...c,position:d.position,dragging:r})}if(!e)return[o[0],o];const i=(l=n.get(e))==null?void 0:l.internals.userNode;return[i?{...i,position:((u=t.get(e))==null?void 0:u.position)||i.position,dragging:r}:o[0],o]}function jE({dragItems:e,snapGrid:t,x:n,y:r}){const o=e.values().next().value;if(!o)return null;const i={x:n-o.distance.x,y:r-o.distance.y},s=Bo(i,t);return{x:s.x-i.x,y:s.y-i.y}}function HE({onNodeMouseDown:e,getStoreItems:t,onDragStart:n,onDrag:r,onDragStop:o}){let i={x:null,y:null},s=0,l=new Map,u=!1,a={x:0,y:0},d=null,c=!1,f=null,m=!1,y=!1,w=null;function x({noDragClassName:g,handleSelector:p,domNode:v,isSelectable:E,nodeId:_,nodeClickDistance:N=0}){f=Ye(v);function P({x:R,y:H}){const{nodeLookup:C,nodeExtent:A,snapGrid:I,snapToGrid:D,nodeOrigin:k,onNodeDrag:S,onSelectionDrag:T,onError:O,updateNodePositions:F}=t();i={x:R,y:H};let W=!1;const V=l.size>1,U=V&&A?bu(bo(l)):null,Y=V&&D?jE({dragItems:l,snapGrid:I,x:R,y:H}):null;for(const[Q,B]of l){if(!C.has(Q))continue;let K={x:R-B.distance.x,y:H-B.distance.y};D&&(K=Y?{x:Math.round(K.x+Y.x),y:Math.round(K.y+Y.y)}:Bo(K,I));let ee=null;if(V&&A&&!B.extent&&U){const{positionAbsolute:Z}=B.internals,ie=Z.x-U.x+A[0][0],ue=Z.x+B.measured.width-U.x2+A[1][0],oe=Z.y-U.y+A[0][1],Pe=Z.y+B.measured.height-U.y2+A[1][1];ee=[[ie,oe],[ue,Pe]]}const{position:J,positionAbsolute:q}=Lg({nodeId:Q,nextPosition:K,nodeLookup:C,nodeExtent:ee||A,nodeOrigin:k,onError:O});W=W||B.position.x!==J.x||B.position.y!==J.y,B.position=J,B.internals.positionAbsolute=q}if(y=y||W,!!W&&(F(l,!0),w&&(r||S||!_&&T))){const[Q,B]=Al({nodeId:_,dragItems:l,nodeLookup:C});r==null||r(w,l,Q,B),S==null||S(w,Q,B),_||T==null||T(w,B)}}async function L(){if(!d)return;const{transform:R,panBy:H,autoPanSpeed:C,autoPanOnNodeDrag:A}=t();if(!A){u=!1,cancelAnimationFrame(s);return}const[I,D]=Rg(a,d,C);(I!==0||D!==0)&&(i.x=(i.x??0)-I/R[2],i.y=(i.y??0)-D/R[2],await H({x:I,y:D})&&P(i)),s=requestAnimationFrame(L)}function j(R){var V;const{nodeLookup:H,multiSelectionActive:C,nodesDraggable:A,transform:I,snapGrid:D,snapToGrid:k,selectNodesOnDrag:S,onNodeDragStart:T,onSelectionDragStart:O,unselectNodesAndEdges:F}=t();c=!0,(!S||!E)&&!C&&_&&((V=H.get(_))!=null&&V.selected||F()),E&&S&&_&&(e==null||e(_));const W=so(R.sourceEvent,{transform:I,snapGrid:D,snapToGrid:k,containerBounds:d});if(i=W,l=OE(H,A,W,_),l.size>0&&(n||T||!_&&O)){const[U,Y]=Al({nodeId:_,dragItems:l,nodeLookup:H});n==null||n(R.sourceEvent,l,U,Y),T==null||T(R.sourceEvent,U,Y),_||O==null||O(R.sourceEvent,Y)}}const z=cg().clickDistance(N).on("start",R=>{const{domNode:H,nodeDragThreshold:C,transform:A,snapGrid:I,snapToGrid:D}=t();d=(H==null?void 0:H.getBoundingClientRect())||null,m=!1,y=!1,w=R.sourceEvent,C===0&&j(R),i=so(R.sourceEvent,{transform:A,snapGrid:I,snapToGrid:D,containerBounds:d}),a=dt(R.sourceEvent,d)}).on("drag",R=>{const{autoPanOnNodeDrag:H,transform:C,snapGrid:A,snapToGrid:I,nodeDragThreshold:D,nodeLookup:k}=t(),S=so(R.sourceEvent,{transform:C,snapGrid:A,snapToGrid:I,containerBounds:d});if(w=R.sourceEvent,(R.sourceEvent.type==="touchmove"&&R.sourceEvent.touches.length>1||_&&!k.has(_))&&(m=!0),!m){if(!u&&H&&c&&(u=!0,L()),!c){const T=dt(R.sourceEvent,d),O=T.x-a.x,F=T.y-a.y;Math.sqrt(O*O+F*F)>D&&j(R)}(i.x!==S.xSnapped||i.y!==S.ySnapped)&&l&&c&&(a=dt(R.sourceEvent,d),P(S))}}).on("end",R=>{if(!(!c||m)&&(u=!1,c=!1,cancelAnimationFrame(s),l.size>0)){const{nodeLookup:H,updateNodePositions:C,onNodeDragStop:A,onSelectionDragStop:I}=t();if(y&&(C(l,!1),y=!1),o||A||!_&&I){const[D,k]=Al({nodeId:_,dragItems:l,nodeLookup:H,dragging:!1});o==null||o(R.sourceEvent,l,D,k),A==null||A(R.sourceEvent,D,k),_||I==null||I(R.sourceEvent,k)}}}).filter(R=>{const H=R.target;return!R.button&&(!g||!td(H,`.${g}`,v))&&(!p||td(H,p,v))});f.call(z)}function h(){f==null||f.on(".drag",null)}return{update:x,destroy:h}}function VE(e,t,n){const r=[],o={x:e.x-n,y:e.y-n,width:n*2,height:n*2};for(const i of t.values())zo(o,Er(i))>0&&r.push(i);return r}const bE=250;function BE(e,t,n,r){var l,u;let o=[],i=1/0;const s=VE(e,n,t+bE);for(const a of s){const d=[...((l=a.internals.handleBounds)==null?void 0:l.source)??[],...((u=a.internals.handleBounds)==null?void 0:u.target)??[]];for(const c of d){if(r.nodeId===c.nodeId&&r.type===c.type&&r.id===c.id)continue;const{x:f,y:m}=Rn(a,c,c.position,!0),y=Math.sqrt(Math.pow(f-e.x,2)+Math.pow(m-e.y,2));y>t||(y<i?(o=[{...c,x:f,y:m}],i=y):y===i&&o.push({...c,x:f,y:m}))}}if(!o.length)return null;if(o.length>1){const a=r.type==="source"?"target":"source";return o.find(d=>d.type===a)??o[0]}return o[0]}function Gg(e,t,n,r,o,i=!1){var a,d,c;const s=r.get(e);if(!s)return null;const l=o==="strict"?(a=s.internals.handleBounds)==null?void 0:a[t]:[...((d=s.internals.handleBounds)==null?void 0:d.source)??[],...((c=s.internals.handleBounds)==null?void 0:c.target)??[]],u=(n?l==null?void 0:l.find(f=>f.id===n):l==null?void 0:l[0])??null;return u&&i?{...u,...Rn(s,u,u.position,!0)}:u}function Kg(e,t){return e||(t!=null&&t.classList.contains("target")?"target":t!=null&&t.classList.contains("source")?"source":null)}function WE(e,t){let n=null;return t?n=!0:e&&!t&&(n=!1),n}const Zg=()=>!0;function UE(e,{connectionMode:t,connectionRadius:n,handleId:r,nodeId:o,edgeUpdaterType:i,isTarget:s,domNode:l,nodeLookup:u,lib:a,autoPanOnConnect:d,flowId:c,panBy:f,cancelConnection:m,onConnectStart:y,onConnect:w,onConnectEnd:x,isValidConnection:h=Zg,onReconnectEnd:g,updateConnection:p,getTransform:v,getFromHandle:E,autoPanSpeed:_,dragThreshold:N=1,handleDomNode:P}){const L=Og(e.target);let j=0,z;const{x:R,y:H}=dt(e),C=Kg(i,P),A=l==null?void 0:l.getBoundingClientRect();let I=!1;if(!A||!C)return;const D=Gg(o,C,r,u,t);if(!D)return;let k=dt(e,A),S=!1,T=null,O=!1,F=null;function W(){if(!d||!A)return;const[J,q]=Rg(k,A,_);f({x:J,y:q}),j=requestAnimationFrame(W)}const V={...D,nodeId:o,type:C,position:D.position},U=u.get(o);let Q={inProgress:!0,isValid:null,from:Rn(U,V,G.Left,!0),fromHandle:V,fromPosition:V.position,fromNode:U,to:k,toHandle:null,toPosition:Bf[V.position],toNode:null,pointer:k};function B(){I=!0,p(Q),y==null||y(e,{nodeId:o,handleId:r,handleType:C})}N===0&&B();function K(J){if(!I){const{x:Pe,y:Vt}=dt(J),Nt=Pe-R,pn=Vt-H;if(!(Nt*Nt+pn*pn>N*N))return;B()}if(!E()||!V){ee(J);return}const q=v();k=dt(J,A),z=BE(Wo(k,q,!1,[1,1]),n,u,V),S||(W(),S=!0);const Z=qg(J,{handle:z,connectionMode:t,fromNodeId:o,fromHandleId:r,fromType:s?"target":"source",isValidConnection:h,doc:L,lib:a,flowId:c,nodeLookup:u});F=Z.handleDomNode,T=Z.connection,O=WE(!!z,Z.isValid);const ie=u.get(o),ue=ie?Rn(ie,V,G.Left,!0):Q.from,oe={...Q,from:ue,isValid:O,to:Z.toHandle&&O?vs({x:Z.toHandle.x,y:Z.toHandle.y},q):k,toHandle:Z.toHandle,toPosition:O&&Z.toHandle?Z.toHandle.position:Bf[V.position],toNode:Z.toHandle?u.get(Z.toHandle.nodeId):null,pointer:k};p(oe),Q=oe}function ee(J){if(!("touches"in J&&J.touches.length>0)){if(I){(z||F)&&T&&O&&(w==null||w(T));const{inProgress:q,...Z}=Q,ie={...Z,toPosition:Q.toHandle?Q.toPosition:null};x==null||x(J,ie),i&&(g==null||g(J,ie))}m(),cancelAnimationFrame(j),S=!1,O=!1,T=null,F=null,L.removeEventListener("mousemove",K),L.removeEventListener("mouseup",ee),L.removeEventListener("touchmove",K),L.removeEventListener("touchend",ee)}}L.addEventListener("mousemove",K),L.addEventListener("mouseup",ee),L.addEventListener("touchmove",K),L.addEventListener("touchend",ee)}function qg(e,{handle:t,connectionMode:n,fromNodeId:r,fromHandleId:o,fromType:i,doc:s,lib:l,flowId:u,isValidConnection:a=Zg,nodeLookup:d}){const c=i==="target",f=t?s.querySelector(`.${l}-flow__handle[data-id="${u}-${t==null?void 0:t.nodeId}-${t==null?void 0:t.id}-${t==null?void 0:t.type}"]`):null,{x:m,y}=dt(e),w=s.elementFromPoint(m,y),x=w!=null&&w.classList.contains(`${l}-flow__handle`)?w:f,h={handleDomNode:x,isValid:!1,connection:null,toHandle:null};if(x){const g=Kg(void 0,x),p=x.getAttribute("data-nodeid"),v=x.getAttribute("data-handleid"),E=x.classList.contains("connectable"),_=x.classList.contains("connectableend");if(!p||!g)return h;const N={source:c?p:r,sourceHandle:c?v:o,target:c?r:p,targetHandle:c?o:v};h.connection=N;const L=E&&_&&(n===wr.Strict?c&&g==="source"||!c&&g==="target":p!==r||v!==o);h.isValid=L&&a(N),h.toHandle=Gg(p,g,v,d,n,!0)}return h}const Yu={onPointerDown:UE,isValid:qg};function YE({domNode:e,panZoom:t,getTransform:n,getViewScale:r}){const o=Ye(e);function i({translateExtent:l,width:u,height:a,zoomStep:d=1,pannable:c=!0,zoomable:f=!0,inversePan:m=!1}){const y=p=>{if(p.sourceEvent.type!=="wheel"||!t)return;const v=n(),E=p.sourceEvent.ctrlKey&&Lo()?10:1,_=-p.sourceEvent.deltaY*(p.sourceEvent.deltaMode===1?.05:p.sourceEvent.deltaMode?1:.002)*d,N=v[2]*Math.pow(2,_*E);t.scaleTo(N)};let w=[0,0];const x=p=>{(p.sourceEvent.type==="mousedown"||p.sourceEvent.type==="touchstart")&&(w=[p.sourceEvent.clientX??p.sourceEvent.touches[0].clientX,p.sourceEvent.clientY??p.sourceEvent.touches[0].clientY])},h=p=>{const v=n();if(p.sourceEvent.type!=="mousemove"&&p.sourceEvent.type!=="touchmove"||!t)return;const E=[p.sourceEvent.clientX??p.sourceEvent.touches[0].clientX,p.sourceEvent.clientY??p.sourceEvent.touches[0].clientY],_=[E[0]-w[0],E[1]-w[1]];w=E;const N=r()*Math.max(v[2],Math.log(v[2]))*(m?-1:1),P={x:v[0]-_[0]*N,y:v[1]-_[1]*N},L=[[0,0],[u,a]];t.setViewportConstrained({x:P.x,y:P.y,zoom:v[2]},L,l)},g=Cg().on("start",x).on("zoom",c?h:null).on("zoom.wheel",f?y:null);o.call(g,{})}function s(){o.on("zoom",null)}return{update:i,destroy:s,pointer:ut}}const Xs=e=>({x:e.x,y:e.y,zoom:e.k}),Rl=({x:e,y:t,zoom:n})=>Bs.translate(e,t).scale(n),er=(e,t)=>e.target.closest(`.${t}`),Jg=(e,t)=>t===2&&Array.isArray(e)&&e.includes(2),XE=e=>((e*=2)<=1?e*e*e:(e-=2)*e*e+2)/2,$l=(e,t=0,n=XE,r=()=>{})=>{const o=typeof t=="number"&&t>0;return o||r(),o?e.transition().duration(t).ease(n).on("end",r):e},em=e=>{const t=e.ctrlKey&&Lo()?10:1;return-e.deltaY*(e.deltaMode===1?.05:e.deltaMode?1:.002)*t};function QE({zoomPanValues:e,noWheelClassName:t,d3Selection:n,d3Zoom:r,panOnScrollMode:o,panOnScrollSpeed:i,zoomOnPinch:s,onPanZoomStart:l,onPanZoom:u,onPanZoomEnd:a}){return d=>{if(er(d,t))return d.ctrlKey&&d.preventDefault(),!1;d.preventDefault(),d.stopImmediatePropagation();const c=n.property("__zoom").k||1;if(d.ctrlKey&&s){const x=ut(d),h=em(d),g=c*Math.pow(2,h);r.scaleTo(n,g,x,d);return}const f=d.deltaMode===1?20:1;let m=o===Cn.Vertical?0:d.deltaX*f,y=o===Cn.Horizontal?0:d.deltaY*f;!Lo()&&d.shiftKey&&o!==Cn.Vertical&&(m=d.deltaY*f,y=0),r.translateBy(n,-(m/c)*i,-(y/c)*i,{internal:!0});const w=Xs(n.property("__zoom"));clearTimeout(e.panScrollTimeout),e.isPanScrolling?(u==null||u(d,w),e.panScrollTimeout=setTimeout(()=>{a==null||a(d,w),e.isPanScrolling=!1},150)):(e.isPanScrolling=!0,l==null||l(d,w))}}function GE({noWheelClassName:e,preventScrolling:t,d3ZoomHandler:n}){return function(r,o){const i=r.type==="wheel",s=!t&&i&&!r.ctrlKey,l=er(r,e);if(r.ctrlKey&&i&&l&&r.preventDefault(),s||l)return null;r.preventDefault(),n.call(this,r,o)}}function KE({zoomPanValues:e,onDraggingChange:t,onPanZoomStart:n}){return r=>{var i,s,l;if((i=r.sourceEvent)!=null&&i.internal)return;const o=Xs(r.transform);e.mouseButton=((s=r.sourceEvent)==null?void 0:s.button)||0,e.isZoomingOrPanning=!0,e.prevViewport=o,((l=r.sourceEvent)==null?void 0:l.type)==="mousedown"&&t(!0),n&&(n==null||n(r.sourceEvent,o))}}function ZE({zoomPanValues:e,panOnDrag:t,onPaneContextMenu:n,onTransformChange:r,onPanZoom:o}){return i=>{var s,l;e.usedRightMouseButton=!!(n&&Jg(t,e.mouseButton??0)),(s=i.sourceEvent)!=null&&s.sync||r([i.transform.x,i.transform.y,i.transform.k]),o&&!((l=i.sourceEvent)!=null&&l.internal)&&(o==null||o(i.sourceEvent,Xs(i.transform)))}}function qE({zoomPanValues:e,panOnDrag:t,panOnScroll:n,onDraggingChange:r,onPanZoomEnd:o,onPaneContextMenu:i}){return s=>{var l;if(!((l=s.sourceEvent)!=null&&l.internal)&&(e.isZoomingOrPanning=!1,i&&Jg(t,e.mouseButton??0)&&!e.usedRightMouseButton&&s.sourceEvent&&i(s.sourceEvent),e.usedRightMouseButton=!1,r(!1),o)){const u=Xs(s.transform);e.prevViewport=u,clearTimeout(e.timerId),e.timerId=setTimeout(()=>{o==null||o(s.sourceEvent,u)},n?150:0)}}}function JE({zoomActivationKeyPressed:e,zoomOnScroll:t,zoomOnPinch:n,panOnDrag:r,panOnScroll:o,zoomOnDoubleClick:i,userSelectionActive:s,noWheelClassName:l,noPanClassName:u,lib:a,connectionInProgress:d}){return c=>{var x;const f=e||t,m=n&&c.ctrlKey,y=c.type==="wheel";if(c.button===1&&c.type==="mousedown"&&(er(c,`${a}-flow__node`)||er(c,`${a}-flow__edge`)))return!0;if(!r&&!f&&!o&&!i&&!n||s||d&&!y||er(c,l)&&y||er(c,u)&&(!y||o&&y&&!e)||!n&&c.ctrlKey&&y)return!1;if(!n&&c.type==="touchstart"&&((x=c.touches)==null?void 0:x.length)>1)return c.preventDefault(),!1;if(!f&&!o&&!m&&y||!r&&(c.type==="mousedown"||c.type==="touchstart")||Array.isArray(r)&&!r.includes(c.button)&&c.type==="mousedown")return!1;const w=Array.isArray(r)&&r.includes(c.button)||!c.button||c.button<=1;return(!c.ctrlKey||y)&&w}}function e_({domNode:e,minZoom:t,maxZoom:n,translateExtent:r,viewport:o,onPanZoom:i,onPanZoomStart:s,onPanZoomEnd:l,onDraggingChange:u}){const a={isZoomingOrPanning:!1,usedRightMouseButton:!1,prevViewport:{},mouseButton:0,timerId:void 0,panScrollTimeout:void 0,isPanScrolling:!1},d=e.getBoundingClientRect(),c=Cg().scaleExtent([t,n]).translateExtent(r),f=Ye(e).call(c);g({x:o.x,y:o.y,zoom:Sr(o.zoom,t,n)},[[0,0],[d.width,d.height]],r);const m=f.on("wheel.zoom"),y=f.on("dblclick.zoom");c.wheelDelta(em);function w(z,R){return f?new Promise(H=>{c==null||c.interpolate((R==null?void 0:R.interpolate)==="linear"?io:Di).transform($l(f,R==null?void 0:R.duration,R==null?void 0:R.ease,()=>H(!0)),z)}):Promise.resolve(!1)}function x({noWheelClassName:z,noPanClassName:R,onPaneContextMenu:H,userSelectionActive:C,panOnScroll:A,panOnDrag:I,panOnScrollMode:D,panOnScrollSpeed:k,preventScrolling:S,zoomOnPinch:T,zoomOnScroll:O,zoomOnDoubleClick:F,zoomActivationKeyPressed:W,lib:V,onTransformChange:U,connectionInProgress:Y,paneClickDistance:Q,selectionOnDrag:B}){C&&!a.isZoomingOrPanning&&h();const K=A&&!W&&!C;c.clickDistance(B?1/0:!ft(Q)||Q<0?0:Q);const ee=K?QE({zoomPanValues:a,noWheelClassName:z,d3Selection:f,d3Zoom:c,panOnScrollMode:D,panOnScrollSpeed:k,zoomOnPinch:T,onPanZoomStart:s,onPanZoom:i,onPanZoomEnd:l}):GE({noWheelClassName:z,preventScrolling:S,d3ZoomHandler:m});if(f.on("wheel.zoom",ee,{passive:!1}),!C){const q=KE({zoomPanValues:a,onDraggingChange:u,onPanZoomStart:s});c.on("start",q);const Z=ZE({zoomPanValues:a,panOnDrag:I,onPaneContextMenu:!!H,onPanZoom:i,onTransformChange:U});c.on("zoom",Z);const ie=qE({zoomPanValues:a,panOnDrag:I,panOnScroll:A,onPaneContextMenu:H,onPanZoomEnd:l,onDraggingChange:u});c.on("end",ie)}const J=JE({zoomActivationKeyPressed:W,panOnDrag:I,zoomOnScroll:O,panOnScroll:A,zoomOnDoubleClick:F,zoomOnPinch:T,userSelectionActive:C,noPanClassName:R,noWheelClassName:z,lib:V,connectionInProgress:Y});c.filter(J),F?f.on("dblclick.zoom",y):f.on("dblclick.zoom",null)}function h(){c.on("zoom",null)}async function g(z,R,H){const C=Rl(z),A=c==null?void 0:c.constrain()(C,R,H);return A&&await w(A),new Promise(I=>I(A))}async function p(z,R){const H=Rl(z);return await w(H,R),new Promise(C=>C(H))}function v(z){if(f){const R=Rl(z),H=f.property("__zoom");(H.k!==z.zoom||H.x!==z.x||H.y!==z.y)&&(c==null||c.transform(f,R,null,{sync:!0}))}}function E(){const z=f?kg(f.node()):{x:0,y:0,k:1};return{x:z.x,y:z.y,zoom:z.k}}function _(z,R){return f?new Promise(H=>{c==null||c.interpolate((R==null?void 0:R.interpolate)==="linear"?io:Di).scaleTo($l(f,R==null?void 0:R.duration,R==null?void 0:R.ease,()=>H(!0)),z)}):Promise.resolve(!1)}function N(z,R){return f?new Promise(H=>{c==null||c.interpolate((R==null?void 0:R.interpolate)==="linear"?io:Di).scaleBy($l(f,R==null?void 0:R.duration,R==null?void 0:R.ease,()=>H(!0)),z)}):Promise.resolve(!1)}function P(z){c==null||c.scaleExtent(z)}function L(z){c==null||c.translateExtent(z)}function j(z){const R=!ft(z)||z<0?0:z;c==null||c.clickDistance(R)}return{update:x,destroy:h,setViewport:p,setViewportConstrained:g,getViewport:E,scaleTo:_,scaleBy:N,setScaleExtent:P,setTranslateExtent:L,syncViewport:v,setClickDistance:j}}var kr;(function(e){e.Line="line",e.Handle="handle"})(kr||(kr={}));function t_({width:e,prevWidth:t,height:n,prevHeight:r,affectsX:o,affectsY:i}){const s=e-t,l=n-r,u=[s>0?1:s<0?-1:0,l>0?1:l<0?-1:0];return s&&o&&(u[0]=u[0]*-1),l&&i&&(u[1]=u[1]*-1),u}function nd(e){const t=e.includes("right")||e.includes("left"),n=e.includes("bottom")||e.includes("top"),r=e.includes("left"),o=e.includes("top");return{isHorizontal:t,isVertical:n,affectsX:r,affectsY:o}}function Bt(e,t){return Math.max(0,t-e)}function Wt(e,t){return Math.max(0,e-t)}function yi(e,t,n){return Math.max(0,t-e,e-n)}function rd(e,t){return e?!t:t}function n_(e,t,n,r,o,i,s,l){let{affectsX:u,affectsY:a}=t;const{isHorizontal:d,isVertical:c}=t,f=d&&c,{xSnapped:m,ySnapped:y}=n,{minWidth:w,maxWidth:x,minHeight:h,maxHeight:g}=r,{x:p,y:v,width:E,height:_,aspectRatio:N}=e;let P=Math.floor(d?m-e.pointerX:0),L=Math.floor(c?y-e.pointerY:0);const j=E+(u?-P:P),z=_+(a?-L:L),R=-i[0]*E,H=-i[1]*_;let C=yi(j,w,x),A=yi(z,h,g);if(s){let k=0,S=0;u&&P<0?k=Bt(p+P+R,s[0][0]):!u&&P>0&&(k=Wt(p+j+R,s[1][0])),a&&L<0?S=Bt(v+L+H,s[0][1]):!a&&L>0&&(S=Wt(v+z+H,s[1][1])),C=Math.max(C,k),A=Math.max(A,S)}if(l){let k=0,S=0;u&&P>0?k=Wt(p+P,l[0][0]):!u&&P<0&&(k=Bt(p+j,l[1][0])),a&&L>0?S=Wt(v+L,l[0][1]):!a&&L<0&&(S=Bt(v+z,l[1][1])),C=Math.max(C,k),A=Math.max(A,S)}if(o){if(d){const k=yi(j/N,h,g)*N;if(C=Math.max(C,k),s){let S=0;!u&&!a||u&&!a&&f?S=Wt(v+H+j/N,s[1][1])*N:S=Bt(v+H+(u?P:-P)/N,s[0][1])*N,C=Math.max(C,S)}if(l){let S=0;!u&&!a||u&&!a&&f?S=Bt(v+j/N,l[1][1])*N:S=Wt(v+(u?P:-P)/N,l[0][1])*N,C=Math.max(C,S)}}if(c){const k=yi(z*N,w,x)/N;if(A=Math.max(A,k),s){let S=0;!u&&!a||a&&!u&&f?S=Wt(p+z*N+R,s[1][0])/N:S=Bt(p+(a?L:-L)*N+R,s[0][0])/N,A=Math.max(A,S)}if(l){let S=0;!u&&!a||a&&!u&&f?S=Bt(p+z*N,l[1][0])/N:S=Wt(p+(a?L:-L)*N,l[0][0])/N,A=Math.max(A,S)}}}L=L+(L<0?A:-A),P=P+(P<0?C:-C),o&&(f?j>z*N?L=(rd(u,a)?-P:P)/N:P=(rd(u,a)?-L:L)*N:d?(L=P/N,a=u):(P=L*N,u=a));const I=u?p+P:p,D=a?v+L:v;return{width:E+(u?-P:P),height:_+(a?-L:L),x:i[0]*P*(u?-1:1)+I,y:i[1]*L*(a?-1:1)+D}}const tm={width:0,height:0,x:0,y:0},r_={...tm,pointerX:0,pointerY:0,aspectRatio:1};function o_(e){return[[0,0],[e.measured.width,e.measured.height]]}function i_(e,t,n){const r=t.position.x+e.position.x,o=t.position.y+e.position.y,i=e.measured.width??0,s=e.measured.height??0,l=n[0]*i,u=n[1]*s;return[[r-l,o-u],[r+i-l,o+s-u]]}function s_({domNode:e,nodeId:t,getStoreItems:n,onChange:r,onEnd:o}){const i=Ye(e);let s={controlDirection:nd("bottom-right"),boundaries:{minWidth:0,minHeight:0,maxWidth:Number.MAX_VALUE,maxHeight:Number.MAX_VALUE},resizeDirection:void 0,keepAspectRatio:!1};function l({controlPosition:a,boundaries:d,keepAspectRatio:c,resizeDirection:f,onResizeStart:m,onResize:y,onResizeEnd:w,shouldResize:x}){let h={...tm},g={...r_};s={boundaries:d,resizeDirection:f,keepAspectRatio:c,controlDirection:nd(a)};let p,v=null,E=[],_,N,P,L=!1;const j=cg().on("start",z=>{const{nodeLookup:R,transform:H,snapGrid:C,snapToGrid:A,nodeOrigin:I,paneDomNode:D}=n();if(p=R.get(t),!p)return;v=(D==null?void 0:D.getBoundingClientRect())??null;const{xSnapped:k,ySnapped:S}=so(z.sourceEvent,{transform:H,snapGrid:C,snapToGrid:A,containerBounds:v});h={width:p.measured.width??0,height:p.measured.height??0,x:p.position.x??0,y:p.position.y??0},g={...h,pointerX:k,pointerY:S,aspectRatio:h.width/h.height},_=void 0,p.parentId&&(p.extent==="parent"||p.expandParent)&&(_=R.get(p.parentId),N=_&&p.extent==="parent"?o_(_):void 0),E=[],P=void 0;for(const[T,O]of R)if(O.parentId===t&&(E.push({id:T,position:{...O.position},extent:O.extent}),O.extent==="parent"||O.expandParent)){const F=i_(O,p,O.origin??I);P?P=[[Math.min(F[0][0],P[0][0]),Math.min(F[0][1],P[0][1])],[Math.max(F[1][0],P[1][0]),Math.max(F[1][1],P[1][1])]]:P=F}m==null||m(z,{...h})}).on("drag",z=>{const{transform:R,snapGrid:H,snapToGrid:C,nodeOrigin:A}=n(),I=so(z.sourceEvent,{transform:R,snapGrid:H,snapToGrid:C,containerBounds:v}),D=[];if(!p)return;const{x:k,y:S,width:T,height:O}=h,F={},W=p.origin??A,{width:V,height:U,x:Y,y:Q}=n_(g,s.controlDirection,I,s.boundaries,s.keepAspectRatio,W,N,P),B=V!==T,K=U!==O,ee=Y!==k&&B,J=Q!==S&&K;if(!ee&&!J&&!B&&!K)return;if((ee||J||W[0]===1||W[1]===1)&&(F.x=ee?Y:h.x,F.y=J?Q:h.y,h.x=F.x,h.y=F.y,E.length>0)){const ue=Y-k,oe=Q-S;for(const Pe of E)Pe.position={x:Pe.position.x-ue+W[0]*(V-T),y:Pe.position.y-oe+W[1]*(U-O)},D.push(Pe)}if((B||K)&&(F.width=B&&(!s.resizeDirection||s.resizeDirection==="horizontal")?V:h.width,F.height=K&&(!s.resizeDirection||s.resizeDirection==="vertical")?U:h.height,h.width=F.width,h.height=F.height),_&&p.expandParent){const ue=W[0]*(F.width??0);F.x&&F.x<ue&&(h.x=ue,g.x=g.x-(F.x-ue));const oe=W[1]*(F.height??0);F.y&&F.y<oe&&(h.y=oe,g.y=g.y-(F.y-oe))}const q=t_({width:h.width,prevWidth:T,height:h.height,prevHeight:O,affectsX:s.controlDirection.affectsX,affectsY:s.controlDirection.affectsY}),Z={...h,direction:q};(x==null?void 0:x(z,Z))!==!1&&(L=!0,y==null||y(z,Z),r(F,D))}).on("end",z=>{L&&(w==null||w(z,{...h}),o==null||o({...h}),L=!1)});i.call(j)}function u(){i.on(".drag",null)}return{update:l,destroy:u}}var nm={exports:{}},rm={},om={exports:{}},im={};/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Cr=$;function l_(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var u_=typeof Object.is=="function"?Object.is:l_,a_=Cr.useState,c_=Cr.useEffect,f_=Cr.useLayoutEffect,d_=Cr.useDebugValue;function h_(e,t){var n=t(),r=a_({inst:{value:n,getSnapshot:t}}),o=r[0].inst,i=r[1];return f_(function(){o.value=n,o.getSnapshot=t,Dl(o)&&i({inst:o})},[e,n,t]),c_(function(){return Dl(o)&&i({inst:o}),e(function(){Dl(o)&&i({inst:o})})},[e]),d_(n),n}function Dl(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!u_(e,n)}catch{return!0}}function p_(e,t){return t()}var g_=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?p_:h_;im.useSyncExternalStore=Cr.useSyncExternalStore!==void 0?Cr.useSyncExternalStore:g_;om.exports=im;var m_=om.exports;/**
+ * @license React
+ * use-sync-external-store-shim/with-selector.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var Qs=$,y_=m_;function v_(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var w_=typeof Object.is=="function"?Object.is:v_,x_=y_.useSyncExternalStore,S_=Qs.useRef,E_=Qs.useEffect,__=Qs.useMemo,k_=Qs.useDebugValue;rm.useSyncExternalStoreWithSelector=function(e,t,n,r,o){var i=S_(null);if(i.current===null){var s={hasValue:!1,value:null};i.current=s}else s=i.current;i=__(function(){function u(m){if(!a){if(a=!0,d=m,m=r(m),o!==void 0&&s.hasValue){var y=s.value;if(o(y,m))return c=y}return c=m}if(y=c,w_(d,m))return y;var w=r(m);return o!==void 0&&o(y,w)?(d=m,y):(d=m,c=w)}var a=!1,d,c,f=n===void 0?null:n;return[function(){return u(t())},f===null?void 0:function(){return u(f())}]},[t,n,r,o]);var l=x_(e,i[0],i[1]);return E_(function(){s.hasValue=!0,s.value=l},[l]),k_(l),l};nm.exports=rm;var C_=nm.exports;const N_=Dd(C_),M_={},od=e=>{let t;const n=new Set,r=(d,c)=>{const f=typeof d=="function"?d(t):d;if(!Object.is(f,t)){const m=t;t=c??(typeof f!="object"||f===null)?f:Object.assign({},t,f),n.forEach(y=>y(t,m))}},o=()=>t,u={setState:r,getState:o,getInitialState:()=>a,subscribe:d=>(n.add(d),()=>n.delete(d)),destroy:()=>{(M_?"production":void 0)!=="production"&&console.warn("[DEPRECATED] The `destroy` method will be unsupported in a future version. Instead use unsubscribe function returned by subscribe. Everything will be garbage-collected if store is garbage-collected."),n.clear()}},a=t=e(r,o,u);return u},P_=e=>e?od(e):od,{useDebugValue:T_}=vy,{useSyncExternalStoreWithSelector:I_}=N_,z_=e=>e;function sm(e,t=z_,n){const r=I_(e.subscribe,e.getState,e.getServerState||e.getInitialState,t,n);return T_(r),r}const id=(e,t)=>{const n=P_(e),r=(o,i=t)=>sm(n,o,i);return Object.assign(r,n),r},L_=(e,t)=>e?id(e,t):id;function de(e,t){if(Object.is(e,t))return!0;if(typeof e!="object"||e===null||typeof t!="object"||t===null)return!1;if(e instanceof Map&&t instanceof Map){if(e.size!==t.size)return!1;for(const[r,o]of e)if(!Object.is(o,t.get(r)))return!1;return!0}if(e instanceof Set&&t instanceof Set){if(e.size!==t.size)return!1;for(const r of e)if(!t.has(r))return!1;return!0}const n=Object.keys(e);if(n.length!==Object.keys(t).length)return!1;for(const r of n)if(!Object.prototype.hasOwnProperty.call(t,r)||!Object.is(e[r],t[r]))return!1;return!0}const Gs=$.createContext(null),A_=Gs.Provider,lm=kt.error001();function ne(e,t){const n=$.useContext(Gs);if(n===null)throw new Error(lm);return sm(n,e,t)}function he(){const e=$.useContext(Gs);if(e===null)throw new Error(lm);return $.useMemo(()=>({getState:e.getState,setState:e.setState,subscribe:e.subscribe}),[e])}const sd={display:"none"},R_={position:"absolute",width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0px, 0px, 0px, 0px)",clipPath:"inset(100%)"},um="react-flow__node-desc",am="react-flow__edge-desc",$_="react-flow__aria-live",D_=e=>e.ariaLiveMessage,F_=e=>e.ariaLabelConfig;function O_({rfId:e}){const t=ne(D_);return M.jsx("div",{id:`${$_}-${e}`,"aria-live":"assertive","aria-atomic":"true",style:R_,children:t})}function j_({rfId:e,disableKeyboardA11y:t}){const n=ne(F_);return M.jsxs(M.Fragment,{children:[M.jsx("div",{id:`${um}-${e}`,style:sd,children:t?n["node.a11yDescription.default"]:n["node.a11yDescription.keyboardDisabled"]}),M.jsx("div",{id:`${am}-${e}`,style:sd,children:n["edge.a11yDescription.default"]}),!t&&M.jsx(O_,{rfId:e})]})}const Ks=$.forwardRef(({position:e="top-left",children:t,className:n,style:r,...o},i)=>{const s=`${e}`.split("-");return M.jsx("div",{className:xe(["react-flow__panel",n,...s]),style:r,ref:i,...o,children:t})});Ks.displayName="Panel";function H_({proOptions:e,position:t="bottom-right"}){return e!=null&&e.hideAttribution?null:M.jsx(Ks,{position:t,className:"react-flow__attribution","data-message":"Please only hide this attribution when you are subscribed to React Flow Pro: https://pro.reactflow.dev",children:M.jsx("a",{href:"https://reactflow.dev",target:"_blank",rel:"noopener noreferrer","aria-label":"React Flow attribution",children:"React Flow"})})}const V_=e=>{const t=[],n=[];for(const[,r]of e.nodeLookup)r.selected&&t.push(r.internals.userNode);for(const[,r]of e.edgeLookup)r.selected&&n.push(r);return{selectedNodes:t,selectedEdges:n}},vi=e=>e.id;function b_(e,t){return de(e.selectedNodes.map(vi),t.selectedNodes.map(vi))&&de(e.selectedEdges.map(vi),t.selectedEdges.map(vi))}function B_({onSelectionChange:e}){const t=he(),{selectedNodes:n,selectedEdges:r}=ne(V_,b_);return $.useEffect(()=>{const o={nodes:n,edges:r};e==null||e(o),t.getState().onSelectionChangeHandlers.forEach(i=>i(o))},[n,r,e]),null}const W_=e=>!!e.onSelectionChangeHandlers;function U_({onSelectionChange:e}){const t=ne(W_);return e||t?M.jsx(B_,{onSelectionChange:e}):null}const cm=[0,0],Y_={x:0,y:0,zoom:1},X_=["nodes","edges","defaultNodes","defaultEdges","onConnect","onConnectStart","onConnectEnd","onClickConnectStart","onClickConnectEnd","nodesDraggable","autoPanOnNodeFocus","nodesConnectable","nodesFocusable","edgesFocusable","edgesReconnectable","elevateNodesOnSelect","elevateEdgesOnSelect","minZoom","maxZoom","nodeExtent","onNodesChange","onEdgesChange","elementsSelectable","connectionMode","snapGrid","snapToGrid","translateExtent","connectOnClick","defaultEdgeOptions","fitView","fitViewOptions","onNodesDelete","onEdgesDelete","onDelete","onNodeDrag","onNodeDragStart","onNodeDragStop","onSelectionDrag","onSelectionDragStart","onSelectionDragStop","onMoveStart","onMove","onMoveEnd","noPanClassName","nodeOrigin","autoPanOnConnect","autoPanOnNodeDrag","onError","connectionRadius","isValidConnection","selectNodesOnDrag","nodeDragThreshold","connectionDragThreshold","onBeforeDelete","debug","autoPanSpeed","ariaLabelConfig","zIndexMode"],ld=[...X_,"rfId"],Q_=e=>({setNodes:e.setNodes,setEdges:e.setEdges,setMinZoom:e.setMinZoom,setMaxZoom:e.setMaxZoom,setTranslateExtent:e.setTranslateExtent,setNodeExtent:e.setNodeExtent,reset:e.reset,setDefaultNodesAndEdges:e.setDefaultNodesAndEdges}),ud={translateExtent:To,nodeOrigin:cm,minZoom:.5,maxZoom:2,elementsSelectable:!0,noPanClassName:"nopan",rfId:"1"};function G_(e){const{setNodes:t,setEdges:n,setMinZoom:r,setMaxZoom:o,setTranslateExtent:i,setNodeExtent:s,reset:l,setDefaultNodesAndEdges:u}=ne(Q_,de),a=he();$.useEffect(()=>(u(e.defaultNodes,e.defaultEdges),()=>{d.current=ud,l()}),[]);const d=$.useRef(ud);return $.useEffect(()=>{for(const c of ld){const f=e[c],m=d.current[c];f!==m&&(typeof e[c]>"u"||(c==="nodes"?t(f):c==="edges"?n(f):c==="minZoom"?r(f):c==="maxZoom"?o(f):c==="translateExtent"?i(f):c==="nodeExtent"?s(f):c==="ariaLabelConfig"?a.setState({ariaLabelConfig:vE(f)}):c==="fitView"?a.setState({fitViewQueued:f}):c==="fitViewOptions"?a.setState({fitViewOptions:f}):a.setState({[c]:f})))}d.current=e},ld.map(c=>e[c])),null}function ad(){return typeof window>"u"||!window.matchMedia?null:window.matchMedia("(prefers-color-scheme: dark)")}function K_(e){var r;const[t,n]=$.useState(e==="system"?null:e);return $.useEffect(()=>{if(e!=="system"){n(e);return}const o=ad(),i=()=>n(o!=null&&o.matches?"dark":"light");return i(),o==null||o.addEventListener("change",i),()=>{o==null||o.removeEventListener("change",i)}},[e]),t!==null?t:(r=ad())!=null&&r.matches?"dark":"light"}const cd=typeof document<"u"?document:null;function Ao(e=null,t={target:cd,actInsideInputWithModifier:!0}){const[n,r]=$.useState(!1),o=$.useRef(!1),i=$.useRef(new Set([])),[s,l]=$.useMemo(()=>{if(e!==null){const a=(Array.isArray(e)?e:[e]).filter(c=>typeof c=="string").map(c=>c.replace("+",`
+`).replace(`
+
+`,`
++`).split(`
+`)),d=a.reduce((c,f)=>c.concat(...f),[]);return[a,d]}return[[],[]]},[e]);return $.useEffect(()=>{const u=(t==null?void 0:t.target)??cd,a=(t==null?void 0:t.actInsideInputWithModifier)??!0;if(e!==null){const d=m=>{var x,h;if(o.current=m.ctrlKey||m.metaKey||m.shiftKey||m.altKey,(!o.current||o.current&&!a)&&jg(m))return!1;const w=dd(m.code,l);if(i.current.add(m[w]),fd(s,i.current,!1)){const g=((h=(x=m.composedPath)==null?void 0:x.call(m))==null?void 0:h[0])||m.target,p=(g==null?void 0:g.nodeName)==="BUTTON"||(g==null?void 0:g.nodeName)==="A";t.preventDefault!==!1&&(o.current||!p)&&m.preventDefault(),r(!0)}},c=m=>{const y=dd(m.code,l);fd(s,i.current,!0)?(r(!1),i.current.clear()):i.current.delete(m[y]),m.key==="Meta"&&i.current.clear(),o.current=!1},f=()=>{i.current.clear(),r(!1)};return u==null||u.addEventListener("keydown",d),u==null||u.addEventListener("keyup",c),window.addEventListener("blur",f),window.addEventListener("contextmenu",f),()=>{u==null||u.removeEventListener("keydown",d),u==null||u.removeEventListener("keyup",c),window.removeEventListener("blur",f),window.removeEventListener("contextmenu",f)}}},[e,r]),n}function fd(e,t,n){return e.filter(r=>n||r.length===t.size).some(r=>r.every(o=>t.has(o)))}function dd(e,t){return t.includes(e)?"code":"key"}const Z_=()=>{const e=he();return $.useMemo(()=>({zoomIn:t=>{const{panZoom:n}=e.getState();return n?n.scaleBy(1.2,{duration:t==null?void 0:t.duration}):Promise.resolve(!1)},zoomOut:t=>{const{panZoom:n}=e.getState();return n?n.scaleBy(1/1.2,{duration:t==null?void 0:t.duration}):Promise.resolve(!1)},zoomTo:(t,n)=>{const{panZoom:r}=e.getState();return r?r.scaleTo(t,{duration:n==null?void 0:n.duration}):Promise.resolve(!1)},getZoom:()=>e.getState().transform[2],setViewport:async(t,n)=>{const{transform:[r,o,i],panZoom:s}=e.getState();return s?(await s.setViewport({x:t.x??r,y:t.y??o,zoom:t.zoom??i},n),Promise.resolve(!0)):Promise.resolve(!1)},getViewport:()=>{const[t,n,r]=e.getState().transform;return{x:t,y:n,zoom:r}},setCenter:async(t,n,r)=>e.getState().setCenter(t,n,r),fitBounds:async(t,n)=>{const{width:r,height:o,minZoom:i,maxZoom:s,panZoom:l}=e.getState(),u=Ys(t,r,o,i,s,(n==null?void 0:n.padding)??.1);return l?(await l.setViewport(u,{duration:n==null?void 0:n.duration,ease:n==null?void 0:n.ease,interpolate:n==null?void 0:n.interpolate}),Promise.resolve(!0)):Promise.resolve(!1)},screenToFlowPosition:(t,n={})=>{const{transform:r,snapGrid:o,snapToGrid:i,domNode:s}=e.getState();if(!s)return t;const{x:l,y:u}=s.getBoundingClientRect(),a={x:t.x-l,y:t.y-u},d=n.snapGrid??o,c=n.snapToGrid??i;return Wo(a,r,c,d)},flowToScreenPosition:t=>{const{transform:n,domNode:r}=e.getState();if(!r)return t;const{x:o,y:i}=r.getBoundingClientRect(),s=vs(t,n);return{x:s.x+o,y:s.y+i}}}),[])};function fm(e,t){const n=[],r=new Map,o=[];for(const i of e)if(i.type==="add"){o.push(i);continue}else if(i.type==="remove"||i.type==="replace")r.set(i.id,[i]);else{const s=r.get(i.id);s?s.push(i):r.set(i.id,[i])}for(const i of t){const s=r.get(i.id);if(!s){n.push(i);continue}if(s[0].type==="remove")continue;if(s[0].type==="replace"){n.push({...s[0].item});continue}const l={...i};for(const u of s)q_(u,l);n.push(l)}return o.length&&o.forEach(i=>{i.index!==void 0?n.splice(i.index,0,{...i.item}):n.push({...i.item})}),n}function q_(e,t){switch(e.type){case"select":{t.selected=e.selected;break}case"position":{typeof e.position<"u"&&(t.position=e.position),typeof e.dragging<"u"&&(t.dragging=e.dragging);break}case"dimensions":{typeof e.dimensions<"u"&&(t.measured={...e.dimensions},e.setAttributes&&((e.setAttributes===!0||e.setAttributes==="width")&&(t.width=e.dimensions.width),(e.setAttributes===!0||e.setAttributes==="height")&&(t.height=e.dimensions.height))),typeof e.resizing=="boolean"&&(t.resizing=e.resizing);break}}}function dm(e,t){return fm(e,t)}function hm(e,t){return fm(e,t)}function yn(e,t){return{id:e,type:"select",selected:t}}function tr(e,t=new Set,n=!1){const r=[];for(const[o,i]of e){const s=t.has(o);!(i.selected===void 0&&!s)&&i.selected!==s&&(n&&(i.selected=s),r.push(yn(i.id,s)))}return r}function hd({items:e=[],lookup:t}){var o;const n=[],r=new Map(e.map(i=>[i.id,i]));for(const[i,s]of e.entries()){const l=t.get(s.id),u=((o=l==null?void 0:l.internals)==null?void 0:o.userNode)??l;u!==void 0&&u!==s&&n.push({id:s.id,item:s,type:"replace"}),u===void 0&&n.push({item:s,type:"add",index:i})}for(const[i]of t)r.get(i)===void 0&&n.push({id:i,type:"remove"});return n}function pd(e){return{id:e.id,type:"remove"}}const gd=e=>aE(e),J_=e=>Ig(e);function pm(e){return $.forwardRef(e)}const e2=typeof window<"u"?$.useLayoutEffect:$.useEffect;function md(e){const[t,n]=$.useState(BigInt(0)),[r]=$.useState(()=>t2(()=>n(o=>o+BigInt(1))));return e2(()=>{const o=r.get();o.length&&(e(o),r.reset())},[t]),r}function t2(e){let t=[];return{get:()=>t,reset:()=>{t=[]},push:n=>{t.push(n),e()}}}const gm=$.createContext(null);function n2({children:e}){const t=he(),n=$.useCallback(l=>{const{nodes:u=[],setNodes:a,hasDefaultNodes:d,onNodesChange:c,nodeLookup:f,fitViewQueued:m,onNodesChangeMiddlewareMap:y}=t.getState();let w=u;for(const h of l)w=typeof h=="function"?h(w):h;let x=hd({items:w,lookup:f});for(const h of y.values())x=h(x);d&&a(w),x.length>0?c==null||c(x):m&&window.requestAnimationFrame(()=>{const{fitViewQueued:h,nodes:g,setNodes:p}=t.getState();h&&p(g)})},[]),r=md(n),o=$.useCallback(l=>{const{edges:u=[],setEdges:a,hasDefaultEdges:d,onEdgesChange:c,edgeLookup:f}=t.getState();let m=u;for(const y of l)m=typeof y=="function"?y(m):y;d?a(m):c&&c(hd({items:m,lookup:f}))},[]),i=md(o),s=$.useMemo(()=>({nodeQueue:r,edgeQueue:i}),[]);return M.jsx(gm.Provider,{value:s,children:e})}function r2(){const e=$.useContext(gm);if(!e)throw new Error("useBatchContext must be used within a BatchProvider");return e}const o2=e=>!!e.panZoom;function Uo(){const e=Z_(),t=he(),n=r2(),r=ne(o2),o=$.useMemo(()=>{const i=c=>t.getState().nodeLookup.get(c),s=c=>{n.nodeQueue.push(c)},l=c=>{n.edgeQueue.push(c)},u=c=>{var h,g;const{nodeLookup:f,nodeOrigin:m}=t.getState(),y=gd(c)?c:f.get(c.id),w=y.parentId?Fg(y.position,y.measured,y.parentId,f,m):y.position,x={...y,position:w,width:((h=y.measured)==null?void 0:h.width)??y.width,height:((g=y.measured)==null?void 0:g.height)??y.height};return Er(x)},a=(c,f,m={replace:!1})=>{s(y=>y.map(w=>{if(w.id===c){const x=typeof f=="function"?f(w):f;return m.replace&&gd(x)?x:{...w,...x}}return w}))},d=(c,f,m={replace:!1})=>{l(y=>y.map(w=>{if(w.id===c){const x=typeof f=="function"?f(w):f;return m.replace&&J_(x)?x:{...w,...x}}return w}))};return{getNodes:()=>t.getState().nodes.map(c=>({...c})),getNode:c=>{var f;return(f=i(c))==null?void 0:f.internals.userNode},getInternalNode:i,getEdges:()=>{const{edges:c=[]}=t.getState();return c.map(f=>({...f}))},getEdge:c=>t.getState().edgeLookup.get(c),setNodes:s,setEdges:l,addNodes:c=>{const f=Array.isArray(c)?c:[c];n.nodeQueue.push(m=>[...m,...f])},addEdges:c=>{const f=Array.isArray(c)?c:[c];n.edgeQueue.push(m=>[...m,...f])},toObject:()=>{const{nodes:c=[],edges:f=[],transform:m}=t.getState(),[y,w,x]=m;return{nodes:c.map(h=>({...h})),edges:f.map(h=>({...h})),viewport:{x:y,y:w,zoom:x}}},deleteElements:async({nodes:c=[],edges:f=[]})=>{const{nodes:m,edges:y,onNodesDelete:w,onEdgesDelete:x,triggerNodeChanges:h,triggerEdgeChanges:g,onDelete:p,onBeforeDelete:v}=t.getState(),{nodes:E,edges:_}=await hE({nodesToRemove:c,edgesToRemove:f,nodes:m,edges:y,onBeforeDelete:v}),N=_.length>0,P=E.length>0;if(N){const L=_.map(pd);x==null||x(_),g(L)}if(P){const L=E.map(pd);w==null||w(E),h(L)}return(P||N)&&(p==null||p({nodes:E,edges:_})),{deletedNodes:E,deletedEdges:_}},getIntersectingNodes:(c,f=!0,m)=>{const y=Uf(c),w=y?c:u(c),x=m!==void 0;return w?(m||t.getState().nodes).filter(h=>{const g=t.getState().nodeLookup.get(h.id);if(g&&!y&&(h.id===c.id||!g.internals.positionAbsolute))return!1;const p=Er(x?h:g),v=zo(p,w);return f&&v>0||v>=p.width*p.height||v>=w.width*w.height}):[]},isNodeIntersecting:(c,f,m=!0)=>{const w=Uf(c)?c:u(c);if(!w)return!1;const x=zo(w,f);return m&&x>0||x>=f.width*f.height||x>=w.width*w.height},updateNode:a,updateNodeData:(c,f,m={replace:!1})=>{a(c,y=>{const w=typeof f=="function"?f(y):f;return m.replace?{...y,data:w}:{...y,data:{...y.data,...w}}},m)},updateEdge:d,updateEdgeData:(c,f,m={replace:!1})=>{d(c,y=>{const w=typeof f=="function"?f(y):f;return m.replace?{...y,data:w}:{...y,data:{...y.data,...w}}},m)},getNodesBounds:c=>{const{nodeLookup:f,nodeOrigin:m}=t.getState();return zg(c,{nodeLookup:f,nodeOrigin:m})},getHandleConnections:({type:c,id:f,nodeId:m})=>{var y;return Array.from(((y=t.getState().connectionLookup.get(`${m}-${c}${f?`-${f}`:""}`))==null?void 0:y.values())??[])},getNodeConnections:({type:c,handleId:f,nodeId:m})=>{var y;return Array.from(((y=t.getState().connectionLookup.get(`${m}${c?f?`-${c}-${f}`:`-${c}`:""}`))==null?void 0:y.values())??[])},fitView:async c=>{const f=t.getState().fitViewResolver??yE();return t.setState({fitViewQueued:!0,fitViewOptions:c,fitViewResolver:f}),n.nodeQueue.push(m=>[...m]),f.promise}}},[]);return $.useMemo(()=>({...o,...e,viewportInitialized:r}),[r])}const yd=e=>e.selected,i2=typeof window<"u"?window:void 0;function s2({deleteKeyCode:e,multiSelectionKeyCode:t}){const n=he(),{deleteElements:r}=Uo(),o=Ao(e,{actInsideInputWithModifier:!1}),i=Ao(t,{target:i2});$.useEffect(()=>{if(o){const{edges:s,nodes:l}=n.getState();r({nodes:l.filter(yd),edges:s.filter(yd)}),n.setState({nodesSelectionActive:!1})}},[o]),$.useEffect(()=>{n.setState({multiSelectionActive:i})},[i])}function l2(e){const t=he();$.useEffect(()=>{const n=()=>{var o,i,s,l;if(!e.current||!(((i=(o=e.current).checkVisibility)==null?void 0:i.call(o))??!0))return!1;const r=qa(e.current);(r.height===0||r.width===0)&&((l=(s=t.getState()).onError)==null||l.call(s,"004",kt.error004())),t.setState({width:r.width||500,height:r.height||500})};if(e.current){n(),window.addEventListener("resize",n);const r=new ResizeObserver(()=>n());return r.observe(e.current),()=>{window.removeEventListener("resize",n),r&&e.current&&r.unobserve(e.current)}}},[])}const Zs={position:"absolute",width:"100%",height:"100%",top:0,left:0},u2=e=>({userSelectionActive:e.userSelectionActive,lib:e.lib,connectionInProgress:e.connection.inProgress});function a2({onPaneContextMenu:e,zoomOnScroll:t=!0,zoomOnPinch:n=!0,panOnScroll:r=!1,panOnScrollSpeed:o=.5,panOnScrollMode:i=Cn.Free,zoomOnDoubleClick:s=!0,panOnDrag:l=!0,defaultViewport:u,translateExtent:a,minZoom:d,maxZoom:c,zoomActivationKeyCode:f,preventScrolling:m=!0,children:y,noWheelClassName:w,noPanClassName:x,onViewportChange:h,isControlledViewport:g,paneClickDistance:p,selectionOnDrag:v}){const E=he(),_=$.useRef(null),{userSelectionActive:N,lib:P,connectionInProgress:L}=ne(u2,de),j=Ao(f),z=$.useRef();l2(_);const R=$.useCallback(H=>{h==null||h({x:H[0],y:H[1],zoom:H[2]}),g||E.setState({transform:H})},[h,g]);return $.useEffect(()=>{if(_.current){z.current=e_({domNode:_.current,minZoom:d,maxZoom:c,translateExtent:a,viewport:u,onDraggingChange:I=>E.setState(D=>D.paneDragging===I?D:{paneDragging:I}),onPanZoomStart:(I,D)=>{const{onViewportChangeStart:k,onMoveStart:S}=E.getState();S==null||S(I,D),k==null||k(D)},onPanZoom:(I,D)=>{const{onViewportChange:k,onMove:S}=E.getState();S==null||S(I,D),k==null||k(D)},onPanZoomEnd:(I,D)=>{const{onViewportChangeEnd:k,onMoveEnd:S}=E.getState();S==null||S(I,D),k==null||k(D)}});const{x:H,y:C,zoom:A}=z.current.getViewport();return E.setState({panZoom:z.current,transform:[H,C,A],domNode:_.current.closest(".react-flow")}),()=>{var I;(I=z.current)==null||I.destroy()}}},[]),$.useEffect(()=>{var H;(H=z.current)==null||H.update({onPaneContextMenu:e,zoomOnScroll:t,zoomOnPinch:n,panOnScroll:r,panOnScrollSpeed:o,panOnScrollMode:i,zoomOnDoubleClick:s,panOnDrag:l,zoomActivationKeyPressed:j,preventScrolling:m,noPanClassName:x,userSelectionActive:N,noWheelClassName:w,lib:P,onTransformChange:R,connectionInProgress:L,selectionOnDrag:v,paneClickDistance:p})},[e,t,n,r,o,i,s,l,j,m,x,N,w,P,R,L,v,p]),M.jsx("div",{className:"react-flow__renderer",ref:_,style:Zs,children:y})}const c2=e=>({userSelectionActive:e.userSelectionActive,userSelectionRect:e.userSelectionRect});function f2(){const{userSelectionActive:e,userSelectionRect:t}=ne(c2,de);return e&&t?M.jsx("div",{className:"react-flow__selection react-flow__container",style:{width:t.width,height:t.height,transform:`translate(${t.x}px, ${t.y}px)`}}):null}const Fl=(e,t)=>n=>{n.target===t.current&&(e==null||e(n))},d2=e=>({userSelectionActive:e.userSelectionActive,elementsSelectable:e.elementsSelectable,connectionInProgress:e.connection.inProgress,dragging:e.paneDragging});function h2({isSelecting:e,selectionKeyPressed:t,selectionMode:n=Io.Full,panOnDrag:r,paneClickDistance:o,selectionOnDrag:i,onSelectionStart:s,onSelectionEnd:l,onPaneClick:u,onPaneContextMenu:a,onPaneScroll:d,onPaneMouseEnter:c,onPaneMouseMove:f,onPaneMouseLeave:m,children:y}){const w=he(),{userSelectionActive:x,elementsSelectable:h,dragging:g,connectionInProgress:p}=ne(d2,de),v=h&&(e||x),E=$.useRef(null),_=$.useRef(),N=$.useRef(new Set),P=$.useRef(new Set),L=$.useRef(!1),j=k=>{if(L.current||p){L.current=!1;return}u==null||u(k),w.getState().resetSelectedElements(),w.setState({nodesSelectionActive:!1})},z=k=>{if(Array.isArray(r)&&(r!=null&&r.includes(2))){k.preventDefault();return}a==null||a(k)},R=d?k=>d(k):void 0,H=k=>{L.current&&(k.stopPropagation(),L.current=!1)},C=k=>{var U,Y;const{domNode:S}=w.getState();if(_.current=S==null?void 0:S.getBoundingClientRect(),!_.current)return;const T=k.target===E.current;if(!T&&!!k.target.closest(".nokey")||!e||!(i&&T||t)||k.button!==0||!k.isPrimary)return;(Y=(U=k.target)==null?void 0:U.setPointerCapture)==null||Y.call(U,k.pointerId),L.current=!1;const{x:W,y:V}=dt(k.nativeEvent,_.current);w.setState({userSelectionRect:{width:0,height:0,startX:W,startY:V,x:W,y:V}}),T||(k.stopPropagation(),k.preventDefault())},A=k=>{const{userSelectionRect:S,transform:T,nodeLookup:O,edgeLookup:F,connectionLookup:W,triggerNodeChanges:V,triggerEdgeChanges:U,defaultEdgeOptions:Y,resetSelectedElements:Q}=w.getState();if(!_.current||!S)return;const{x:B,y:K}=dt(k.nativeEvent,_.current),{startX:ee,startY:J}=S;if(!L.current){const oe=t?0:o;if(Math.hypot(B-ee,K-J)<=oe)return;Q(),s==null||s(k)}L.current=!0;const q={startX:ee,startY:J,x:B<ee?B:ee,y:K<J?K:J,width:Math.abs(B-ee),height:Math.abs(K-J)},Z=N.current,ie=P.current;N.current=new Set(Za(O,q,T,n===Io.Partial,!0).map(oe=>oe.id)),P.current=new Set;const ue=(Y==null?void 0:Y.selectable)??!0;for(const oe of N.current){const Pe=W.get(oe);if(Pe)for(const{edgeId:Vt}of Pe.values()){const Nt=F.get(Vt);Nt&&(Nt.selectable??ue)&&P.current.add(Vt)}}if(!Yf(Z,N.current)){const oe=tr(O,N.current,!0);V(oe)}if(!Yf(ie,P.current)){const oe=tr(F,P.current);U(oe)}w.setState({userSelectionRect:q,userSelectionActive:!0,nodesSelectionActive:!1})},I=k=>{var S,T;k.button===0&&((T=(S=k.target)==null?void 0:S.releasePointerCapture)==null||T.call(S,k.pointerId),!x&&k.target===E.current&&w.getState().userSelectionRect&&(j==null||j(k)),w.setState({userSelectionActive:!1,userSelectionRect:null}),L.current&&(l==null||l(k),w.setState({nodesSelectionActive:N.current.size>0})))},D=r===!0||Array.isArray(r)&&r.includes(0);return M.jsxs("div",{className:xe(["react-flow__pane",{draggable:D,dragging:g,selection:e}]),onClick:v?void 0:Fl(j,E),onContextMenu:Fl(z,E),onWheel:Fl(R,E),onPointerEnter:v?void 0:c,onPointerMove:v?A:f,onPointerUp:v?I:void 0,onPointerDownCapture:v?C:void 0,onClickCapture:v?H:void 0,onPointerLeave:m,ref:E,style:Zs,children:[y,M.jsx(f2,{})]})}function Xu({id:e,store:t,unselect:n=!1,nodeRef:r}){const{addSelectedNodes:o,unselectNodesAndEdges:i,multiSelectionActive:s,nodeLookup:l,onError:u}=t.getState(),a=l.get(e);if(!a){u==null||u("012",kt.error012(e));return}t.setState({nodesSelectionActive:!1}),a.selected?(n||a.selected&&s)&&(i({nodes:[a],edges:[]}),requestAnimationFrame(()=>{var d;return(d=r==null?void 0:r.current)==null?void 0:d.blur()})):o([e])}function mm({nodeRef:e,disabled:t=!1,noDragClassName:n,handleSelector:r,nodeId:o,isSelectable:i,nodeClickDistance:s}){const l=he(),[u,a]=$.useState(!1),d=$.useRef();return $.useEffect(()=>{d.current=HE({getStoreItems:()=>l.getState(),onNodeMouseDown:c=>{Xu({id:c,store:l,nodeRef:e})},onDragStart:()=>{a(!0)},onDragStop:()=>{a(!1)}})},[]),$.useEffect(()=>{if(!(t||!e.current||!d.current))return d.current.update({noDragClassName:n,handleSelector:r,domNode:e.current,isSelectable:i,nodeId:o,nodeClickDistance:s}),()=>{var c;(c=d.current)==null||c.destroy()}},[n,r,t,i,e,o,s]),u}const p2=e=>t=>t.selected&&(t.draggable||e&&typeof t.draggable>"u");function ym(){const e=he();return $.useCallback(n=>{const{nodeExtent:r,snapToGrid:o,snapGrid:i,nodesDraggable:s,onError:l,updateNodePositions:u,nodeLookup:a,nodeOrigin:d}=e.getState(),c=new Map,f=p2(s),m=o?i[0]:5,y=o?i[1]:5,w=n.direction.x*m*n.factor,x=n.direction.y*y*n.factor;for(const[,h]of a){if(!f(h))continue;let g={x:h.internals.positionAbsolute.x+w,y:h.internals.positionAbsolute.y+x};o&&(g=Bo(g,i));const{position:p,positionAbsolute:v}=Lg({nodeId:h.id,nextPosition:g,nodeLookup:a,nodeExtent:r,nodeOrigin:d,onError:l});h.position=p,h.internals.positionAbsolute=v,c.set(h.id,h)}u(c)},[])}const oc=$.createContext(null),g2=oc.Provider;oc.Consumer;const vm=()=>$.useContext(oc),m2=e=>({connectOnClick:e.connectOnClick,noPanClassName:e.noPanClassName,rfId:e.rfId}),y2=(e,t,n)=>r=>{const{connectionClickStartHandle:o,connectionMode:i,connection:s}=r,{fromHandle:l,toHandle:u,isValid:a}=s,d=(u==null?void 0:u.nodeId)===e&&(u==null?void 0:u.id)===t&&(u==null?void 0:u.type)===n;return{connectingFrom:(l==null?void 0:l.nodeId)===e&&(l==null?void 0:l.id)===t&&(l==null?void 0:l.type)===n,connectingTo:d,clickConnecting:(o==null?void 0:o.nodeId)===e&&(o==null?void 0:o.id)===t&&(o==null?void 0:o.type)===n,isPossibleEndHandle:i===wr.Strict?(l==null?void 0:l.type)!==n:e!==(l==null?void 0:l.nodeId)||t!==(l==null?void 0:l.id),connectionInProcess:!!l,clickConnectionInProcess:!!o,valid:d&&a}};function v2({type:e="source",position:t=G.Top,isValidConnection:n,isConnectable:r=!0,isConnectableStart:o=!0,isConnectableEnd:i=!0,id:s,onConnect:l,children:u,className:a,onMouseDown:d,onTouchStart:c,...f},m){var A,I;const y=s||null,w=e==="target",x=he(),h=vm(),{connectOnClick:g,noPanClassName:p,rfId:v}=ne(m2,de),{connectingFrom:E,connectingTo:_,clickConnecting:N,isPossibleEndHandle:P,connectionInProcess:L,clickConnectionInProcess:j,valid:z}=ne(y2(h,y,e),de);h||(I=(A=x.getState()).onError)==null||I.call(A,"010",kt.error010());const R=D=>{const{defaultEdgeOptions:k,onConnect:S,hasDefaultEdges:T}=x.getState(),O={...k,...D};if(T){const{edges:F,setEdges:W}=x.getState();W(kE(O,F))}S==null||S(O),l==null||l(O)},H=D=>{if(!h)return;const k=Hg(D.nativeEvent);if(o&&(k&&D.button===0||!k)){const S=x.getState();Yu.onPointerDown(D.nativeEvent,{handleDomNode:D.currentTarget,autoPanOnConnect:S.autoPanOnConnect,connectionMode:S.connectionMode,connectionRadius:S.connectionRadius,domNode:S.domNode,nodeLookup:S.nodeLookup,lib:S.lib,isTarget:w,handleId:y,nodeId:h,flowId:S.rfId,panBy:S.panBy,cancelConnection:S.cancelConnection,onConnectStart:S.onConnectStart,onConnectEnd:(...T)=>{var O,F;return(F=(O=x.getState()).onConnectEnd)==null?void 0:F.call(O,...T)},updateConnection:S.updateConnection,onConnect:R,isValidConnection:n||((...T)=>{var O,F;return((F=(O=x.getState()).isValidConnection)==null?void 0:F.call(O,...T))??!0}),getTransform:()=>x.getState().transform,getFromHandle:()=>x.getState().connection.fromHandle,autoPanSpeed:S.autoPanSpeed,dragThreshold:S.connectionDragThreshold})}k?d==null||d(D):c==null||c(D)},C=D=>{const{onClickConnectStart:k,onClickConnectEnd:S,connectionClickStartHandle:T,connectionMode:O,isValidConnection:F,lib:W,rfId:V,nodeLookup:U,connection:Y}=x.getState();if(!h||!T&&!o)return;if(!T){k==null||k(D.nativeEvent,{nodeId:h,handleId:y,handleType:e}),x.setState({connectionClickStartHandle:{nodeId:h,type:e,id:y}});return}const Q=Og(D.target),B=n||F,{connection:K,isValid:ee}=Yu.isValid(D.nativeEvent,{handle:{nodeId:h,id:y,type:e},connectionMode:O,fromNodeId:T.nodeId,fromHandleId:T.id||null,fromType:T.type,isValidConnection:B,flowId:V,doc:Q,lib:W,nodeLookup:U});ee&&K&&R(K);const J=structuredClone(Y);delete J.inProgress,J.toPosition=J.toHandle?J.toHandle.position:null,S==null||S(D,J),x.setState({connectionClickStartHandle:null})};return M.jsx("div",{"data-handleid":y,"data-nodeid":h,"data-handlepos":t,"data-id":`${v}-${h}-${y}-${e}`,className:xe(["react-flow__handle",`react-flow__handle-${t}`,"nodrag",p,a,{source:!w,target:w,connectable:r,connectablestart:o,connectableend:i,clickconnecting:N,connectingfrom:E,connectingto:_,valid:z,connectionindicator:r&&(!L||P)&&(L||j?i:o)}]),onMouseDown:H,onTouchStart:H,onClick:g?C:void 0,ref:m,...f,children:u})}const Nr=$.memo(pm(v2));function w2({data:e,isConnectable:t,sourcePosition:n=G.Bottom}){return M.jsxs(M.Fragment,{children:[e==null?void 0:e.label,M.jsx(Nr,{type:"source",position:n,isConnectable:t})]})}function x2({data:e,isConnectable:t,targetPosition:n=G.Top,sourcePosition:r=G.Bottom}){return M.jsxs(M.Fragment,{children:[M.jsx(Nr,{type:"target",position:n,isConnectable:t}),e==null?void 0:e.label,M.jsx(Nr,{type:"source",position:r,isConnectable:t})]})}function S2(){return null}function E2({data:e,isConnectable:t,targetPosition:n=G.Top}){return M.jsxs(M.Fragment,{children:[M.jsx(Nr,{type:"target",position:n,isConnectable:t}),e==null?void 0:e.label]})}const ws={ArrowUp:{x:0,y:-1},ArrowDown:{x:0,y:1},ArrowLeft:{x:-1,y:0},ArrowRight:{x:1,y:0}},vd={input:w2,default:x2,output:E2,group:S2};function _2(e){var t,n,r,o;return e.internals.handleBounds===void 0?{width:e.width??e.initialWidth??((t=e.style)==null?void 0:t.width),height:e.height??e.initialHeight??((n=e.style)==null?void 0:n.height)}:{width:e.width??((r=e.style)==null?void 0:r.width),height:e.height??((o=e.style)==null?void 0:o.height)}}const k2=e=>{const{width:t,height:n,x:r,y:o}=bo(e.nodeLookup,{filter:i=>!!i.selected});return{width:ft(t)?t:null,height:ft(n)?n:null,userSelectionActive:e.userSelectionActive,transformString:`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]}) translate(${r}px,${o}px)`}};function C2({onSelectionContextMenu:e,noPanClassName:t,disableKeyboardA11y:n}){const r=he(),{width:o,height:i,transformString:s,userSelectionActive:l}=ne(k2,de),u=ym(),a=$.useRef(null);$.useEffect(()=>{var m;n||(m=a.current)==null||m.focus({preventScroll:!0})},[n]);const d=!l&&o!==null&&i!==null;if(mm({nodeRef:a,disabled:!d}),!d)return null;const c=e?m=>{const y=r.getState().nodes.filter(w=>w.selected);e(m,y)}:void 0,f=m=>{Object.prototype.hasOwnProperty.call(ws,m.key)&&(m.preventDefault(),u({direction:ws[m.key],factor:m.shiftKey?4:1}))};return M.jsx("div",{className:xe(["react-flow__nodesselection","react-flow__container",t]),style:{transform:s},children:M.jsx("div",{ref:a,className:"react-flow__nodesselection-rect",onContextMenu:c,tabIndex:n?void 0:-1,onKeyDown:n?void 0:f,style:{width:o,height:i}})})}const wd=typeof window<"u"?window:void 0,N2=e=>({nodesSelectionActive:e.nodesSelectionActive,userSelectionActive:e.userSelectionActive});function wm({children:e,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:r,onPaneMouseLeave:o,onPaneContextMenu:i,onPaneScroll:s,paneClickDistance:l,deleteKeyCode:u,selectionKeyCode:a,selectionOnDrag:d,selectionMode:c,onSelectionStart:f,onSelectionEnd:m,multiSelectionKeyCode:y,panActivationKeyCode:w,zoomActivationKeyCode:x,elementsSelectable:h,zoomOnScroll:g,zoomOnPinch:p,panOnScroll:v,panOnScrollSpeed:E,panOnScrollMode:_,zoomOnDoubleClick:N,panOnDrag:P,defaultViewport:L,translateExtent:j,minZoom:z,maxZoom:R,preventScrolling:H,onSelectionContextMenu:C,noWheelClassName:A,noPanClassName:I,disableKeyboardA11y:D,onViewportChange:k,isControlledViewport:S}){const{nodesSelectionActive:T,userSelectionActive:O}=ne(N2,de),F=Ao(a,{target:wd}),W=Ao(w,{target:wd}),V=W||P,U=W||v,Y=d&&V!==!0,Q=F||O||Y;return s2({deleteKeyCode:u,multiSelectionKeyCode:y}),M.jsx(a2,{onPaneContextMenu:i,elementsSelectable:h,zoomOnScroll:g,zoomOnPinch:p,panOnScroll:U,panOnScrollSpeed:E,panOnScrollMode:_,zoomOnDoubleClick:N,panOnDrag:!F&&V,defaultViewport:L,translateExtent:j,minZoom:z,maxZoom:R,zoomActivationKeyCode:x,preventScrolling:H,noWheelClassName:A,noPanClassName:I,onViewportChange:k,isControlledViewport:S,paneClickDistance:l,selectionOnDrag:Y,children:M.jsxs(h2,{onSelectionStart:f,onSelectionEnd:m,onPaneClick:t,onPaneMouseEnter:n,onPaneMouseMove:r,onPaneMouseLeave:o,onPaneContextMenu:i,onPaneScroll:s,panOnDrag:V,isSelecting:!!Q,selectionMode:c,selectionKeyPressed:F,paneClickDistance:l,selectionOnDrag:Y,children:[e,T&&M.jsx(C2,{onSelectionContextMenu:C,noPanClassName:I,disableKeyboardA11y:D})]})})}wm.displayName="FlowRenderer";const M2=$.memo(wm),P2=e=>t=>e?Za(t.nodeLookup,{x:0,y:0,width:t.width,height:t.height},t.transform,!0).map(n=>n.id):Array.from(t.nodeLookup.keys());function T2(e){return ne($.useCallback(P2(e),[e]),de)}const I2=e=>e.updateNodeInternals;function z2(){const e=ne(I2),[t]=$.useState(()=>typeof ResizeObserver>"u"?null:new ResizeObserver(n=>{const r=new Map;n.forEach(o=>{const i=o.target.getAttribute("data-id");r.set(i,{id:i,nodeElement:o.target,force:!0})}),e(r)}));return $.useEffect(()=>()=>{t==null||t.disconnect()},[t]),t}function L2({node:e,nodeType:t,hasDimensions:n,resizeObserver:r}){const o=he(),i=$.useRef(null),s=$.useRef(null),l=$.useRef(e.sourcePosition),u=$.useRef(e.targetPosition),a=$.useRef(t),d=n&&!!e.internals.handleBounds;return $.useEffect(()=>{i.current&&!e.hidden&&(!d||s.current!==i.current)&&(s.current&&(r==null||r.unobserve(s.current)),r==null||r.observe(i.current),s.current=i.current)},[d,e.hidden]),$.useEffect(()=>()=>{s.current&&(r==null||r.unobserve(s.current),s.current=null)},[]),$.useEffect(()=>{if(i.current){const c=a.current!==t,f=l.current!==e.sourcePosition,m=u.current!==e.targetPosition;(c||f||m)&&(a.current=t,l.current=e.sourcePosition,u.current=e.targetPosition,o.getState().updateNodeInternals(new Map([[e.id,{id:e.id,nodeElement:i.current,force:!0}]])))}},[e.id,t,e.sourcePosition,e.targetPosition]),i}function A2({id:e,onClick:t,onMouseEnter:n,onMouseMove:r,onMouseLeave:o,onContextMenu:i,onDoubleClick:s,nodesDraggable:l,elementsSelectable:u,nodesConnectable:a,nodesFocusable:d,resizeObserver:c,noDragClassName:f,noPanClassName:m,disableKeyboardA11y:y,rfId:w,nodeTypes:x,nodeClickDistance:h,onError:g}){const{node:p,internals:v,isParent:E}=ne(B=>{const K=B.nodeLookup.get(e),ee=B.parentLookup.has(e);return{node:K,internals:K.internals,isParent:ee}},de);let _=p.type||"default",N=(x==null?void 0:x[_])||vd[_];N===void 0&&(g==null||g("003",kt.error003(_)),_="default",N=(x==null?void 0:x.default)||vd.default);const P=!!(p.draggable||l&&typeof p.draggable>"u"),L=!!(p.selectable||u&&typeof p.selectable>"u"),j=!!(p.connectable||a&&typeof p.connectable>"u"),z=!!(p.focusable||d&&typeof p.focusable>"u"),R=he(),H=Dg(p),C=L2({node:p,nodeType:_,hasDimensions:H,resizeObserver:c}),A=mm({nodeRef:C,disabled:p.hidden||!P,noDragClassName:f,handleSelector:p.dragHandle,nodeId:e,isSelectable:L,nodeClickDistance:h}),I=ym();if(p.hidden)return null;const D=Ht(p),k=_2(p),S=L||P||t||n||r||o,T=n?B=>n(B,{...v.userNode}):void 0,O=r?B=>r(B,{...v.userNode}):void 0,F=o?B=>o(B,{...v.userNode}):void 0,W=i?B=>i(B,{...v.userNode}):void 0,V=s?B=>s(B,{...v.userNode}):void 0,U=B=>{const{selectNodesOnDrag:K,nodeDragThreshold:ee}=R.getState();L&&(!K||!P||ee>0)&&Xu({id:e,store:R,nodeRef:C}),t&&t(B,{...v.userNode})},Y=B=>{if(!(jg(B.nativeEvent)||y)){if(Ng.includes(B.key)&&L){const K=B.key==="Escape";Xu({id:e,store:R,unselect:K,nodeRef:C})}else if(P&&p.selected&&Object.prototype.hasOwnProperty.call(ws,B.key)){B.preventDefault();const{ariaLabelConfig:K}=R.getState();R.setState({ariaLiveMessage:K["node.a11yDescription.ariaLiveMessage"]({direction:B.key.replace("Arrow","").toLowerCase(),x:~~v.positionAbsolute.x,y:~~v.positionAbsolute.y})}),I({direction:ws[B.key],factor:B.shiftKey?4:1})}}},Q=()=>{var ie;if(y||!((ie=C.current)!=null&&ie.matches(":focus-visible")))return;const{transform:B,width:K,height:ee,autoPanOnNodeFocus:J,setCenter:q}=R.getState();if(!J)return;Za(new Map([[e,p]]),{x:0,y:0,width:K,height:ee},B,!0).length>0||q(p.position.x+D.width/2,p.position.y+D.height/2,{zoom:B[2]})};return M.jsx("div",{className:xe(["react-flow__node",`react-flow__node-${_}`,{[m]:P},p.className,{selected:p.selected,selectable:L,parent:E,draggable:P,dragging:A}]),ref:C,style:{zIndex:v.z,transform:`translate(${v.positionAbsolute.x}px,${v.positionAbsolute.y}px)`,pointerEvents:S?"all":"none",visibility:H?"visible":"hidden",...p.style,...k},"data-id":e,"data-testid":`rf__node-${e}`,onMouseEnter:T,onMouseMove:O,onMouseLeave:F,onContextMenu:W,onClick:U,onDoubleClick:V,onKeyDown:z?Y:void 0,tabIndex:z?0:void 0,onFocus:z?Q:void 0,role:p.ariaRole??(z?"group":void 0),"aria-roledescription":"node","aria-describedby":y?void 0:`${um}-${w}`,"aria-label":p.ariaLabel,...p.domAttributes,children:M.jsx(g2,{value:e,children:M.jsx(N,{id:e,data:p.data,type:_,positionAbsoluteX:v.positionAbsolute.x,positionAbsoluteY:v.positionAbsolute.y,selected:p.selected??!1,selectable:L,draggable:P,deletable:p.deletable??!0,isConnectable:j,sourcePosition:p.sourcePosition,targetPosition:p.targetPosition,dragging:A,dragHandle:p.dragHandle,zIndex:v.z,parentId:p.parentId,...D})})})}var R2=$.memo(A2);const $2=e=>({nodesDraggable:e.nodesDraggable,nodesConnectable:e.nodesConnectable,nodesFocusable:e.nodesFocusable,elementsSelectable:e.elementsSelectable,onError:e.onError});function xm(e){const{nodesDraggable:t,nodesConnectable:n,nodesFocusable:r,elementsSelectable:o,onError:i}=ne($2,de),s=T2(e.onlyRenderVisibleElements),l=z2();return M.jsx("div",{className:"react-flow__nodes",style:Zs,children:s.map(u=>M.jsx(R2,{id:u,nodeTypes:e.nodeTypes,nodeExtent:e.nodeExtent,onClick:e.onNodeClick,onMouseEnter:e.onNodeMouseEnter,onMouseMove:e.onNodeMouseMove,onMouseLeave:e.onNodeMouseLeave,onContextMenu:e.onNodeContextMenu,onDoubleClick:e.onNodeDoubleClick,noDragClassName:e.noDragClassName,noPanClassName:e.noPanClassName,rfId:e.rfId,disableKeyboardA11y:e.disableKeyboardA11y,resizeObserver:l,nodesDraggable:t,nodesConnectable:n,nodesFocusable:r,elementsSelectable:o,nodeClickDistance:e.nodeClickDistance,onError:i},u))})}xm.displayName="NodeRenderer";const D2=$.memo(xm);function F2(e){return ne($.useCallback(n=>{if(!e)return n.edges.map(o=>o.id);const r=[];if(n.width&&n.height)for(const o of n.edges){const i=n.nodeLookup.get(o.source),s=n.nodeLookup.get(o.target);i&&s&&SE({sourceNode:i,targetNode:s,width:n.width,height:n.height,transform:n.transform})&&r.push(o.id)}return r},[e]),de)}const O2=({color:e="none",strokeWidth:t=1})=>{const n={strokeWidth:t,...e&&{stroke:e}};return M.jsx("polyline",{className:"arrow",style:n,strokeLinecap:"round",fill:"none",strokeLinejoin:"round",points:"-5,-4 0,0 -5,4"})},j2=({color:e="none",strokeWidth:t=1})=>{const n={strokeWidth:t,...e&&{stroke:e,fill:e}};return M.jsx("polyline",{className:"arrowclosed",style:n,strokeLinecap:"round",strokeLinejoin:"round",points:"-5,-4 0,0 -5,4 -5,-4"})},xd={[xr.Arrow]:O2,[xr.ArrowClosed]:j2};function H2(e){const t=he();return $.useMemo(()=>{var o,i;return Object.prototype.hasOwnProperty.call(xd,e)?xd[e]:((i=(o=t.getState()).onError)==null||i.call(o,"009",kt.error009(e)),null)},[e])}const V2=({id:e,type:t,color:n,width:r=12.5,height:o=12.5,markerUnits:i="strokeWidth",strokeWidth:s,orient:l="auto-start-reverse"})=>{const u=H2(t);return u?M.jsx("marker",{className:"react-flow__arrowhead",id:e,markerWidth:`${r}`,markerHeight:`${o}`,viewBox:"-10 -10 20 20",markerUnits:i,orient:l,refX:"0",refY:"0",children:M.jsx(u,{color:n,strokeWidth:s})}):null},Sm=({defaultColor:e,rfId:t})=>{const n=ne(i=>i.edges),r=ne(i=>i.defaultEdgeOptions),o=$.useMemo(()=>TE(n,{id:t,defaultColor:e,defaultMarkerStart:r==null?void 0:r.markerStart,defaultMarkerEnd:r==null?void 0:r.markerEnd}),[n,r,t,e]);return o.length?M.jsx("svg",{className:"react-flow__marker","aria-hidden":"true",children:M.jsx("defs",{children:o.map(i=>M.jsx(V2,{id:i.id,type:i.type,color:i.color,width:i.width,height:i.height,markerUnits:i.markerUnits,strokeWidth:i.strokeWidth,orient:i.orient},i.id))})}):null};Sm.displayName="MarkerDefinitions";var b2=$.memo(Sm);function Em({x:e,y:t,label:n,labelStyle:r,labelShowBg:o=!0,labelBgStyle:i,labelBgPadding:s=[2,4],labelBgBorderRadius:l=2,children:u,className:a,...d}){const[c,f]=$.useState({x:1,y:0,width:0,height:0}),m=xe(["react-flow__edge-textwrapper",a]),y=$.useRef(null);return $.useEffect(()=>{if(y.current){const w=y.current.getBBox();f({x:w.x,y:w.y,width:w.width,height:w.height})}},[n]),n?M.jsxs("g",{transform:`translate(${e-c.width/2} ${t-c.height/2})`,className:m,visibility:c.width?"visible":"hidden",...d,children:[o&&M.jsx("rect",{width:c.width+2*s[0],x:-s[0],y:-s[1],height:c.height+2*s[1],className:"react-flow__edge-textbg",style:i,rx:l,ry:l}),M.jsx("text",{className:"react-flow__edge-text",y:c.height/2,dy:"0.3em",ref:y,style:r,children:n}),u]}):null}Em.displayName="EdgeText";const B2=$.memo(Em);function qs({path:e,labelX:t,labelY:n,label:r,labelStyle:o,labelShowBg:i,labelBgStyle:s,labelBgPadding:l,labelBgBorderRadius:u,interactionWidth:a=20,...d}){return M.jsxs(M.Fragment,{children:[M.jsx("path",{...d,d:e,fill:"none",className:xe(["react-flow__edge-path",d.className])}),a?M.jsx("path",{d:e,fill:"none",strokeOpacity:0,strokeWidth:a,className:"react-flow__edge-interaction"}):null,r&&ft(t)&&ft(n)?M.jsx(B2,{x:t,y:n,label:r,labelStyle:o,labelShowBg:i,labelBgStyle:s,labelBgPadding:l,labelBgBorderRadius:u}):null]})}function Sd({pos:e,x1:t,y1:n,x2:r,y2:o}){return e===G.Left||e===G.Right?[.5*(t+r),n]:[t,.5*(n+o)]}function _m({sourceX:e,sourceY:t,sourcePosition:n=G.Bottom,targetX:r,targetY:o,targetPosition:i=G.Top}){const[s,l]=Sd({pos:n,x1:e,y1:t,x2:r,y2:o}),[u,a]=Sd({pos:i,x1:r,y1:o,x2:e,y2:t}),[d,c,f,m]=Vg({sourceX:e,sourceY:t,targetX:r,targetY:o,sourceControlX:s,sourceControlY:l,targetControlX:u,targetControlY:a});return[`M${e},${t} C${s},${l} ${u},${a} ${r},${o}`,d,c,f,m]}function km(e){return $.memo(({id:t,sourceX:n,sourceY:r,targetX:o,targetY:i,sourcePosition:s,targetPosition:l,label:u,labelStyle:a,labelShowBg:d,labelBgStyle:c,labelBgPadding:f,labelBgBorderRadius:m,style:y,markerEnd:w,markerStart:x,interactionWidth:h})=>{const[g,p,v]=_m({sourceX:n,sourceY:r,sourcePosition:s,targetX:o,targetY:i,targetPosition:l}),E=e.isInternal?void 0:t;return M.jsx(qs,{id:E,path:g,labelX:p,labelY:v,label:u,labelStyle:a,labelShowBg:d,labelBgStyle:c,labelBgPadding:f,labelBgBorderRadius:m,style:y,markerEnd:w,markerStart:x,interactionWidth:h})})}const W2=km({isInternal:!1}),Cm=km({isInternal:!0});W2.displayName="SimpleBezierEdge";Cm.displayName="SimpleBezierEdgeInternal";function Nm(e){return $.memo(({id:t,sourceX:n,sourceY:r,targetX:o,targetY:i,label:s,labelStyle:l,labelShowBg:u,labelBgStyle:a,labelBgPadding:d,labelBgBorderRadius:c,style:f,sourcePosition:m=G.Bottom,targetPosition:y=G.Top,markerEnd:w,markerStart:x,pathOptions:h,interactionWidth:g})=>{const[p,v,E]=Bu({sourceX:n,sourceY:r,sourcePosition:m,targetX:o,targetY:i,targetPosition:y,borderRadius:h==null?void 0:h.borderRadius,offset:h==null?void 0:h.offset,stepPosition:h==null?void 0:h.stepPosition}),_=e.isInternal?void 0:t;return M.jsx(qs,{id:_,path:p,labelX:v,labelY:E,label:s,labelStyle:l,labelShowBg:u,labelBgStyle:a,labelBgPadding:d,labelBgBorderRadius:c,style:f,markerEnd:w,markerStart:x,interactionWidth:g})})}const Mm=Nm({isInternal:!1}),Pm=Nm({isInternal:!0});Mm.displayName="SmoothStepEdge";Pm.displayName="SmoothStepEdgeInternal";function Tm(e){return $.memo(({id:t,...n})=>{var o;const r=e.isInternal?void 0:t;return M.jsx(Mm,{...n,id:r,pathOptions:$.useMemo(()=>{var i;return{borderRadius:0,offset:(i=n.pathOptions)==null?void 0:i.offset}},[(o=n.pathOptions)==null?void 0:o.offset])})})}const U2=Tm({isInternal:!1}),Im=Tm({isInternal:!0});U2.displayName="StepEdge";Im.displayName="StepEdgeInternal";function zm(e){return $.memo(({id:t,sourceX:n,sourceY:r,targetX:o,targetY:i,label:s,labelStyle:l,labelShowBg:u,labelBgStyle:a,labelBgPadding:d,labelBgBorderRadius:c,style:f,markerEnd:m,markerStart:y,interactionWidth:w})=>{const[x,h,g]=Wg({sourceX:n,sourceY:r,targetX:o,targetY:i}),p=e.isInternal?void 0:t;return M.jsx(qs,{id:p,path:x,labelX:h,labelY:g,label:s,labelStyle:l,labelShowBg:u,labelBgStyle:a,labelBgPadding:d,labelBgBorderRadius:c,style:f,markerEnd:m,markerStart:y,interactionWidth:w})})}const Y2=zm({isInternal:!1}),Lm=zm({isInternal:!0});Y2.displayName="StraightEdge";Lm.displayName="StraightEdgeInternal";function Am(e){return $.memo(({id:t,sourceX:n,sourceY:r,targetX:o,targetY:i,sourcePosition:s=G.Bottom,targetPosition:l=G.Top,label:u,labelStyle:a,labelShowBg:d,labelBgStyle:c,labelBgPadding:f,labelBgBorderRadius:m,style:y,markerEnd:w,markerStart:x,pathOptions:h,interactionWidth:g})=>{const[p,v,E]=bg({sourceX:n,sourceY:r,sourcePosition:s,targetX:o,targetY:i,targetPosition:l,curvature:h==null?void 0:h.curvature}),_=e.isInternal?void 0:t;return M.jsx(qs,{id:_,path:p,labelX:v,labelY:E,label:u,labelStyle:a,labelShowBg:d,labelBgStyle:c,labelBgPadding:f,labelBgBorderRadius:m,style:y,markerEnd:w,markerStart:x,interactionWidth:g})})}const X2=Am({isInternal:!1}),Rm=Am({isInternal:!0});X2.displayName="BezierEdge";Rm.displayName="BezierEdgeInternal";const Ed={default:Rm,straight:Lm,step:Im,smoothstep:Pm,simplebezier:Cm},_d={sourceX:null,sourceY:null,targetX:null,targetY:null,sourcePosition:null,targetPosition:null},Q2=(e,t,n)=>n===G.Left?e-t:n===G.Right?e+t:e,G2=(e,t,n)=>n===G.Top?e-t:n===G.Bottom?e+t:e,kd="react-flow__edgeupdater";function Cd({position:e,centerX:t,centerY:n,radius:r=10,onMouseDown:o,onMouseEnter:i,onMouseOut:s,type:l}){return M.jsx("circle",{onMouseDown:o,onMouseEnter:i,onMouseOut:s,className:xe([kd,`${kd}-${l}`]),cx:Q2(t,r,e),cy:G2(n,r,e),r,stroke:"transparent",fill:"transparent"})}function K2({isReconnectable:e,reconnectRadius:t,edge:n,sourceX:r,sourceY:o,targetX:i,targetY:s,sourcePosition:l,targetPosition:u,onReconnect:a,onReconnectStart:d,onReconnectEnd:c,setReconnecting:f,setUpdateHover:m}){const y=he(),w=(v,E)=>{if(v.button!==0)return;const{autoPanOnConnect:_,domNode:N,connectionMode:P,connectionRadius:L,lib:j,onConnectStart:z,cancelConnection:R,nodeLookup:H,rfId:C,panBy:A,updateConnection:I}=y.getState(),D=E.type==="target",k=(O,F)=>{f(!1),c==null||c(O,n,E.type,F)},S=O=>a==null?void 0:a(n,O),T=(O,F)=>{f(!0),d==null||d(v,n,E.type),z==null||z(O,F)};Yu.onPointerDown(v.nativeEvent,{autoPanOnConnect:_,connectionMode:P,connectionRadius:L,domNode:N,handleId:E.id,nodeId:E.nodeId,nodeLookup:H,isTarget:D,edgeUpdaterType:E.type,lib:j,flowId:C,cancelConnection:R,panBy:A,isValidConnection:(...O)=>{var F,W;return((W=(F=y.getState()).isValidConnection)==null?void 0:W.call(F,...O))??!0},onConnect:S,onConnectStart:T,onConnectEnd:(...O)=>{var F,W;return(W=(F=y.getState()).onConnectEnd)==null?void 0:W.call(F,...O)},onReconnectEnd:k,updateConnection:I,getTransform:()=>y.getState().transform,getFromHandle:()=>y.getState().connection.fromHandle,dragThreshold:y.getState().connectionDragThreshold,handleDomNode:v.currentTarget})},x=v=>w(v,{nodeId:n.target,id:n.targetHandle??null,type:"target"}),h=v=>w(v,{nodeId:n.source,id:n.sourceHandle??null,type:"source"}),g=()=>m(!0),p=()=>m(!1);return M.jsxs(M.Fragment,{children:[(e===!0||e==="source")&&M.jsx(Cd,{position:l,centerX:r,centerY:o,radius:t,onMouseDown:x,onMouseEnter:g,onMouseOut:p,type:"source"}),(e===!0||e==="target")&&M.jsx(Cd,{position:u,centerX:i,centerY:s,radius:t,onMouseDown:h,onMouseEnter:g,onMouseOut:p,type:"target"})]})}function Z2({id:e,edgesFocusable:t,edgesReconnectable:n,elementsSelectable:r,onClick:o,onDoubleClick:i,onContextMenu:s,onMouseEnter:l,onMouseMove:u,onMouseLeave:a,reconnectRadius:d,onReconnect:c,onReconnectStart:f,onReconnectEnd:m,rfId:y,edgeTypes:w,noPanClassName:x,onError:h,disableKeyboardA11y:g}){let p=ne(q=>q.edgeLookup.get(e));const v=ne(q=>q.defaultEdgeOptions);p=v?{...v,...p}:p;let E=p.type||"default",_=(w==null?void 0:w[E])||Ed[E];_===void 0&&(h==null||h("011",kt.error011(E)),E="default",_=(w==null?void 0:w.default)||Ed.default);const N=!!(p.focusable||t&&typeof p.focusable>"u"),P=typeof c<"u"&&(p.reconnectable||n&&typeof p.reconnectable>"u"),L=!!(p.selectable||r&&typeof p.selectable>"u"),j=$.useRef(null),[z,R]=$.useState(!1),[H,C]=$.useState(!1),A=he(),{zIndex:I,sourceX:D,sourceY:k,targetX:S,targetY:T,sourcePosition:O,targetPosition:F}=ne($.useCallback(q=>{const Z=q.nodeLookup.get(p.source),ie=q.nodeLookup.get(p.target);if(!Z||!ie)return{zIndex:p.zIndex,..._d};const ue=PE({id:e,sourceNode:Z,targetNode:ie,sourceHandle:p.sourceHandle||null,targetHandle:p.targetHandle||null,connectionMode:q.connectionMode,onError:h});return{zIndex:xE({selected:p.selected,zIndex:p.zIndex,sourceNode:Z,targetNode:ie,elevateOnSelect:q.elevateEdgesOnSelect,zIndexMode:q.zIndexMode}),...ue||_d}},[p.source,p.target,p.sourceHandle,p.targetHandle,p.selected,p.zIndex]),de),W=$.useMemo(()=>p.markerStart?`url('#${Wu(p.markerStart,y)}')`:void 0,[p.markerStart,y]),V=$.useMemo(()=>p.markerEnd?`url('#${Wu(p.markerEnd,y)}')`:void 0,[p.markerEnd,y]);if(p.hidden||D===null||k===null||S===null||T===null)return null;const U=q=>{var oe;const{addSelectedEdges:Z,unselectNodesAndEdges:ie,multiSelectionActive:ue}=A.getState();L&&(A.setState({nodesSelectionActive:!1}),p.selected&&ue?(ie({nodes:[],edges:[p]}),(oe=j.current)==null||oe.blur()):Z([e])),o&&o(q,p)},Y=i?q=>{i(q,{...p})}:void 0,Q=s?q=>{s(q,{...p})}:void 0,B=l?q=>{l(q,{...p})}:void 0,K=u?q=>{u(q,{...p})}:void 0,ee=a?q=>{a(q,{...p})}:void 0,J=q=>{var Z;if(!g&&Ng.includes(q.key)&&L){const{unselectNodesAndEdges:ie,addSelectedEdges:ue}=A.getState();q.key==="Escape"?((Z=j.current)==null||Z.blur(),ie({edges:[p]})):ue([e])}};return M.jsx("svg",{style:{zIndex:I},children:M.jsxs("g",{className:xe(["react-flow__edge",`react-flow__edge-${E}`,p.className,x,{selected:p.selected,animated:p.animated,inactive:!L&&!o,updating:z,selectable:L}]),onClick:U,onDoubleClick:Y,onContextMenu:Q,onMouseEnter:B,onMouseMove:K,onMouseLeave:ee,onKeyDown:N?J:void 0,tabIndex:N?0:void 0,role:p.ariaRole??(N?"group":"img"),"aria-roledescription":"edge","data-id":e,"data-testid":`rf__edge-${e}`,"aria-label":p.ariaLabel===null?void 0:p.ariaLabel||`Edge from ${p.source} to ${p.target}`,"aria-describedby":N?`${am}-${y}`:void 0,ref:j,...p.domAttributes,children:[!H&&M.jsx(_,{id:e,source:p.source,target:p.target,type:p.type,selected:p.selected,animated:p.animated,selectable:L,deletable:p.deletable??!0,label:p.label,labelStyle:p.labelStyle,labelShowBg:p.labelShowBg,labelBgStyle:p.labelBgStyle,labelBgPadding:p.labelBgPadding,labelBgBorderRadius:p.labelBgBorderRadius,sourceX:D,sourceY:k,targetX:S,targetY:T,sourcePosition:O,targetPosition:F,data:p.data,style:p.style,sourceHandleId:p.sourceHandle,targetHandleId:p.targetHandle,markerStart:W,markerEnd:V,pathOptions:"pathOptions"in p?p.pathOptions:void 0,interactionWidth:p.interactionWidth}),P&&M.jsx(K2,{edge:p,isReconnectable:P,reconnectRadius:d,onReconnect:c,onReconnectStart:f,onReconnectEnd:m,sourceX:D,sourceY:k,targetX:S,targetY:T,sourcePosition:O,targetPosition:F,setUpdateHover:R,setReconnecting:C})]})})}var q2=$.memo(Z2);const J2=e=>({edgesFocusable:e.edgesFocusable,edgesReconnectable:e.edgesReconnectable,elementsSelectable:e.elementsSelectable,connectionMode:e.connectionMode,onError:e.onError});function $m({defaultMarkerColor:e,onlyRenderVisibleElements:t,rfId:n,edgeTypes:r,noPanClassName:o,onReconnect:i,onEdgeContextMenu:s,onEdgeMouseEnter:l,onEdgeMouseMove:u,onEdgeMouseLeave:a,onEdgeClick:d,reconnectRadius:c,onEdgeDoubleClick:f,onReconnectStart:m,onReconnectEnd:y,disableKeyboardA11y:w}){const{edgesFocusable:x,edgesReconnectable:h,elementsSelectable:g,onError:p}=ne(J2,de),v=F2(t);return M.jsxs("div",{className:"react-flow__edges",children:[M.jsx(b2,{defaultColor:e,rfId:n}),v.map(E=>M.jsx(q2,{id:E,edgesFocusable:x,edgesReconnectable:h,elementsSelectable:g,noPanClassName:o,onReconnect:i,onContextMenu:s,onMouseEnter:l,onMouseMove:u,onMouseLeave:a,onClick:d,reconnectRadius:c,onDoubleClick:f,onReconnectStart:m,onReconnectEnd:y,rfId:n,onError:p,edgeTypes:r,disableKeyboardA11y:w},E))]})}$m.displayName="EdgeRenderer";const ek=$.memo($m),tk=e=>`translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;function nk({children:e}){const t=ne(tk);return M.jsx("div",{className:"react-flow__viewport xyflow__viewport react-flow__container",style:{transform:t},children:e})}function rk(e){const t=Uo(),n=$.useRef(!1);$.useEffect(()=>{!n.current&&t.viewportInitialized&&e&&(setTimeout(()=>e(t),1),n.current=!0)},[e,t.viewportInitialized])}const ok=e=>{var t;return(t=e.panZoom)==null?void 0:t.syncViewport};function ik(e){const t=ne(ok),n=he();return $.useEffect(()=>{e&&(t==null||t(e),n.setState({transform:[e.x,e.y,e.zoom]}))},[e,t]),null}function sk(e){return e.connection.inProgress?{...e.connection,to:Wo(e.connection.to,e.transform)}:{...e.connection}}function lk(e){return sk}function uk(e){const t=lk();return ne(t,de)}const ak=e=>({nodesConnectable:e.nodesConnectable,isValid:e.connection.isValid,inProgress:e.connection.inProgress,width:e.width,height:e.height});function ck({containerStyle:e,style:t,type:n,component:r}){const{nodesConnectable:o,width:i,height:s,isValid:l,inProgress:u}=ne(ak,de);return!(i&&o&&u)?null:M.jsx("svg",{style:e,width:i,height:s,className:"react-flow__connectionline react-flow__container",children:M.jsx("g",{className:xe(["react-flow__connection",Tg(l)]),children:M.jsx(Dm,{style:t,type:n,CustomComponent:r,isValid:l})})})}const Dm=({style:e,type:t=Gt.Bezier,CustomComponent:n,isValid:r})=>{const{inProgress:o,from:i,fromNode:s,fromHandle:l,fromPosition:u,to:a,toNode:d,toHandle:c,toPosition:f,pointer:m}=uk();if(!o)return;if(n)return M.jsx(n,{connectionLineType:t,connectionLineStyle:e,fromNode:s,fromHandle:l,fromX:i.x,fromY:i.y,toX:a.x,toY:a.y,fromPosition:u,toPosition:f,connectionStatus:Tg(r),toNode:d,toHandle:c,pointer:m});let y="";const w={sourceX:i.x,sourceY:i.y,sourcePosition:u,targetX:a.x,targetY:a.y,targetPosition:f};switch(t){case Gt.Bezier:[y]=bg(w);break;case Gt.SimpleBezier:[y]=_m(w);break;case Gt.Step:[y]=Bu({...w,borderRadius:0});break;case Gt.SmoothStep:[y]=Bu(w);break;default:[y]=Wg(w)}return M.jsx("path",{d:y,fill:"none",className:"react-flow__connection-path",style:e})};Dm.displayName="ConnectionLine";const fk={};function Nd(e=fk){$.useRef(e),he(),$.useEffect(()=>{},[e])}function dk(){he(),$.useRef(!1),$.useEffect(()=>{},[])}function Fm({nodeTypes:e,edgeTypes:t,onInit:n,onNodeClick:r,onEdgeClick:o,onNodeDoubleClick:i,onEdgeDoubleClick:s,onNodeMouseEnter:l,onNodeMouseMove:u,onNodeMouseLeave:a,onNodeContextMenu:d,onSelectionContextMenu:c,onSelectionStart:f,onSelectionEnd:m,connectionLineType:y,connectionLineStyle:w,connectionLineComponent:x,connectionLineContainerStyle:h,selectionKeyCode:g,selectionOnDrag:p,selectionMode:v,multiSelectionKeyCode:E,panActivationKeyCode:_,zoomActivationKeyCode:N,deleteKeyCode:P,onlyRenderVisibleElements:L,elementsSelectable:j,defaultViewport:z,translateExtent:R,minZoom:H,maxZoom:C,preventScrolling:A,defaultMarkerColor:I,zoomOnScroll:D,zoomOnPinch:k,panOnScroll:S,panOnScrollSpeed:T,panOnScrollMode:O,zoomOnDoubleClick:F,panOnDrag:W,onPaneClick:V,onPaneMouseEnter:U,onPaneMouseMove:Y,onPaneMouseLeave:Q,onPaneScroll:B,onPaneContextMenu:K,paneClickDistance:ee,nodeClickDistance:J,onEdgeContextMenu:q,onEdgeMouseEnter:Z,onEdgeMouseMove:ie,onEdgeMouseLeave:ue,reconnectRadius:oe,onReconnect:Pe,onReconnectStart:Vt,onReconnectEnd:Nt,noDragClassName:pn,noWheelClassName:Ir,noPanClassName:zr,disableKeyboardA11y:Lr,nodeExtent:el,rfId:Yo,viewport:Fn,onViewportChange:Ar}){return Nd(e),Nd(t),dk(),rk(n),ik(Fn),M.jsx(M2,{onPaneClick:V,onPaneMouseEnter:U,onPaneMouseMove:Y,onPaneMouseLeave:Q,onPaneContextMenu:K,onPaneScroll:B,paneClickDistance:ee,deleteKeyCode:P,selectionKeyCode:g,selectionOnDrag:p,selectionMode:v,onSelectionStart:f,onSelectionEnd:m,multiSelectionKeyCode:E,panActivationKeyCode:_,zoomActivationKeyCode:N,elementsSelectable:j,zoomOnScroll:D,zoomOnPinch:k,zoomOnDoubleClick:F,panOnScroll:S,panOnScrollSpeed:T,panOnScrollMode:O,panOnDrag:W,defaultViewport:z,translateExtent:R,minZoom:H,maxZoom:C,onSelectionContextMenu:c,preventScrolling:A,noDragClassName:pn,noWheelClassName:Ir,noPanClassName:zr,disableKeyboardA11y:Lr,onViewportChange:Ar,isControlledViewport:!!Fn,children:M.jsxs(nk,{children:[M.jsx(ek,{edgeTypes:t,onEdgeClick:o,onEdgeDoubleClick:s,onReconnect:Pe,onReconnectStart:Vt,onReconnectEnd:Nt,onlyRenderVisibleElements:L,onEdgeContextMenu:q,onEdgeMouseEnter:Z,onEdgeMouseMove:ie,onEdgeMouseLeave:ue,reconnectRadius:oe,defaultMarkerColor:I,noPanClassName:zr,disableKeyboardA11y:Lr,rfId:Yo}),M.jsx(ck,{style:w,type:y,component:x,containerStyle:h}),M.jsx("div",{className:"react-flow__edgelabel-renderer"}),M.jsx(D2,{nodeTypes:e,onNodeClick:r,onNodeDoubleClick:i,onNodeMouseEnter:l,onNodeMouseMove:u,onNodeMouseLeave:a,onNodeContextMenu:d,nodeClickDistance:J,onlyRenderVisibleElements:L,noPanClassName:zr,noDragClassName:pn,disableKeyboardA11y:Lr,nodeExtent:el,rfId:Yo}),M.jsx("div",{className:"react-flow__viewport-portal"})]})})}Fm.displayName="GraphView";const hk=$.memo(Fm),Md=({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,width:o,height:i,fitView:s,fitViewOptions:l,minZoom:u=.5,maxZoom:a=2,nodeOrigin:d,nodeExtent:c,zIndexMode:f="basic"}={})=>{const m=new Map,y=new Map,w=new Map,x=new Map,h=r??t??[],g=n??e??[],p=d??[0,0],v=c??To;Xg(w,x,h);const E=Uu(g,m,y,{nodeOrigin:p,nodeExtent:v,zIndexMode:f});let _=[0,0,1];if(s&&o&&i){const N=bo(m,{filter:z=>!!((z.width||z.initialWidth)&&(z.height||z.initialHeight))}),{x:P,y:L,zoom:j}=Ys(N,o,i,u,a,(l==null?void 0:l.padding)??.1);_=[P,L,j]}return{rfId:"1",width:o??0,height:i??0,transform:_,nodes:g,nodesInitialized:E,nodeLookup:m,parentLookup:y,edges:h,edgeLookup:x,connectionLookup:w,onNodesChange:null,onEdgesChange:null,hasDefaultNodes:n!==void 0,hasDefaultEdges:r!==void 0,panZoom:null,minZoom:u,maxZoom:a,translateExtent:To,nodeExtent:v,nodesSelectionActive:!1,userSelectionActive:!1,userSelectionRect:null,connectionMode:wr.Strict,domNode:null,paneDragging:!1,noPanClassName:"nopan",nodeOrigin:p,nodeDragThreshold:1,connectionDragThreshold:1,snapGrid:[15,15],snapToGrid:!1,nodesDraggable:!0,nodesConnectable:!0,nodesFocusable:!0,edgesFocusable:!0,edgesReconnectable:!0,elementsSelectable:!0,elevateNodesOnSelect:!0,elevateEdgesOnSelect:!0,selectNodesOnDrag:!0,multiSelectionActive:!1,fitViewQueued:s??!1,fitViewOptions:l,fitViewResolver:null,connection:{...Pg},connectionClickStartHandle:null,connectOnClick:!0,ariaLiveMessage:"",autoPanOnConnect:!0,autoPanOnNodeDrag:!0,autoPanOnNodeFocus:!0,autoPanSpeed:15,connectionRadius:20,onError:pE,isValidConnection:void 0,onSelectionChangeHandlers:[],lib:"react",debug:!1,ariaLabelConfig:Mg,zIndexMode:f,onNodesChangeMiddlewareMap:new Map,onEdgesChangeMiddlewareMap:new Map}},pk=({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,width:o,height:i,fitView:s,fitViewOptions:l,minZoom:u,maxZoom:a,nodeOrigin:d,nodeExtent:c,zIndexMode:f})=>L_((m,y)=>{async function w(){const{nodeLookup:x,panZoom:h,fitViewOptions:g,fitViewResolver:p,width:v,height:E,minZoom:_,maxZoom:N}=y();h&&(await dE({nodes:x,width:v,height:E,panZoom:h,minZoom:_,maxZoom:N},g),p==null||p.resolve(!0),m({fitViewResolver:null}))}return{...Md({nodes:e,edges:t,width:o,height:i,fitView:s,fitViewOptions:l,minZoom:u,maxZoom:a,nodeOrigin:d,nodeExtent:c,defaultNodes:n,defaultEdges:r,zIndexMode:f}),setNodes:x=>{const{nodeLookup:h,parentLookup:g,nodeOrigin:p,elevateNodesOnSelect:v,fitViewQueued:E,zIndexMode:_}=y(),N=Uu(x,h,g,{nodeOrigin:p,nodeExtent:c,elevateNodesOnSelect:v,checkEquality:!0,zIndexMode:_});E&&N?(w(),m({nodes:x,nodesInitialized:N,fitViewQueued:!1,fitViewOptions:void 0})):m({nodes:x,nodesInitialized:N})},setEdges:x=>{const{connectionLookup:h,edgeLookup:g}=y();Xg(h,g,x),m({edges:x})},setDefaultNodesAndEdges:(x,h)=>{if(x){const{setNodes:g}=y();g(x),m({hasDefaultNodes:!0})}if(h){const{setEdges:g}=y();g(h),m({hasDefaultEdges:!0})}},updateNodeInternals:x=>{const{triggerNodeChanges:h,nodeLookup:g,parentLookup:p,domNode:v,nodeOrigin:E,nodeExtent:_,debug:N,fitViewQueued:P,zIndexMode:L}=y(),{changes:j,updatedInternals:z}=DE(x,g,p,v,E,_,L);z&&(LE(g,p,{nodeOrigin:E,nodeExtent:_,zIndexMode:L}),P?(w(),m({fitViewQueued:!1,fitViewOptions:void 0})):m({}),(j==null?void 0:j.length)>0&&(N&&console.log("React Flow: trigger node changes",j),h==null||h(j)))},updateNodePositions:(x,h=!1)=>{const g=[];let p=[];const{nodeLookup:v,triggerNodeChanges:E,connection:_,updateConnection:N,onNodesChangeMiddlewareMap:P}=y();for(const[L,j]of x){const z=v.get(L),R=!!(z!=null&&z.expandParent&&(z!=null&&z.parentId)&&(j!=null&&j.position)),H={id:L,type:"position",position:R?{x:Math.max(0,j.position.x),y:Math.max(0,j.position.y)}:j.position,dragging:h};if(z&&_.inProgress&&_.fromNode.id===z.id){const C=Rn(z,_.fromHandle,G.Left,!0);N({..._,from:C})}R&&z.parentId&&g.push({id:L,parentId:z.parentId,rect:{...j.internals.positionAbsolute,width:j.measured.width??0,height:j.measured.height??0}}),p.push(H)}if(g.length>0){const{parentLookup:L,nodeOrigin:j}=y(),z=rc(g,v,L,j);p.push(...z)}for(const L of P.values())p=L(p);E(p)},triggerNodeChanges:x=>{const{onNodesChange:h,setNodes:g,nodes:p,hasDefaultNodes:v,debug:E}=y();if(x!=null&&x.length){if(v){const _=dm(x,p);g(_)}E&&console.log("React Flow: trigger node changes",x),h==null||h(x)}},triggerEdgeChanges:x=>{const{onEdgesChange:h,setEdges:g,edges:p,hasDefaultEdges:v,debug:E}=y();if(x!=null&&x.length){if(v){const _=hm(x,p);g(_)}E&&console.log("React Flow: trigger edge changes",x),h==null||h(x)}},addSelectedNodes:x=>{const{multiSelectionActive:h,edgeLookup:g,nodeLookup:p,triggerNodeChanges:v,triggerEdgeChanges:E}=y();if(h){const _=x.map(N=>yn(N,!0));v(_);return}v(tr(p,new Set([...x]),!0)),E(tr(g))},addSelectedEdges:x=>{const{multiSelectionActive:h,edgeLookup:g,nodeLookup:p,triggerNodeChanges:v,triggerEdgeChanges:E}=y();if(h){const _=x.map(N=>yn(N,!0));E(_);return}E(tr(g,new Set([...x]))),v(tr(p,new Set,!0))},unselectNodesAndEdges:({nodes:x,edges:h}={})=>{const{edges:g,nodes:p,nodeLookup:v,triggerNodeChanges:E,triggerEdgeChanges:_}=y(),N=x||p,P=h||g,L=[];for(const z of N){if(!z.selected)continue;const R=v.get(z.id);R&&(R.selected=!1),L.push(yn(z.id,!1))}const j=[];for(const z of P)z.selected&&j.push(yn(z.id,!1));E(L),_(j)},setMinZoom:x=>{const{panZoom:h,maxZoom:g}=y();h==null||h.setScaleExtent([x,g]),m({minZoom:x})},setMaxZoom:x=>{const{panZoom:h,minZoom:g}=y();h==null||h.setScaleExtent([g,x]),m({maxZoom:x})},setTranslateExtent:x=>{var h;(h=y().panZoom)==null||h.setTranslateExtent(x),m({translateExtent:x})},resetSelectedElements:()=>{const{edges:x,nodes:h,triggerNodeChanges:g,triggerEdgeChanges:p,elementsSelectable:v}=y();if(!v)return;const E=h.reduce((N,P)=>P.selected?[...N,yn(P.id,!1)]:N,[]),_=x.reduce((N,P)=>P.selected?[...N,yn(P.id,!1)]:N,[]);g(E),p(_)},setNodeExtent:x=>{const{nodes:h,nodeLookup:g,parentLookup:p,nodeOrigin:v,elevateNodesOnSelect:E,nodeExtent:_,zIndexMode:N}=y();x[0][0]===_[0][0]&&x[0][1]===_[0][1]&&x[1][0]===_[1][0]&&x[1][1]===_[1][1]||(Uu(h,g,p,{nodeOrigin:v,nodeExtent:x,elevateNodesOnSelect:E,checkEquality:!1,zIndexMode:N}),m({nodeExtent:x}))},panBy:x=>{const{transform:h,width:g,height:p,panZoom:v,translateExtent:E}=y();return FE({delta:x,panZoom:v,transform:h,translateExtent:E,width:g,height:p})},setCenter:async(x,h,g)=>{const{width:p,height:v,maxZoom:E,panZoom:_}=y();if(!_)return Promise.resolve(!1);const N=typeof(g==null?void 0:g.zoom)<"u"?g.zoom:E;return await _.setViewport({x:p/2-x*N,y:v/2-h*N,zoom:N},{duration:g==null?void 0:g.duration,ease:g==null?void 0:g.ease,interpolate:g==null?void 0:g.interpolate}),Promise.resolve(!0)},cancelConnection:()=>{m({connection:{...Pg}})},updateConnection:x=>{m({connection:x})},reset:()=>m({...Md()})}},Object.is);function Om({initialNodes:e,initialEdges:t,defaultNodes:n,defaultEdges:r,initialWidth:o,initialHeight:i,initialMinZoom:s,initialMaxZoom:l,initialFitViewOptions:u,fitView:a,nodeOrigin:d,nodeExtent:c,zIndexMode:f,children:m}){const[y]=$.useState(()=>pk({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,width:o,height:i,fitView:a,minZoom:s,maxZoom:l,fitViewOptions:u,nodeOrigin:d,nodeExtent:c,zIndexMode:f}));return M.jsx(A_,{value:y,children:M.jsx(n2,{children:m})})}function gk({children:e,nodes:t,edges:n,defaultNodes:r,defaultEdges:o,width:i,height:s,fitView:l,fitViewOptions:u,minZoom:a,maxZoom:d,nodeOrigin:c,nodeExtent:f,zIndexMode:m}){return $.useContext(Gs)?M.jsx(M.Fragment,{children:e}):M.jsx(Om,{initialNodes:t,initialEdges:n,defaultNodes:r,defaultEdges:o,initialWidth:i,initialHeight:s,fitView:l,initialFitViewOptions:u,initialMinZoom:a,initialMaxZoom:d,nodeOrigin:c,nodeExtent:f,zIndexMode:m,children:e})}const mk={width:"100%",height:"100%",overflow:"hidden",position:"relative",zIndex:0};function yk({nodes:e,edges:t,defaultNodes:n,defaultEdges:r,className:o,nodeTypes:i,edgeTypes:s,onNodeClick:l,onEdgeClick:u,onInit:a,onMove:d,onMoveStart:c,onMoveEnd:f,onConnect:m,onConnectStart:y,onConnectEnd:w,onClickConnectStart:x,onClickConnectEnd:h,onNodeMouseEnter:g,onNodeMouseMove:p,onNodeMouseLeave:v,onNodeContextMenu:E,onNodeDoubleClick:_,onNodeDragStart:N,onNodeDrag:P,onNodeDragStop:L,onNodesDelete:j,onEdgesDelete:z,onDelete:R,onSelectionChange:H,onSelectionDragStart:C,onSelectionDrag:A,onSelectionDragStop:I,onSelectionContextMenu:D,onSelectionStart:k,onSelectionEnd:S,onBeforeDelete:T,connectionMode:O,connectionLineType:F=Gt.Bezier,connectionLineStyle:W,connectionLineComponent:V,connectionLineContainerStyle:U,deleteKeyCode:Y="Backspace",selectionKeyCode:Q="Shift",selectionOnDrag:B=!1,selectionMode:K=Io.Full,panActivationKeyCode:ee="Space",multiSelectionKeyCode:J=Lo()?"Meta":"Control",zoomActivationKeyCode:q=Lo()?"Meta":"Control",snapToGrid:Z,snapGrid:ie,onlyRenderVisibleElements:ue=!1,selectNodesOnDrag:oe,nodesDraggable:Pe,autoPanOnNodeFocus:Vt,nodesConnectable:Nt,nodesFocusable:pn,nodeOrigin:Ir=cm,edgesFocusable:zr,edgesReconnectable:Lr,elementsSelectable:el=!0,defaultViewport:Yo=Y_,minZoom:Fn=.5,maxZoom:Ar=2,translateExtent:uc=To,preventScrolling:e0=!0,nodeExtent:tl,defaultMarkerColor:t0="#b1b1b7",zoomOnScroll:n0=!0,zoomOnPinch:r0=!0,panOnScroll:o0=!1,panOnScrollSpeed:i0=.5,panOnScrollMode:s0=Cn.Free,zoomOnDoubleClick:l0=!0,panOnDrag:u0=!0,onPaneClick:a0,onPaneMouseEnter:c0,onPaneMouseMove:f0,onPaneMouseLeave:d0,onPaneScroll:h0,onPaneContextMenu:p0,paneClickDistance:g0=1,nodeClickDistance:m0=0,children:y0,onReconnect:v0,onReconnectStart:w0,onReconnectEnd:x0,onEdgeContextMenu:S0,onEdgeDoubleClick:E0,onEdgeMouseEnter:_0,onEdgeMouseMove:k0,onEdgeMouseLeave:C0,reconnectRadius:N0=10,onNodesChange:M0,onEdgesChange:P0,noDragClassName:T0="nodrag",noWheelClassName:I0="nowheel",noPanClassName:ac="nopan",fitView:cc,fitViewOptions:fc,connectOnClick:z0,attributionPosition:L0,proOptions:A0,defaultEdgeOptions:R0,elevateNodesOnSelect:$0=!0,elevateEdgesOnSelect:D0=!1,disableKeyboardA11y:dc=!1,autoPanOnConnect:F0,autoPanOnNodeDrag:O0,autoPanSpeed:j0,connectionRadius:H0,isValidConnection:V0,onError:b0,style:B0,id:hc,nodeDragThreshold:W0,connectionDragThreshold:U0,viewport:Y0,onViewportChange:X0,width:Q0,height:G0,colorMode:K0="light",debug:Z0,onScroll:Xo,ariaLabelConfig:q0,zIndexMode:pc="basic",...J0},ey){const nl=hc||"1",ty=K_(K0),ny=$.useCallback(gc=>{gc.currentTarget.scrollTo({top:0,left:0,behavior:"instant"}),Xo==null||Xo(gc)},[Xo]);return M.jsx("div",{"data-testid":"rf__wrapper",...J0,onScroll:ny,style:{...B0,...mk},ref:ey,className:xe(["react-flow",o,ty]),id:hc,role:"application",children:M.jsxs(gk,{nodes:e,edges:t,width:Q0,height:G0,fitView:cc,fitViewOptions:fc,minZoom:Fn,maxZoom:Ar,nodeOrigin:Ir,nodeExtent:tl,zIndexMode:pc,children:[M.jsx(hk,{onInit:a,onNodeClick:l,onEdgeClick:u,onNodeMouseEnter:g,onNodeMouseMove:p,onNodeMouseLeave:v,onNodeContextMenu:E,onNodeDoubleClick:_,nodeTypes:i,edgeTypes:s,connectionLineType:F,connectionLineStyle:W,connectionLineComponent:V,connectionLineContainerStyle:U,selectionKeyCode:Q,selectionOnDrag:B,selectionMode:K,deleteKeyCode:Y,multiSelectionKeyCode:J,panActivationKeyCode:ee,zoomActivationKeyCode:q,onlyRenderVisibleElements:ue,defaultViewport:Yo,translateExtent:uc,minZoom:Fn,maxZoom:Ar,preventScrolling:e0,zoomOnScroll:n0,zoomOnPinch:r0,zoomOnDoubleClick:l0,panOnScroll:o0,panOnScrollSpeed:i0,panOnScrollMode:s0,panOnDrag:u0,onPaneClick:a0,onPaneMouseEnter:c0,onPaneMouseMove:f0,onPaneMouseLeave:d0,onPaneScroll:h0,onPaneContextMenu:p0,paneClickDistance:g0,nodeClickDistance:m0,onSelectionContextMenu:D,onSelectionStart:k,onSelectionEnd:S,onReconnect:v0,onReconnectStart:w0,onReconnectEnd:x0,onEdgeContextMenu:S0,onEdgeDoubleClick:E0,onEdgeMouseEnter:_0,onEdgeMouseMove:k0,onEdgeMouseLeave:C0,reconnectRadius:N0,defaultMarkerColor:t0,noDragClassName:T0,noWheelClassName:I0,noPanClassName:ac,rfId:nl,disableKeyboardA11y:dc,nodeExtent:tl,viewport:Y0,onViewportChange:X0}),M.jsx(G_,{nodes:e,edges:t,defaultNodes:n,defaultEdges:r,onConnect:m,onConnectStart:y,onConnectEnd:w,onClickConnectStart:x,onClickConnectEnd:h,nodesDraggable:Pe,autoPanOnNodeFocus:Vt,nodesConnectable:Nt,nodesFocusable:pn,edgesFocusable:zr,edgesReconnectable:Lr,elementsSelectable:el,elevateNodesOnSelect:$0,elevateEdgesOnSelect:D0,minZoom:Fn,maxZoom:Ar,nodeExtent:tl,onNodesChange:M0,onEdgesChange:P0,snapToGrid:Z,snapGrid:ie,connectionMode:O,translateExtent:uc,connectOnClick:z0,defaultEdgeOptions:R0,fitView:cc,fitViewOptions:fc,onNodesDelete:j,onEdgesDelete:z,onDelete:R,onNodeDragStart:N,onNodeDrag:P,onNodeDragStop:L,onSelectionDrag:A,onSelectionDragStart:C,onSelectionDragStop:I,onMove:d,onMoveStart:c,onMoveEnd:f,noPanClassName:ac,nodeOrigin:Ir,rfId:nl,autoPanOnConnect:F0,autoPanOnNodeDrag:O0,autoPanSpeed:j0,onError:b0,connectionRadius:H0,isValidConnection:V0,selectNodesOnDrag:oe,nodeDragThreshold:W0,connectionDragThreshold:U0,onBeforeDelete:T,debug:Z0,ariaLabelConfig:q0,zIndexMode:pc}),M.jsx(U_,{onSelectionChange:H}),y0,M.jsx(H_,{proOptions:A0,position:L0}),M.jsx(j_,{rfId:nl,disableKeyboardA11y:dc})]})})}var vk=pm(yk);function wk(e){const[t,n]=$.useState(e),r=$.useCallback(o=>n(i=>dm(o,i)),[]);return[t,n,r]}function xk(e){const[t,n]=$.useState(e),r=$.useCallback(o=>n(i=>hm(o,i)),[]);return[t,n,r]}function Sk({dimensions:e,lineWidth:t,variant:n,className:r}){return M.jsx("path",{strokeWidth:t,d:`M${e[0]/2} 0 V${e[1]} M0 ${e[1]/2} H${e[0]}`,className:xe(["react-flow__background-pattern",n,r])})}function Ek({radius:e,className:t}){return M.jsx("circle",{cx:e,cy:e,r:e,className:xe(["react-flow__background-pattern","dots",t])})}var ln;(function(e){e.Lines="lines",e.Dots="dots",e.Cross="cross"})(ln||(ln={}));const _k={[ln.Dots]:1,[ln.Lines]:1,[ln.Cross]:6},kk=e=>({transform:e.transform,patternId:`pattern-${e.rfId}`});function jm({id:e,variant:t=ln.Dots,gap:n=20,size:r,lineWidth:o=1,offset:i=0,color:s,bgColor:l,style:u,className:a,patternClassName:d}){const c=$.useRef(null),{transform:f,patternId:m}=ne(kk,de),y=r||_k[t],w=t===ln.Dots,x=t===ln.Cross,h=Array.isArray(n)?n:[n,n],g=[h[0]*f[2]||1,h[1]*f[2]||1],p=y*f[2],v=Array.isArray(i)?i:[i,i],E=x?[p,p]:g,_=[v[0]*f[2]||1+E[0]/2,v[1]*f[2]||1+E[1]/2],N=`${m}${e||""}`;return M.jsxs("svg",{className:xe(["react-flow__background",a]),style:{...u,...Zs,"--xy-background-color-props":l,"--xy-background-pattern-color-props":s},ref:c,"data-testid":"rf__background",children:[M.jsx("pattern",{id:N,x:f[0]%g[0],y:f[1]%g[1],width:g[0],height:g[1],patternUnits:"userSpaceOnUse",patternTransform:`translate(-${_[0]},-${_[1]})`,children:w?M.jsx(Ek,{radius:p/2,className:d}):M.jsx(Sk,{dimensions:E,lineWidth:o,variant:t,className:d})}),M.jsx("rect",{x:"0",y:"0",width:"100%",height:"100%",fill:`url(#${N})`})]})}jm.displayName="Background";const Ck=$.memo(jm);function Nk(){return M.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32",children:M.jsx("path",{d:"M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z"})})}function Mk(){return M.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 5",children:M.jsx("path",{d:"M0 0h32v4.2H0z"})})}function Pk(){return M.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 30",children:M.jsx("path",{d:"M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94c-.531 0-.939-.4-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z"})})}function Tk(){return M.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 32",children:M.jsx("path",{d:"M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z"})})}function Ik(){return M.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 32",children:M.jsx("path",{d:"M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z"})})}function wi({children:e,className:t,...n}){return M.jsx("button",{type:"button",className:xe(["react-flow__controls-button",t]),...n,children:e})}const zk=e=>({isInteractive:e.nodesDraggable||e.nodesConnectable||e.elementsSelectable,minZoomReached:e.transform[2]<=e.minZoom,maxZoomReached:e.transform[2]>=e.maxZoom,ariaLabelConfig:e.ariaLabelConfig});function Hm({style:e,showZoom:t=!0,showFitView:n=!0,showInteractive:r=!0,fitViewOptions:o,onZoomIn:i,onZoomOut:s,onFitView:l,onInteractiveChange:u,className:a,children:d,position:c="bottom-left",orientation:f="vertical","aria-label":m}){const y=he(),{isInteractive:w,minZoomReached:x,maxZoomReached:h,ariaLabelConfig:g}=ne(zk,de),{zoomIn:p,zoomOut:v,fitView:E}=Uo(),_=()=>{p(),i==null||i()},N=()=>{v(),s==null||s()},P=()=>{E(o),l==null||l()},L=()=>{y.setState({nodesDraggable:!w,nodesConnectable:!w,elementsSelectable:!w}),u==null||u(!w)},j=f==="horizontal"?"horizontal":"vertical";return M.jsxs(Ks,{className:xe(["react-flow__controls",j,a]),position:c,style:e,"data-testid":"rf__controls","aria-label":m??g["controls.ariaLabel"],children:[t&&M.jsxs(M.Fragment,{children:[M.jsx(wi,{onClick:_,className:"react-flow__controls-zoomin",title:g["controls.zoomIn.ariaLabel"],"aria-label":g["controls.zoomIn.ariaLabel"],disabled:h,children:M.jsx(Nk,{})}),M.jsx(wi,{onClick:N,className:"react-flow__controls-zoomout",title:g["controls.zoomOut.ariaLabel"],"aria-label":g["controls.zoomOut.ariaLabel"],disabled:x,children:M.jsx(Mk,{})})]}),n&&M.jsx(wi,{className:"react-flow__controls-fitview",onClick:P,title:g["controls.fitView.ariaLabel"],"aria-label":g["controls.fitView.ariaLabel"],children:M.jsx(Pk,{})}),r&&M.jsx(wi,{className:"react-flow__controls-interactive",onClick:L,title:g["controls.interactive.ariaLabel"],"aria-label":g["controls.interactive.ariaLabel"],children:w?M.jsx(Ik,{}):M.jsx(Tk,{})}),d]})}Hm.displayName="Controls";const Lk=$.memo(Hm);function Ak({id:e,x:t,y:n,width:r,height:o,style:i,color:s,strokeColor:l,strokeWidth:u,className:a,borderRadius:d,shapeRendering:c,selected:f,onClick:m}){const{background:y,backgroundColor:w}=i||{},x=s||y||w;return M.jsx("rect",{className:xe(["react-flow__minimap-node",{selected:f},a]),x:t,y:n,rx:d,ry:d,width:r,height:o,style:{fill:x,stroke:l,strokeWidth:u},shapeRendering:c,onClick:m?h=>m(h,e):void 0})}const Rk=$.memo(Ak),$k=e=>e.nodes.map(t=>t.id),Ol=e=>e instanceof Function?e:()=>e;function Dk({nodeStrokeColor:e,nodeColor:t,nodeClassName:n="",nodeBorderRadius:r=5,nodeStrokeWidth:o,nodeComponent:i=Rk,onClick:s}){const l=ne($k,de),u=Ol(t),a=Ol(e),d=Ol(n),c=typeof window>"u"||window.chrome?"crispEdges":"geometricPrecision";return M.jsx(M.Fragment,{children:l.map(f=>M.jsx(Ok,{id:f,nodeColorFunc:u,nodeStrokeColorFunc:a,nodeClassNameFunc:d,nodeBorderRadius:r,nodeStrokeWidth:o,NodeComponent:i,onClick:s,shapeRendering:c},f))})}function Fk({id:e,nodeColorFunc:t,nodeStrokeColorFunc:n,nodeClassNameFunc:r,nodeBorderRadius:o,nodeStrokeWidth:i,shapeRendering:s,NodeComponent:l,onClick:u}){const{node:a,x:d,y:c,width:f,height:m}=ne(y=>{const w=y.nodeLookup.get(e);if(!w)return{node:void 0,x:0,y:0,width:0,height:0};const x=w.internals.userNode,{x:h,y:g}=w.internals.positionAbsolute,{width:p,height:v}=Ht(x);return{node:x,x:h,y:g,width:p,height:v}},de);return!a||a.hidden||!Dg(a)?null:M.jsx(l,{x:d,y:c,width:f,height:m,style:a.style,selected:!!a.selected,className:r(a),color:t(a),borderRadius:o,strokeColor:n(a),strokeWidth:i,shapeRendering:s,onClick:u,id:a.id})}const Ok=$.memo(Fk);var jk=$.memo(Dk);const Hk=200,Vk=150,bk=e=>!e.hidden,Bk=e=>{const t={x:-e.transform[0]/e.transform[2],y:-e.transform[1]/e.transform[2],width:e.width/e.transform[2],height:e.height/e.transform[2]};return{viewBB:t,boundingRect:e.nodeLookup.size>0?$g(bo(e.nodeLookup,{filter:bk}),t):t,rfId:e.rfId,panZoom:e.panZoom,translateExtent:e.translateExtent,flowWidth:e.width,flowHeight:e.height,ariaLabelConfig:e.ariaLabelConfig}},Wk="react-flow__minimap-desc";function Vm({style:e,className:t,nodeStrokeColor:n,nodeColor:r,nodeClassName:o="",nodeBorderRadius:i=5,nodeStrokeWidth:s,nodeComponent:l,bgColor:u,maskColor:a,maskStrokeColor:d,maskStrokeWidth:c,position:f="bottom-right",onClick:m,onNodeClick:y,pannable:w=!1,zoomable:x=!1,ariaLabel:h,inversePan:g,zoomStep:p=1,offsetScale:v=5}){const E=he(),_=$.useRef(null),{boundingRect:N,viewBB:P,rfId:L,panZoom:j,translateExtent:z,flowWidth:R,flowHeight:H,ariaLabelConfig:C}=ne(Bk,de),A=(e==null?void 0:e.width)??Hk,I=(e==null?void 0:e.height)??Vk,D=N.width/A,k=N.height/I,S=Math.max(D,k),T=S*A,O=S*I,F=v*S,W=N.x-(T-N.width)/2-F,V=N.y-(O-N.height)/2-F,U=T+F*2,Y=O+F*2,Q=`${Wk}-${L}`,B=$.useRef(0),K=$.useRef();B.current=S,$.useEffect(()=>{if(_.current&&j)return K.current=YE({domNode:_.current,panZoom:j,getTransform:()=>E.getState().transform,getViewScale:()=>B.current}),()=>{var Z;(Z=K.current)==null||Z.destroy()}},[j]),$.useEffect(()=>{var Z;(Z=K.current)==null||Z.update({translateExtent:z,width:R,height:H,inversePan:g,pannable:w,zoomStep:p,zoomable:x})},[w,x,g,p,z,R,H]);const ee=m?Z=>{var oe;const[ie,ue]=((oe=K.current)==null?void 0:oe.pointer(Z))||[0,0];m(Z,{x:ie,y:ue})}:void 0,J=y?$.useCallback((Z,ie)=>{const ue=E.getState().nodeLookup.get(ie).internals.userNode;y(Z,ue)},[]):void 0,q=h??C["minimap.ariaLabel"];return M.jsx(Ks,{position:f,style:{...e,"--xy-minimap-background-color-props":typeof u=="string"?u:void 0,"--xy-minimap-mask-background-color-props":typeof a=="string"?a:void 0,"--xy-minimap-mask-stroke-color-props":typeof d=="string"?d:void 0,"--xy-minimap-mask-stroke-width-props":typeof c=="number"?c*S:void 0,"--xy-minimap-node-background-color-props":typeof r=="string"?r:void 0,"--xy-minimap-node-stroke-color-props":typeof n=="string"?n:void 0,"--xy-minimap-node-stroke-width-props":typeof s=="number"?s:void 0},className:xe(["react-flow__minimap",t]),"data-testid":"rf__minimap",children:M.jsxs("svg",{width:A,height:I,viewBox:`${W} ${V} ${U} ${Y}`,className:"react-flow__minimap-svg",role:"img","aria-labelledby":Q,ref:_,onClick:ee,children:[q&&M.jsx("title",{id:Q,children:q}),M.jsx(jk,{onClick:J,nodeColor:r,nodeStrokeColor:n,nodeBorderRadius:i,nodeClassName:o,nodeStrokeWidth:s,nodeComponent:l}),M.jsx("path",{className:"react-flow__minimap-mask",d:`M${W-F},${V-F}h${U+F*2}v${Y+F*2}h${-U-F*2}z
+        M${P.x},${P.y}h${P.width}v${P.height}h${-P.width}z`,fillRule:"evenodd",pointerEvents:"none"})]})})}Vm.displayName="MiniMap";const Uk=$.memo(Vm),Yk=e=>t=>e?`${Math.max(1/t.transform[2],1)}`:void 0,Xk={[kr.Line]:"right",[kr.Handle]:"bottom-right"};function Qk({nodeId:e,position:t,variant:n=kr.Handle,className:r,style:o=void 0,children:i,color:s,minWidth:l=10,minHeight:u=10,maxWidth:a=Number.MAX_VALUE,maxHeight:d=Number.MAX_VALUE,keepAspectRatio:c=!1,resizeDirection:f,autoScale:m=!0,shouldResize:y,onResizeStart:w,onResize:x,onResizeEnd:h}){const g=vm(),p=typeof e=="string"?e:g,v=he(),E=$.useRef(null),_=n===kr.Handle,N=ne($.useCallback(Yk(_&&m),[_,m]),de),P=$.useRef(null),L=t??Xk[n];$.useEffect(()=>{if(!(!E.current||!p))return P.current||(P.current=s_({domNode:E.current,nodeId:p,getStoreItems:()=>{const{nodeLookup:z,transform:R,snapGrid:H,snapToGrid:C,nodeOrigin:A,domNode:I}=v.getState();return{nodeLookup:z,transform:R,snapGrid:H,snapToGrid:C,nodeOrigin:A,paneDomNode:I}},onChange:(z,R)=>{const{triggerNodeChanges:H,nodeLookup:C,parentLookup:A,nodeOrigin:I}=v.getState(),D=[],k={x:z.x,y:z.y},S=C.get(p);if(S&&S.expandParent&&S.parentId){const T=S.origin??I,O=z.width??S.measured.width??0,F=z.height??S.measured.height??0,W={id:S.id,parentId:S.parentId,rect:{width:O,height:F,...Fg({x:z.x??S.position.x,y:z.y??S.position.y},{width:O,height:F},S.parentId,C,T)}},V=rc([W],C,A,I);D.push(...V),k.x=z.x?Math.max(T[0]*O,z.x):void 0,k.y=z.y?Math.max(T[1]*F,z.y):void 0}if(k.x!==void 0&&k.y!==void 0){const T={id:p,type:"position",position:{...k}};D.push(T)}if(z.width!==void 0&&z.height!==void 0){const O={id:p,type:"dimensions",resizing:!0,setAttributes:f?f==="horizontal"?"width":"height":!0,dimensions:{width:z.width,height:z.height}};D.push(O)}for(const T of R){const O={...T,type:"position"};D.push(O)}H(D)},onEnd:({width:z,height:R})=>{const H={id:p,type:"dimensions",resizing:!1,dimensions:{width:z,height:R}};v.getState().triggerNodeChanges([H])}})),P.current.update({controlPosition:L,boundaries:{minWidth:l,minHeight:u,maxWidth:a,maxHeight:d},keepAspectRatio:c,resizeDirection:f,onResizeStart:w,onResize:x,onResizeEnd:h,shouldResize:y}),()=>{var z;(z=P.current)==null||z.destroy()}},[L,l,u,a,d,c,w,x,h,y]);const j=L.split("-");return M.jsx("div",{className:xe(["react-flow__resize-control","nodrag",...j,n,r]),ref:E,style:{...o,scale:N,...s&&{[_?"backgroundColor":"borderColor"]:s}},children:i})}$.memo(Qk);function Gk(e,t){if(e.match(/^[a-z]+:\/\//i))return e;if(e.match(/^\/\//))return window.location.protocol+e;if(e.match(/^[a-z]+:/i))return e;const n=document.implementation.createHTMLDocument(),r=n.createElement("base"),o=n.createElement("a");return n.head.appendChild(r),n.body.appendChild(o),t&&(r.href=t),o.href=e,o.href}const Kk=(()=>{let e=0;const t=()=>`0000${(Math.random()*36**4<<0).toString(36)}`.slice(-4);return()=>(e+=1,`u${t()}${e}`)})();function un(e){const t=[];for(let n=0,r=e.length;n<r;n++)t.push(e[n]);return t}let Hn=null;function bm(e={}){return Hn||(e.includeStyleProperties?(Hn=e.includeStyleProperties,Hn):(Hn=un(window.getComputedStyle(document.documentElement)),Hn))}function xs(e,t){const r=(e.ownerDocument.defaultView||window).getComputedStyle(e).getPropertyValue(t);return r?parseFloat(r.replace("px","")):0}function Zk(e){const t=xs(e,"border-left-width"),n=xs(e,"border-right-width");return e.clientWidth+t+n}function qk(e){const t=xs(e,"border-top-width"),n=xs(e,"border-bottom-width");return e.clientHeight+t+n}function Bm(e,t={}){const n=t.width||Zk(e),r=t.height||qk(e);return{width:n,height:r}}function Jk(){let e,t;try{t=process}catch{}const n=t&&t.env?t.env.devicePixelRatio:null;return n&&(e=parseInt(n,10),Number.isNaN(e)&&(e=1)),e||window.devicePixelRatio||1}const We=16384;function eC(e){(e.width>We||e.height>We)&&(e.width>We&&e.height>We?e.width>e.height?(e.height*=We/e.width,e.width=We):(e.width*=We/e.height,e.height=We):e.width>We?(e.height*=We/e.width,e.width=We):(e.width*=We/e.height,e.height=We))}function Ss(e){return new Promise((t,n)=>{const r=new Image;r.onload=()=>{r.decode().then(()=>{requestAnimationFrame(()=>t(r))})},r.onerror=n,r.crossOrigin="anonymous",r.decoding="async",r.src=e})}async function tC(e){return Promise.resolve().then(()=>new XMLSerializer().serializeToString(e)).then(encodeURIComponent).then(t=>`data:image/svg+xml;charset=utf-8,${t}`)}async function nC(e,t,n){const r="http://www.w3.org/2000/svg",o=document.createElementNS(r,"svg"),i=document.createElementNS(r,"foreignObject");return o.setAttribute("width",`${t}`),o.setAttribute("height",`${n}`),o.setAttribute("viewBox",`0 0 ${t} ${n}`),i.setAttribute("width","100%"),i.setAttribute("height","100%"),i.setAttribute("x","0"),i.setAttribute("y","0"),i.setAttribute("externalResourcesRequired","true"),o.appendChild(i),i.appendChild(e),tC(o)}const Be=(e,t)=>{if(e instanceof t)return!0;const n=Object.getPrototypeOf(e);return n===null?!1:n.constructor.name===t.name||Be(n,t)};function rC(e){const t=e.getPropertyValue("content");return`${e.cssText} content: '${t.replace(/'|"/g,"")}';`}function oC(e,t){return bm(t).map(n=>{const r=e.getPropertyValue(n),o=e.getPropertyPriority(n);return`${n}: ${r}${o?" !important":""};`}).join(" ")}function iC(e,t,n,r){const o=`.${e}:${t}`,i=n.cssText?rC(n):oC(n,r);return document.createTextNode(`${o}{${i}}`)}function Pd(e,t,n,r){const o=window.getComputedStyle(e,n),i=o.getPropertyValue("content");if(i===""||i==="none")return;const s=Kk();try{t.className=`${t.className} ${s}`}catch{return}const l=document.createElement("style");l.appendChild(iC(s,n,o,r)),t.appendChild(l)}function sC(e,t,n){Pd(e,t,":before",n),Pd(e,t,":after",n)}const Td="application/font-woff",Id="image/jpeg",lC={woff:Td,woff2:Td,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:Id,jpeg:Id,gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml",webp:"image/webp"};function uC(e){const t=/\.([^./]*?)$/g.exec(e);return t?t[1]:""}function ic(e){const t=uC(e).toLowerCase();return lC[t]||""}function aC(e){return e.split(/,/)[1]}function Qu(e){return e.search(/^(data:)/)!==-1}function cC(e,t){return`data:${t};base64,${e}`}async function Wm(e,t,n){const r=await fetch(e,t);if(r.status===404)throw new Error(`Resource "${r.url}" not found`);const o=await r.blob();return new Promise((i,s)=>{const l=new FileReader;l.onerror=s,l.onloadend=()=>{try{i(n({res:r,result:l.result}))}catch(u){s(u)}},l.readAsDataURL(o)})}const jl={};function fC(e,t,n){let r=e.replace(/\?.*/,"");return n&&(r=e),/ttf|otf|eot|woff2?/i.test(r)&&(r=r.replace(/.*\//,"")),t?`[${t}]${r}`:r}async function sc(e,t,n){const r=fC(e,t,n.includeQueryParams);if(jl[r]!=null)return jl[r];n.cacheBust&&(e+=(/\?/.test(e)?"&":"?")+new Date().getTime());let o;try{const i=await Wm(e,n.fetchRequestInit,({res:s,result:l})=>(t||(t=s.headers.get("Content-Type")||""),aC(l)));o=cC(i,t)}catch(i){o=n.imagePlaceholder||"";let s=`Failed to fetch resource: ${e}`;i&&(s=typeof i=="string"?i:i.message),s&&console.warn(s)}return jl[r]=o,o}async function dC(e){const t=e.toDataURL();return t==="data:,"?e.cloneNode(!1):Ss(t)}async function hC(e,t){if(e.currentSrc){const i=document.createElement("canvas"),s=i.getContext("2d");i.width=e.clientWidth,i.height=e.clientHeight,s==null||s.drawImage(e,0,0,i.width,i.height);const l=i.toDataURL();return Ss(l)}const n=e.poster,r=ic(n),o=await sc(n,r,t);return Ss(o)}async function pC(e,t){var n;try{if(!((n=e==null?void 0:e.contentDocument)===null||n===void 0)&&n.body)return await Js(e.contentDocument.body,t,!0)}catch{}return e.cloneNode(!1)}async function gC(e,t){return Be(e,HTMLCanvasElement)?dC(e):Be(e,HTMLVideoElement)?hC(e,t):Be(e,HTMLIFrameElement)?pC(e,t):e.cloneNode(Um(e))}const mC=e=>e.tagName!=null&&e.tagName.toUpperCase()==="SLOT",Um=e=>e.tagName!=null&&e.tagName.toUpperCase()==="SVG";async function yC(e,t,n){var r,o;if(Um(t))return t;let i=[];return mC(e)&&e.assignedNodes?i=un(e.assignedNodes()):Be(e,HTMLIFrameElement)&&(!((r=e.contentDocument)===null||r===void 0)&&r.body)?i=un(e.contentDocument.body.childNodes):i=un(((o=e.shadowRoot)!==null&&o!==void 0?o:e).childNodes),i.length===0||Be(e,HTMLVideoElement)||await i.reduce((s,l)=>s.then(()=>Js(l,n)).then(u=>{u&&t.appendChild(u)}),Promise.resolve()),t}function vC(e,t,n){const r=t.style;if(!r)return;const o=window.getComputedStyle(e);o.cssText?(r.cssText=o.cssText,r.transformOrigin=o.transformOrigin):bm(n).forEach(i=>{let s=o.getPropertyValue(i);i==="font-size"&&s.endsWith("px")&&(s=`${Math.floor(parseFloat(s.substring(0,s.length-2)))-.1}px`),Be(e,HTMLIFrameElement)&&i==="display"&&s==="inline"&&(s="block"),i==="d"&&t.getAttribute("d")&&(s=`path(${t.getAttribute("d")})`),r.setProperty(i,s,o.getPropertyPriority(i))})}function wC(e,t){Be(e,HTMLTextAreaElement)&&(t.innerHTML=e.value),Be(e,HTMLInputElement)&&t.setAttribute("value",e.value)}function xC(e,t){if(Be(e,HTMLSelectElement)){const n=t,r=Array.from(n.children).find(o=>e.value===o.getAttribute("value"));r&&r.setAttribute("selected","")}}function SC(e,t,n){return Be(t,Element)&&(vC(e,t,n),sC(e,t,n),wC(e,t),xC(e,t)),t}async function EC(e,t){const n=e.querySelectorAll?e.querySelectorAll("use"):[];if(n.length===0)return e;const r={};for(let i=0;i<n.length;i++){const l=n[i].getAttribute("xlink:href");if(l){const u=e.querySelector(l),a=document.querySelector(l);!u&&a&&!r[l]&&(r[l]=await Js(a,t,!0))}}const o=Object.values(r);if(o.length){const i="http://www.w3.org/1999/xhtml",s=document.createElementNS(i,"svg");s.setAttribute("xmlns",i),s.style.position="absolute",s.style.width="0",s.style.height="0",s.style.overflow="hidden",s.style.display="none";const l=document.createElementNS(i,"defs");s.appendChild(l);for(let u=0;u<o.length;u++)l.appendChild(o[u]);e.appendChild(s)}return e}async function Js(e,t,n){return!n&&t.filter&&!t.filter(e)?null:Promise.resolve(e).then(r=>gC(r,t)).then(r=>yC(e,r,t)).then(r=>SC(e,r,t)).then(r=>EC(r,t))}const Ym=/url\((['"]?)([^'"]+?)\1\)/g,_C=/url\([^)]+\)\s*format\((["']?)([^"']+)\1\)/g,kC=/src:\s*(?:url\([^)]+\)\s*format\([^)]+\)[,;]\s*)+/g;function CC(e){const t=e.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1");return new RegExp(`(url\\(['"]?)(${t})(['"]?\\))`,"g")}function NC(e){const t=[];return e.replace(Ym,(n,r,o)=>(t.push(o),n)),t.filter(n=>!Qu(n))}async function MC(e,t,n,r,o){try{const i=n?Gk(t,n):t,s=ic(t);let l;return o||(l=await sc(i,s,r)),e.replace(CC(t),`$1${l}$3`)}catch{}return e}function PC(e,{preferredFontFormat:t}){return t?e.replace(kC,n=>{for(;;){const[r,,o]=_C.exec(n)||[];if(!o)return"";if(o===t)return`src: ${r};`}}):e}function Xm(e){return e.search(Ym)!==-1}async function Qm(e,t,n){if(!Xm(e))return e;const r=PC(e,n);return NC(r).reduce((i,s)=>i.then(l=>MC(l,s,t,n)),Promise.resolve(r))}async function Vn(e,t,n){var r;const o=(r=t.style)===null||r===void 0?void 0:r.getPropertyValue(e);if(o){const i=await Qm(o,null,n);return t.style.setProperty(e,i,t.style.getPropertyPriority(e)),!0}return!1}async function TC(e,t){await Vn("background",e,t)||await Vn("background-image",e,t),await Vn("mask",e,t)||await Vn("-webkit-mask",e,t)||await Vn("mask-image",e,t)||await Vn("-webkit-mask-image",e,t)}async function IC(e,t){const n=Be(e,HTMLImageElement);if(!(n&&!Qu(e.src))&&!(Be(e,SVGImageElement)&&!Qu(e.href.baseVal)))return;const r=n?e.src:e.href.baseVal,o=await sc(r,ic(r),t);await new Promise((i,s)=>{e.onload=i,e.onerror=t.onImageErrorHandler?(...u)=>{try{i(t.onImageErrorHandler(...u))}catch(a){s(a)}}:s;const l=e;l.decode&&(l.decode=i),l.loading==="lazy"&&(l.loading="eager"),n?(e.srcset="",e.src=o):e.href.baseVal=o})}async function zC(e,t){const r=un(e.childNodes).map(o=>Gm(o,t));await Promise.all(r).then(()=>e)}async function Gm(e,t){Be(e,Element)&&(await TC(e,t),await IC(e,t),await zC(e,t))}function LC(e,t){const{style:n}=e;t.backgroundColor&&(n.backgroundColor=t.backgroundColor),t.width&&(n.width=`${t.width}px`),t.height&&(n.height=`${t.height}px`);const r=t.style;return r!=null&&Object.keys(r).forEach(o=>{n[o]=r[o]}),e}const zd={};async function Ld(e){let t=zd[e];if(t!=null)return t;const r=await(await fetch(e)).text();return t={url:e,cssText:r},zd[e]=t,t}async function Ad(e,t){let n=e.cssText;const r=/url\(["']?([^"')]+)["']?\)/g,i=(n.match(/url\([^)]+\)/g)||[]).map(async s=>{let l=s.replace(r,"$1");return l.startsWith("https://")||(l=new URL(l,e.url).href),Wm(l,t.fetchRequestInit,({result:u})=>(n=n.replace(s,`url(${u})`),[s,u]))});return Promise.all(i).then(()=>n)}function Rd(e){if(e==null)return[];const t=[],n=/(\/\*[\s\S]*?\*\/)/gi;let r=e.replace(n,"");const o=new RegExp("((@.*?keyframes [\\s\\S]*?){([\\s\\S]*?}\\s*?)})","gi");for(;;){const u=o.exec(r);if(u===null)break;t.push(u[0])}r=r.replace(o,"");const i=/@import[\s\S]*?url\([^)]*\)[\s\S]*?;/gi,s="((\\s*?(?:\\/\\*[\\s\\S]*?\\*\\/)?\\s*?@media[\\s\\S]*?){([\\s\\S]*?)}\\s*?})|(([\\s\\S]*?){([\\s\\S]*?)})",l=new RegExp(s,"gi");for(;;){let u=i.exec(r);if(u===null){if(u=l.exec(r),u===null)break;i.lastIndex=l.lastIndex}else l.lastIndex=i.lastIndex;t.push(u[0])}return t}async function AC(e,t){const n=[],r=[];return e.forEach(o=>{if("cssRules"in o)try{un(o.cssRules||[]).forEach((i,s)=>{if(i.type===CSSRule.IMPORT_RULE){let l=s+1;const u=i.href,a=Ld(u).then(d=>Ad(d,t)).then(d=>Rd(d).forEach(c=>{try{o.insertRule(c,c.startsWith("@import")?l+=1:o.cssRules.length)}catch(f){console.error("Error inserting rule from remote css",{rule:c,error:f})}})).catch(d=>{console.error("Error loading remote css",d.toString())});r.push(a)}})}catch(i){const s=e.find(l=>l.href==null)||document.styleSheets[0];o.href!=null&&r.push(Ld(o.href).then(l=>Ad(l,t)).then(l=>Rd(l).forEach(u=>{s.insertRule(u,s.cssRules.length)})).catch(l=>{console.error("Error loading remote stylesheet",l)})),console.error("Error inlining remote css file",i)}}),Promise.all(r).then(()=>(e.forEach(o=>{if("cssRules"in o)try{un(o.cssRules||[]).forEach(i=>{n.push(i)})}catch(i){console.error(`Error while reading CSS rules from ${o.href}`,i)}}),n))}function RC(e){return e.filter(t=>t.type===CSSRule.FONT_FACE_RULE).filter(t=>Xm(t.style.getPropertyValue("src")))}async function $C(e,t){if(e.ownerDocument==null)throw new Error("Provided element is not within a Document");const n=un(e.ownerDocument.styleSheets),r=await AC(n,t);return RC(r)}function Km(e){return e.trim().replace(/["']/g,"")}function DC(e){const t=new Set;function n(r){(r.style.fontFamily||getComputedStyle(r).fontFamily).split(",").forEach(i=>{t.add(Km(i))}),Array.from(r.children).forEach(i=>{i instanceof HTMLElement&&n(i)})}return n(e),t}async function FC(e,t){const n=await $C(e,t),r=DC(e);return(await Promise.all(n.filter(i=>r.has(Km(i.style.fontFamily))).map(i=>{const s=i.parentStyleSheet?i.parentStyleSheet.href:null;return Qm(i.cssText,s,t)}))).join(`
+`)}async function OC(e,t){const n=t.fontEmbedCSS!=null?t.fontEmbedCSS:t.skipFonts?null:await FC(e,t);if(n){const r=document.createElement("style"),o=document.createTextNode(n);r.appendChild(o),e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r)}}async function jC(e,t={}){const{width:n,height:r}=Bm(e,t),o=await Js(e,t,!0);return await OC(o,t),await Gm(o,t),LC(o,t),await nC(o,n,r)}async function HC(e,t={}){const{width:n,height:r}=Bm(e,t),o=await jC(e,t),i=await Ss(o),s=document.createElement("canvas"),l=s.getContext("2d"),u=t.pixelRatio||Jk(),a=t.canvasWidth||n,d=t.canvasHeight||r;return s.width=a*u,s.height=d*u,t.skipAutoScale||eC(s),s.style.width=`${a}`,s.style.height=`${d}`,t.backgroundColor&&(l.fillStyle=t.backgroundColor,l.fillRect(0,0,s.width,s.height)),l.drawImage(i,0,0,s.width,s.height),s}async function VC(e,t={}){return(await HC(e,t)).toDataURL()}function bC(e,t){const n=Object.fromEntries(e.map(h=>[h.id,h])),r=h=>e.filter(g=>g.type===h),o=r("route");r("handler");const i=new Map;o.forEach(h=>{var g,p;i.set(h.id,{method:((g=h.data)==null?void 0:g.method)||"GET",path:((p=h.data)==null?void 0:p.path)||"/",middleware:[]})});const s=t.filter(h=>h.edgeType==="wraps"),l=new Map;s.forEach(h=>l.set(h.target,h.source)),o.forEach(h=>{var v;const g=[];let p=l.get(h.id);for(;p&&((v=n[p])==null?void 0:v.type)==="middleware";)g.unshift(n[p].data.name),p=l.get(p);g.length&&(i.get(h.id).middleware=g)});const u=new Map;t.filter(h=>h.edgeType==="extends").forEach(h=>{var v,E;const g=n[h.source],p=n[h.target];(v=g==null?void 0:g.data)!=null&&v.name&&((E=p==null?void 0:p.data)!=null&&E.name)&&u.set(g.data.name,p.data.name)});const d=t.filter(h=>h.edgeType==="handles"),c=new Map;d.forEach(h=>{var p;const g=n[h.target];if((p=g==null?void 0:g.data)!=null&&p.name){const v=[];let E=g.data.name;for(;E;)v.push(E),E=u.get(E);c.set(h.source,v)}}),o.forEach(h=>{c.has(h.id)||c.set(h.id,[])});const f=new Set;c.forEach(h=>h.forEach(g=>f.add(g)));const m=new Map;[...f].forEach(h=>{const g="class:"+h;m.set(g,{id:g,name:h,isAbstract:!0,routes:[],parentId:null,isLambda:!1})}),u.forEach((h,g)=>{const p="class:"+g,v="class:"+h;m.has(p)&&m.has(v)&&(m.get(p).parentId=v)}),c.forEach((h,g)=>{if(h.length===0){const p=i.get(g),v="class:Lambda:"+p.method+":"+encodeURIComponent(p.path);m.set(v,{id:v,name:"Lambda Handler",isAbstract:!1,isLambda:!0,method:p.method,path:p.path,routes:[{method:p.method,path:p.path,middleware:p.middleware}],parentId:null})}else{const v="class:"+h[0];if(m.has(v)){const E=m.get(v);E.isAbstract=!1;const _=i.get(g);E.routes.push({method:_.method,path:_.path,middleware:_.middleware})}}});const y=[...m.values()].map(h=>({id:h.id,type:"handler",data:{name:h.name,isAbstract:h.isAbstract,isLambda:h.isLambda,method:h.method,path:h.path,routes:h.routes,middleware:h.routes.length>0?[...new Set(h.routes.flatMap(g=>g.middleware))]:[]}})),w=new Set,x=[];return m.forEach((h,g)=>{if(h.parentId){const p=h.parentId+"->"+g;w.has(p)||(w.add(p),x.push({id:p,source:h.parentId,target:g,edgeType:"extends"}))}}),{nodes:y,edges:x}}const BC=60,Zm=12,WC=48,xi=60,$d=60,UC=160,YC=50,XC=260,QC=230,GC=80;function qm(e){var t;return(t=e.data)!=null&&t.isAbstract?UC:XC}function lc(e){var r,o,i,s,l;if((r=e.data)!=null&&r.isAbstract)return YC;const t=((i=(o=e.data)==null?void 0:o.routes)==null?void 0:i.length)||1,n=(((l=(s=e.data)==null?void 0:s.middleware)==null?void 0:l.length)||0)>0;return 53+t*22+(n?22:0)+20}function Es(e,t,n){const r=t.get(e)||[],o=lc(n[e]);if(!r.length)return o;const i=r.reduce((s,l,u)=>s+Es(l,t,n)+(u>0?Zm:0),0);return Math.max(o,i)}function Jm(e,t,n,r,o,i){const s=o[e],l=r.get(e)||[],u=lc(s),a=qm(s),d=Es(e,r,o);if(i.set(e,{x:t,y:n+(d-u)/2}),l.length){const c=t+a+BC;let f=n;l.forEach(m=>{const y=Es(m,r,o);Jm(m,c,f,r,o,i),f+=y+Zm})}}function KC(e,t){const n=e.filter(w=>{var x;return(x=w.data)==null?void 0:x.isLambda}),r=e.filter(w=>{var x;return!((x=w.data)!=null&&x.isLambda)}),o=Object.fromEntries(r.map(w=>[w.id,w])),i=new Map,s=new Set;t.forEach(w=>{w.edgeType==="extends"&&(i.has(w.source)||i.set(w.source,[]),i.get(w.source).push(w.target),s.add(w.target))});const l=r.filter(w=>!s.has(w.id)),u=new Map;let a=$d;l.forEach(w=>{const x=Es(w.id,i,o);Jm(w.id,xi,a,i,o,u),a+=x+WC});let d=-1/0,c=-1/0,f=1/0;const m=r.map(w=>{const x=u.get(w.id)||{x:xi,y:$d},h=x.x+qm(w),g=x.y+lc(w);return h>d&&(d=h),g>c&&(c=g),x.y<f&&(f=x.y),{...w,position:x}});if(n.length){const w=d-xi,x=Math.min(4,Math.max(2,Math.ceil(Math.sqrt(n.length)))),h=QC+30,g=GC+16,p=x*h-30,v=xi+Math.max(0,(w-p)/2),E=c+80;n.forEach((_,N)=>{m.push({..._,position:{x:v+N%x*h,y:E+Math.floor(N/x)*g}})})}const y=t.filter(w=>w.edgeType==="extends").map((w,x)=>({...w,id:w.id||`ext-${x}`,type:"bezier",pathOptions:{curvature:.35},style:{stroke:"#2e3347",strokeWidth:1.5},markerEnd:{type:"arrowclosed",width:11,height:11,color:"#2e3347"},animated:!1}));return{nodes:m,edges:y}}const Si={GET:{bg:"#0d4429",color:"#4ade80"},POST:{bg:"#172554",color:"#60a5fa"},PUT:{bg:"#451a03",color:"#fb923c"},PATCH:{bg:"#2e1065",color:"#c084fc"},DELETE:{bg:"#450a0a",color:"#f87171"},OPTIONS:{bg:"#1c1917",color:"#a8a29e"},HEAD:{bg:"#1c1917",color:"#a8a29e"}},Hl=M.jsx(Nr,{type:"target",position:G.Left,style:{left:0,top:"50%",transform:"translateY(-50%)"}}),Vl=M.jsx(Nr,{type:"source",position:G.Right,style:{right:0,top:"50%",transform:"translateY(-50%)"}});function ZC({data:e,selected:t}){var n,r,o,i;if(e.isAbstract)return M.jsxs("div",{style:{background:"rgba(239,68,68,0.05)",border:t?"2px solid #60a5fa":"1px solid #ef4444",borderRadius:8,padding:"8px 14px",width:160,fontFamily:"system-ui, sans-serif",boxSizing:"border-box"},children:[Hl,Vl,M.jsx("div",{style:{fontSize:9,color:"#ef4444",fontWeight:700,letterSpacing:.5,marginBottom:3},children:"ABSTRACT"}),M.jsx("div",{style:{fontSize:12,fontWeight:600,color:"#e2e8f0",fontFamily:"monospace"},children:e.name})]});if(e.isLambda){const s=e.method||"GET",l=e.path||"/",u=Si[s]||Si.OPTIONS,a=l.replace(/\{([^}]+)\}/g,'<span style="color:#a78bfa">{$1}</span>');return M.jsxs("div",{style:{background:"#1a1d27",border:t?"2px solid #60a5fa":"1px solid #3b82f6",borderRadius:8,padding:"10px 12px",width:230,fontFamily:"system-ui, sans-serif",boxSizing:"border-box"},children:[Hl,Vl,M.jsx("div",{style:{fontSize:9,color:"#60a5fa",fontWeight:700,letterSpacing:.5,marginBottom:7},children:"LAMBDA"}),M.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6},children:[M.jsx("span",{style:{background:u.bg,color:u.color,fontSize:9,fontWeight:700,padding:"2px 5px",borderRadius:3,fontFamily:"monospace",flexShrink:0},children:s}),M.jsx("span",{style:{fontSize:10,fontFamily:"monospace",color:"#8892a4"},dangerouslySetInnerHTML:{__html:a}})]}),((n=e.middleware)==null?void 0:n.length)>0&&M.jsx("div",{style:{display:"flex",gap:3,flexWrap:"wrap",marginTop:7},children:e.middleware.map(d=>M.jsx("span",{style:{background:"#1f1a0e",color:"#f6ad55",fontSize:8,fontWeight:600,padding:"1px 4px",borderRadius:2,fontFamily:"monospace"},children:d},d))})]})}return M.jsxs("div",{style:{background:"#1a1d27",border:t?"2px solid #60a5fa":"1px solid #3b82f6",borderRadius:8,padding:"10px 12px",width:260,fontFamily:"system-ui, sans-serif",boxSizing:"border-box"},children:[Hl,Vl,M.jsxs("div",{style:{marginBottom:8},children:[M.jsx("div",{style:{fontSize:9,color:"#60a5fa",fontWeight:700,letterSpacing:.5,marginBottom:2},children:"HANDLER"}),M.jsx("div",{style:{fontSize:12,fontWeight:700,color:"#e2e8f0",fontFamily:"monospace"},children:e.name})]}),M.jsx("div",{style:{height:1,background:"#2e3347",marginBottom:8}}),M.jsx("div",{style:{marginBottom:((r=e.middleware)==null?void 0:r.length)>0?8:0},children:(o=e.routes)==null?void 0:o.map((s,l)=>{const u=Si[s.method]||Si.OPTIONS,a=(s.path||"/").replace(/\{([^}]+)\}/g,'<span style="color:#a78bfa">{$1}</span>');return M.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,marginBottom:l<e.routes.length-1?5:0},children:[M.jsx("span",{style:{background:u.bg,color:u.color,fontSize:8,fontWeight:700,padding:"2px 5px",borderRadius:3,fontFamily:"monospace",flexShrink:0},children:s.method}),M.jsx("span",{style:{fontSize:10,fontFamily:"monospace",color:"#8892a4"},dangerouslySetInnerHTML:{__html:a}})]},l)})}),((i=e.middleware)==null?void 0:i.length)>0&&M.jsx("div",{style:{display:"flex",gap:3,flexWrap:"wrap"},children:e.middleware.map(s=>M.jsx("span",{style:{background:"#1f1a0e",color:"#f6ad55",fontSize:8,fontWeight:600,padding:"1px 4px",borderRadius:2,fontFamily:"monospace"},children:s},s))})]})}const qC={handler:ZC};function JC(e){const{getNodes:t}=Uo();$.useEffect(()=>{e.current=()=>{const n=t();if(!n.length)return;const r=zg(n),o=60,i=Math.max(1920,r.width+o*2),s=Math.max(1080,r.height+o*2),l=Ys(r,i,s,.1,4,o);VC(document.querySelector(".react-flow__viewport"),{backgroundColor:"#0f1117",width:i,height:s,style:{width:i+"px",height:s+"px",transform:`translate(${l.x}px,${l.y}px) scale(${l.zoom})`}}).then(u=>{const a=document.createElement("a");a.download="flash-routes.png",a.href=u,a.click()}).catch(console.error)}},[t,e])}function eN({styledNodes:e,styledEdges:t,onNodesChange:n,onEdgesChange:r,onNodeMouseEnter:o,onNodeMouseLeave:i,showLambdas:s,searchQuery:l,exportRef:u}){const{fitView:a}=Uo();return JC(u),$.useEffect(()=>{setTimeout(()=>a({padding:.15,duration:300}),50)},[s,l,a]),M.jsxs(vk,{nodes:e,edges:t,onNodesChange:n,onEdgesChange:r,onNodeMouseEnter:o,onNodeMouseLeave:i,nodeTypes:qC,fitView:!0,fitViewOptions:{padding:.15},colorMode:"dark",minZoom:.03,maxZoom:2,panOnDrag:!0,panOnScroll:!0,nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,zoomOnDoubleClick:!0,children:[M.jsx(Ck,{color:"#161822",gap:32,size:1}),M.jsx(Lk,{showInteractive:!1,style:{background:"#12141c",border:"1px solid #1e2235"}}),M.jsx(Uk,{style:{background:"#12141c",border:"1px solid #1e2235"},maskColor:"rgba(0,0,0,0.5)",nodeColor:d=>{var c;return(c=d.data)!=null&&c.isAbstract?"#ef444499":"#3b82f666"}})]})}function tN(){const[e,t]=$.useState([]),[n,r]=$.useState([]),[o,i,s]=wk([]),[l,u,a]=xk([]),[d,c]=$.useState(!0),[f,m]=$.useState(null),[y,w]=$.useState(null),[x,h]=$.useState(null),[g,p]=$.useState({nodes:new Set,edges:new Set}),[v,E]=$.useState(!1),[_,N]=$.useState(""),[P,L]=$.useState(!1),j=$.useRef(null);$.useEffect(()=>{fetch("/routeviewer/data").then(S=>{if(!S.ok)throw new Error(S.statusText);return S.json()}).then(S=>{const T=S.nodes.filter(U=>U.type==="route").length,{nodes:O,edges:F}=bC(S.nodes,S.edges),{nodes:W,edges:V}=KC(O,F);t(W),r(V),w({routes:T}),c(!1)}).catch(S=>{m(S.message),c(!1)})},[]);const z=$.useMemo(()=>{const S=new Map;return n.forEach(T=>{T.edgeType==="extends"&&S.set(T.target,T.source)}),T=>{const O=new Set;let F=S.get(T);for(;F;)O.add(F),F=S.get(F);return O}},[n]);$.useEffect(()=>{const S=_.trim().toLowerCase(),T=new Set(e.filter(V=>{var U;return(U=V.data)==null?void 0:U.isLambda}).map(V=>V.id));let O=new Set(e.map(V=>V.id));if(S){const V=new Set(e.filter(Y=>{var Q,B;return(((Q=Y.data)==null?void 0:Q.name)||"").toLowerCase().includes(S)||(((B=Y.data)==null?void 0:B.routes)||[]).some(K=>K.path.toLowerCase().includes(S))}).map(Y=>Y.id)),U=new Set(V);V.forEach(Y=>z(Y).forEach(Q=>U.add(Q))),O=U}const F=e.filter(V=>T.has(V.id)&&!v?!1:O.has(V.id)),W=new Set(F.map(V=>V.id));i(F),u(n.filter(V=>W.has(V.source)&&W.has(V.target)))},[v,_,e,n,i,u,z]);const R=$.useCallback((S,T)=>{const O=new Map;l.forEach(U=>{U.edgeType==="extends"&&O.set(U.target,{pid:U.source,eid:U.id})});const F=new Set([T.id]),W=new Set,V=[T.id];for(;V.length;){const U=V.shift(),Y=O.get(U);Y&&!F.has(Y.pid)&&(W.add(Y.eid),F.add(Y.pid),V.push(Y.pid))}h(T.id),p({nodes:F,edges:W})},[l]),H=$.useCallback(()=>{h(null),p({nodes:new Set,edges:new Set})},[]),C=o.map(S=>({...S,style:{opacity:x&&!g.nodes.has(S.id)?.1:1,transition:"opacity 0.15s"}})),A=l.map(S=>{const T={type:"bezier",pathOptions:{curvature:.35},style:{stroke:"#1e2235",strokeWidth:1.5},markerEnd:{type:xr.ArrowClosed,width:10,height:10,color:"#1e2235"}};return x?g.edges.has(S.id)?{...S,type:"bezier",pathOptions:{curvature:.35},style:{stroke:"#60a5fa",strokeWidth:2.5},markerEnd:{type:xr.ArrowClosed,width:13,height:13,color:"#60a5fa"}}:{...S,...T,style:{...T.style,opacity:.04}}:{...S,...T}}),I=e.filter(S=>{var T;return(T=S.data)==null?void 0:T.isLambda}).length,D=e.filter(S=>{var T;return!((T=S.data)!=null&&T.isLambda)}).length,k=$.useCallback(()=>{L(!0),setTimeout(()=>{var S;(S=j.current)==null||S.call(j),setTimeout(()=>L(!1),1200)},50)},[]);return M.jsxs("div",{style:{display:"flex",width:"100vw",height:"100vh",overflow:"hidden",background:"#0f1117"},children:[M.jsxs("aside",{style:{width:"240px",minWidth:"240px",flexShrink:0,display:"flex",flexDirection:"column",background:"#0c0e15",borderRight:"1px solid #1a1d2a",fontFamily:"system-ui, sans-serif",color:"#c8cfe0"},children:[M.jsx("div",{style:{padding:"14px 16px 12px",borderBottom:"1px solid #1a1d2a",display:"flex",alignItems:"center",gap:8},children:M.jsx("span",{style:{fontSize:15,fontWeight:700,letterSpacing:"-0.3px"},children:"⚡ Route Viewer"})}),M.jsxs("div",{style:{padding:"14px 14px",overflowY:"auto",flex:1},children:[M.jsxs(Ei,{label:"SEARCH",children:[M.jsx("input",{type:"text",placeholder:"handler or path…",value:_,onChange:S=>N(S.target.value),style:{width:"100%",boxSizing:"border-box",background:"#12141e",border:"1px solid #1e2235",borderRadius:5,padding:"6px 9px",color:"#c8cfe0",fontSize:12,fontFamily:"monospace",outline:"none"}}),_&&M.jsxs("div",{style:{fontSize:11,color:"#4a5370",marginTop:5},children:[o.length," node",o.length!==1?"s":""," visible"]})]}),M.jsxs(Ei,{label:"DISPLAY",children:[M.jsxs("label",{style:{display:"flex",alignItems:"center",gap:9,cursor:"pointer",fontSize:12},children:[M.jsx("input",{type:"checkbox",checked:v,onChange:S=>E(S.target.checked),style:{cursor:"pointer",accentColor:"#3b82f6"}}),M.jsx("span",{style:{color:"#8892a4"},children:"Show lambda handlers"})]}),M.jsxs("div",{style:{fontSize:11,color:"#343b54",marginTop:4,paddingLeft:21},children:[I," lambda",I!==1?"s":""]})]}),M.jsx(Ei,{label:"STATS",children:[["Routes",(y==null?void 0:y.routes)||0],["Handlers",D],["Lambdas",I]].map(([S,T])=>M.jsxs("div",{style:{display:"flex",justifyContent:"space-between",fontSize:12,marginBottom:5},children:[M.jsx("span",{style:{color:"#4a5370"},children:S}),M.jsx("span",{style:{color:"#e2e8f0",fontWeight:600,fontFamily:"monospace"},children:T})]},S))}),M.jsx(Ei,{label:"LEGEND",children:[{dot:"#3b82f6",border:"#3b82f6",label:"Handler"},{dot:"#ef4444",border:"#ef4444",label:"Abstract"},{dot:"#f6ad55",border:"#f6ad55",label:"Middleware"}].map(({dot:S,label:T})=>M.jsxs("div",{style:{display:"flex",alignItems:"center",gap:8,marginBottom:6},children:[M.jsx("div",{style:{width:9,height:9,borderRadius:2,background:S,flexShrink:0,opacity:.8}}),M.jsx("span",{style:{fontSize:12,color:"#4a5370"},children:T})]},T))}),M.jsxs("div",{style:{fontSize:11,color:"#2d3347",lineHeight:1.65,marginTop:4},children:["Hover a node to trace its ancestry.",M.jsx("br",{}),"Search filters nodes + parents."]})]}),M.jsx("div",{style:{padding:"12px 14px",borderTop:"1px solid #1a1d2a"},children:M.jsx("button",{onClick:k,disabled:P||d,style:{width:"100%",padding:"8px 0",background:P?"#1e2235":"#12141e",border:"1px solid #1e2235",borderRadius:6,color:P?"#4a5370":"#8892a4",fontSize:12,cursor:P?"default":"pointer",fontFamily:"system-ui, sans-serif",transition:"all 0.15s",display:"flex",alignItems:"center",justifyContent:"center",gap:6},children:P?"⏳ Exporting…":"⬇ Export PNG"})})]}),M.jsxs("div",{style:{flex:1,display:"flex",flexDirection:"column",overflow:"hidden",position:"relative"},children:[M.jsxs("div",{style:{display:"flex",alignItems:"center",padding:"9px 18px",background:"#0c0e15",borderBottom:"1px solid #1a1d2a",flexShrink:0,zIndex:10},children:[M.jsx("span",{style:{fontSize:13,fontWeight:700,color:"#e2e8f0",letterSpacing:"-0.2px"},children:"Flash Route Graph"}),M.jsx("span",{style:{marginLeft:"auto",display:"flex",gap:18,fontSize:11,color:"#2d3347",fontFamily:"system-ui"},children:[["#3b82f6","handler"],["#ef4444","abstract"],["#f6ad55","middleware"]].map(([S,T])=>M.jsxs("span",{style:{display:"flex",alignItems:"center",gap:5},children:[M.jsx("span",{style:{width:8,height:8,borderRadius:"50%",background:S,display:"inline-block",opacity:.8}}),T]},T))})]}),d&&M.jsx("div",{className:"center muted",children:"Loading…"}),f&&M.jsxs("div",{className:"center error",children:["Error: ",f]}),!d&&!f&&M.jsx("div",{style:{flex:1,position:"relative"},children:M.jsx(Om,{children:M.jsx(eN,{styledNodes:C,styledEdges:A,onNodesChange:s,onEdgesChange:a,onNodeMouseEnter:R,onNodeMouseLeave:H,showLambdas:v,searchQuery:_,exportRef:j})})})]})]})}function Ei({label:e,children:t}){return M.jsxs("div",{style:{marginBottom:18},children:[M.jsx("div",{style:{fontSize:9,fontWeight:700,letterSpacing:1,color:"#272d42",marginBottom:8,fontFamily:"monospace"},children:e}),t]})}Gp(document.getElementById("root")).render(M.jsx($.StrictMode,{children:M.jsx(tN,{})}));
diff --git a/flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/index.html b/flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/index.html
new file mode 100644
index 0000000..bab0ef8
--- /dev/null
+++ b/flash-extensions/flash-ext-routeviewer/src/main/resources/routeviewer/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Flash Route Viewer</title>
+    <script type="module" crossorigin src="/routeviewer/app.js"></script>
+    <link rel="stylesheet" crossorigin href="/routeviewer/app.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/flash-extensions/pom.xml b/flash-extensions/pom.xml
index 2db5efc..c6d1f05 100644
--- a/flash-extensions/pom.xml
+++ b/flash-extensions/pom.xml
@@ -17,6 +17,7 @@
         <module>flash-ext-jackson</module>
         <module>flash-ext-openapi</module>
         <module>flash-ext-oidc</module>
+        <module>flash-ext-routeviewer</module>
     </modules>
 
     <dependencyManagement>
diff --git a/flash/src/main/java/dev/relism/HttpServer.java b/flash/src/main/java/dev/relism/HttpServer.java
index ac1c2f5..2e67475 100644
--- a/flash/src/main/java/dev/relism/HttpServer.java
+++ b/flash/src/main/java/dev/relism/HttpServer.java
@@ -4,9 +4,8 @@ import dev.relism.fpr.core.ByteView;
 import dev.relism.http.ContentType;
 import dev.relism.http.HttpStatus;
 import dev.relism.models.*;
-import dev.relism.routing.AbstractRouter;
+import dev.relism.extension.FlashConfiguration;
 import dev.relism.routing.GlobalRouter;
-import dev.relism.routing.Middleware;
 
 import lombok.extern.slf4j.Slf4j;
 
@@ -22,29 +21,32 @@ import java.util.concurrent.Executors;
 import java.util.concurrent.TimeUnit;
 
 /**
- * Flash HTTP server. Owns a {@link GlobalRouter} with two routing tiers:
- * mounted sub-routers (matched by longest namespace prefix) and an internal
- * router as fallback. Error handlers are scoped to their respective router.
+ * Pure I/O transport layer. Owns the {@link ServerSocket}, the virtual-thread executor,
+ * and the keep-alive accept loop. All routing is delegated to the {@link GlobalRouter}
+ * supplied at construction time.
+ *
+ * <p>This class is package-private — use {@link dev.relism.extension.FlashApp} as the
+ * single entry point for creating and configuring a Flash server.
  */
 @Slf4j
-public class HttpServer {
-    private final HttpServerConfiguration configuration;
-    private final ServerSocket serverSocket;
-    private final GlobalRouter globalRouter;
+class HttpServer implements ServerHandle {
+
+    private final FlashConfiguration configuration;
+    private final ServerSocket            serverSocket;
+    private final GlobalRouter            globalRouter;
     private final ExecutorService executorService = Executors.newVirtualThreadPerTaskExecutor();
     private final Set<Socket> activeSockets = ConcurrentHashMap.newKeySet();
     private volatile boolean stopped = false;
     private final CompletableFuture<Void> readyFuture = new CompletableFuture<>();
 
-    private static final byte[] HTTP_1_1 = "HTTP/1.1 ".getBytes(StandardCharsets.UTF_8);
-    private static final byte[] CRLF = "\r\n".getBytes(StandardCharsets.UTF_8);
-    private static final byte[] CONTENT_TYPE = "Content-Type: ".getBytes(StandardCharsets.UTF_8);
-    private static final byte[] CONTENT_LENGTH = "Content-Length: ".getBytes(StandardCharsets.UTF_8);
+    private static final byte[] HTTP_1_1           = "HTTP/1.1 ".getBytes(StandardCharsets.UTF_8);
+    private static final byte[] CRLF               = "\r\n".getBytes(StandardCharsets.UTF_8);
+    private static final byte[] CONTENT_TYPE       = "Content-Type: ".getBytes(StandardCharsets.UTF_8);
+    private static final byte[] CONTENT_LENGTH     = "Content-Length: ".getBytes(StandardCharsets.UTF_8);
     private static final byte[] CONNECTION_CLOSE    = "Connection: close\r\n".getBytes(StandardCharsets.UTF_8);
     private static final byte[] CONNECTION_KEEPALIVE = "Connection: keep-alive\r\n".getBytes(StandardCharsets.UTF_8);
     private static final byte[] TRANSFER_CHUNKED    = "Transfer-Encoding: chunked\r\n".getBytes(StandardCharsets.UTF_8);
     private static final byte[] FINAL_CHUNK         = "0\r\n\r\n".getBytes(StandardCharsets.UTF_8);
-
     private static final byte[] UNKNOWN_STATUS_SUFFIX = " Unknown".getBytes(StandardCharsets.UTF_8);
 
     private static final byte[][] DIGITS = new byte[10][1];
@@ -54,16 +56,20 @@ public class HttpServer {
     }
 
     /**
-     * Creates the server with optional server-level middlewares applied to every registered route.
-     * Middlewares are pre-fused at construction time; the first element executes outermost.
+     * Creates the transport with a pre-built router. Called exclusively by
+     * {@link dev.relism.extension.FlashApp}.
+     *
+     * @param configuration server configuration (port, host, buffer sizes)
+     * @param globalRouter  the fully-wired router to dispatch requests to
      */
-    public HttpServer(HttpServerConfiguration configuration, Middleware... middlewares) throws IOException {
+    HttpServer(FlashConfiguration configuration, GlobalRouter globalRouter) throws IOException {
         this.configuration = configuration;
         this.serverSocket  = new ServerSocket(configuration.getPort());
-        this.globalRouter  = new GlobalRouter(middlewares);
+        this.globalRouter  = globalRouter;
     }
 
     /** Returns a future that completes once the accept loop is running and the server is ready. */
+    @Override
     public CompletableFuture<Void> start() {
         Thread.ofPlatform().name("flash-accept-loop").daemon(false).start(this::run);
         return readyFuture;
@@ -85,6 +91,7 @@ public class HttpServer {
     }
 
     /** Closes all active connections and shuts down the executor. Returns when complete. */
+    @Override
     public CompletableFuture<Void> stop() {
         stopped = true;
         try {
@@ -104,59 +111,7 @@ public class HttpServer {
         return CompletableFuture.completedFuture(null);
     }
 
-    /**
-     * Mounts a sub-router under {@code namespace}. Requests whose path starts with the
-     * namespace are dispatched to {@code router}; longest prefix wins.
-     *
-     * @throws dev.relism.exceptions.DuplicateNamespaceException if {@code namespace} is already mounted
-     */
-    public HttpServer mount(String namespace, AbstractRouter router) {
-        globalRouter.mount(namespace, router);
-        return this;
-    }
-
-    public HttpServer onNotFound(SimpleHandler.FunctionalHandler handler) {
-        globalRouter.onNotFound(handler);
-        return this;
-    }
-
-    public HttpServer onException(AbstractRouter.ExceptionHandler handler) {
-        globalRouter.onException(handler);
-        return this;
-    }
-
-    // ── Direct registration (called by FlashApp via RouteHandle.with()) ──────
-
-    public HttpServer doRegister(dev.relism.http.HttpMethod method, String path,
-                                 SimpleHandler.FunctionalHandler handler,
-                                 dev.relism.routing.Middleware[] middlewares) {
-        globalRouter.doRegister(method, path, handler, middlewares);
-        return this;
-    }
-
-    public HttpServer doRegister(RequestHandler handler,
-                                 dev.relism.routing.Middleware[] middlewares) {
-        globalRouter.doRegister(handler, middlewares);
-        return this;
-    }
-
-    // ── Fluent registration (delegates to globalRouter) ───────────────────────
-
-    public dev.relism.routing.RouteHandle<HttpServer> register(RequestHandler handler) {
-        return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(handler, m));
-    }
-
-    public dev.relism.routing.RouteHandle<HttpServer> get    (String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.GET,     path, h, m)); }
-    public dev.relism.routing.RouteHandle<HttpServer> post   (String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.POST,    path, h, m)); }
-    public dev.relism.routing.RouteHandle<HttpServer> put    (String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.PUT,     path, h, m)); }
-    public dev.relism.routing.RouteHandle<HttpServer> delete (String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.DELETE,  path, h, m)); }
-    public dev.relism.routing.RouteHandle<HttpServer> patch  (String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.PATCH,   path, h, m)); }
-    public dev.relism.routing.RouteHandle<HttpServer> options(String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.OPTIONS, path, h, m)); }
-    public dev.relism.routing.RouteHandle<HttpServer> head   (String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.HEAD,    path, h, m)); }
-    public dev.relism.routing.RouteHandle<HttpServer> trace  (String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.TRACE,   path, h, m)); }
-    public dev.relism.routing.RouteHandle<HttpServer> connect(String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.CONNECT, path, h, m)); }
-    public dev.relism.routing.RouteHandle<HttpServer> purge  (String path, SimpleHandler.FunctionalHandler h) { return new dev.relism.routing.RouteHandle<>(this, m -> globalRouter.doRegister(dev.relism.http.HttpMethod.PURGE,   path, h, m)); }
-
+    // ── Hot-path ──────────────────────────────────────────────────────────────
 
     private void process(Socket socket) {
         activeSockets.add(socket);
@@ -210,7 +165,6 @@ public class HttpServer {
 
     private static boolean isKeepAlive(Request request) {
         if (request.headerEquals("Connection", "close")) return false;
-        // Detect HTTP version from last byte of protocol field: "HTTP/1.1" → '1', "HTTP/1.0" → '0'
         ByteView protocol = request.getRequestLine().getProtocol();
         return protocol.length() == 8 && protocol.byteAt(7) == '1'
                 || request.headerEquals("Connection", "keep-alive");
@@ -246,7 +200,6 @@ public class HttpServer {
         out.flush();
     }
 
-    /** Streaming write path — extracted from {@link #writeResponse} to keep the hot method small. */
     private static void writeStreamingBody(OutputStream out, Response response, boolean keepAlive) throws IOException {
         if (!response.isChunked()) {
             out.write(CONTENT_LENGTH);
diff --git a/flash/src/main/java/dev/relism/HttpServerConfiguration.java b/flash/src/main/java/dev/relism/HttpServerConfiguration.java
deleted file mode 100644
index f0ef5b8..0000000
--- a/flash/src/main/java/dev/relism/HttpServerConfiguration.java
+++ /dev/null
@@ -1,15 +0,0 @@
-package dev.relism;
-
-import lombok.Builder;
-import lombok.Data;
-
-@Data
-@Builder
-public class HttpServerConfiguration {
-    private int port;
-    private String host;
-    @Builder.Default
-    private int acceptorThreads = 1;
-    @Builder.Default
-    private int maxHeaderBufferSize = 64 * 1024;
-}
diff --git a/flash/src/main/java/dev/relism/ServerHandle.java b/flash/src/main/java/dev/relism/ServerHandle.java
new file mode 100644
index 0000000..bec752f
--- /dev/null
+++ b/flash/src/main/java/dev/relism/ServerHandle.java
@@ -0,0 +1,26 @@
+package dev.relism;
+
+import dev.relism.extension.FlashConfiguration;
+import dev.relism.routing.GlobalRouter;
+
+import java.io.IOException;
+import java.util.concurrent.CompletableFuture;
+
+/**
+ * Public handle to the underlying HTTP transport. Returned by {@link #create} so that
+ * {@link dev.relism.extension.FlashApp} can start and stop the server without holding
+ * a direct reference to the package-private {@link HttpServer}.
+ */
+public interface ServerHandle {
+
+    CompletableFuture<Void> start();
+    CompletableFuture<Void> stop();
+
+    /**
+     * Creates the HTTP transport. Called exclusively by
+     * {@link dev.relism.extension.FlashApp}.
+     */
+    static ServerHandle create(FlashConfiguration config, GlobalRouter router) throws IOException {
+        return new HttpServer(config, router);
+    }
+}
diff --git a/flash/src/main/java/dev/relism/extension/ExtensionContext.java b/flash/src/main/java/dev/relism/extension/ExtensionContext.java
index b0dd098..c9200bd 100644
--- a/flash/src/main/java/dev/relism/extension/ExtensionContext.java
+++ b/flash/src/main/java/dev/relism/extension/ExtensionContext.java
@@ -1,6 +1,7 @@
 package dev.relism.extension;
 
 import java.util.*;
+import java.util.stream.Stream;
 
 /**
  * Shared registry passed to every extension during {@link FlashExtension#install}.
@@ -9,14 +10,36 @@ import java.util.*;
  *   <li><b>Service sharing</b> — provide/require typed objects (e.g. {@code ObjectMapper},
  *       {@code OpenApiBuilder}) so extensions can build on each other.</li>
  *   <li><b>Annotation processing</b> — register {@link AnnotationProcessor}s that
- *       {@link FlashApp} calls for every handler, injecting middleware derived from
+ *       are invoked for every handler, injecting middleware derived from
  *       annotations ({@code @RolesAllowed}, {@code @Authenticated}, etc.).</li>
  * </ol>
+ *
+ * <p>A child context (created via {@link #child()}) inherits all services and processors
+ * from its parent. Services provided and processors added on the child are scoped to it
+ * and not visible in the parent or sibling scopes.
  */
 public class ExtensionContext {
 
-    private final Map<Class<?>, Object>     registry   = new LinkedHashMap<>();
-    private final List<AnnotationProcessor> processors = new ArrayList<>();
+    private final ExtensionContext parent;
+    private final Map<Class<?>, Object>     registry       = new LinkedHashMap<>();
+    private final List<AnnotationProcessor> processors     = new ArrayList<>();
+    private final List<RouteListener>       routeListeners = new ArrayList<>();
+
+    public ExtensionContext() {
+        this.parent = null;
+    }
+
+    private ExtensionContext(ExtensionContext parent) {
+        this.parent = parent;
+    }
+
+    /**
+     * Creates a child context that inherits this context's services and processors.
+     * Services provided and processors added on the child do not affect the parent.
+     */
+    public ExtensionContext child() {
+        return new ExtensionContext(this);
+    }
 
     // ── Service registry ─────────────────────────────────────────────────────
 
@@ -27,11 +50,13 @@ public class ExtensionContext {
 
     /**
      * Retrieves the service registered under {@code type}.
-     * Throws {@link IllegalStateException} if not present — install order matters.
+     * Checks own scope first, then the parent chain.
+     * Throws {@link IllegalStateException} if not found — install order matters.
      */
     @SuppressWarnings("unchecked")
     public <T> T require(Class<T> type) {
         T val = (T) registry.get(type);
+        if (val == null && parent != null) val = parent.find(type).orElse(null);
         if (val == null)
             throw new IllegalStateException(
                     "Extension dependency not found: " + type.getSimpleName() +
@@ -39,24 +64,58 @@ public class ExtensionContext {
         return val;
     }
 
-    /** Returns the service under {@code type}, or empty if not installed. */
+    /** Returns the service under {@code type}, or empty if not installed in this scope or any parent. */
     @SuppressWarnings("unchecked")
     public <T> Optional<T> find(Class<T> type) {
-        return Optional.ofNullable((T) registry.get(type));
+        T val = (T) registry.get(type);
+        if (val != null) return Optional.of(val);
+        return parent != null ? parent.find(type) : Optional.empty();
     }
 
     // ── Annotation processors ────────────────────────────────────────────────
 
     /**
      * Registers an {@link AnnotationProcessor}. Called by extensions during
-     * {@link FlashExtension#install}. Processors are invoked in registration order.
+     * {@link FlashExtension#install}. Processors are invoked in registration order
+     * (parent processors first, then own).
      */
     public void addAnnotationProcessor(AnnotationProcessor processor) {
         processors.add(processor);
     }
 
-    /** Returns an unmodifiable view of all registered processors. */
+    /**
+     * Returns all processors visible from this context: parent processors first,
+     * then processors added directly to this context.
+     */
     List<AnnotationProcessor> processors() {
-        return Collections.unmodifiableList(processors);
+        if (parent == null) return Collections.unmodifiableList(processors);
+        List<AnnotationProcessor> parentProcessors = parent.processors();
+        if (processors.isEmpty()) return parentProcessors;
+        return Stream.concat(parentProcessors.stream(), processors.stream()).toList();
+    }
+
+    // ── Route listeners ──────────────────────────────────────────────────────
+
+    /**
+     * Registers a {@link RouteListener} that will be notified once for every route
+     * registered on this context's {@link dev.relism.extension.FlashApp} or any
+     * {@link dev.relism.extension.FlashScope} that inherits from it.
+     *
+     * <p>Call this inside {@link FlashExtension#install} to observe all routes.
+     * If no listener is registered the emission path is a no-op.
+     */
+    public void addRouteListener(RouteListener listener) {
+        routeListeners.add(listener);
+    }
+
+    /**
+     * Returns all route listeners visible from this context: parent listeners first,
+     * then listeners added directly to this context.
+     */
+    List<RouteListener> routeListeners() {
+        if (parent == null) return Collections.unmodifiableList(routeListeners);
+        List<RouteListener> parentListeners = parent.routeListeners();
+        if (routeListeners.isEmpty()) return parentListeners;
+        return Stream.concat(parentListeners.stream(), routeListeners.stream()).toList();
     }
 }
diff --git a/flash/src/main/java/dev/relism/extension/FlashApp.java b/flash/src/main/java/dev/relism/extension/FlashApp.java
index 636f5e4..69fb22f 100644
--- a/flash/src/main/java/dev/relism/extension/FlashApp.java
+++ b/flash/src/main/java/dev/relism/extension/FlashApp.java
@@ -1,77 +1,107 @@
 package dev.relism.extension;
 
-import dev.relism.HttpServer;
+import dev.relism.ServerHandle;
 import dev.relism.http.HttpMethod;
 import dev.relism.models.RequestHandler;
 import dev.relism.models.SimpleHandler;
 import dev.relism.routing.AbstractRouter;
+import dev.relism.routing.GlobalRouter;
 import dev.relism.routing.Middleware;
+import dev.relism.routing.Route;
 import dev.relism.routing.RouteHandle;
 
+import java.io.IOException;
+import java.util.ArrayList;
 import java.util.Arrays;
 import java.util.List;
 import java.util.concurrent.CompletableFuture;
+import java.util.function.Consumer;
 import java.util.stream.Stream;
 
 /**
- * Primary entry point for working with Flash. Wraps {@link HttpServer} and
- * wires the extension layer.
- *
- * <p>The key addition over raw {@link HttpServer} is the annotation-aware
- * {@link #register} override: before delegating to Flash it runs all registered
- * {@link AnnotationProcessor}s and prepends any injected middlewares
- * (e.g. from {@code @RolesAllowed}) to the explicit ones.
- *
- * <p>Route registration is lazy: calling {@code get()}, {@code post()}, or
- * {@code register()} returns a {@link RouteHandle} that is not yet registered.
- * The route is registered automatically before the next operation or at
- * {@link #start()}. Call {@link RouteHandle#with} explicitly to add middleware:
+ * Primary entry point for Flash. Creates and owns both the {@link GlobalRouter} and
+ * the {@link HttpServer} (pure I/O transport). All route registration goes through
+ * {@code FlashApp} or a {@link FlashScope} — never through the server or router directly.
  *
+ * <p>Create via the static factories:
  * <pre>{@code
- * FlashApp.of(new HttpServer(config))
- *     .install(new JacksonExtension())
- *     .install(new OidcExtension(OidcConfig.fromEnv()))
- *     .install(new OpenApiExtension("/openapi"))
- *     .start();
- *
- * // No middleware — .with() is optional
- * app.get("/ping",  (req, res) -> "pong");
- * app.get("/hello", (req, res) -> "Hello");
- *
- * // With middleware
- * app.get("/me",    (req, res) -> ClaimsHolder.user().email()).with(oidc.protect());
- * app.get("/admin", (req, res) -> "secret").with(oidc.requireRole("admin"));
- *
- * // Class-based — @Authenticated / @RolesAllowed auto-injected, .with() optional
- * app.register(new HomePage());
- * app.register(new MePage());      // @Authenticated handled by annotation processor
- * app.register(new AdminPage());   // @RolesAllowed("admin") handled automatically
- *
- * app.start();
+ * FlashApp app = FlashApp.create(8080);
+ * FlashApp app = FlashApp.create(FlashConfiguration.builder().port(8080).build());
  * }</pre>
+ *
+ * <p>Install extensions, register routes, mount namespaces, then start:
+ * <pre>{@code
+ * FlashApp.create(8080)
+ *     .install(new JacksonExtension())
+ *     .install(new OidcExtension(config))
+ *     .get("/ping", (req, res) -> "pong")
+ *     .get("/me",   (req, res) -> ClaimsHolder.user().email()).with(oidc.protect())
+ *     .register(new HomePage())                 // @Route + annotation processors applied
+ *     .scan("dev.example.handlers")             // classpath scan, no-arg constructors
+ *     .mount("/api", scope -> {
+ *         scope.register(new UserHandler());    // @Authenticated works here
+ *         scope.get("/health", (req, res) -> "ok");
+ *     })
+ *     .start();
+ * }</pre>
+ *
+ * <h3>Auto-flush</h3>
+ * Calling any registration method returns a {@link RouteHandle}. Calling
+ * {@link RouteHandle#with} is optional — if omitted, the route is registered
+ * automatically before the next operation or at {@link #start()}. This means
+ * trailing {@code .with()} calls are never required for routes with no middleware.
  */
-public class FlashApp {
+public final class FlashApp implements FlashRegistrar {
 
-    private final HttpServer       server;
+    private final GlobalRouter     router;
+    private final ServerHandle     server;
     private final ExtensionContext ctx = new ExtensionContext();
 
-    /** The last returned RouteHandle that has not yet been registered. */
+    /** The last returned RouteHandle not yet registered — auto-flushed before the next operation. */
     private RouteHandle<?> pending;
 
-    private FlashApp(HttpServer server) {
-        this.server = server;
+    /**
+     * Global middlewares applied to every route, regardless of how it is registered
+     * (lambda, class-based, or via {@link #scan}).
+     * Accumulated via {@link #use}; applied outermost in the chain (before injected and
+     * explicit middlewares).
+     */
+    private final List<Middleware> globalMiddlewares = new ArrayList<>();
+
+    private FlashApp(FlashConfiguration config) {
+        this.router = new GlobalRouter();
+        try {
+            this.server = ServerHandle.create(config, router);
+        } catch (IOException e) {
+            throw new RuntimeException("Failed to bind server socket on port " + config.getPort(), e);
+        }
     }
 
-    public static FlashApp of(HttpServer server) {
-        return new FlashApp(server);
+    // ── Factories ─────────────────────────────────────────────────────────────
+
+    /**
+     * Creates a {@code FlashApp} listening on {@code port} with default configuration.
+     *
+     * @param port the TCP port to bind
+     */
+    public static FlashApp create(int port) {
+        return create(FlashConfiguration.builder().port(port).build());
+    }
+
+    /**
+     * Creates a {@code FlashApp} with full server configuration.
+     *
+     * @param config server configuration (port, host, buffer sizes, etc.)
+     */
+    public static FlashApp create(FlashConfiguration config) {
+        return new FlashApp(config);
     }
 
     // ── Pending flush ─────────────────────────────────────────────────────────
 
     /**
-     * Registers any pending route (returned by the previous {@code get/post/register}
-     * call) with no middleware, if it has not already been registered via
-     * {@link RouteHandle#with}.
+     * Registers any pending route (from the previous {@code get/post/register} call)
+     * with no middleware if it has not already been committed via {@link RouteHandle#with}.
      */
     private void flushPending() {
         if (pending != null) {
@@ -80,103 +110,239 @@ public class FlashApp {
         }
     }
 
-    private <P> RouteHandle<P> pending(RouteHandle<P> handle) {
+    private <P> RouteHandle<P> track(RouteHandle<P> handle) {
         flushPending();
         pending = handle;
         return handle;
     }
 
-    // ── Extension installation ────────────────────────────────────────────────
+    // ── FlashRegistrar — extension installation ───────────────────────────────
 
+    /**
+     * Installs an extension. Extensions receive this {@code FlashApp} as a
+     * {@link FlashRegistrar} so they can register routes and expose services.
+     *
+     * @param ext the extension to install
+     * @return {@code this} for chaining
+     */
+    @Override
     public FlashApp install(FlashExtension ext) {
         flushPending();
         ext.install(this, ctx);
         return this;
     }
 
-    /** Exposes the context so callers can retrieve services installed by extensions. */
+    // ── Global middleware ──────────────────────────────────────────────────────
+
+    /**
+     * Registers one or more global middlewares applied to <em>every</em> route on this app,
+     * regardless of how the route is registered (lambda, class-based, or via {@link #scan}).
+     *
+     * <p>Global middlewares execute outermost — before annotation-injected middlewares
+     * (e.g. {@code @Authenticated}) and before any explicit {@link RouteHandle#with} chain.
+     * Execution order mirrors the declaration order: the first argument wraps everything else.
+     *
+     * <p>Must be called before {@link #start()}. Calling {@code use} after routes have already
+     * been registered will not retroactively affect those routes.
+     *
+     * <pre>{@code
+     * Middleware cors = next -> (req, res) -> {
+     *     res.header("Access-Control-Allow-Origin", "*");
+     *     if (req.method() == HttpMethod.OPTIONS) { res.status(204); return null; }
+     *     return next.handle(req, res);
+     * };
+     *
+     * FlashApp.create(8080)
+     *     .use(cors)
+     *     .scan("dev.example.handlers")
+     *     .start();
+     * }</pre>
+     *
+     * @param middlewares one or more middlewares to apply globally
+     * @return {@code this} for chaining
+     */
+    public FlashApp use(Middleware... middlewares) {
+        flushPending();
+        globalMiddlewares.addAll(Arrays.asList(middlewares));
+        return this;
+    }
+
+    /**
+     * Prepends global middlewares to an explicit per-route array.
+     * Returns {@code explicit} unchanged when no global middlewares have been registered
+     * (zero-allocation fast path).
+     */
+    private Middleware[] withGlobal(Middleware[] explicit) {
+        if (globalMiddlewares.isEmpty()) return explicit;
+        return Stream.concat(globalMiddlewares.stream(), Arrays.stream(explicit))
+                     .toArray(Middleware[]::new);
+    }
+
+    // ── FlashRegistrar — route registration ───────────────────────────────────
+
+    @Override public RouteHandle<FlashApp> get    (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.GET,     path, h); }
+    @Override public RouteHandle<FlashApp> post   (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.POST,    path, h); }
+    @Override public RouteHandle<FlashApp> put    (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.PUT,     path, h); }
+    @Override public RouteHandle<FlashApp> delete (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.DELETE,  path, h); }
+    @Override public RouteHandle<FlashApp> patch  (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.PATCH,   path, h); }
+    @Override public RouteHandle<FlashApp> options(String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.OPTIONS, path, h); }
+    @Override public RouteHandle<FlashApp> head   (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.HEAD,    path, h); }
+    @Override public RouteHandle<FlashApp> trace  (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.TRACE,   path, h); }
+    @Override public RouteHandle<FlashApp> connect(String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.CONNECT, path, h); }
+    @Override public RouteHandle<FlashApp> purge  (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.PURGE,   path, h); }
+
+    private RouteHandle<FlashApp> routeLambda(HttpMethod method, String path, SimpleHandler.FunctionalHandler h) {
+        return track(new RouteHandle<>(this, m -> {
+            Middleware[] all = withGlobal(m);
+            emit(method, path, null, List.of(), all);
+            router.doRegister(method, path, h, all);
+        }));
+    }
+
+    /**
+     * Begins registration of a class-based handler. The class must carry a
+     * {@link Route @Route} annotation. All registered {@link AnnotationProcessor}s
+     * are run (e.g. to inject {@code @Authenticated} / {@code @RolesAllowed} middleware).
+     * Injected middlewares are prepended outermost to any explicit ones passed via
+     * {@link RouteHandle#with}.
+     *
+     * <p>Calling {@link RouteHandle#with} is optional — the route is registered
+     * automatically before the next operation or at {@link #start()}.
+     */
+    @Override
+    public RouteHandle<FlashApp> register(RequestHandler handler) {
+        return track(new RouteHandle<>(this, explicit -> {
+            List<Middleware> injected = ctx.processors().stream()
+                    .flatMap(p -> p.process(handler.getClass()).stream())
+                    .toList();
+            Middleware[] all = Stream.concat(
+                    globalMiddlewares.stream(),
+                    Stream.concat(injected.stream(), Arrays.stream(explicit))
+            ).toArray(Middleware[]::new);
+            Route ann = handler.getClass().getAnnotation(Route.class);
+            if (ann != null) emit(ann.method(), ann.path(), handler.getClass(), injected, withGlobal(explicit));
+            router.doRegister(handler, all);
+        }));
+    }
+
+    /**
+     * Scans {@code packageName} for classes that extend {@link RequestHandler} and
+     * carry {@link Route @Route}. Each is instantiated via its no-arg constructor,
+     * run through annotation processors, and registered.
+     *
+     * <pre>{@code
+     * FlashApp.create(8080)
+     *     .install(new OidcExtension(config))
+     *     .scan("dev.example.handlers");  // @Authenticated / @RolesAllowed auto-applied
+     * }</pre>
+     */
+    @Override
+    public FlashApp scan(String packageName) {
+        flushPending();
+        PackageScanner.findHandlers(packageName).forEach(cls -> register(instantiate(cls)).ensureRegistered());
+        return this;
+    }
+
+    // ── Namespace mounting ────────────────────────────────────────────────────
+
+    /**
+     * Mounts a scoped sub-router under {@code namespace}. The {@code configure} consumer
+     * receives a {@link FlashScope} that has its own child {@link ExtensionContext}
+     * inheriting all parent services and annotation processors.
+     *
+     * <p>Routes registered on the scope automatically get the namespace prefix prepended.
+     * Annotation processors (e.g. from OIDC) apply identically inside the scope.
+     *
+     * <pre>{@code
+     * app.mount("/api", scope -> {
+     *     scope.register(new UserHandler());    // @Authenticated works
+     *     scope.get("/health", (req, res) -> "ok");
+     *     scope.scan("dev.example.api");
+     * });
+     * }</pre>
+     *
+     * @param namespace the path prefix (e.g. {@code "/api"})
+     * @param configure consumer that registers routes on the scope
+     */
+    public FlashApp mount(String namespace, Consumer<FlashScope> configure) {
+        flushPending();
+        FlashScope scope = new FlashScope(new dev.relism.routing.routers.fastpathrouter.FastPathRouterImpl(),
+                namespace, ctx);
+        configure.accept(scope);
+        scope.flush();
+        router.mount(namespace, scope.router());
+        return this;
+    }
+
+    // ── FlashRegistrar — error handlers ──────────────────────────────────────
+
+    @Override
+    public FlashApp onException(AbstractRouter.ExceptionHandler handler) {
+        flushPending();
+        router.onException(handler);
+        return this;
+    }
+
+    @Override
+    public FlashApp onNotFound(SimpleHandler.FunctionalHandler handler) {
+        flushPending();
+        router.onNotFound(handler);
+        return this;
+    }
+
+    // ── FlashRegistrar — context ──────────────────────────────────────────────
+
+    @Override
     public ExtensionContext ctx() {
         return ctx;
     }
 
-    // ── Handler registration (annotation-aware) ───────────────────────────────
-
-    /**
-     * Begins registration of a class-based handler. Before registering, all
-     * {@link AnnotationProcessor}s are called (e.g. to inject OIDC middleware from
-     * {@code @Authenticated} / {@code @RolesAllowed}). Their middlewares are prepended
-     * outermost to any extra middlewares supplied via {@link RouteHandle#with}.
-     *
-     * <p>Calling {@link RouteHandle#with} is optional when no extra middleware is needed —
-     * the route is registered automatically before the next operation or at {@link #start()}.
-     *
-     * <p>Middleware execution order: injected (from annotations) → explicit (.with()) → handler.
-     */
-    public RouteHandle<FlashApp> register(RequestHandler handler) {
-        return pending(new RouteHandle<>(this, explicit -> {
-            List<Middleware> injected = ctx.processors().stream()
-                    .flatMap(p -> p.process(handler.getClass()).stream())
-                    .toList();
-            Middleware[] all = injected.isEmpty()
-                    ? explicit
-                    : Stream.concat(injected.stream(), Arrays.stream(explicit))
-                            .toArray(Middleware[]::new);
-            server.doRegister(handler, all);
-        }));
-    }
-
-    // ── Lambda route registration ─────────────────────────────────────────────
-
-    /**
-     * Begins registration of a lambda route. Calling {@link RouteHandle#with} is
-     * optional when no middleware is needed — the route is registered automatically
-     * before the next operation or at {@link #start()}.
-     *
-     * <pre>{@code
-     * app.get("/ping",  (req, res) -> "pong");                              // no middleware
-     * app.get("/me",    (req, res) -> ClaimsHolder.user().email())
-     *    .with(oidc.protect());                                             // with middleware
-     * }</pre>
-     */
-    public RouteHandle<FlashApp> get    (String path, SimpleHandler.FunctionalHandler h) { return pending(new RouteHandle<>(this, m -> server.doRegister(HttpMethod.GET,     path, h, m))); }
-    public RouteHandle<FlashApp> post   (String path, SimpleHandler.FunctionalHandler h) { return pending(new RouteHandle<>(this, m -> server.doRegister(HttpMethod.POST,    path, h, m))); }
-    public RouteHandle<FlashApp> put    (String path, SimpleHandler.FunctionalHandler h) { return pending(new RouteHandle<>(this, m -> server.doRegister(HttpMethod.PUT,     path, h, m))); }
-    public RouteHandle<FlashApp> delete (String path, SimpleHandler.FunctionalHandler h) { return pending(new RouteHandle<>(this, m -> server.doRegister(HttpMethod.DELETE,  path, h, m))); }
-    public RouteHandle<FlashApp> patch  (String path, SimpleHandler.FunctionalHandler h) { return pending(new RouteHandle<>(this, m -> server.doRegister(HttpMethod.PATCH,   path, h, m))); }
-    public RouteHandle<FlashApp> options(String path, SimpleHandler.FunctionalHandler h) { return pending(new RouteHandle<>(this, m -> server.doRegister(HttpMethod.OPTIONS, path, h, m))); }
-    public RouteHandle<FlashApp> head   (String path, SimpleHandler.FunctionalHandler h) { return pending(new RouteHandle<>(this, m -> server.doRegister(HttpMethod.HEAD,    path, h, m))); }
-
-    public FlashApp mount(String namespace, AbstractRouter router) {
-        flushPending();
-        server.mount(namespace, router);
-        return this;
-    }
-
-    public FlashApp onException(AbstractRouter.ExceptionHandler handler) {
-        flushPending();
-        server.onException(handler);
-        return this;
-    }
-
-    public FlashApp onNotFound(SimpleHandler.FunctionalHandler handler) {
-        flushPending();
-        server.onNotFound(handler);
-        return this;
-    }
-
     // ── Lifecycle ─────────────────────────────────────────────────────────────
 
+    /**
+     * Flushes any pending route registration and starts the HTTP server.
+     *
+     * @return a future that completes once the accept loop is running
+     */
     public CompletableFuture<Void> start() {
         flushPending();
         return server.start();
     }
 
+    /** Stops the HTTP server and closes all active connections. */
     public CompletableFuture<Void> stop() {
         return server.stop();
     }
 
-    /** Direct access to the underlying server for advanced use cases. */
-    public HttpServer server() {
-        return server;
+    // ── Internals ─────────────────────────────────────────────────────────────
+
+    @SuppressWarnings("unchecked")
+    private static RequestHandler instantiate(Class<?> cls) {
+        try {
+            return (RequestHandler) cls.getDeclaredConstructor().newInstance();
+        } catch (Exception e) {
+            throw new RuntimeException("Failed to instantiate handler: " + cls.getName() +
+                    " — ensure it has a public no-arg constructor", e);
+        }
+    }
+
+    /**
+     * Emits a {@link RouteEvent} to all registered {@link RouteListener}s.
+     * No-op if no listener has been registered (fast empty-list check).
+     * Called once per route at boot time — never on the request hot-path.
+     */
+    @SuppressWarnings("unchecked")
+    private void emit(HttpMethod method, String path, Class<?> handlerClass,
+                      List<Middleware> injected, Middleware[] explicit) {
+        List<RouteListener> listeners = ctx.routeListeners();
+        if (listeners.isEmpty()) return;
+        Middleware[] routerMws = router.routerMiddlewares();
+        List<Class<? extends Middleware>> chain = new ArrayList<>(routerMws.length + injected.size() + explicit.length);
+        for (Middleware m : routerMws) chain.add((Class<? extends Middleware>) m.getClass());
+        for (Middleware m : injected)  chain.add((Class<? extends Middleware>) m.getClass());
+        for (Middleware m : explicit)  chain.add((Class<? extends Middleware>) m.getClass());
+        RouteEvent event = new RouteEvent(method, path, router.getNamespace(),
+                router.getClass().getSimpleName(), handlerClass, List.copyOf(chain));
+        listeners.forEach(l -> l.onRoute(event));
     }
 }
diff --git a/flash/src/main/java/dev/relism/extension/FlashConfiguration.java b/flash/src/main/java/dev/relism/extension/FlashConfiguration.java
new file mode 100644
index 0000000..486305b
--- /dev/null
+++ b/flash/src/main/java/dev/relism/extension/FlashConfiguration.java
@@ -0,0 +1,31 @@
+package dev.relism.extension;
+
+import lombok.Builder;
+import lombok.Value;
+
+/**
+ * Configuration for a {@link FlashApp} instance.
+ *
+ * <pre>{@code
+ * // Minimal — port only
+ * FlashApp.create(8080);
+ *
+ * // Full control
+ * FlashApp.create(FlashConfiguration.builder()
+ *         .port(8080)
+ *         .host("127.0.0.1")
+ *         .maxHeaderBufferSize(128 * 1024)
+ *         .build());
+ * }</pre>
+ */
+@Value
+@Builder
+public class FlashConfiguration {
+
+    int    port;
+    String host;
+
+    /** Maximum size of the request header buffer in bytes. Default: 64 KB. */
+    @Builder.Default
+    int maxHeaderBufferSize = 64 * 1024;
+}
diff --git a/flash/src/main/java/dev/relism/extension/FlashExtension.java b/flash/src/main/java/dev/relism/extension/FlashExtension.java
index 07615d6..5dd7199 100644
--- a/flash/src/main/java/dev/relism/extension/FlashExtension.java
+++ b/flash/src/main/java/dev/relism/extension/FlashExtension.java
@@ -1,25 +1,32 @@
 package dev.relism.extension;
 
 /**
- * Contract for all Flash extensions. An extension receives the full {@link FlashApp}
- * so it can both register handlers on the server and expose services through
- * {@link ExtensionContext} for other extensions.
+ * Contract for all Flash extensions. An extension receives a {@link FlashRegistrar}
+ * (either a {@link FlashApp} or a {@link FlashScope}) so it can register routes and
+ * expose shared services via {@link ExtensionContext}.
+ *
+ * <p>Extensions work identically whether installed at the top-level app or inside a
+ * mounted scope:
  *
  * <pre>{@code
- * public class OpenApiExtension implements FlashExtension {
- *     public void install(FlashApp app, ExtensionContext ctx) {
- *         ObjectMapper mapper = ctx.require(ObjectMapper.class);
- *         app.get("/openapi.json", (req, res) -> mapper.writeValueAsString(spec));
+ * public class RateLimitExtension implements FlashExtension {
+ *     public void install(FlashRegistrar app, ExtensionContext ctx) {
+ *         RateLimiter limiter = new RateLimiter(100);
+ *         ctx.provide(RateLimiter.class, limiter);
+ *         app.onException((ex, req, res) -> { ... });
  *     }
  * }
  *
- * FlashApp.of(new HttpServer(config))
+ * // Top-level app
+ * FlashApp.create(8080)
  *     .install(new JacksonExtension())
- *     .install(new OpenApiExtension("/openapi.json"))
  *     .install(new OidcExtension(OidcConfig.fromEnv()));
+ *
+ * // Scoped
+ * app.mount("/api", scope -> scope.install(new RateLimitExtension()));
  * }</pre>
  */
 @FunctionalInterface
 public interface FlashExtension {
-    void install(FlashApp app, ExtensionContext ctx);
+    void install(FlashRegistrar app, ExtensionContext ctx);
 }
diff --git a/flash/src/main/java/dev/relism/extension/FlashRegistrar.java b/flash/src/main/java/dev/relism/extension/FlashRegistrar.java
new file mode 100644
index 0000000..f573f6f
--- /dev/null
+++ b/flash/src/main/java/dev/relism/extension/FlashRegistrar.java
@@ -0,0 +1,71 @@
+package dev.relism.extension;
+
+import dev.relism.models.RequestHandler;
+import dev.relism.models.SimpleHandler;
+import dev.relism.routing.AbstractRouter;
+import dev.relism.routing.RouteHandle;
+
+/**
+ * Common registration surface shared by {@link FlashApp} and {@link FlashScope}.
+ *
+ * <p>{@link FlashExtension#install} receives a {@code FlashRegistrar} so that extensions
+ * work identically whether installed at the top-level app or inside a mounted scope.
+ *
+ * <p>Route registration follows the auto-flush pattern: calling any registration method
+ * without a subsequent {@link RouteHandle#with} is equivalent to calling
+ * {@code .with()} with no arguments — the route is registered with no middleware.
+ *
+ * <pre>{@code
+ * // In an extension:
+ * public void install(FlashRegistrar app, ExtensionContext ctx) {
+ *     app.get("/health", (req, res) -> "ok");
+ *     app.get("/secured", (req, res) -> user()).with(oidc.protect());
+ * }
+ * }</pre>
+ */
+public interface FlashRegistrar {
+
+    // ── Extension installation ────────────────────────────────────────────────
+
+    FlashRegistrar install(FlashExtension ext);
+
+    // ── Route registration ────────────────────────────────────────────────────
+
+    RouteHandle<?> get    (String path, SimpleHandler.FunctionalHandler h);
+    RouteHandle<?> post   (String path, SimpleHandler.FunctionalHandler h);
+    RouteHandle<?> put    (String path, SimpleHandler.FunctionalHandler h);
+    RouteHandle<?> delete (String path, SimpleHandler.FunctionalHandler h);
+    RouteHandle<?> patch  (String path, SimpleHandler.FunctionalHandler h);
+    RouteHandle<?> options(String path, SimpleHandler.FunctionalHandler h);
+    RouteHandle<?> head   (String path, SimpleHandler.FunctionalHandler h);
+    RouteHandle<?> trace  (String path, SimpleHandler.FunctionalHandler h);
+    RouteHandle<?> connect(String path, SimpleHandler.FunctionalHandler h);
+    RouteHandle<?> purge  (String path, SimpleHandler.FunctionalHandler h);
+
+    /**
+     * Begins registration of a class-based handler. The class must carry a
+     * {@link dev.relism.routing.Route @Route} annotation. Annotation processors
+     * (e.g. {@code @Authenticated}, {@code @RolesAllowed}) are applied automatically.
+     *
+     * <p>Calling {@link RouteHandle#with} is optional — the route is registered
+     * automatically before the next operation or at {@code start()}.
+     */
+    RouteHandle<?> register(RequestHandler h);
+
+    /**
+     * Scans {@code packageName} for classes that extend {@link RequestHandler} and
+     * carry {@link dev.relism.routing.Route @Route}. Each is instantiated via its
+     * no-arg constructor, run through annotation processors, and registered.
+     */
+    FlashRegistrar scan(String packageName);
+
+    // ── Error handlers ────────────────────────────────────────────────────────
+
+    FlashRegistrar onException(AbstractRouter.ExceptionHandler h);
+    FlashRegistrar onNotFound(SimpleHandler.FunctionalHandler h);
+
+    // ── Context access ────────────────────────────────────────────────────────
+
+    /** Returns the {@link ExtensionContext} for this registrar (app or scope). */
+    ExtensionContext ctx();
+}
diff --git a/flash/src/main/java/dev/relism/extension/FlashScope.java b/flash/src/main/java/dev/relism/extension/FlashScope.java
new file mode 100644
index 0000000..ba40e42
--- /dev/null
+++ b/flash/src/main/java/dev/relism/extension/FlashScope.java
@@ -0,0 +1,216 @@
+package dev.relism.extension;
+
+import dev.relism.http.HttpMethod;
+import dev.relism.models.RequestHandler;
+import dev.relism.models.SimpleHandler;
+import dev.relism.routing.AbstractRouter;
+import dev.relism.routing.PathUtils;
+import dev.relism.routing.Route;
+import dev.relism.routing.RouteHandle;
+import dev.relism.routing.Middleware;
+
+import java.io.File;
+import java.net.URL;
+import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Enumeration;
+import java.util.List;
+import java.util.jar.JarEntry;
+import java.util.jar.JarFile;
+import java.util.stream.Stream;
+
+/**
+ * Scoped registration context for a mounted sub-router namespace.
+ *
+ * <p>Obtained via {@link FlashApp#mount(String, java.util.function.Consumer)}.
+ * A scope has its own child {@link ExtensionContext} that inherits all services and
+ * annotation processors from the parent app, so extensions like {@code @Authenticated}
+ * and {@code @RolesAllowed} work identically inside a scope.
+ *
+ * <p>Extensions installed on a scope are scoped to that namespace and not visible
+ * in the parent or sibling scopes.
+ *
+ * <pre>{@code
+ * app.mount("/api", scope -> {
+ *     scope.install(new RateLimitExtension());
+ *     scope.register(new UserHandler());   // @Authenticated auto-injected
+ *     scope.get("/health", (req, res) -> "ok");
+ *     scope.scan("dev.example.api.handlers");
+ * });
+ * }</pre>
+ */
+public final class FlashScope implements FlashRegistrar {
+
+    private final AbstractRouter  router;
+    private final String          namespace;
+    private final ExtensionContext ctx;
+
+    /** Pending RouteHandle awaiting .with() — auto-flushed before each new registration. */
+    private RouteHandle<?> pending;
+
+    /**
+     * Package-private — only {@link FlashApp} creates scopes.
+     *
+     * @param router    the sub-router that will receive routes registered on this scope
+     * @param namespace the namespace prefix (e.g. {@code "/api"})
+     * @param parentCtx the parent app's ExtensionContext — a child is created from it
+     */
+    FlashScope(AbstractRouter router, String namespace, ExtensionContext parentCtx) {
+        this.router    = router;
+        this.namespace = namespace;
+        this.ctx       = parentCtx.child();
+    }
+
+    // ── Pending flush ─────────────────────────────────────────────────────────
+
+    private void flushPending() {
+        if (pending != null) {
+            pending.ensureRegistered();
+            pending = null;
+        }
+    }
+
+    private <P> RouteHandle<P> track(RouteHandle<P> handle) {
+        flushPending();
+        pending = handle;
+        return handle;
+    }
+
+    // ── FlashRegistrar — extension installation ───────────────────────────────
+
+    /**
+     * Installs an extension scoped to this namespace.
+     * The extension registers routes and services on this scope only.
+     */
+    @Override
+    public FlashScope install(FlashExtension ext) {
+        flushPending();
+        ext.install(this, ctx);
+        return this;
+    }
+
+    // ── FlashRegistrar — route registration ───────────────────────────────────
+
+    @Override public RouteHandle<FlashScope> get    (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.GET,     path, h); }
+    @Override public RouteHandle<FlashScope> post   (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.POST,    path, h); }
+    @Override public RouteHandle<FlashScope> put    (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.PUT,     path, h); }
+    @Override public RouteHandle<FlashScope> delete (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.DELETE,  path, h); }
+    @Override public RouteHandle<FlashScope> patch  (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.PATCH,   path, h); }
+    @Override public RouteHandle<FlashScope> options(String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.OPTIONS, path, h); }
+    @Override public RouteHandle<FlashScope> head   (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.HEAD,    path, h); }
+    @Override public RouteHandle<FlashScope> trace  (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.TRACE,   path, h); }
+    @Override public RouteHandle<FlashScope> connect(String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.CONNECT, path, h); }
+    @Override public RouteHandle<FlashScope> purge  (String path, SimpleHandler.FunctionalHandler h) { return routeLambda(HttpMethod.PURGE,   path, h); }
+
+    private RouteHandle<FlashScope> routeLambda(HttpMethod method, String path, SimpleHandler.FunctionalHandler h) {
+        return track(new RouteHandle<>(this, m -> {
+            String full = ns(path);
+            emit(method, full, null, List.of(), m);
+            router.doRegister(method, full, h, m);
+        }));
+    }
+
+    /**
+     * Begins registration of a class-based handler. Annotation processors from the
+     * parent app and any installed on this scope are applied. The {@link Route @Route}
+     * path is prepended with this scope's namespace automatically.
+     *
+     * <p>Calling {@link RouteHandle#with} is optional — the route is registered
+     * automatically before the next operation or when the scope consumer returns.
+     */
+    @Override
+    public RouteHandle<FlashScope> register(RequestHandler handler) {
+        return track(new RouteHandle<>(this, explicit -> {
+            List<Middleware> injected = ctx.processors().stream()
+                    .flatMap(p -> p.process(handler.getClass()).stream())
+                    .toList();
+            Middleware[] all = injected.isEmpty()
+                    ? explicit
+                    : Stream.concat(injected.stream(), Arrays.stream(explicit)).toArray(Middleware[]::new);
+            Route annotation = handler.getClass().getAnnotation(Route.class);
+            if (annotation != null) {
+                String full = ns(annotation.path());
+                emit(annotation.method(), full, handler.getClass(), injected, explicit);
+                router.doRegister(annotation.method(), full, (RequestHandler) handler, all);
+            }
+        }));
+    }
+
+    /**
+     * Scans {@code packageName} for {@link RequestHandler} subclasses annotated with
+     * {@link Route @Route}. Each is instantiated via its no-arg constructor and registered
+     * with this scope's namespace prefix and annotation processors applied.
+     */
+    @Override
+    public FlashScope scan(String packageName) {
+        flushPending();
+        PackageScanner.findHandlers(packageName).forEach(cls -> register(instantiate(cls)).ensureRegistered());
+        return this;
+    }
+
+    @Override
+    public FlashScope onException(AbstractRouter.ExceptionHandler h) {
+        flushPending();
+        router.onException(h);
+        return this;
+    }
+
+    @Override
+    public FlashScope onNotFound(SimpleHandler.FunctionalHandler h) {
+        flushPending();
+        router.onNotFound(h);
+        return this;
+    }
+
+    @Override
+    public ExtensionContext ctx() {
+        return ctx;
+    }
+
+    // ── Internals ─────────────────────────────────────────────────────────────
+
+    /** Ensures any pending route is registered when the scope consumer returns. */
+    void flush() {
+        flushPending();
+    }
+
+    /** Returns the sub-router for GlobalRouter to mount. */
+    AbstractRouter router() {
+        return router;
+    }
+
+    /** Prepends this scope's namespace to the given path. */
+    private String ns(String path) {
+        return namespace + PathUtils.sanitize(path);
+    }
+
+    @SuppressWarnings("unchecked")
+    private static RequestHandler instantiate(Class<?> cls) {
+        try {
+            return (RequestHandler) cls.getDeclaredConstructor().newInstance();
+        } catch (Exception e) {
+            throw new RuntimeException("Failed to instantiate handler: " + cls.getName() +
+                    " — ensure it has a public no-arg constructor", e);
+        }
+    }
+
+    /**
+     * Emits a {@link RouteEvent} to all {@link RouteListener}s visible from this scope's context.
+     * Parent-level listeners (registered on the app) are included via context inheritance.
+     * No-op if no listener has been registered. Never called on the request hot-path.
+     */
+    @SuppressWarnings("unchecked")
+    private void emit(HttpMethod method, String path, Class<?> handlerClass,
+                      List<Middleware> injected, Middleware[] explicit) {
+        List<RouteListener> listeners = ctx.routeListeners();
+        if (listeners.isEmpty()) return;
+        Middleware[] routerMws = router.routerMiddlewares();
+        List<Class<? extends Middleware>> chain = new ArrayList<>(routerMws.length + injected.size() + explicit.length);
+        for (Middleware m : routerMws) chain.add((Class<? extends Middleware>) m.getClass());
+        for (Middleware m : injected)  chain.add((Class<? extends Middleware>) m.getClass());
+        for (Middleware m : explicit)  chain.add((Class<? extends Middleware>) m.getClass());
+        RouteEvent event = new RouteEvent(method, path, namespace,
+                router.getClass().getSimpleName(), handlerClass, List.copyOf(chain));
+        listeners.forEach(l -> l.onRoute(event));
+    }
+}
diff --git a/flash/src/main/java/dev/relism/extension/PackageScanner.java b/flash/src/main/java/dev/relism/extension/PackageScanner.java
new file mode 100644
index 0000000..21031e1
--- /dev/null
+++ b/flash/src/main/java/dev/relism/extension/PackageScanner.java
@@ -0,0 +1,106 @@
+package dev.relism.extension;
+
+import dev.relism.models.RequestHandler;
+import dev.relism.routing.Route;
+
+import java.io.File;
+import java.net.URL;
+import java.util.ArrayList;
+import java.util.Enumeration;
+import java.util.List;
+import java.util.jar.JarEntry;
+import java.util.jar.JarFile;
+
+/**
+ * Minimal classpath scanner used by {@link FlashApp#scan} and {@link FlashScope#scan}.
+ * Finds all classes in a package that extend {@link RequestHandler} and carry {@link Route @Route}.
+ * Supports both exploded directories (development) and fat JARs (deployment).
+ */
+final class PackageScanner {
+
+    private PackageScanner() {}
+
+    /**
+     * Returns all {@link RequestHandler} subclasses in {@code packageName} that carry
+     * {@link Route @Route} and have a public no-arg constructor.
+     */
+    static List<Class<?>> findHandlers(String packageName) {
+        String resourcePath = packageName.replace('.', '/');
+        ClassLoader cl = Thread.currentThread().getContextClassLoader();
+        List<Class<?>> result = new ArrayList<>();
+        try {
+            Enumeration<URL> resources = cl.getResources(resourcePath);
+            while (resources.hasMoreElements()) {
+                URL url = resources.nextElement();
+                String protocol = url.getProtocol();
+                if ("file".equals(protocol)) {
+                    scanDirectory(new File(url.toURI()), packageName, cl, result);
+                } else if ("jar".equals(protocol)) {
+                    String jarPath = url.getPath();
+                    // jar:file:/path/to/app.jar!/com/example → /path/to/app.jar
+                    String filePart = jarPath.substring(jarPath.indexOf("file:") + 5, jarPath.indexOf('!'));
+                    try (JarFile jar = new JarFile(filePart)) {
+                        scanJar(jar, resourcePath, packageName, cl, result);
+                    }
+                }
+            }
+        } catch (Exception e) {
+            throw new RuntimeException("Failed to scan package: " + packageName, e);
+        }
+        return result;
+    }
+
+    private static void scanDirectory(File dir, String packageName, ClassLoader cl, List<Class<?>> result) {
+        File[] files = dir.listFiles();
+        if (files == null) return;
+        for (File file : files) {
+            if (file.isDirectory()) {
+                scanDirectory(file, packageName + '.' + file.getName(), cl, result);
+            } else if (file.getName().endsWith(".class") && !isAnonymous(file.getName())) {
+                String className = packageName + '.' + file.getName().replace(".class", "");
+                tryLoad(className, cl, result);
+            }
+        }
+    }
+
+    private static void scanJar(JarFile jar, String resourcePath, String packageName,
+                                  ClassLoader cl, List<Class<?>> result) {
+        Enumeration<JarEntry> entries = jar.entries();
+        while (entries.hasMoreElements()) {
+            String name = entries.nextElement().getName();
+            if (name.startsWith(resourcePath) && name.endsWith(".class") && !isAnonymous(name)) {
+                String className = name.replace('/', '.').replace(".class", "");
+                tryLoad(className, cl, result);
+            }
+        }
+    }
+
+    /**
+     * Returns {@code true} for anonymous/synthetic class files whose name segment after
+     * the last {@code $} starts with a digit (e.g. {@code Foo$1.class},
+     * {@code Foo$$Lambda$14.class}). Named static nested classes like
+     * {@code Outer$Inner.class} return {@code false} and are eligible for scanning.
+     */
+    private static boolean isAnonymous(String fileName) {
+        int dollar = fileName.lastIndexOf('$');
+        if (dollar < 0) return false;
+        // skip past any extra '$' (lambda desugaring may produce '$$Lambda$...')
+        int next = dollar + 1;
+        while (next < fileName.length() && fileName.charAt(next) == '$') next++;
+        return next < fileName.length() && Character.isDigit(fileName.charAt(next));
+    }
+
+    private static void tryLoad(String className, ClassLoader cl, List<Class<?>> result) {
+        try {
+            Class<?> cls = cl.loadClass(className);
+            if (RequestHandler.class.isAssignableFrom(cls)
+                    && cls.isAnnotationPresent(Route.class)
+                    && !java.lang.reflect.Modifier.isAbstract(cls.getModifiers())) {
+                cls.getDeclaredConstructor(); // verify no-arg constructor exists
+                result.add(cls);
+            }
+        } catch (Exception | Error ignored) {
+            // Skip classes that cannot be loaded or don't meet criteria
+        }
+    }
+}
diff --git a/flash/src/main/java/dev/relism/extension/RouteEvent.java b/flash/src/main/java/dev/relism/extension/RouteEvent.java
new file mode 100644
index 0000000..df98c98
--- /dev/null
+++ b/flash/src/main/java/dev/relism/extension/RouteEvent.java
@@ -0,0 +1,44 @@
+package dev.relism.extension;
+
+import dev.relism.http.HttpMethod;
+import dev.relism.routing.Middleware;
+
+import java.util.List;
+
+/**
+ * Immutable snapshot of a route captured at registration time.
+ *
+ * <p>Emitted by {@link FlashApp} and {@link FlashScope} to every registered
+ * {@link RouteListener} before the route is compiled into the routing engine.
+ * All information is derived automatically — no annotations or declarations
+ * are required from the developer.
+ *
+ * <h3>Middleware chain</h3>
+ * {@link #middlewareChain} lists the {@link Middleware} classes outermost-first:
+ * <ol>
+ *   <li>Router-level middlewares (set on the router constructor)</li>
+ *   <li>Annotation-injected middlewares (e.g. from {@code @Authenticated})</li>
+ *   <li>Handler-level explicit middlewares (passed via {@code .with(...)})</li>
+ * </ol>
+ *
+ * <h3>Handler abstraction chain</h3>
+ * Walk {@link #handlerClass} upward via {@link Class#getSuperclass()} to reconstruct
+ * the full inheritance chain (e.g. {@code EditPostPageHandler → HtmlHandler → RequestHandler}).
+ * Read {@link Class#getAnnotations()} on each level to discover declared pointcuts
+ * ({@code @Authenticated}, {@code @RolesAllowed}, {@code @Route}, etc.).
+ *
+ * @param method          HTTP method for this route
+ * @param path            full path as declared (including namespace prefix for scoped routes)
+ * @param namespace       namespace prefix of the router that owns this route ({@code "/"} for root)
+ * @param routerType      simple class name of the owning router implementation
+ * @param handlerClass    concrete handler class, or {@code null} for anonymous lambda handlers
+ * @param middlewareChain ordered middleware classes, outermost first
+ */
+public record RouteEvent(
+        HttpMethod      method,
+        String          path,
+        String          namespace,
+        String          routerType,
+        Class<?>        handlerClass,
+        List<Class<? extends Middleware>> middlewareChain
+) {}
diff --git a/flash/src/main/java/dev/relism/extension/RouteListener.java b/flash/src/main/java/dev/relism/extension/RouteListener.java
new file mode 100644
index 0000000..dd6f3ee
--- /dev/null
+++ b/flash/src/main/java/dev/relism/extension/RouteListener.java
@@ -0,0 +1,22 @@
+package dev.relism.extension;
+
+/**
+ * Observer notified once for each route registered on a {@link FlashApp} or {@link FlashScope}.
+ *
+ * <p>Register via {@link ExtensionContext#addRouteListener}. The listener is called
+ * <em>once per route at boot time</em>, before the route is handed to the routing engine.
+ * There is zero overhead on the request hot-path.
+ *
+ * <p>Intended for extensions that need to introspect the route graph (e.g. a route viewer,
+ * OpenAPI schema builder, etc.) without polluting the routing or middleware infrastructure.
+ */
+@FunctionalInterface
+public interface RouteListener {
+
+    /**
+     * Called once for every registered route, in registration order.
+     *
+     * @param event immutable snapshot of the route's metadata at registration time
+     */
+    void onRoute(RouteEvent event);
+}
diff --git a/flash/src/main/java/dev/relism/models/Response.java b/flash/src/main/java/dev/relism/models/Response.java
index dc1c620..7769889 100644
--- a/flash/src/main/java/dev/relism/models/Response.java
+++ b/flash/src/main/java/dev/relism/models/Response.java
@@ -99,6 +99,37 @@ public class Response {
         return this;
     }
 
+    /**
+     * 302 Found redirect. Clears the body, sets status and {@code Location} header.
+     * Encoded once at call time; zero-alloc on the write path.
+     *
+     * <pre>{@code
+     * return res.redirect("/login");
+     * }</pre>
+     */
+    public Response redirect(String url) {
+        return redirect(HttpStatus.FOUND, url);
+    }
+
+    /**
+     * Redirect with an explicit 3xx status. Use {@link HttpStatus#MOVED_PERMANENTLY},
+     * {@link HttpStatus#TEMPORARY_REDIRECT} (307), or {@link HttpStatus#PERMANENT_REDIRECT} (308)
+     * when semantics matter.
+     *
+     * <pre>{@code
+     * return res.redirect(HttpStatus.MOVED_PERMANENTLY, "/new-path");
+     * }</pre>
+     */
+    public Response redirect(HttpStatus status, String url) {
+        this.statusCode  = status.code();
+        this.statusBytes = status.bytes();
+        this.body        = null;
+        this.stream      = null;
+        if (headers == null) headers = new ArrayList<>();
+        headers.add(("Location: " + url + "\r\n").getBytes(StandardCharsets.UTF_8));
+        return this;
+    }
+
     /** Adds a response header. Encoded once at call time; zero-alloc on the write path. */
     public Response header(String name, String value) {
         if (headers == null) headers = new ArrayList<>();
diff --git a/flash/src/main/java/dev/relism/routing/AbstractRouter.java b/flash/src/main/java/dev/relism/routing/AbstractRouter.java
index c3f61c7..870dfc7 100644
--- a/flash/src/main/java/dev/relism/routing/AbstractRouter.java
+++ b/flash/src/main/java/dev/relism/routing/AbstractRouter.java
@@ -17,11 +17,15 @@ import java.nio.charset.StandardCharsets;
  *
  * <p>Router-level {@link Middleware middlewares} are passed at construction time and
  * pre-fused into a single wrapper applied to every handler registered on this router.
- * Handler-level middlewares are passed to the {@link #register} / {@link #get} family of
- * methods and wrapped <em>inside</em> the router-level chain.
+ * Handler-level middlewares are passed to {@link #doRegister} and wrapped
+ * <em>inside</em> the router-level chain.
  *
  * <p>All middleware composition happens once at boot time; the hot-path sees only a plain
  * {@link RequestHandler} call with zero allocation and zero lookup overhead.
+ *
+ * <p><b>Registration</b>: use {@link dev.relism.extension.FlashApp} or
+ * {@link dev.relism.extension.FlashScope} — they are the public registration API.
+ * {@link #doRegister} is an infrastructure method for those entry points.
  */
 public abstract class AbstractRouter {
 
@@ -35,7 +39,14 @@ public abstract class AbstractRouter {
      * Pre-fused router-level middleware, or {@code null} when none were registered.
      * A single null-check in {@link #compile} is the only cost when no router middleware exists.
      */
-    private final Middleware routerMiddleware;
+    private final Middleware   routerMiddleware;
+
+    /**
+     * Raw router-level middleware array, kept for route event emission by
+     * {@link dev.relism.extension.FlashApp} and {@link dev.relism.extension.FlashScope}.
+     * Never mutated after construction. Not used on the hot-path.
+     */
+    private final Middleware[] rawRouterMiddlewares;
 
     protected SimpleHandler notFoundHandler = new SimpleHandler((req, res) -> {
         res.setStatusCode(404);
@@ -56,15 +67,25 @@ public abstract class AbstractRouter {
      * @param middlewares zero or more middlewares applied to every handler on this router
      */
     protected AbstractRouter(Middleware... middlewares) {
+        this.rawRouterMiddlewares = middlewares;
         this.routerMiddleware = middlewares.length == 0 ? null
                               : middlewares.length == 1 ? middlewares[0]
                               : Middleware.of(middlewares);
     }
 
+    /**
+     * Returns the raw router-level middleware array as passed at construction.
+     * Used by {@link dev.relism.extension.FlashApp} and {@link dev.relism.extension.FlashScope}
+     * to populate {@link dev.relism.extension.RouteEvent#middlewareChain()}.
+     * Never mutated; never called on the hot-path.
+     */
+    public Middleware[] routerMiddlewares() { return rawRouterMiddlewares; }
+
     // ── Internal wiring ───────────────────────────────────────────────────────
 
     SimpleHandler    getNotFoundHandler()  { return notFoundHandler; }
     ExceptionHandler getExceptionHandler() { return exceptionHandler; }
+
     void setNamespace(String namespace) {
         this.namespace = namespace;
         this.namespaceBytes = namespace.getBytes(StandardCharsets.UTF_8);
@@ -81,10 +102,8 @@ public abstract class AbstractRouter {
      */
     private RequestHandler compile(RequestHandler handler, Middleware[] handlerMiddlewares) {
         RequestHandler compiled = handler;
-        // handler-level: wrap from innermost outward; box FunctionalHandler → SimpleHandler once per layer
         for (int i = handlerMiddlewares.length - 1; i >= 0; i--)
             compiled = new SimpleHandler(handlerMiddlewares[i].wrap(compiled));
-        // router-level: outermost wrapper, executes first
         if (routerMiddleware != null)
             compiled = new SimpleHandler(routerMiddleware.wrap(compiled));
         return compiled;
@@ -102,11 +121,12 @@ public abstract class AbstractRouter {
         return this;
     }
 
-    // ── Internal registration (package-private) ───────────────────────────────
+    // ── Infrastructure registration ───────────────────────────────────────────
+    // Used by FlashApp and FlashScope. Not part of the public user-facing API.
 
     /**
      * Registers a lambda handler immediately with a pre-built middleware array.
-     * Called by {@link RouteHandle#with} and by {@link dev.relism.extension.FlashApp}.
+     * Infrastructure method — use {@link dev.relism.extension.FlashApp} instead.
      */
     public AbstractRouter doRegister(HttpMethod method, String path,
                                      SimpleHandler.FunctionalHandler handler, Middleware[] middlewares) {
@@ -116,7 +136,8 @@ public abstract class AbstractRouter {
 
     /**
      * Registers a class-based handler immediately with a pre-built middleware array.
-     * Called by {@link RouteHandle#with} and by {@link dev.relism.extension.FlashApp}.
+     * Reads {@link Route @Route} for method and path.
+     * Infrastructure method — use {@link dev.relism.extension.FlashApp} instead.
      */
     public AbstractRouter doRegister(RequestHandler handler, Middleware[] middlewares) {
         Route annotation = handler.getClass().getAnnotation(Route.class);
@@ -126,42 +147,15 @@ public abstract class AbstractRouter {
         return this;
     }
 
-    // ── Lambda handler registration ───────────────────────────────────────────
-
     /**
-     * Begins registration of a lambda handler. Call {@link RouteHandle#with} on the
-     * returned handle to supply middlewares (if any) and complete the registration.
-     *
-     * <pre>{@code
-     * router.get("/ping",  (req, res) -> "pong").with();
-     * router.get("/admin", adminHandler).with(auth, logging);
-     * }</pre>
+     * Registers a class-based handler with an explicit method and path (ignoring the
+     * {@link Route @Route} annotation's path). Used by {@link dev.relism.extension.FlashScope}
+     * to prepend the scope's namespace prefix.
+     * Infrastructure method — use {@link dev.relism.extension.FlashScope} instead.
      */
-    public RouteHandle<AbstractRouter> get    (String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.GET,     path, h, m)); }
-    public RouteHandle<AbstractRouter> post   (String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.POST,    path, h, m)); }
-    public RouteHandle<AbstractRouter> put    (String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.PUT,     path, h, m)); }
-    public RouteHandle<AbstractRouter> delete (String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.DELETE,  path, h, m)); }
-    public RouteHandle<AbstractRouter> patch  (String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.PATCH,   path, h, m)); }
-    public RouteHandle<AbstractRouter> options(String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.OPTIONS, path, h, m)); }
-    public RouteHandle<AbstractRouter> head   (String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.HEAD,    path, h, m)); }
-    public RouteHandle<AbstractRouter> trace  (String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.TRACE,   path, h, m)); }
-    public RouteHandle<AbstractRouter> connect(String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.CONNECT, path, h, m)); }
-    public RouteHandle<AbstractRouter> purge  (String path, SimpleHandler.FunctionalHandler h) { return new RouteHandle<>(this, m -> doRegister(HttpMethod.PURGE,   path, h, m)); }
-
-    // ── Class-based handler registration ─────────────────────────────────────
-
-    /**
-     * Begins registration of a class-based handler. The class must carry a
-     * {@link Route @Route} annotation. Call {@link RouteHandle#with} to supply
-     * optional extra middlewares and complete the registration.
-     *
-     * <pre>{@code
-     * router.register(new BlogHandler()).with();
-     * router.register(new AdminHandler()).with(logging);
-     * }</pre>
-     */
-    public RouteHandle<AbstractRouter> register(RequestHandler handler) {
-        return new RouteHandle<>(this, m -> doRegister(handler, m));
+    public AbstractRouter doRegister(HttpMethod method, String path,
+                                     RequestHandler handler, Middleware[] middlewares) {
+        return addRoute(method, PathUtils.sanitize(path), compile(handler, middlewares));
     }
 
     // ── Routing ───────────────────────────────────────────────────────────────
diff --git a/flash/src/test/java/dev/relism/HttpServerConcurrencyTest.java b/flash/src/test/java/dev/relism/HttpServerConcurrencyTest.java
index 5d502e6..f76c7fb 100644
--- a/flash/src/test/java/dev/relism/HttpServerConcurrencyTest.java
+++ b/flash/src/test/java/dev/relism/HttpServerConcurrencyTest.java
@@ -1,5 +1,7 @@
 package dev.relism;
 
+import dev.relism.extension.FlashApp;
+import dev.relism.extension.FlashConfiguration;
 import dev.relism.http.ContentType;
 import dev.relism.models.Response;
 import org.junit.jupiter.api.AfterEach;
@@ -23,7 +25,7 @@ import static org.junit.jupiter.api.Assertions.*;
 
 class HttpServerConcurrencyTest {
 
-    private HttpServer server;
+    private FlashApp app;
     private int port;
     private HttpClient httpClient;
 
@@ -32,19 +34,19 @@ class HttpServerConcurrencyTest {
         try (ServerSocket s = new ServerSocket(0)) {
             port = s.getLocalPort();
         }
-        HttpServerConfiguration config = HttpServerConfiguration.builder()
+
+        app = FlashApp.create(FlashConfiguration.builder()
                 .port(port)
                 .host("127.0.0.1")
-                .build();
+                .build());
 
-        server = new HttpServer(config);
-        server.get("/ping", (req, res) -> "pong").with();
-        server.post("/echo", (req, res) -> {
+        app.get("/ping", (req, res) -> "pong");
+        app.post("/echo", (req, res) -> {
             byte[] body = req.body().bytes();
             return new Response(200, body, ContentType.TEXT_PLAIN);
-        }).with();
+        });
 
-        server.start().get(5, TimeUnit.SECONDS);
+        app.start().get(5, TimeUnit.SECONDS);
 
         httpClient = HttpClient.newBuilder()
                 .version(HttpClient.Version.HTTP_1_1)
@@ -53,8 +55,7 @@ class HttpServerConcurrencyTest {
 
     @AfterEach
     void tearDown() {
-        if (server != null)
-            server.stop();
+        if (app != null) app.stop();
     }
 
     // --- helpers ---
@@ -91,7 +92,6 @@ class HttpServerConcurrencyTest {
         CountDownLatch start = new CountDownLatch(1);
         AtomicInteger successes = new AtomicInteger();
         List<Throwable> errors = new CopyOnWriteArrayList<>();
-
         List<String> responses = new CopyOnWriteArrayList<>();
 
         for (int i = 0; i < count; i++) {
@@ -100,11 +100,9 @@ class HttpServerConcurrencyTest {
                 try {
                     start.await();
                     HttpResponse<String> res = get("/ping");
-                    String summary = res.statusCode() + "|" + res.body();
-                    responses.add(summary);
-                    if (res.statusCode() == 200 && "pong".equals(res.body())) {
+                    responses.add(res.statusCode() + "|" + res.body());
+                    if (res.statusCode() == 200 && "pong".equals(res.body()))
                         successes.incrementAndGet();
-                    }
                 } catch (Exception e) {
                     errors.add(e);
                 }
@@ -169,7 +167,7 @@ class HttpServerConcurrencyTest {
     }
 
     /**
-     * Races the router's lazy-compile step: a fresh server with 10 registered routes
+     * Races the router's lazy-compile step: a fresh app with 10 registered routes
      * is hit by threads simultaneously before any request has been processed,
      * causing multiple threads to compete on the first compilation.
      */
@@ -180,17 +178,17 @@ class HttpServerConcurrencyTest {
             freshPort = s.getLocalPort();
         }
 
-        HttpServer freshServer = new HttpServer(HttpServerConfiguration.builder()
+        FlashApp freshApp = FlashApp.create(FlashConfiguration.builder()
                 .port(freshPort)
                 .host("127.0.0.1")
                 .build());
 
         for (int i = 0; i < 10; i++) {
             final int idx = i;
-            freshServer.get("/route" + idx, (req, res) -> "handler" + idx).with();
+            freshApp.get("/route" + idx, (req, res) -> "handler" + idx);
         }
 
-        freshServer.start().get(5, TimeUnit.SECONDS);
+        freshApp.start().get(5, TimeUnit.SECONDS);
 
         int count = 20;
         ExecutorService pool = Executors.newFixedThreadPool(count);
@@ -206,9 +204,8 @@ class HttpServerConcurrencyTest {
                 try {
                     start.await();
                     HttpResponse<String> res = get(freshPort, "/route" + routeIdx);
-                    if (res.statusCode() == 200 && ("handler" + routeIdx).equals(res.body())) {
+                    if (res.statusCode() == 200 && ("handler" + routeIdx).equals(res.body()))
                         successes.incrementAndGet();
-                    }
                 } catch (Exception e) {
                     errors.add(e);
                 }
@@ -224,7 +221,7 @@ class HttpServerConcurrencyTest {
             assertTrue(errors.isEmpty(), () -> "Unexpected errors: " + errors);
             assertEquals(count, successes.get());
         } finally {
-            freshServer.stop();
+            freshApp.stop();
         }
     }
 }
diff --git a/flash/src/test/java/dev/relism/HttpServerTest.java b/flash/src/test/java/dev/relism/HttpServerTest.java
index 3f40e1b..427e503 100644
--- a/flash/src/test/java/dev/relism/HttpServerTest.java
+++ b/flash/src/test/java/dev/relism/HttpServerTest.java
@@ -1,5 +1,7 @@
 package dev.relism;
 
+import dev.relism.extension.FlashApp;
+import dev.relism.extension.FlashConfiguration;
 import dev.relism.http.ContentType;
 import dev.relism.models.Response;
 import org.junit.jupiter.api.AfterEach;
@@ -19,58 +21,52 @@ import static org.junit.jupiter.api.Assertions.*;
 
 class HttpServerTest {
 
-    private HttpServer server;
+    private FlashApp app;
     private int port;
 
     @BeforeEach
     void setUp() throws Exception {
-        // Find a free ephemeral port
         try (ServerSocket s = new ServerSocket(0)) {
             port = s.getLocalPort();
         }
 
-        HttpServerConfiguration config = HttpServerConfiguration.builder()
+        app = FlashApp.create(FlashConfiguration.builder()
                 .port(port)
                 .host("127.0.0.1")
-                .build();
+                .build());
 
-        server = new HttpServer(config);
-        
-        // Setup some routes
-        server.get("/api/ping", (req, res) -> "pong").with();
+        app.get("/api/ping", (req, res) -> "pong");
 
-        server.post("/api/echo", (req, res) -> {
+        app.post("/api/echo", (req, res) -> {
             byte[] body = req.body().bytes();
-            return res.status(201).body(body); // echo body & change status
-        }).with();
+            return res.status(201).body(body);
+        });
 
-        server.get("/api/crash", (req, res) -> {
+        app.get("/api/crash", (req, res) -> {
             throw new RuntimeException("Simulated Crash");
-        }).with();
+        });
 
         byte[] streamData = "streaming response body".getBytes(StandardCharsets.UTF_8);
-        server.get("/api/stream", (req, res) ->
-                res.stream(new ByteArrayInputStream(streamData), streamData.length)).with();
+        app.get("/api/stream", (req, res) ->
+                res.stream(new ByteArrayInputStream(streamData), streamData.length));
 
-        server.get("/api/chunked-out", (req, res) ->
-                res.chunked(new ByteArrayInputStream(streamData))).with();
+        app.get("/api/chunked-out", (req, res) ->
+                res.chunked(new ByteArrayInputStream(streamData)));
 
-        server.get("/api/custom-header", (req, res) ->
-                res.body("ok").header("X-Flash", "works")).with();
+        app.get("/api/custom-header", (req, res) ->
+                res.body("ok").header("X-Flash", "works"));
 
-        server.post("/api/chunked-in", (req, res) -> {
+        app.post("/api/chunked-in", (req, res) -> {
             byte[] body = req.body().bytes();
             return res.body(body);
-        }).with();
+        });
 
-        server.start().get(5, TimeUnit.SECONDS);
+        app.start().get(5, TimeUnit.SECONDS);
     }
 
     @AfterEach
     void tearDown() {
-        if (server != null) {
-            server.stop();
-        }
+        if (app != null) app.stop();
     }
 
     // --- helpers ---
@@ -125,7 +121,7 @@ class HttpServerTest {
             int size = Integer.parseInt(sizeLine.toString().trim(), 16);
             if (size == 0) break;
             result.write(in.readNBytes(size));
-            in.read(); in.read(); // \r\n after chunk data
+            in.read(); in.read();
         }
         return result.toString(StandardCharsets.UTF_8);
     }
@@ -134,28 +130,18 @@ class HttpServerTest {
 
     @Test
     void testGet_pingRoute_returns200AndStringBody() throws Exception {
-        String req = "GET /api/ping HTTP/1.1\r\n" +
-                     "Host: localhost\r\n" +
-                     "\r\n";
-                     
+        String req = "GET /api/ping HTTP/1.1\r\nHost: localhost\r\n\r\n";
         String res = sendRawRequest(req);
-        
         assertTrue(res.startsWith("HTTP/1.1 200 OK"));
-        assertTrue(res.contains("Content-Length: 4")); // "pong"
+        assertTrue(res.contains("Content-Length: 4"));
         assertTrue(res.endsWith("pong"));
     }
 
     @Test
     void testPost_echoRoute_returns201AndEchoesBody() throws Exception {
         String body = "Hello, Flash!";
-        String req = "POST /api/echo HTTP/1.1\r\n" +
-                     "Host: localhost\r\n" +
-                     "Content-Length: " + body.length() + "\r\n" +
-                     "\r\n" +
-                     body;
-                     
+        String req = "POST /api/echo HTTP/1.1\r\nHost: localhost\r\nContent-Length: " + body.length() + "\r\n\r\n" + body;
         String res = sendRawRequest(req);
-        
         assertTrue(res.startsWith("HTTP/1.1 201 Created"));
         assertTrue(res.contains("Content-Length: " + body.length()));
         assertTrue(res.endsWith(body));
@@ -163,12 +149,8 @@ class HttpServerTest {
 
     @Test
     void testNotFound_returns404Html() throws Exception {
-        String req = "GET /api/unknown HTTP/1.1\r\n" +
-                     "Host: localhost\r\n" +
-                     "\r\n";
-                     
+        String req = "GET /api/unknown HTTP/1.1\r\nHost: localhost\r\n\r\n";
         String res = sendRawRequest(req);
-        
         assertTrue(res.startsWith("HTTP/1.1 404 Not Found"));
         assertTrue(res.contains("404"));
         assertTrue(res.contains("No route matched this request"));
@@ -176,12 +158,8 @@ class HttpServerTest {
 
     @Test
     void testException_returns500Html() throws Exception {
-        String req = "GET /api/crash HTTP/1.1\r\n" +
-                     "Host: localhost\r\n" +
-                     "\r\n";
-                     
+        String req = "GET /api/crash HTTP/1.1\r\nHost: localhost\r\n\r\n";
         String res = sendRawRequest(req);
-        
         assertTrue(res.startsWith("HTTP/1.1 500 Internal Server Error"));
         assertTrue(res.contains("500"));
         assertTrue(res.contains("Simulated Crash"));
@@ -189,25 +167,18 @@ class HttpServerTest {
 
     @Test
     void testRoot_returns404_noExceptionTossed() throws Exception {
-        String req = "GET / HTTP/1.1\r\n" +
-                     "Host: localhost\r\n" +
-                     "\r\n";
-
+        String req = "GET / HTTP/1.1\r\nHost: localhost\r\n\r\n";
         String res = sendRawRequest(req);
-
         assertTrue(res.startsWith("HTTP/1.1 404 Not Found"));
         assertTrue(res.contains("No route matched this request."));
     }
 
-    // --- streaming response ---
-
     @Test
     void testStreamingResponse_writesContentLengthAndBody() throws Exception {
         String req = "GET /api/stream HTTP/1.1\r\nHost: localhost\r\n\r\n";
         String res = sendRawRequest(req);
-
         assertTrue(res.startsWith("HTTP/1.1 200 OK"));
-        assertTrue(res.contains("Content-Length: 23")); // "streaming response body"
+        assertTrue(res.contains("Content-Length: 23"));
         assertTrue(res.endsWith("streaming response body"));
     }
 
@@ -215,41 +186,28 @@ class HttpServerTest {
     void testChunkedResponse_writesTransferEncodingChunked() throws Exception {
         String req = "GET /api/chunked-out HTTP/1.1\r\nHost: localhost\r\n\r\n";
         String res = sendRawRequest(req);
-
         assertTrue(res.startsWith("HTTP/1.1 200 OK"));
         assertTrue(res.contains("Transfer-Encoding: chunked"));
         assertTrue(res.endsWith("streaming response body"));
     }
 
-    // --- custom response headers ---
-
     @Test
     void testCustomHeader_appearsInResponse() throws Exception {
         String req = "GET /api/custom-header HTTP/1.1\r\nHost: localhost\r\n\r\n";
         String res = sendRawRequest(req);
-
         assertTrue(res.startsWith("HTTP/1.1 200 OK"));
         assertTrue(res.contains("X-Flash: works\r\n"));
     }
 
-    // --- chunked request body ---
-
     @Test
     void testChunkedRequestBody_decodedAndEchoed() throws Exception {
-        String req = "POST /api/chunked-in HTTP/1.1\r\n" +
-                     "Host: localhost\r\n" +
-                     "Transfer-Encoding: chunked\r\n" +
-                     "\r\n" +
-                     "5\r\nhello\r\n6\r\n world\r\n0\r\n\r\n";
-
+        String req = "POST /api/chunked-in HTTP/1.1\r\nHost: localhost\r\nTransfer-Encoding: chunked\r\n\r\n"
+                   + "5\r\nhello\r\n6\r\n world\r\n0\r\n\r\n";
         String res = sendRawRequest(req);
-
         assertTrue(res.startsWith("HTTP/1.1 200 OK"));
         assertTrue(res.endsWith("hello world"));
     }
 
-    // --- keep-alive ---
-
     @Test
     void testKeepAlive_twoRequestsOnSameConnection() throws Exception {
         String req = "GET /api/ping HTTP/1.1\r\nHost: localhost\r\n\r\n";
@@ -257,7 +215,6 @@ class HttpServerTest {
         try (Socket socket = new Socket("127.0.0.1", port);
              OutputStream out = socket.getOutputStream();
              InputStream in = socket.getInputStream()) {
-
             socket.setSoTimeout(SOCKET_TIMEOUT_MS);
             out.write(req.getBytes(StandardCharsets.UTF_8));
             out.write(req.getBytes(StandardCharsets.UTF_8));
diff --git a/flash/src/test/java/dev/relism/routing/AbstractRouterTest.java b/flash/src/test/java/dev/relism/routing/AbstractRouterTest.java
index 3ef8e61..0cdc8ec 100644
--- a/flash/src/test/java/dev/relism/routing/AbstractRouterTest.java
+++ b/flash/src/test/java/dev/relism/routing/AbstractRouterTest.java
@@ -14,84 +14,72 @@ import static org.junit.jupiter.api.Assertions.*;
 
 class AbstractRouterTest {
 
-    // A dummy router for testing base functionality
+    // A minimal concrete router for testing base-class functionality
     static class DummyRouter extends AbstractRouter {
         RequestHandler lastAddedHandler;
-        HttpMethod lastAddedMethod;
-        String lastAddedPath;
+        HttpMethod     lastAddedMethod;
+        String         lastAddedPath;
 
         @Override
         public RequestHandler route(Request request) {
-            return null; // Not testing routing logic here
+            return null;
         }
 
         @Override
         protected AbstractRouter addRoute(HttpMethod method, String path, RequestHandler handler) {
-            this.lastAddedMethod = method;
-            this.lastAddedPath = path;
+            this.lastAddedMethod  = method;
+            this.lastAddedPath    = path;
             this.lastAddedHandler = handler;
             return this;
         }
     }
 
-    @Route(method = dev.relism.http.HttpMethod.POST, path = "/profile")
-    static class ProfileHandler extends RequestHandler {
-        @Override
-        public Object handle(Request request, Response response) {
-            return null;
-        }
-    }
-
-    static class UnannotatedHandler extends RequestHandler {
-        @Override
-        public Object handle(Request request, Response response) {
-            return null;
-        }
-    }
-
     // --- namespace ---
 
     @Test
     void setNamespace_updatesStringAndBytes() {
         DummyRouter router = new DummyRouter();
         assertEquals("/", router.getNamespace());
-        
+
         router.setNamespace("/api");
         assertEquals("/api", router.getNamespace());
         assertArrayEquals("/api".getBytes(StandardCharsets.UTF_8), router.getNamespaceBytes());
     }
 
-    // --- helpers ---
+    // --- doRegister (infrastructure method used by FlashApp/FlashScope) ---
 
     @Test
-    void getPostPutDelete_delegatesToAddRouteWithSanitizedPath() {
+    void doRegister_lambda_sanitizesPathAndWrapsHandler() {
         DummyRouter router = new DummyRouter();
         SimpleHandler.FunctionalHandler func = (req, res) -> "OK";
 
-        router.get("users/", func).with();
+        router.doRegister(HttpMethod.GET, "users/", func, new Middleware[0]);
         assertEquals(HttpMethod.GET, router.lastAddedMethod);
         assertEquals("/users", router.lastAddedPath);
-        assertTrue(router.lastAddedHandler instanceof SimpleHandler);
+        assertNotNull(router.lastAddedHandler);
 
-        router.post("/items", func).with();
-        assertEquals(HttpMethod.POST, router.lastAddedMethod);
-
-        router.put("update", func).with();
-        assertEquals(HttpMethod.PUT, router.lastAddedMethod);
-
-        router.delete("//delete//", func).with();
+        router.doRegister(HttpMethod.DELETE, "//delete//", func, new Middleware[0]);
         assertEquals(HttpMethod.DELETE, router.lastAddedMethod);
         assertEquals("/delete", router.lastAddedPath);
     }
 
-    // --- register ---
+    @Route(method = HttpMethod.POST, path = "/profile")
+    static class ProfileHandler extends RequestHandler {
+        @Override
+        public Object handle(Request request, Response response) { return null; }
+    }
+
+    static class UnannotatedHandler extends RequestHandler {
+        @Override
+        public Object handle(Request request, Response response) { return null; }
+    }
 
     @Test
-    void register_annotatedHandler_addsRoute() {
+    void doRegister_annotatedHandler_addsRoute() {
         DummyRouter router = new DummyRouter();
         ProfileHandler handler = new ProfileHandler();
 
-        router.register(handler).with();
+        router.doRegister(handler, new Middleware[0]);
 
         assertEquals(HttpMethod.POST, router.lastAddedMethod);
         assertEquals("/profile", router.lastAddedPath);
@@ -99,24 +87,22 @@ class AbstractRouterTest {
     }
 
     @Test
-    void register_unannotatedHandler_doesNothing() {
+    void doRegister_unannotatedHandler_doesNothing() {
         DummyRouter router = new DummyRouter();
-        router.register(new UnannotatedHandler()).with();
-        assertNull(router.lastAddedMethod); // Nothing added
+        router.doRegister(new UnannotatedHandler(), new Middleware[0]);
+        assertNull(router.lastAddedMethod);
     }
 
-    // --- default handlers ---
+    // --- error handlers ---
 
     @Test
     void defaultNotFoundHandler_returns404Html() throws Exception {
         DummyRouter router = new DummyRouter();
         Response res = new Response(200, new byte[0], ContentType.TEXT_PLAIN);
-        
+
         assertNotNull(router.getNotFoundHandler());
-        
-        SimpleHandler.FunctionalHandler custom = (req, resp) -> "Custom 404";
-        router.onNotFound(custom);
-        
+
+        router.onNotFound((req, resp) -> "Custom 404");
         assertEquals("Custom 404", router.getNotFoundHandler().handle(null, res));
     }
 
@@ -125,9 +111,7 @@ class AbstractRouterTest {
         DummyRouter router = new DummyRouter();
         assertNotNull(router.getExceptionHandler());
 
-        AbstractRouter.ExceptionHandler custom = (ex, req, res) -> "Caught";
-        router.onException(custom);
-        
+        router.onException((ex, req, res) -> "Caught");
         assertEquals("Caught", router.getExceptionHandler().handle(new RuntimeException(), null, null));
     }
 }
diff --git a/flash/src/test/java/dev/relism/routing/GlobalRouterTest.java b/flash/src/test/java/dev/relism/routing/GlobalRouterTest.java
index 976fe3b..8b1d242 100644
--- a/flash/src/test/java/dev/relism/routing/GlobalRouterTest.java
+++ b/flash/src/test/java/dev/relism/routing/GlobalRouterTest.java
@@ -6,7 +6,6 @@ import dev.relism.models.HeaderMap;
 import dev.relism.models.Request;
 import dev.relism.models.RequestHandler;
 import dev.relism.models.RequestLine;
-import dev.relism.models.Response;
 import dev.relism.models.SimpleHandler;
 import dev.relism.routing.routers.fastpathrouter.FastPathViews;
 import org.junit.jupiter.api.Test;
@@ -40,7 +39,6 @@ class GlobalRouterTest {
     private Request mockRequest(String path) {
         byte[] bytes = path.getBytes(StandardCharsets.UTF_8);
         FastPathViews.RequestByteView pathView = new FastPathViews.RequestByteView(bytes, 0, bytes.length);
-
         RequestLine line = new RequestLine(
                 HttpMethod.GET, pathView, null,
                 new FastPathViews.RequestByteView("HTTP/1.1".getBytes(StandardCharsets.UTF_8), 0, 8),
@@ -54,39 +52,30 @@ class GlobalRouterTest {
     @Test
     void route_delegatesToSubRouterBasedOnLongestPrefix() {
         GlobalRouter global = new GlobalRouter();
-        
-        RequestHandler hApi = new SimpleHandler((req, res) -> "api");
+
+        RequestHandler hApi   = new SimpleHandler((req, res) -> "api");
         RequestHandler hApiV1 = new SimpleHandler((req, res) -> "apiv1");
-        
-        global.mount("/api", new MockSubRouter(hApi));
-        global.mount("/api/v1", new MockSubRouter(hApiV1)); // longer prefix
 
-        // Path matches /api/v1 -> Should pick hApiV1 because it's longer and sorted first
-        RequestHandler resolved = global.route(mockRequest("/api/v1/users"));
-        assertEquals(hApiV1, resolved);
+        global.mount("/api",    new MockSubRouter(hApi));
+        global.mount("/api/v1", new MockSubRouter(hApiV1));
 
-        // Path matches /api but not /api/v1
-        RequestHandler resolved2 = global.route(mockRequest("/api/v2/users"));
-        assertEquals(hApi, resolved2);
+        assertEquals(hApiV1, global.route(mockRequest("/api/v1/users")));
+        assertEquals(hApi,   global.route(mockRequest("/api/v2/users")));
     }
 
     @Test
     void route_fallsBackToInternalRouter() throws Exception {
         GlobalRouter global = new GlobalRouter();
-        RequestHandler internalHandler = new SimpleHandler((req, res) -> "internal");
-        
-        global.get("/hello", (req, res) -> "internal").with();
-        // We know it routes to internal. Let's send a request.
+        global.doRegister(HttpMethod.GET, "/hello", (req, res) -> "internal", new Middleware[0]);
+
         RequestHandler resolved = global.route(mockRequest("/hello"));
         assertNotNull(resolved);
-        // It's the compiled FastPathRouter handler, let's verify it works
         assertEquals("internal", resolved.handle(null, null));
     }
 
     @Test
     void route_noMatch_returnsNotFoundHandler() {
         GlobalRouter global = new GlobalRouter();
-        // Nothing registered. Should return the global notFoundHandler.
         RequestHandler resolved = global.route(mockRequest("/unknown"));
         assertEquals(global.getNotFoundHandler(), resolved);
     }
@@ -102,10 +91,7 @@ class GlobalRouterTest {
 
         global.mount("/api", sub);
 
-        // Under sub-namespace
         assertEquals(customSubHandler, global.resolveExceptionHandler(mockRequest("/api/fail")));
-        
-        // Outside sub-namespace (global)
         assertEquals(global.getExceptionHandler(), global.resolveExceptionHandler(mockRequest("/other")));
     }
 }
diff --git a/flash/src/test/java/dev/relism/routing/routers/fastpathrouter/FastPathRouterImplTest.java b/flash/src/test/java/dev/relism/routing/routers/fastpathrouter/FastPathRouterImplTest.java
index 56a7d5e..ce35707 100644
--- a/flash/src/test/java/dev/relism/routing/routers/fastpathrouter/FastPathRouterImplTest.java
+++ b/flash/src/test/java/dev/relism/routing/routers/fastpathrouter/FastPathRouterImplTest.java
@@ -5,7 +5,7 @@ import dev.relism.models.HeaderMap;
 import dev.relism.models.Request;
 import dev.relism.models.RequestHandler;
 import dev.relism.models.RequestLine;
-import dev.relism.models.SimpleHandler;
+import dev.relism.routing.Middleware;
 import org.junit.jupiter.api.Test;
 
 import java.nio.charset.StandardCharsets;
@@ -14,12 +14,13 @@ import static org.junit.jupiter.api.Assertions.*;
 
 class FastPathRouterImplTest {
 
+    private static final Middleware[] NO_MIDDLEWARE = new Middleware[0];
+
     // --- helpers ---
 
     private Request mockRequest(HttpMethod method, String path) {
         byte[] bytes = path.getBytes(StandardCharsets.UTF_8);
         FastPathViews.RequestByteView pathView = new FastPathViews.RequestByteView(bytes, 0, bytes.length);
-
         RequestLine line = new RequestLine(
                 method, pathView, null,
                 new FastPathViews.RequestByteView("HTTP/1.1".getBytes(StandardCharsets.UTF_8), 0, 8),
@@ -33,9 +34,9 @@ class FastPathRouterImplTest {
     @Test
     void route_lazyCompilationAndMatch() throws Exception {
         FastPathRouterImpl router = new FastPathRouterImpl();
-        
-        router.get("/a", (req, res) -> "A").with();
-        router.post("/b", (req, res) -> "B").with();
+
+        router.doRegister(HttpMethod.GET,  "/a", (req, res) -> "A", NO_MIDDLEWARE);
+        router.doRegister(HttpMethod.POST, "/b", (req, res) -> "B", NO_MIDDLEWARE);
 
         RequestHandler res1 = router.route(mockRequest(HttpMethod.GET, "/a"));
         assertNotNull(res1);
@@ -49,26 +50,23 @@ class FastPathRouterImplTest {
     @Test
     void route_noMatch_returnsNull() {
         FastPathRouterImpl router = new FastPathRouterImpl();
-        router.get("/a", (req, res) -> "A").with();
+        router.doRegister(HttpMethod.GET, "/a", (req, res) -> "A", NO_MIDDLEWARE);
 
         assertNull(router.route(mockRequest(HttpMethod.GET, "/b")));
-        // Wrong method
         assertNull(router.route(mockRequest(HttpMethod.POST, "/a")));
     }
 
     @Test
     void route_extractsPathParams() throws Exception {
         FastPathRouterImpl router = new FastPathRouterImpl();
-        
-        router.get("/users/{id}/items/{itemId}", (req, res) -> "Extract").with();
+        router.doRegister(HttpMethod.GET, "/users/{id}/items/{itemId}",
+                (req, res) -> "Extract", NO_MIDDLEWARE);
 
         Request request = mockRequest(HttpMethod.GET, "/users/123/items/456");
         RequestHandler handler = router.route(request);
-        
+
         assertNotNull(handler);
         assertEquals("Extract", handler.handle(request, null));
-
-        // Verify path params were injected
         assertNotNull(request.getPathParams());
         assertEquals("123", request.param("id"));
         assertEquals("456", request.param("itemId"));
diff --git a/pom.xml b/pom.xml
index ab5a12d..18591ea 100644
--- a/pom.xml
+++ b/pom.xml
@@ -53,10 +53,15 @@
                 <artifactId>flash-ext-oidc</artifactId>
                 <version>${project.version}</version>
             </dependency>
+            <dependency>
+                <groupId>dev.relism</groupId>
+                <artifactId>flash-ext-routeviewer</artifactId>
+                <version>${project.version}</version>
+            </dependency>
             <dependency>
                 <groupId>dev.relism</groupId>
                 <artifactId>fpr-core</artifactId>
-                <version>1.1.0</version>
+                <version>1.1.1</version>
             </dependency>
             <dependency>
                 <groupId>org.projectlombok</groupId>