mkdocs-topoviewer 0.1.0__tar.gz

mkdocs_topoviewer-0.1.0/.gitignore

@@ -0,0 +1,17 @@
+node_modules/
+packages/*/node_modules/
+packages/*/dist/
+packages/*/test-results/
+packages/*/playwright-report/
+packages/*/build/
+packages/*/*.egg-info/
+.artifacts/
+.donotpush/
+.venv*/
+site/
+.DS_Store
+__pycache__/
+topoviewer-changes.patch
+docs/assets/topoviewer-yaml-to-graph-demo.gif
+docs/assets/topoviewer-yaml-to-graph-demo.mp4
+docs/assets/topoviewer-yaml-to-graph-demo.png

mkdocs_topoviewer-0.1.0/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

mkdocs_topoviewer-0.1.0/MANIFEST.in

@@ -0,0 +1 @@
+recursive-include mkdocs_topoviewer/assets *

mkdocs_topoviewer-0.1.0/PKG-INFO

@@ -0,0 +1,132 @@
+Metadata-Version: 2.4
+Name: mkdocs-topoviewer
+Version: 0.1.0
+Summary: MkDocs plugin for embedding TopoViewer declarative topology diagrams.
+Project-URL: Homepage, https://github.com/asadarafat/topoviewer
+Project-URL: Repository, https://github.com/asadarafat/topoviewer
+Project-URL: Issues, https://github.com/asadarafat/topoviewer/issues
+Author: Asad Arafat
+License-Expression: Apache-2.0
+License-File: LICENSE
+Keywords: diagram,mkdocs,network,topology,topoviewer
+Classifier: Development Status :: 3 - Alpha
+Classifier: Environment :: Plugins
+Classifier: Framework :: MkDocs
+Classifier: Programming Language :: Python :: 3
+Classifier: Programming Language :: Python :: 3 :: Only
+Classifier: Topic :: Documentation
+Requires-Python: >=3.9
+Requires-Dist: mkdocs<2,>=1.5
+Requires-Dist: pyyaml>=6.0
+Description-Content-Type: text/markdown
+
+# mkdocs-topoviewer
+
+**Support status:** Supported
+
+`mkdocs-topoviewer` is the MkDocs plugin wrapper for TopoViewer. It lets MkDocs users install TopoViewer with pip and embed declarative topology diagrams with a fenced Markdown block.
+
+This package is licensed under Apache-2.0, like TopoViewer. It is publish-shaped for intentional public Python package releases, while private/customer-specific material should stay in separate packages or private indexes.
+
+## Repository Boundary
+
+This package is intentionally separate from the npm renderer package, but both packages are intended to live in one monorepo:
+
+```text
+topoviewer/
+  package.json            # npm workspace orchestrator
+  packages/
+    topoviewer/           # npm package: topoviewer
+    mkdocs-topoviewer/    # Python package: mkdocs-topoviewer
+```
+
+The renderer package owns the React component, compiler, schemas, and browser bundle. This package owns only the MkDocs integration: fenced-block parsing, page-relative reference resolution, asset injection, and packaging the approved browser bundle for Python users.
+
+The dependency direction is one way: build TopoViewer first, then vendor its browser-ready embed assets into this package. MkDocs users should not need npm, Vite, React, or TypeScript in their documentation build pipeline.
+
+## Install
+
+Target install after package publication:
+
+```bash
+pip install mkdocs-topoviewer
+```
+
+Local development install:
+
+```bash
+pip install -e packages/mkdocs-topoviewer
+```
+
+Private distribution should use an approved package index:
+
+```bash
+pip install --index-url https://<private-index>/simple mkdocs-topoviewer
+```
+
+## Configure
+
+```yaml
+plugins:
+  - search
+  - topoviewer
+```
+
+Optional plugin config:
+
+```yaml
+plugins:
+  - topoviewer:
+      asset_path: assets/topoviewer
+```
+
+## Use
+
+````markdown
+```topoviewer
+topology: ./topoviewer-topo.yaml
+stylesheet: ./topoviewer-style.yaml
+height: 640px
+title: MV network SR-TE service path
+controls: true
+controlsOpen: false
+```
+````
+
+The plugin resolves `topology` and `stylesheet` relative to the Markdown page.
+
+## What The Plugin Ships
+
+The Python package vendors the browser-ready TopoViewer bundle:
+
+- `topoviewer-embed.iife.js`
+- `topoviewer-embed.css`
+- `topoviewer-mkdocs.css`
+
+MkDocs receives those files as generated site assets. Projects using the plugin do not need to run npm or copy assets manually.
+
+## Development
+
+When the TopoViewer browser bundle changes, refresh the vendored assets from the npm package:
+
+```bash
+cd ../topoviewer
+npm run build
+npm run sync:mkdocs
+```
+
+When changing only this Python plugin, work from this package root:
+
+```bash
+python -m pip install -e .
+python -m build
+```
+
+The plugin package should remain independently buildable and publishable. Do not import source files from `../topoviewer`; use only the vendored browser assets under `mkdocs_topoviewer/assets/`.
+
+## Release Model
+
+- `mkdocs-topoviewer` is the MkDocs wrapper for the stable TopoViewer browser bundle.
+- Public plugin releases should contain stable behavior, docs, schemas, and vendored assets.
+- Internal preview builds should use approved private package indexes.
+- Customer-specific templates, private assets, or proprietary importers belong in separate private packages, not in this generic plugin.

mkdocs_topoviewer-0.1.0/README.md

@@ -0,0 +1,110 @@
+# mkdocs-topoviewer
+
+**Support status:** Supported
+
+`mkdocs-topoviewer` is the MkDocs plugin wrapper for TopoViewer. It lets MkDocs users install TopoViewer with pip and embed declarative topology diagrams with a fenced Markdown block.
+
+This package is licensed under Apache-2.0, like TopoViewer. It is publish-shaped for intentional public Python package releases, while private/customer-specific material should stay in separate packages or private indexes.
+
+## Repository Boundary
+
+This package is intentionally separate from the npm renderer package, but both packages are intended to live in one monorepo:
+
+```text
+topoviewer/
+  package.json            # npm workspace orchestrator
+  packages/
+    topoviewer/           # npm package: topoviewer
+    mkdocs-topoviewer/    # Python package: mkdocs-topoviewer
+```
+
+The renderer package owns the React component, compiler, schemas, and browser bundle. This package owns only the MkDocs integration: fenced-block parsing, page-relative reference resolution, asset injection, and packaging the approved browser bundle for Python users.
+
+The dependency direction is one way: build TopoViewer first, then vendor its browser-ready embed assets into this package. MkDocs users should not need npm, Vite, React, or TypeScript in their documentation build pipeline.
+
+## Install
+
+Target install after package publication:
+
+```bash
+pip install mkdocs-topoviewer
+```
+
+Local development install:
+
+```bash
+pip install -e packages/mkdocs-topoviewer
+```
+
+Private distribution should use an approved package index:
+
+```bash
+pip install --index-url https://<private-index>/simple mkdocs-topoviewer
+```
+
+## Configure
+
+```yaml
+plugins:
+  - search
+  - topoviewer
+```
+
+Optional plugin config:
+
+```yaml
+plugins:
+  - topoviewer:
+      asset_path: assets/topoviewer
+```
+
+## Use
+
+````markdown
+```topoviewer
+topology: ./topoviewer-topo.yaml
+stylesheet: ./topoviewer-style.yaml
+height: 640px
+title: MV network SR-TE service path
+controls: true
+controlsOpen: false
+```
+````
+
+The plugin resolves `topology` and `stylesheet` relative to the Markdown page.
+
+## What The Plugin Ships
+
+The Python package vendors the browser-ready TopoViewer bundle:
+
+- `topoviewer-embed.iife.js`
+- `topoviewer-embed.css`
+- `topoviewer-mkdocs.css`
+
+MkDocs receives those files as generated site assets. Projects using the plugin do not need to run npm or copy assets manually.
+
+## Development
+
+When the TopoViewer browser bundle changes, refresh the vendored assets from the npm package:
+
+```bash
+cd ../topoviewer
+npm run build
+npm run sync:mkdocs
+```
+
+When changing only this Python plugin, work from this package root:
+
+```bash
+python -m pip install -e .
+python -m build
+```
+
+The plugin package should remain independently buildable and publishable. Do not import source files from `../topoviewer`; use only the vendored browser assets under `mkdocs_topoviewer/assets/`.
+
+## Release Model
+
+- `mkdocs-topoviewer` is the MkDocs wrapper for the stable TopoViewer browser bundle.
+- Public plugin releases should contain stable behavior, docs, schemas, and vendored assets.
+- Internal preview builds should use approved private package indexes.
+- Customer-specific templates, private assets, or proprietary importers belong in separate private packages, not in this generic plugin.

mkdocs_topoviewer-0.1.0/mkdocs_topoviewer/__init__.py

@@ -0,0 +1,5 @@
+"""MkDocs plugin for TopoViewer."""
+
+from .plugin import TopoViewerPlugin
+
+__all__ = ["TopoViewerPlugin"]

mkdocs_topoviewer-0.1.0/mkdocs_topoviewer/assets/topoviewer-embed.css

@@ -0,0 +1,2 @@
+.react-flow{--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:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--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:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--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 #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.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:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--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:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--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:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--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 #00000014;--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{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.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{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.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;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:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.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:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;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%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;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{z-index:5;margin:15px;position:absolute}.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{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.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{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.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{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;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));padding:10px;font-size:12px}.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{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.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-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.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))}:root{--topoviewer-bg:#0b1118;--topoviewer-bg-radial-a:#2d8be829;--topoviewer-bg-radial-b:#53b66d14;--topoviewer-bg-end:#0b1017;--topoviewer-fg:#e7edf4;--topoviewer-fg-strong:#edf4ff;--topoviewer-fg-muted:#9db2cf;--topoviewer-panel-bg:#0d141df5;--topoviewer-surface-bg:#111820db;--topoviewer-chip-bg:#16202cdb;--topoviewer-chip-hover-bg:#2d8be847;--topoviewer-button-bg:#293b4db8;--topoviewer-border:#788faa47;--topoviewer-border-strong:#788faa57;--topoviewer-accent:#3da1ff;--topoviewer-edge-default:#2d8be8c7;--topoviewer-region-label-bg:var(--topoviewer-surface-bg);--topoviewer-region-label-fg:var(--topoviewer-fg-strong);--topoviewer-edge-label-bg:#111820db;--topoviewer-edge-label-border:#2d3846;--topoviewer-node-shadow:0 1px 4px #00000042;--topoviewer-panel-shadow:0 14px 34px #0000005c;--topoviewer-label-shadow:0 8px 18px #0000005c}.topoviewer-parity-theme{--topoviewer-bg:#0b1118;--topoviewer-bg-radial-a:#1976d214;--topoviewer-bg-radial-b:#4caf500f;--topoviewer-bg-end:#0b1118;--topoviewer-fg:#e7edf4;--topoviewer-fg-strong:#f8fafc;--topoviewer-fg-muted:#9db2cf;--topoviewer-panel-bg:#111827f0;--topoviewer-surface-bg:#0f172ae6;--topoviewer-chip-bg:#1e293be6;--topoviewer-chip-hover-bg:#42a5f52e;--topoviewer-button-bg:#1e293be0;--topoviewer-border:#94a3b847;--topoviewer-border-strong:#94a3b861;--topoviewer-accent:#42a5f5;--topoviewer-edge-default:#42a5f5c7;--topoviewer-region-label-bg:#111827f0;--topoviewer-region-label-fg:#f8fafc;--topoviewer-edge-label-bg:#111827eb;--topoviewer-edge-label-border:#94a3b85c;--topoviewer-node-shadow:0 1px 4px #00000042;--topoviewer-panel-shadow:0 14px 34px #00000047;--topoviewer-label-shadow:0 8px 18px #00000052;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.topoviewer{letter-spacing:0;background:radial-gradient(circle at 30% 20%, var(--topoviewer-bg-radial-a), transparent 28%), radial-gradient(circle at 76% 72%, var(--topoviewer-bg-radial-b), transparent 30%), linear-gradient(135deg, var(--topoviewer-bg) 0%, var(--topoviewer-bg) 52%, var(--topoviewer-bg-end) 100%);width:100%;height:100%;min-height:420px;color:var(--topoviewer-fg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1}.topoviewer,.topoviewer *,.topoviewer :before,.topoviewer :after{box-sizing:border-box}.topoviewer .topoviewer-node-icon>.topoviewer-node-geometry,.topoviewer .topoviewer-shape>.topoviewer-shape-geometry,.topoviewer .react-flow__edge .topoviewer-edge-paint-layer{aspect-ratio:auto;vertical-align:baseline;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;display:block}.topoviewer .react-flow__edge .topoviewer-edge-paint-layer{width:1px;height:1px}.topoviewer .topoviewer-node-icon-content>.topoviewer-node-icon-image{aspect-ratio:auto;object-fit:contain;object-position:center;vertical-align:baseline;width:100%;min-width:0;max-width:none;height:100%;min-height:0;max-height:none;display:block}.topoviewer-embed-shell{background:var(--topoviewer-bg);flex-direction:column;width:100%;height:100%;min-height:420px;display:flex}.topoviewer-embed-controls{border:1px solid var(--topoviewer-border);background:var(--topoviewer-panel-bg);box-shadow:var(--topoviewer-panel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;gap:8px;padding:10px 12px;display:grid}.topoviewer-embed-control-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topoviewer-embed-control-label{color:var(--topoviewer-fg-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:760}.topoviewer-embed-check{color:var(--topoviewer-fg);border:1px solid var(--topoviewer-border);background:var(--topoviewer-chip-bg);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;line-height:1;display:inline-flex}.topoviewer-embed-check input{width:12px;height:12px;accent-color:var(--topoviewer-accent);margin:0}.topoviewer-embed-controls button{color:var(--topoviewer-fg-strong);border:1px solid var(--topoviewer-border-strong);background:var(--topoviewer-button-bg);cursor:pointer;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:680;line-height:1}.topoviewer-embed-controls button:hover{background:var(--topoviewer-chip-hover-bg)}.topoviewer-embed-viewport{flex:auto;min-height:0;position:relative}.topoviewer-embed-controls-overlay{z-index:12;pointer-events:none;position:absolute;top:12px;left:12px;right:62px}.topoviewer-embed-controls-overlay .topoviewer-embed-controls{pointer-events:auto}.topoviewer .react-flow{--xy-background-color:transparent;--xy-edge-stroke-default:var(--topoviewer-edge-default);--xy-node-background-color-default:transparent;color:var(--topoviewer-fg)}.topoviewer-node{box-sizing:border-box;width:82px;min-height:60px;color:var(--topoviewer-fg);box-shadow:none;cursor:grab;background:0 0;border:0;align-content:start;justify-items:center;gap:3px;padding:0;display:grid;position:relative}.topoviewer-node *{cursor:inherit}.topoviewer-node:focus-visible .topoviewer-node-icon{outline:0}.topoviewer-node:focus-visible .topoviewer-node-geometry{filter:drop-shadow(0 0 #f8fafc)drop-shadow(0 0 5px #f8fafcd1)}.react-flow__node.dragging .topoviewer-node{cursor:grabbing}.topoviewer-node-icon{color:#fff;width:34px;height:34px;box-shadow:none;background:0 0;border:0;place-items:center;font-size:12px;font-weight:900;display:grid;position:relative}.topoviewer-node-geometry{pointer-events:none;filter:drop-shadow(0 1px 3px #00000042);width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.topoviewer-node-geometry-shape{vector-effect:non-scaling-stroke}.topoviewer-node-geometry-outline,.topoviewer-node-geometry-underlay{vector-effect:non-scaling-stroke;pointer-events:none}.topoviewer-node-geometry-stroke-overlay{z-index:2}.topoviewer-node-icon-content{z-index:1;box-sizing:border-box;letter-spacing:0;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;place-content:center;place-items:center;width:62%;height:62%;font-family:inherit;line-height:1;display:grid;position:relative;overflow:hidden}.topoviewer-node-icon-image{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.topoviewer-node-label{z-index:2;box-sizing:border-box;max-width:100%;color:var(--topoviewer-fg-strong);letter-spacing:0;text-align:center;overflow-wrap:anywhere;transform:translate(var(--topoviewer-node-label-x-offset,0), var(--topoviewer-node-label-y-offset,0));border-style:solid;border-width:0;border-radius:3px;justify-content:center;align-items:center;font-size:10px;font-weight:620;line-height:1.1;display:inline-flex;position:relative}.topoviewer-node-label-position-top .topoviewer-node-label{transform:translate(-50%, calc(-100% - 4px)) translate(var(--topoviewer-node-label-x-offset,0), var(--topoviewer-node-label-y-offset,0));position:absolute;top:0;left:50%}.topoviewer-node-label-position-left .topoviewer-node-label,.topoviewer-node-label-position-right .topoviewer-node-label,.topoviewer-node-label-position-center .topoviewer-node-label{position:absolute}.topoviewer-node-label-position-left .topoviewer-node-label{top:calc(var(--topoviewer-node-icon-height,34px) / 2);right:calc(50% + (var(--topoviewer-node-icon-width,34px) / 2) + 8px);transform:translateY(-50%) translate(var(--topoviewer-node-label-x-offset,0), var(--topoviewer-node-label-y-offset,0))}.topoviewer-node-label-position-right .topoviewer-node-label{top:calc(var(--topoviewer-node-icon-height,34px) / 2);left:calc(50% + (var(--topoviewer-node-icon-width,34px) / 2) + 8px);transform:translateY(-50%) translate(var(--topoviewer-node-label-x-offset,0), var(--topoviewer-node-label-y-offset,0))}.topoviewer-node-label-position-center .topoviewer-node-label{top:calc(var(--topoviewer-node-icon-height,34px) / 2);transform:translate(-50%, -50%) translate(var(--topoviewer-node-label-x-offset,0), var(--topoviewer-node-label-y-offset,0));left:50%}.topoviewer-node-label-zoom-suppressed .topoviewer-node-label{display:none}.topoviewer-node-parent{border:1px solid var(--topoviewer-border-strong);background:color-mix(in srgb, var(--topoviewer-surface-bg) 74%, transparent);box-shadow:var(--topoviewer-node-shadow);border-radius:16px;align-content:start;padding:10px 12px 14px}.topoviewer-node-parent .topoviewer-node-label{margin-top:1px}.topoviewer-node-child{align-content:center}.topoviewer-node-label p{margin:0}.topoviewer-node-label strong{font-weight:850}.topoviewer-node-label em{font-style:italic}.topoviewer-node-label u{text-underline-offset:2px}.topoviewer-node-label s{opacity:.82}.topoviewer-node-label code{background:color-mix(in srgb, var(--topoviewer-panel) 84%, transparent);border-radius:3px;padding:0 2px;font-size:.92em}.topoviewer-node-label img{vertical-align:middle;max-width:100%;max-height:18px}.topoviewer-label-overlay{pointer-events:none}.topoviewer-node-meta{max-width:max(var(--topoviewer-node-icon-width,34px), 11rem);color:var(--topoviewer-fg-muted);letter-spacing:0;text-align:center;overflow-wrap:anywhere;font-size:8px;line-height:1.2}.topoviewer-node-badge{z-index:3;color:#0f172a;letter-spacing:0;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;box-sizing:border-box;background:#f8fafc;border:1px solid #0f172a29;border-radius:999px;min-width:16px;max-width:44px;min-height:16px;padding:2px 5px;font-size:9px;font-weight:850;line-height:1.1;position:absolute;overflow:hidden;box-shadow:0 2px 7px #0f172a33}.topoviewer-node-badge[data-badge-position=topLeft]{top:-7px;left:-7px}.topoviewer-node-badge[data-badge-position=topRight]{top:-7px;right:-7px}.topoviewer-node-badge[data-badge-position=bottomLeft]{bottom:-7px;left:-7px}.topoviewer-node-badge[data-badge-position=bottomRight]{bottom:-7px;right:-7px}.topoviewer-node-status{z-index:3;border:2px solid var(--topoviewer-panel-bg);pointer-events:none;box-sizing:border-box;border-radius:999px;width:10px;height:10px;position:absolute;box-shadow:0 2px 7px #0f172a3d}.topoviewer-node-status[data-status-placement=topLeft]{top:1px;left:1px}.topoviewer-node-status[data-status-placement=topRight]{top:1px;right:1px}.topoviewer-node-status[data-status-placement=bottomLeft]{bottom:1px;left:1px}.topoviewer-node-status[data-status-placement=bottomRight]{bottom:1px;right:1px}.topoviewer-node-status[data-status-placement=center]{top:50%;left:50%;transform:translate(-50%,-50%)}.topoviewer-node-attention-focused .topoviewer-node-icon{box-shadow:none}.topoviewer-node-attention-focused .topoviewer-node-geometry{filter:drop-shadow(0 0 #60a5fa47)drop-shadow(0 0 10px #60a5fa8f)drop-shadow(0 1px 3px #00000042)}.topoviewer-node-attention-related .topoviewer-node-icon{box-shadow:none}.topoviewer-node-attention-related .topoviewer-node-geometry{filter:drop-shadow(0 0 #68d39138)drop-shadow(0 0 8px #68d39161)drop-shadow(0 1px 3px #00000042)}.topoviewer-node-attention-dimmed,.topoviewer-node-attention-suppressed{filter:saturate(.74)}.topoviewer-node-attention-aggregate .topoviewer-node-icon,.topoviewer-node-label-priority-aggregate .topoviewer-node-icon{border-radius:8px;width:42px!important;height:30px!important}.topoviewer-node-label-priority-low .topoviewer-node-meta,.topoviewer-node-label-priority-hidden .topoviewer-node-label,.topoviewer-node-label-priority-hidden .topoviewer-node-meta,.topoviewer-label-density-minimal .topoviewer-node-label-priority-low .topoviewer-node-label,.topoviewer-label-density-minimal .topoviewer-node-label-priority-low .topoviewer-node-meta,.topoviewer-label-density-minimal .topoviewer-node-label-priority-medium .topoviewer-node-meta,.topoviewer-label-density-minimal .topoviewer-label-overlay[data-label-priority=low],.topoviewer-label-density-minimal .topoviewer-label-overlay[data-label-priority=medium],.topoviewer-label-density-minimal .topoviewer-edge-label[data-label-priority=low],.topoviewer-label-density-minimal .topoviewer-edge-label[data-label-priority=medium]{display:none}.topoviewer-label-density-dense .topoviewer-node-label-priority-low .topoviewer-node-meta,.topoviewer-label-density-dense .topoviewer-edge-label[data-label-priority=low],.topoviewer-label-density-dense .topoviewer-edge-label[data-label-priority=medium]{display:block}.topoviewer-region{border:1px solid var(--topoviewer-region-stroke,#37a9d86b);background:var(--topoviewer-region-fill,#4cc9f01f);cursor:grab;border-radius:4px;width:100%;height:100%}.react-flow__node-region.dragging .topoviewer-region{cursor:grabbing}.topoviewer-region-label{border:1px solid var(--topoviewer-border);color:var(--topoviewer-region-label-fg);background:var(--topoviewer-region-label-bg);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:4px 7px;font-size:10px;font-weight:720;line-height:1.5;position:absolute;top:12px;left:18px}.topoviewer-shape{box-sizing:border-box;cursor:grab;background:0 0;border:0;width:100%;height:100%;position:relative;overflow:visible}.react-flow__node.dragging .topoviewer-shape{cursor:grabbing}.topoviewer-shape-geometry{pointer-events:none;width:100%;height:100%;display:block;overflow:visible}.topoviewer-callout{color:#101820;box-sizing:border-box;cursor:grab;background:#d3f2fff0;border:2px solid #54c9f5b8;border-radius:5px;width:100%;min-height:100%;overflow:hidden;box-shadow:0 0 12px #54c9f56b}.react-flow__node.dragging .topoviewer-callout{cursor:grabbing}.topoviewer-callout-title{color:#050a12;background:#bce8fae0;padding:9px 14px;font-size:18px;font-weight:850;line-height:1.15}.topoviewer-callout-body{color:#111827;margin:0;padding:12px 18px 14px;font-size:14px;line-height:1.24}.topoviewer-callout-body p,.topoviewer-callout-body ul,.topoviewer-callout-body ol,.topoviewer-callout-body h3,.topoviewer-callout-body h4,.topoviewer-callout-body h5,.topoviewer-callout-body h6{margin:0}.topoviewer-callout-body p+p,.topoviewer-callout-body p+ul,.topoviewer-callout-body p+ol,.topoviewer-callout-body ul+p,.topoviewer-callout-body ol+p,.topoviewer-callout-body h3+p,.topoviewer-callout-body h4+p,.topoviewer-callout-body h5+p,.topoviewer-callout-body h6+p{margin-top:8px}.topoviewer-callout-body ul,.topoviewer-callout-body ol{padding-left:18px}.topoviewer-callout-body code{background:#0f172a1a;border-radius:3px;padding:1px 4px;font-size:.92em}.topoviewer-callout-body img{border-radius:6px;max-width:100%;height:auto;margin:8px auto 0;display:block}.topoviewer-callout-body li+li{margin-top:5px}.topoviewer-pin{opacity:0;pointer-events:none;width:1px;height:1px}.topoviewer-edge-label{z-index:40;color:var(--topoviewer-fg-strong);background:var(--topoviewer-edge-label-bg);border:1px solid var(--topoviewer-edge-label-border);letter-spacing:0;box-shadow:var(--topoviewer-label-shadow);border-radius:3px;padding:3px 6px;font-size:10px;font-weight:650;line-height:1.5}.topoviewer-edge-paint-layer{z-index:8;pointer-events:none;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.topoviewer .react-flow__edgelabel-renderer{z-index:40}.topoviewer .react-flow__viewport-portal{z-index:60}.topoviewer-edge-visible-path{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.topoviewer-edge-attention-focused{filter:drop-shadow(0 0 5px #60a5fac2)}.topoviewer-edge-attention-related{filter:drop-shadow(0 0 4px #68d39175)}.topoviewer-edge-aggregate{filter:drop-shadow(0 0 5px #8b5cf647)}.topoviewer-edge-attention-dimmed,.topoviewer-edge-attention-suppressed{stroke-opacity:.36}.topoviewer-edge-label[data-label-priority=hidden]{display:none}.topoviewer-edge-pipe-border,.topoviewer-edge-pipe-fill,.topoviewer-edge-line-outline,.topoviewer-edge-lane,.topoviewer-edge-direction-outline,.topoviewer-edge-direction-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.topoviewer-edge-direction-selected .topoviewer-edge-direction-stroke{filter:drop-shadow(0 0 5px #60a5fac2)}.topoviewer-edge-direction-parent-hover .topoviewer-edge-direction-stroke{filter:drop-shadow(0 0 3px #60a5fa94)}.topoviewer-edge-direction-hit-target{pointer-events:stroke}.topoviewer-edge-pipe-border,.topoviewer-edge-lane-stub{stroke-linecap:round}.topoviewer .react-flow__handle{opacity:0;pointer-events:none;border:0;width:1px;min-width:1px;height:1px;min-height:1px}.topoviewer-reactflow-controls{border:1px solid var(--topoviewer-border-strong);background:var(--topoviewer-surface-bg);box-shadow:var(--topoviewer-panel-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;overflow:hidden}.topoviewer-reactflow-controls .react-flow__controls-button{border-bottom-color:var(--topoviewer-border);width:34px;height:34px;color:var(--topoviewer-fg-strong);background:var(--topoviewer-panel-bg);padding:0;line-height:1}.topoviewer-reactflow-controls .react-flow__controls-button:hover{background:var(--topoviewer-chip-hover-bg)}.topoviewer-reactflow-controls .topoviewer-controls-toggle.is-open{color:var(--topoviewer-accent);background:var(--topoviewer-chip-hover-bg)}.topoviewer-reactflow-controls .react-flow__controls-button svg{aspect-ratio:auto;fill:currentColor;stroke:currentColor;width:15px;min-width:0;max-width:none;height:15px;min-height:0;max-height:none}@media (prefers-reduced-motion:reduce){.topoviewer,.topoviewer *,.topoviewer :before,.topoviewer :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
+/*$vite$:1*/