#18 by GitHub stars

tt-a1i/archify

Create validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone HTML with dark/light themes, motion and image/SVG/WebM export. Accept requirements or Mermaid; inspect repository evidence for code-backed diagra

History

Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.

View weekly changes

archify/SKILL.md

Week of Oct 26, 2026 · Line counts unavailable

Before Not checked yet → After Network or broad shell

First observation → f325d8623055

No earlier version was observed for comparison.

Compare on GitHub

View on GitHubAdd to my skills

Verified commit f325d86230553e1dd15d3464324f1fcd01f02352

git clone --filter=blob:none --no-checkout https://github.com/tt-a1i/archify.git .hotskills/tt-a1i-archify && git -C .hotskills/tt-a1i-archify checkout --detach f325d86230553e1dd15d3464324f1fcd01f02352 # Copy each selected skill directory from .hotskills/tt-a1i-archify into .claude/skills/<skill-name>/
git clone --filter=blob:none --no-checkout https://github.com/tt-a1i/archify.git .hotskills/tt-a1i-archify && git -C .hotskills/tt-a1i-archify checkout --detach f325d86230553e1dd15d3464324f1fcd01f02352 # Copy each selected skill directory from .hotskills/tt-a1i-archify into .agents/skills/<skill-name>/
94.2kGitHub stars
2.1kstars in 7 days
1skill in this repository
661commits in 30 days

Heat

7.8
  • Star growth, last 7 daysAhead of 93% of tracked repositories
  • Star growth, last 24 hoursAhead of 93% of tracked repositories
  • Rank movement, last 7 daysAhead of 72% of tracked repositories
  • Commits, last 30 daysAhead of 99% of tracked repositories
  • Accounts asking about it through MCP, last 7 daysNot available
  • Hot votes this weekAhead of 0% of tracked repositories

Heat never changes the order by stars, and sponsorship never touches it. How heat works

Stars over time

Aug 2, 2026Nov 7, 202694,195

Individual skills in this repository

How it works

archify

When your agent uses it

Create validated architecture, workflow, sequence, data-flow, lifecycle/state, ERD, class, tree, timeline, and waterfall diagrams as explorable standalone HTML with dark/light themes, motion and image/SVG/WebM export. Accept requirements or Mermaid; inspect repository evidence for code-backed diagrams. Use when visualizing systems, API calls, pipelines, schemas, histories, timings, or everyday steps, parts, relationships and states. Also turn an answer into a one-page explainer, with the conclusion first, structured panels, native diagrams and charts, when the user asks for a page, an explainer or an answer to share (做成一页, 用页面讲), or proactively when the user's rules opt in with an [archify explainer: ...] line. Not for dashboards.

What it loads into context

Frontmatter

192 tokens

Always available to the agent

SKILL.md

3,956 tokens

When the skill is activated

Reference documents

55,515 tokens

Loaded on request

Token counts are estimates. Scripts run separately; they are not counted as reference context.

The playbook

  1. Choose the artifact
  2. Existing candidate handoff
  3. Native diagram authoring
  4. Update awareness
  5. Type router
  6. Mermaid input
  7. Delivery
  8. Optional viewer capabilities
  9. Setup and fallback
  10. Output

Scripts executed separately

  • bin/archify.mjs
  • bin/delivery-update.mjs
  • bin/finalize.mjs
  • bin/open-artifact.mjs
  • bin/preview.mjs
  • bin/recover-output.mjs
  • bin/visual-check.mjs
  • delta/architecture-delta.mjs
  • explainer/browser-check.mjs
  • explainer/charts.mjs
  • explainer/check.mjs
  • explainer/diagrams.mjs
  • explainer/diff.mjs
  • explainer/inline.mjs
  • explainer/layout.mjs
  • explainer/page-bundle.mjs
  • explainer/parse.mjs
  • explainer/patch.mjs
  • explainer/prepare.mjs
  • explainer/reader.js
  • explainer/render.mjs
  • explainer/revision.mjs
  • explainer/sources.mjs
  • explainer/validate.mjs
  • explainer/vendor/pele/chunks/3DKXF73K.js
  • explainer/vendor/pele/chunks/42UTT654.js
  • explainer/vendor/pele/chunks/DKTLEL5E.js
  • explainer/vendor/pele/chunks/EEIX5ZYH.js
  • explainer/vendor/pele/chunks/EJ5KOXYD.js
  • explainer/vendor/pele/chunks/GUJTEFZK.js
  • explainer/vendor/pele/chunks/IZOKQ2GT.js
  • explainer/vendor/pele/chunks/L4LY553T.js
  • explainer/vendor/pele/chunks/MSKIJHB2.js
  • explainer/vendor/pele/chunks/RVARI57O.js
  • explainer/vendor/pele/chunks/UKSIWDDN.js
  • explainer/vendor/pele/chunks/UPTXNAXN.js
  • explainer/vendor/pele/chunks/XTDUIGUI.js
  • explainer/vendor/pele/chunks/YAYTP6L5.js
  • explainer/vendor/pele/core.js
  • explainer/vendor/pele/diagrams/pie.js
  • explainer/vendor/pele/diagrams/quadrantChart.js
  • explainer/vendor/pele/diagrams/radar.js
  • explainer/vendor/pele/diagrams/sankey.js
  • explainer/vendor/pele/diagrams/venn.js
  • explainer/vendor/pele/diagrams/xychart.js
  • explainer/writing.mjs
  • migrations/workflow-v2.mjs
  • package.json
  • recipes/scenarios.mjs
  • renderers/architecture/grid.mjs
  • renderers/architecture/labels.mjs
  • renderers/architecture/render-architecture.mjs
  • renderers/architecture/routing.mjs
  • renderers/class/render-class.mjs
  • renderers/dataflow/dataflow-compiler.mjs
  • renderers/dataflow/joint-label-routing.mjs
  • renderers/dataflow/label-capacity.mjs
  • renderers/dataflow/render-dataflow.mjs
  • renderers/erd/grid.mjs
  • renderers/erd/render-erd.mjs
  • renderers/explainer/render-explainer.mjs
  • renderers/lifecycle/render-lifecycle.mjs
  • renderers/sequence/render-sequence.mjs
  • renderers/shared/atomic-output.mjs
  • renderers/shared/automatic-labels.mjs
  • renderers/shared/brand-marks.mjs
  • renderers/shared/cli.mjs
  • renderers/shared/desktop-readability.mjs
  • renderers/shared/diagnostics.mjs
  • renderers/shared/engineering-profiles.mjs
  • renderers/shared/generated-brand-marks.mjs
  • renderers/shared/generated-validators.mjs
  • renderers/shared/geometry.mjs
  • renderers/shared/i18n.mjs
  • renderers/shared/layout-report.mjs
  • renderers/shared/legend.mjs
  • renderers/shared/node-card-style.mjs
  • renderers/shared/output-path.mjs
  • renderers/shared/owned-temp-directory.mjs
  • renderers/shared/path-semantics.mjs
  • renderers/shared/portable-path.mjs
  • renderers/shared/repository-evidence.mjs
  • renderers/shared/repository-location.mjs
  • renderers/shared/route-quality.mjs
  • renderers/shared/sidecar-path.mjs
  • renderers/shared/software-notices.mjs
  • renderers/shared/spatial-grid.mjs
  • renderers/shared/svg-path-analysis.mjs
  • renderers/shared/text-fit.mjs
  • renderers/shared/utils.mjs
  • renderers/shared/validator.mjs
  • renderers/timeline/render-timeline.mjs
  • renderers/tree/render-tree.mjs
  • renderers/waterfall/render-waterfall.mjs
  • renderers/workflow/render-workflow.mjs
  • renderers/workflow/workflow-compiler.mjs
  • renderers/workflow/workflow-migration-geometry.mjs
  • renderers/workflow/workflow-placement-repair.mjs
  • scripts/check-render-output.mjs
  • scripts/check-update.mjs
  • scripts/delivery-update-child.mjs
  • scripts/generate-brand-marks.mjs
  • scripts/generate-validators.mjs
  • scripts/render-examples.mjs
  • scripts/update-contract.mjs

Files

  • LICENSEasset11,358 bytes
  • LICENSE-MITasset1,102 bytes
  • NOTICEasset1,340 bytes
  • SKILL.mdcore18,877 bytes
  • SKILL.mdcore18,877 bytes
  • SKILL.mdcore18,877 bytes
  • SKILL.mdcore18,877 bytes
  • SKILL.mdcore18,877 bytes
  • SKILL.mdcore18,877 bytes
  • SKILL.mdcore18,877 bytes
  • SKILL.mdcore18,877 bytes
  • SKILL.mdcore18,877 bytes
  • SKILL.mdcore18,877 bytes
  • THIRD_PARTY_NOTICES.mddoc5,669 bytes
  • assets/JetBrainsMono-OFL.txtdoc4,398 bytes
  • assets/template.htmlasset787,334 bytes
  • bin/archify.mjsruns288,781 bytes
  • bin/delivery-update.mjsruns3,700 bytes
  • bin/finalize.mjsruns50,052 bytes
  • bin/open-artifact.mjsruns4,144 bytes
  • bin/preview.mjsruns36,668 bytes
  • bin/recover-output.mjsruns1,367 bytes
  • bin/visual-check.mjsruns120,537 bytes
  • brand-marks/README.mddoc1,449 bytes
  • brand-marks/catalog.jsonasset14,162 bytes
  • delta/architecture-delta.mjsruns79,087 bytes
  • examples/agent-run.lifecycle.jsonasset3,260 bytes
  • examples/agent-tool-call.workflow.jsonasset4,939 bytes
  • examples/archify-dev-activity.timeline.jsonasset4,460 bytes
  • examples/archify-repository.tree.jsonasset4,368 bytes
  • examples/async-job-roundtrip.sequence.jsonasset3,766 bytes
  • examples/brand-aware-delivery.architecture.jsonasset2,789 bytes
  • examples/cache-miss-request.sequence.jsonasset3,805 bytes
  • examples/checkout-platform.base.architecture.jsonasset2,279 bytes
  • examples/checkout-platform.head.architecture.jsonasset2,413 bytes
  • examples/checkout-request.waterfall.jsonasset1,209 bytes
  • examples/class-payment-processors-rendered.htmlasset875,036 bytes
  • examples/class-payments-rendered.htmlasset840,775 bytes
  • examples/dataflow-product-analytics.htmlasset843,855 bytes
  • examples/delivery.explainer.jsonasset4,570 bytes
  • examples/deployment-release.lifecycle.jsonasset4,155 bytes
  • examples/erd-orders-rendered.htmlasset861,259 bytes
  • examples/event-stream.dataflow.jsonasset4,769 bytes
  • examples/example-rebuild.waterfall.jsonasset4,617 bytes
  • examples/holiday-planning.workflow.jsonasset3,019 bytes
  • examples/incident-response.workflow.jsonasset4,723 bytes
  • examples/lifecycle-agent-run.htmlasset847,663 bytes
  • examples/locales/de.jsonasset28,444 bytes
  • examples/locales/fr.jsonasset29,281 bytes
  • examples/locales/fr.partial.jsonasset959 bytes
  • examples/locales/it.jsonasset28,793 bytes
  • examples/locales/ja.jsonasset32,495 bytes
  • examples/locales/pt.jsonasset28,454 bytes
  • examples/locales/ru.jsonasset36,940 bytes
  • examples/orders.erd.jsonasset7,321 bytes
  • examples/payment-incident.timeline.jsonasset1,445 bytes
  • examples/payment-platform.tree.jsonasset1,214 bytes
  • examples/payment-processors.class.jsonasset7,321 bytes
  • examples/payments.class.jsonasset2,828 bytes
  • examples/product-analytics.dataflow.jsonasset5,035 bytes
  • examples/production-deployment.architecture.jsonasset4,734 bytes
  • examples/release-delivery.workflow.jsonasset4,510 bytes
  • examples/sequence-cache-miss-request.htmlasset841,568 bytes
  • examples/subscription-billing-rendered.htmlasset884,212 bytes
  • examples/subscription-billing.erd.jsonasset11,817 bytes
  • examples/timeline-archify-dev-activity-rendered.htmlasset866,510 bytes
  • examples/timeline-payment-incident-rendered.htmlasset834,097 bytes
  • examples/tree-archify-repository-rendered.htmlasset877,360 bytes
  • examples/tree-payment-platform-rendered.htmlasset839,719 bytes
  • examples/waterfall-checkout-request-rendered.htmlasset833,386 bytes
  • examples/waterfall-example-rebuild-rendered.htmlasset863,204 bytes
  • examples/web-app-rendered.htmlasset846,197 bytes
  • examples/web-app.architecture.jsonasset3,197 bytes
  • examples/workflow-agent-tool-call-rendered.htmlasset851,280 bytes
  • explainer/browser-check.mjsruns30,708 bytes
  • explainer/charts.mjsruns5,997 bytes
  • explainer/check.mjsruns14,888 bytes
  • explainer/diagrams.mjsruns38,710 bytes
  • explainer/diff.mjsruns8,454 bytes
  • explainer/inline.mjsruns8,721 bytes
  • explainer/layout.mjsruns2,571 bytes
  • explainer/page-bundle.mjsruns1,138 bytes
  • explainer/parse.mjsruns27,256 bytes
  • explainer/patch.mjsruns12,039 bytes
  • explainer/prepare.mjsruns9,819 bytes
  • explainer/reader.cssasset47,157 bytes
  • explainer/reader.jsruns51,676 bytes
  • explainer/render.mjsruns34,005 bytes
  • explainer/revision.mjsruns1,965 bytes
  • explainer/sources.mjsruns20,882 bytes
  • explainer/validate.mjsruns14,520 bytes
  • explainer/vendor/pele/LICENSEasset1,934 bytes
  • explainer/vendor/pele/README.mddoc475 bytes
  • explainer/vendor/pele/chunks/3DKXF73K.jsruns3,429 bytes
  • explainer/vendor/pele/chunks/42UTT654.jsruns11,384 bytes
  • explainer/vendor/pele/chunks/DKTLEL5E.jsruns838 bytes
  • explainer/vendor/pele/chunks/EEIX5ZYH.jsruns14,177 bytes
  • explainer/vendor/pele/chunks/EJ5KOXYD.jsruns7,664 bytes
  • explainer/vendor/pele/chunks/GUJTEFZK.jsruns511 bytes
  • explainer/vendor/pele/chunks/IZOKQ2GT.jsruns8,651 bytes
  • explainer/vendor/pele/chunks/L4LY553T.jsruns14,810 bytes
  • explainer/vendor/pele/chunks/MSKIJHB2.jsruns5,132 bytes
  • explainer/vendor/pele/chunks/RVARI57O.jsruns159 bytes
  • explainer/vendor/pele/chunks/UKSIWDDN.jsruns7,382 bytes
  • explainer/vendor/pele/chunks/UPTXNAXN.jsruns9,468 bytes
  • explainer/vendor/pele/chunks/XTDUIGUI.jsruns5,037 bytes
  • explainer/vendor/pele/chunks/YAYTP6L5.jsruns15,746 bytes
  • explainer/vendor/pele/core.jsruns347 bytes
  • explainer/vendor/pele/diagrams/pie.jsruns184 bytes
  • explainer/vendor/pele/diagrams/quadrantChart.jsruns209 bytes
  • explainer/vendor/pele/diagrams/radar.jsruns179 bytes
  • explainer/vendor/pele/diagrams/sankey.jsruns179 bytes
  • explainer/vendor/pele/diagrams/venn.jsruns154 bytes
  • explainer/vendor/pele/diagrams/xychart.jsruns209 bytes
  • explainer/writing.mjsruns11,389 bytes
  • locales/README.mddoc2,235 bytes
  • locales/ar.jsonasset33,837 bytes
  • locales/en.jsonasset27,386 bytes
  • locales/es.jsonasset29,504 bytes
  • locales/ko.jsonasset30,852 bytes
  • locales/manifest.jsonasset293 bytes
  • locales/zh-CN.jsonasset27,080 bytes
  • locales/zh-TW.jsonasset27,147 bytes
  • migrations/workflow-v2.mjsruns9,204 bytes
  • package-lock.jsonasset3,232 bytes
  • package.jsonruns1,485 bytes
  • recipes/scenarios.mjsruns41,520 bytes
  • references/architecture-layout-repair.mddoc4,449 bytes
  • references/authoring-contract.mddoc42,749 bytes
  • references/authoring-defaults.mddoc12,862 bytes
  • references/brand-marks.mddoc5,771 bytes
  • references/delivery-contract.mddoc49,894 bytes
  • references/explainer-authoring.mddoc18,968 bytes
  • references/repository-authoring.mddoc8,004 bytes
  • references/update-awareness.mddoc1,957 bytes
  • references/viewer-runtime.mddoc5,692 bytes
  • renderers/architecture/grid.mjsruns2,071 bytes
  • renderers/architecture/labels.mjsruns155 bytes
  • renderers/architecture/render-architecture.mjsruns58,551 bytes
  • renderers/architecture/routing.mjsruns74,482 bytes
  • renderers/class/README.mddoc6,781 bytes
  • renderers/class/render-class.mjsruns53,567 bytes
  • renderers/dataflow/README.mddoc9,193 bytes
  • renderers/dataflow/dataflow-compiler.mjsruns91,209 bytes
  • renderers/dataflow/joint-label-routing.mjsruns10,827 bytes
  • renderers/dataflow/label-capacity.mjsruns4,454 bytes
  • renderers/dataflow/render-dataflow.mjsruns960 bytes
  • renderers/erd/README.mddoc14,516 bytes
  • renderers/erd/grid.mjsruns7,038 bytes
  • renderers/erd/render-erd.mjsruns80,473 bytes
  • renderers/explainer/render-explainer.mjsruns3,292 bytes
  • renderers/lifecycle/README.mddoc6,167 bytes
  • renderers/lifecycle/render-lifecycle.mjsruns61,373 bytes
  • renderers/sequence/README.mddoc8,667 bytes
  • renderers/sequence/render-sequence.mjsruns57,144 bytes
  • renderers/shared/atomic-output.mjsruns70,372 bytes
  • renderers/shared/automatic-labels.mjsruns14,771 bytes
  • renderers/shared/brand-marks.mjsruns28,938 bytes
  • renderers/shared/cli.mjsruns19,047 bytes
  • renderers/shared/desktop-readability.mjsruns6,929 bytes
  • renderers/shared/diagnostics.mjsruns8,272 bytes
  • renderers/shared/engineering-profiles.mjsruns6,936 bytes
  • renderers/shared/generated-brand-marks.mjsruns163,612 bytes
  • renderers/shared/generated-validators.mjsruns1,020,040 bytes
  • renderers/shared/geometry.mjsruns89,929 bytes
  • renderers/shared/i18n.mjsruns13,869 bytes
  • renderers/shared/layout-report.mjsruns1,587 bytes
  • renderers/shared/legend.mjsruns9,225 bytes
  • renderers/shared/node-card-style.mjsruns2,470 bytes
  • renderers/shared/output-path.mjsruns19,029 bytes
  • renderers/shared/owned-temp-directory.mjsruns3,198 bytes
  • renderers/shared/path-semantics.mjsruns32,406 bytes
  • renderers/shared/portable-path.mjsruns12,543 bytes
  • renderers/shared/repository-evidence.mjsruns20,342 bytes
  • renderers/shared/repository-location.mjsruns4,349 bytes
  • renderers/shared/route-quality.mjsruns26,944 bytes
  • renderers/shared/sidecar-path.mjsruns1,269 bytes
  • renderers/shared/software-notices.mjsruns506 bytes
  • renderers/shared/spatial-grid.mjsruns2,440 bytes
  • renderers/shared/svg-path-analysis.mjsruns5,429 bytes
  • renderers/shared/text-fit.mjsruns5,195 bytes
  • renderers/shared/utils.mjsruns12,972 bytes
  • renderers/shared/validator.mjsruns3,336 bytes
  • renderers/timeline/README.mddoc4,087 bytes
  • renderers/timeline/render-timeline.mjsruns30,321 bytes
  • renderers/tree/README.mddoc4,255 bytes
  • renderers/tree/render-tree.mjsruns30,666 bytes
  • renderers/waterfall/README.mddoc3,501 bytes
  • renderers/waterfall/render-waterfall.mjsruns23,030 bytes
  • renderers/workflow/README.mddoc17,670 bytes
  • renderers/workflow/render-workflow.mjsruns1,654 bytes
  • renderers/workflow/workflow-compiler.mjsruns250,196 bytes
  • renderers/workflow/workflow-migration-geometry.mjsruns6,331 bytes
  • renderers/workflow/workflow-placement-repair.mjsruns4,762 bytes
  • schemas/README.mddoc15,049 bytes
  • schemas/architecture.schema.jsonasset6,024 bytes
  • schemas/class.schema.jsonasset8,120 bytes
  • schemas/common.schema.jsonasset5,785 bytes
  • schemas/dataflow.schema.jsonasset6,320 bytes
  • schemas/erd.schema.jsonasset9,329 bytes
  • schemas/explainer.schema.jsonasset19,246 bytes
  • schemas/lifecycle.schema.jsonasset5,342 bytes
  • schemas/sequence.schema.jsonasset6,178 bytes
  • schemas/timeline.schema.jsonasset3,951 bytes
  • schemas/tree.schema.jsonasset3,172 bytes
  • schemas/waterfall.schema.jsonasset3,526 bytes
  • schemas/workflow.schema.jsonasset10,165 bytes
  • scripts/check-render-output.mjsruns68,465 bytes
  • scripts/check-update.mjsruns59,332 bytes
  • scripts/delivery-update-child.mjsruns1,296 bytes
  • scripts/generate-brand-marks.mjsruns5,136 bytes
  • scripts/generate-validators.mjsruns4,172 bytes
  • scripts/render-examples.mjsruns2,024 bytes
  • scripts/update-contract.mjsruns6,826 bytes
  • skill-release.jsonasset260 bytes
Read SKILL.md

# Archify

Create checked standalone HTML as a native diagram or a one-page explainer that answers a question.

Run commands from your working directory. Unless the user names another location, give each new artifact request its own folder `.archify/<type>-<slug>-<YYYYMMDD-HHMMSS>/` there (local time, chosen once): keep the candidate and `<slug>.html` in it and reuse it for repairs. Native diagrams use `candidate.json` with `meta.output` relative to the working directory; explainers may use `candidate.archify.md` and a portable output filename. A later request gets a new folder. Replace `bin/archify.mjs` in every command with the installed package's absolute path, or its path relative to your working directory; CLI input and output paths resolve from that directory.

For a native diagram of a real codebase, read [Repository authoring](references/repository-authoring.md) while tracing the requested behavior. A system description uses the native steps below; a frozen candidate uses the handoff path.

## Choose the artifact

- When the user asks to draw or visualize a system, flow, schema or history, use a native diagram and the Type router.
- Use `explainer` when the user asks for the answer as a page: a page, one page, an explainer, something to share (“做成一页”, “用页面讲”, “answer with a page”). Without such a request, answer in text or draw the requested diagram. A page made on request ends its reply with the one-line mode offer under Output.
- A rules line in context changes this. `[archify explainer: proactive]`: also make a page, unasked, for an explanation, comparison, trade-off, decision, diagnosis, review or plan that needs a table, steps or several sections. `[archify explainer: always-on]`: every reply that reaches a conclusion also gets a compact page of at most four panels, delivered without opening it, its link closing the reply. `[archify explainer: on-demand]`: only when asked, and never offer a mode.
- In every mode a page needs a conclusion with some structure behind it: chat, one-line answers, raw command output and text-only requests get none.
View the complete source on GitHub

Skills included

  • archify

Repository facts

License
Apache-2.0
Created
Apr 15, 2026
Last pushed
Nov 6, 2026
Forks
6,396
Open issues
144
Project activity
Active

Rank over the last 12 weeks

Now #18 · best #17 · down 1 in 30 days

  1. #21 from Sep 22 to Sep 27
  2. #19 from Sep 28 to Sep 29
  3. #18 from Sep 30 to Oct 2
  4. #17 from Oct 3 to Oct 24
  5. #18 on Oct 25
  6. #18 since Oct 28
33 earlier periods
  1. #131 on Aug 2
  2. #118 on Aug 7
  3. #112 on Aug 8
  4. #110 on Aug 9
  5. #108 on Aug 10
  6. #107 on Aug 11
  7. #106 on Aug 12
  8. #107 on Aug 13
  9. #106 from Aug 14 to Aug 15
  10. #104 from Aug 16 to Aug 18
  11. #103 on Aug 19
  12. #101 on Aug 20
  13. #100 on Aug 21
  14. #97 on Aug 22
  15. #98 on Aug 23
  16. #97 on Aug 24
  17. #92 on Aug 25
  18. #84 on Aug 26
  19. #73 on Aug 27
  20. #61 on Aug 28
  21. #49 on Aug 29
  22. #45 on Aug 30
  23. #38 on Aug 31
  24. #34 on Sep 1
  25. #33 on Sep 2
  26. #32 on Sep 3
  27. #30 from Sep 4 to Sep 6
  28. #27 from Sep 7 to Sep 11
  29. #26 from Sep 12 to Sep 13
  30. #25 from Sep 14 to Sep 16
  31. #24 from Sep 17 to Sep 19
  32. #23 on Sep 20
  33. #22 on Sep 21

Before you install

Network or broad shell

Automated signals, not a guarantee

Checked Nov 2, 2026

Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.

Show 369 notes
  • archify/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • archify/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • archify/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • archify/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • archify/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • archify/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • archify/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • archify/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • archify/SKILL.md:1 Analysis incomplete: Referenced executable target unavailable; not analyzed
  • archify/assets/template.html:150 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:148 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:149 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:154 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:152 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:153 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:158 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:156 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:157 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:162 Analysis incomplete: physical or joined line exceeds character limit
  • archify/assets/template.html:160 Analysis incomplete: physical or joined line exceeds character limit
Show all 2,445 signals by file

archify/LICENSE

  • Network accessline 2
    Apache License                            Version 2.0, January 2004                         http://www.apache.org/licenses/
  • Network accessline 4
    http://www.apache.org/licenses/
  • Network accessline 196
    http://www.apache.org/licenses/LICENSE-2.0

archify/NOTICE

  • Network accessline 17
    Archify originated from Cocoon-AI/architecture-diagram-generator: https://github.com/Cocoon-AI/architecture-diagram-generator
  • Network accessline 18
    https://github.com/Cocoon-AI/architecture-diagram-generator

archify/THIRD_PARTY_NOTICES.md

  • Network accessline 16
    Most of the built-in vector paths and their metadata were generated from [Simple Icons 16.28.0](https://github.com/simple-icons/simple-icons/tree/16.28.0).
  • Network accessline 17
    [Simple Icons 16.28.0](https://github.com/simple-icons/simple-icons/tree/16.28.0).
  • Network accessline 19
    [CC0 1.0 Universal](https://github.com/simple-icons/simple-icons/blob/16.28.0/LICENSE.md).
  • Network accessline 21
    As Simple Icons explains in its [disclaimer](https://github.com/simple-icons/simple-icons/blob/16.28.0/DISCLAIMER.md),
  • Network accessline 22
    [disclaimer](https://github.com/simple-icons/simple-icons/blob/16.28.0/DISCLAIMER.md),
  • Network accessline 31
    | Mark | Recorded source | Recorded license | Archify treatment | |---|---|---|---| | Angular | [Angular press kit](https://angular.dev/press-kit) | [`CC-BY-4.0`](https://creativecommons.org/licenses/by/4.0/) | Embedded as vector-path data;
  • Network accessline 32
    |---|---|---|---| | Angular | [Angular press kit](https://angular.dev/press-kit) | [`CC-BY-4.0`](https://creativecommons.org/licenses/by/4.0/) | Embedded as vector-path data; color may be changed by the authored diagram. | | Apache Airflow 
  • Network accessline 33
    | Angular | [Angular press kit](https://angular.dev/press-kit) | [`CC-BY-4.0`](https://creativecommons.org/licenses/by/4.0/) | Embedded as vector-path data; color may be changed by the authored diagram. |
  • Network accessline 34
    | Apache Airflow | [Apache logos](https://apache.org/logos) | [`Apache-2.0`](https://www.apache.org/licenses/LICENSE-2.0) | Embedded as vector-path data; Apache trademarks remain subject to the [ASF trademark policy](https://www.apache.org/
  • Network accessline 35
    | Apache Kafka | [Apache logos](https://apache.org/logos) | [`Apache-2.0`](https://www.apache.org/licenses/LICENSE-2.0) | Embedded as vector-path data; Apache trademarks remain subject to the [ASF trademark policy](https://www.apache.org/fo
  • Network accessline 36
    | .NET | [.NET brand repository](https://github.com/dotnet/brand/blob/c7d0f51b8ec59531332d05fb27a5b758a7a3d689/logo/dotnet-logo.svg) | [`CC0-1.0`](https://creativecommons.org/publicdomain/zero/1.0/) | Embedded as vector-path data; color may
  • Network accessline 37
    | JavaScript | [JS community logo](https://github.com/voodootikigod/logo.js/blob/1544bdeed6d618a6cfe4f0650d04ab8d9cfa76d9/js.svg) | [`MIT`](https://github.com/voodootikigod/logo.js/blob/1544bdeed6d618a6cfe4f0650d04ab8d9cfa76d9/LICENSE) | Em
  • Network accessline 38
    | Jenkins | [Jenkins artwork source](https://get.jenkins.io/art/) | [`CC-BY-SA-3.0`](https://creativecommons.org/licenses/by-sa/3.0/) | Embedded as vector-path data; color may be changed by the authored diagram. Jenkins retains its trademar
  • Network accessline 39
    | Rust | [Rust project](https://www.rust-lang.org) | [`CC-BY-SA-4.0`](https://creativecommons.org/licenses/by-sa/4.0/) | Embedded as vector-path data; color may be changed by the authored diagram. See the [Rust media guide](https://www.rust
  • Network accessline 40
    | Vue.js | [Vue logo source](https://github.com/vuejs/art/blob/a1c78b74569b70a25300925b4eacfefcc143b8f6/logo.svg) | [`CC-BY-NC-SA-4.0`](https://creativecommons.org/licenses/by-nc-sa/4.0/) | Embedded as vector-path data; color may be changed
  • Network accessline 47
    The OpenAI vector path is recorded from the [OpenAI brand guidelines](https://openai.com/brand/), not from Simple Icons.
  • Network accessline 48
    [OpenAI brand guidelines](https://openai.com/brand/), not from Simple Icons.
  • Network accessline 58
    browser and operating-system rasterization can differ. JetBrains Mono is maintained at [github.com/JetBrains/JetBrainsMono](https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 59
    JetBrains Mono is maintained at [github.com/JetBrains/JetBrainsMono](https://github.com/JetBrains/JetBrainsMono) and is distributed under the SIL Open Font License 1.1. The complete license
  • Network accessline 60
    [github.com/JetBrains/JetBrainsMono](https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 67
    The explainer renders Mermaid chart fences with an unmodified subset of [Pele 1.3.0](https://github.com/obsidianmd/pele), copyright (c) 2026 kepano,
  • Network accessline 68
    [Pele 1.3.0](https://github.com/obsidianmd/pele), copyright (c) 2026 kepano,

archify/assets/JetBrainsMono-OFL.txt

  • Network accessline 1
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 3
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 5
    https://openfontlicense.org

archify/assets/template.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5393
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>{{i18n:vie
  • Network accessline 5394
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>{{i18n:viewer.guide.credi
  • Network accessline 5395
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>{{i18n:viewer.guide.credit}}</span><span class="diagram-guide-credit-link"><span class="diagram-guide-star" aria-hidden
  • Network accessline 6267
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6268
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6269
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6294
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6296
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6370
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6371
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7482
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7483
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7484
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8381
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8382
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8383
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 9959
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 9960
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 9961
    var namespace = 'http://www.w3.org/2000/svg';

archify/bin/archify.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

archify/bin/delivery-update.mjs

  • Executable scriptline 1
    Executable file

archify/bin/finalize.mjs

  • Executable scriptline 1
    Executable file

archify/bin/open-artifact.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 138
    }   if (url.protocol !== 'http:' || url.hostname !== '127.0.0.1' || !url.port) {     throw new TypeError('Preview URL must be a loopback URL using http://127.0.0.1:<port>.');
  • Network accessline 139
    if (url.protocol !== 'http:' || url.hostname !== '127.0.0.1' || !url.port) {     throw new TypeError('Preview URL must be a loopback URL using http://127.0.0.1:<port>.');   }
  • Network accessline 140
    throw new TypeError('Preview URL must be a loopback URL using http://127.0.0.1:<port>.');

archify/bin/preview.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 446
    let url;     try {       url = new URL(req.url, `http://${expectedHost}`);
  • Network accessline 447
    try {       url = new URL(req.url, `http://${expectedHost}`);     } catch {
  • Network accessline 448
    url = new URL(req.url, `http://${expectedHost}`);
  • Network accessline 522
    const url = `http://${loopbackHost}:${port}/`;

archify/bin/recover-output.mjs

  • Executable scriptline 1
    Executable file

archify/bin/visual-check.mjs

  • Executable scriptline 1
    Executable file

archify/brand-marks/catalog.json

  • Network accessline 12
    "hex": "000000",         "path": "M11.248 18.25q-.825 0-1.568-.314a4.3 4.3 0 0 1-1.32-.874 4 4 0 0 1-1.304.214 4 4 0 0 1-2.046-.544 4.27 4.27 0 0 1-1.518-1.485 4 4 0 0 1-.56-2.095q0-.48.131-1.04A4.4 4.4 0 0 1 2.04 10.71a4.07 4.07 0 0 1 .017
  • Network accessline 13
    "path": "M11.248 18.25q-.825 0-1.568-.314a4.3 4.3 0 0 1-1.32-.874 4 4 0 0 1-1.304.214 4 4 0 0 1-2.046-.544 4.27 4.27 0 0 1-1.518-1.485 4 4 0 0 1-.56-2.095q0-.48.131-1.04A4.4 4.4 0 0 1 2.04 10.71a4.07 4.07 0 0 1 .017-3.4 4.2 4.2 0 0 1 1.056-
  • Network accessline 14
    "source": "https://openai.com/brand/",
  • Network accessline 15
    "guidelines": "https://openai.com/brand/"

archify/delta/architecture-delta.mjs

  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 781
    .proof-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 0 10px}.view-switch{display:inline-flex;padding:3px;border:1px solid var(--d-line);border-radius:8px;background:#0a141e}.view-switch button,.uti
  • Possible obfuscationline 784
    .canvas{overflow:hidden;border:1px solid var(--d-line);border-radius:10px;background:#09141e;padding:12px;min-height:520px}.canvas svg{display:block;width:100%;height:auto;max-height:72vh}.canvas[hidden]{display:none}.snapshot-frame{display
  • Network accessline 1001
    if (!source) throw new Error('Canonical Delta SVG is unavailable.');     const clone = source.cloneNode(true);     const metadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 1002
    const clone = source.cloneNode(true);     const metadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');     metadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 1003
    const metadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 1005
    metadata.textContent = JSON.parse(document.getElementById('archify-software-notices').textContent);     clone.insertBefore(metadata, clone.firstChild);     clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 1006
    clone.insertBefore(metadata, clone.firstChild);     clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');     clone.removeAttribute('style');
  • Network accessline 1007
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 1008
    clone.removeAttribute('style');     clone.querySelectorAll('[data-delta-review-current]').forEach((element) => element.removeAttribute('data-delta-review-current'));     const style = document.createElementNS('http://www.w3.org/2000/svg', '
  • Network accessline 1009
    clone.querySelectorAll('[data-delta-review-current]').forEach((element) => element.removeAttribute('data-delta-review-current'));     const style = document.createElementNS('http://www.w3.org/2000/svg', 'style');     style.textContent = exp
  • Network accessline 1010
    const style = document.createElementNS('http://www.w3.org/2000/svg', 'style');

archify/examples/class-payment-processors-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5650
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5651
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5652
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6486
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6487
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6488
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6513
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6515
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6589
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6590
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7701
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7702
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7703
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8600
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8601
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8602
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10178
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10179
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10180
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/class-payments-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5450
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5451
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5452
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6286
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6287
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6288
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6313
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6315
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6389
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6390
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7501
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7502
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7503
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8400
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8401
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8402
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 9978
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 9979
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 9980
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/dataflow-product-analytics.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5509
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5510
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5511
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6379
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6380
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6381
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6406
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6408
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6482
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6483
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7594
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7595
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7596
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8493
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8494
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8495
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10071
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10072
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10073
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/delivery.explainer.json

  • Network accessline 145
    "id": "get-doc",       "title": "Redis GET:不存在的键返回空值",       "url": "https://redis.io/docs/latest/commands/get/"
  • Network accessline 146
    "title": "Redis GET:不存在的键返回空值",       "url": "https://redis.io/docs/latest/commands/get/"     },
  • Network accessline 147
    "url": "https://redis.io/docs/latest/commands/get/"
  • Network accessline 150
    "id": "set-doc",       "title": "Redis SET:设置键值",       "url": "https://redis.io/docs/latest/commands/set/"
  • Network accessline 151
    "title": "Redis SET:设置键值",       "url": "https://redis.io/docs/latest/commands/set/"     }
  • Network accessline 152
    "url": "https://redis.io/docs/latest/commands/set/"

archify/examples/erd-orders-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5741
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5742
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5743
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6611
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6612
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6613
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6638
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6640
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6714
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6715
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7826
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7827
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7828
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8725
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8726
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8727
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10303
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10304
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10305
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/lifecycle-agent-run.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5535
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5536
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5537
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6391
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6392
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6393
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6418
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6420
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6494
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6495
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7606
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7607
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7608
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8505
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8506
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8507
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10083
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10084
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10085
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/sequence-cache-miss-request.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5524
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5525
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5526
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6394
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6395
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6396
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6421
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6423
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6497
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6498
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7609
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7610
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7611
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8508
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8509
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8510
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10086
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10087
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10088
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/subscription-billing-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 6010
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 6011
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 6012
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6868
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6869
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6870
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6895
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6897
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6971
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6972
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 8083
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8084
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 8085
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8982
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8983
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8984
    var svgNamespace = 'http://www.w3.org/2000/svg';

archify/examples/timeline-archify-dev-activity-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5665
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5666
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5667
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6501
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6502
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6503
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6528
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6530
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6604
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6605
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7716
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7717
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7718
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8615
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8616
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8617
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10193
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10194
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10195
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/timeline-payment-incident-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5435
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5436
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5437
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6271
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6272
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6273
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6298
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6300
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6374
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6375
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7486
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7487
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7488
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8385
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8386
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8387
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 9963
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 9964
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 9965
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/tree-archify-repository-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5734
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5735
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5736
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6570
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6571
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6572
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6597
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6599
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6673
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6674
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7785
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7786
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7787
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8684
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8685
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8686
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10262
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10263
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10264
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/tree-payment-platform-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5473
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5474
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5475
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6309
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6310
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6311
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6336
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6338
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6412
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6413
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7524
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7525
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7526
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8423
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8424
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8425
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10001
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10002
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10003
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/waterfall-checkout-request-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5417
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5418
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5419
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6253
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6254
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6255
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6280
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6282
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6356
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6357
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7468
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7469
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7470
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8367
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8368
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8369
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 9945
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 9946
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 9947
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/waterfall-example-rebuild-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5603
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5604
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5605
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6439
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6440
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6441
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6466
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6468
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6542
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6543
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7654
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7655
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7656
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8553
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8554
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8555
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10131
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10132
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10133
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/web-app-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5520
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5521
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5522
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6388
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6389
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6390
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6415
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6417
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6491
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6492
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7603
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7604
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7605
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8502
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8503
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8504
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10080
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10081
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10082
    var namespace = 'http://www.w3.org/2000/svg';

archify/examples/workflow-agent-tool-call-rendered.html

  • Network accessline 39
    No local() source: an installed copy must not override the bundled font. Uncovered characters (including CJK) still use the system fallback stack. Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 41
    Upstream: https://github.com/JetBrains/JetBrainsMono
  • Network accessline 50
    Copyright 2020 The JetBrains Mono Project Authors (https://github.com/JetBrains/JetBrainsMono)
  • Network accessline 52
    This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
  • Network accessline 54
    https://openfontlicense.org
  • Network accessline 1021
    }     .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d=
  • Network accessline 1022
    .diagram-nav-icon.find {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 1
  • Network accessline 1023
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='blac
  • Network accessline 1024
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='8.5' cy='8.5' r='4.5' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='m12 12 4 4' fill='none' stroke='black' strok
  • Network accessline 1025
    }     .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7
  • Network accessline 1026
    .diagram-nav-icon.guide {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3
  • Network accessline 1027
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2
  • Network accessline 1028
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='7' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.8 7.3a2.4 2.4 0 014.6.9c0 1.8-2.4 2-2.4 3.7M1
  • Network accessline 1029
    }     .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%
  • Network accessline 1030
    .diagram-nav-icon.minus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg
  • Network accessline 1031
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1032
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1033
    }     .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='roun
  • Network accessline 1034
    .diagram-nav-icon.plus {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E
  • Network accessline 1035
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1036
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
  • Network accessline 1082
    mask: var(--nav-glyph) center / contain no-repeat;     }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='
  • Network accessline 1083
    }     .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14
  • Network accessline 1084
    .diagram-nav #btn-route-probe { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='4.8' cy='14.8' r=
  • Network accessline 1085
    .diagram-nav #btn-overview-map { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'%3E%3Cpath d='M2.8 5.4 7.4 3.5l5
  • Network accessline 1086
    .diagram-nav #btn-semantic-lens { --nav-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7'%3E%3Ccircle cx='10' cy='10' r='6.8'/%3E%3Ccircle cx='1
  • Network accessline 2313
    height: 0.62rem;       background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fi
  • Network accessline 2314
    background: currentColor;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black
  • Network accessline 2315
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-line
  • Network accessline 2316
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='ro
  • Network accessline 2318
    .diagram-guide-credit:hover .diagram-guide-star,     .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1
  • Network accessline 2319
    .diagram-guide-credit:focus-visible .diagram-guide-star {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.
  • Network accessline 2320
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='
  • Network accessline 2321
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1.6l1.9 3.9 4.3.6-3.1 3 .7 4.3L8 11.4l-3.8 2 .7-4.3-3.1-3 4.3-.6z' stroke='black' stroke-width='1.3' stroke-linejoin='round'/%
  • Network accessline 2796
    /* Panel glyphs: a frame with the panel drawn on the side it moves to. */     .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.o
  • Network accessline 2797
    .rail-control-icon.placement,     #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-widt
  • Network accessline 2798
    #rail-placement[data-placement="right"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' 
  • Network accessline 2799
    #rail-placement[data-placement="bottom"] .rail-control-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8'
  • Network accessline 2800
    .rail-control-icon.collapse { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='m8 5.5 4.5 4.5L8 14.5' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 2801
    .rail-reveal-icon { --rail-glyph: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='2.8' y='3.8' width='14.4' height='12.4' rx='2'/%3E%3Cp
  • Network accessline 2929
    transform: translateX(-3px);       transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stro
  • Network accessline 2930
    transition: opacity 0.16s ease, transform 0.16s ease;       -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' strok
  • Network accessline 2931
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") ce
  • Network accessline 2932
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m4.5 3 3 3-3 3' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / c
  • Network accessline 3338
    [aria-expanded="true"] > .toolbar-chevron { transform: rotate(180deg); }     [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='non
  • Network accessline 3339
    [data-theme="light"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='1
  • Network accessline 3340
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v
  • Network accessline 3341
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cg fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='3.1'/%3E%3Cpath d='M10 2.2v1.4M10 1
  • Network accessline 3342
    }     [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='bl
  • Network accessline 3343
    [data-theme="dark"] #theme-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' s
  • Network accessline 3344
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round
  • Network accessline 3345
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M15.2 12.7A6.3 6.3 0 017.3 4.8a6.3 6.3 0 107.9 7.9Z' fill='none' stroke='black' stroke-width='1.7' stroke-linejoin='round'/%3E%3C
  • Network accessline 3346
    }     #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' 
  • Network accessline 3347
    #btn-present[aria-pressed="false"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='
  • Network accessline 3348
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3349
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 3.2h-4v4M12.8 3.2h4v4M7.2 16.8h-4v-4M12.8 16.8h4v-4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3350
    }     #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' f
  • Network accessline 3351
    #btn-present[aria-pressed="true"] #present-icon {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='n
  • Network accessline 3352
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='r
  • Network accessline 3353
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M7.2 7.2h-4v-4M12.8 7.2h4v-4M7.2 12.8h-4v4M12.8 12.8h4v4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round'/%3
  • Network accessline 3354
    }     .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' strok
  • Network accessline 3355
    .toolbar-chevron {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-line
  • Network accessline 3356
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3
  • Network accessline 3357
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3594
    color: var(--frontend-stroke);       background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-wi
  • Network accessline 3595
    background: currentColor;       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke
  • Network accessline 3596
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"
  • Network accessline 3598
    -webkit-mask-repeat: no-repeat;       -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='
  • Network accessline 3599
    -webkit-mask-size: contain;       mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linej
  • Network accessline 3600
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8.5 3 3 7-7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  • Network accessline 3776
    .toolbar .export-menu button[data-action="route-share-card"]::before,     .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' vie
  • Network accessline 3777
    .toolbar .export-menu button[data-action="reach-share-card"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d
  • Network accessline 3778
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.
  • Network accessline 3779
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 4.5h14v11H3zM6 12l2.5-2.5 2 2 1.5-1.5 2 2'/%3E%3Ccircle cx='13.8' cy='7.3' r='1.
  • Network accessline 3780
    }     .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='no
  • Network accessline 3781
    .toolbar .export-menu button[data-action^="copy"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' st
  • Network accessline 3782
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 
  • Network accessline 3783
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Crect x='6' y='6' width='10' height='10' rx='1.5' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M4 13H3.5A1.5 1.5 0 012 11.5
  • Network accessline 3786
    .toolbar .export-menu button[data-format="jpeg"]::before,     .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3787
    .toolbar .export-menu button[data-format="webp"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black
  • Network accessline 3788
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' f
  • Network accessline 3789
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 2.5h7l3 3v12H5zM12 2.5v3h3' fill='none' stroke='black' stroke-width='1.7'/%3E%3Cpath d='M7.5 14l2-2 1.5 1.5 1.5-1.5' fill='non
  • Network accessline 3791
    .toolbar .export-menu button[data-format^="svg"]::before,     .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpa
  • Network accessline 3792
    .toolbar .export-menu button[data-format="webm"]::before {       -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill
  • Network accessline 3793
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 3794
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 2.5l7 4v7l-7 4-7-4v-7zM3 6.5l7 4 7-4M10 10.5v7' fill='none' stroke='black' stroke-width='1.7'/%3E%3C/svg%3E");
  • Network accessline 5084
    }   </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcep
  • Network accessline 5085
    </style> <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept wh
  • Network accessline 5086
    <script type="application/json" id="archify-software-notices">"NOTICE\nArchify\nCopyright (c) 2026 tt-a1i (Archify)\nCopyright (c) 2025 Cocoon AI\n\nArchify is distributed under the Apache License, Version 2.0 (LICENSE),\nexcept where a fil
  • Network accessline 5550
    </div>         <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archi
  • Network accessline 5551
    <p class="diagram-guide-feedback" id="diagram-guide-feedback" aria-live="polite"></p>         <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A st
  • Network accessline 5552
    <a class="diagram-guide-credit" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span>Find Archify useful? A star on GitHub helps</span><span class="diagram-guide-credit-link"><span class="diagram-guide-st
  • Network accessline 6406
    var softwareNotices = document.getElementById('archify-software-notices');         if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6407
    if (softwareNotices) {           var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');           softwareMetadata.setAttribute('id', 'archify-software-notices');
  • Network accessline 6408
    var softwareMetadata = document.createElementNS('http://www.w3.org/2000/svg', 'metadata');
  • Network accessline 6433
    clone.style.height = vb.height * scale + 'px';         clone.style.minWidth = '0';         clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6435
    clone.setAttribute('xmlns', 'http://www.w3.org/2000/svg');
  • Network accessline 6509
    var style = document.createElementNS('http://www.w3.org/2000/svg', 'style');
  • Network accessline 6510
    var bgRect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
  • Network accessline 7621
    // waterfall spans in proportion to their measured time. Motion Governor       // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 7622
    // plans the timeline and per-element keyframes; viewer.css owns looks.       var SVG_NS = 'http://www.w3.org/2000/svg';       var choreography = svg ? (svg.getAttribute('data-motion-choreography') || 'relay') : 'relay';
  • Network accessline 7623
    var SVG_NS = 'http://www.w3.org/2000/svg';
  • Network accessline 8520
    var reachabilityMode = null;       var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 8521
    var activeReachability = null;       var svgNamespace = 'http://www.w3.org/2000/svg';       var reducedMotionQuery = window.matchMedia ? window.matchMedia('(prefers-reduced-motion: reduce)') : null;
  • Network accessline 8522
    var svgNamespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10098
    var svg = container.querySelector(':scope > svg');       var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';
  • Network accessline 10099
    var status = document.getElementById('intent-trace-status');       var namespace = 'http://www.w3.org/2000/svg';       var activeId = null;
  • Network accessline 10100
    var namespace = 'http://www.w3.org/2000/svg';

archify/explainer/browser-check.mjs

  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 202
    const failures=[...(entry.overflowX?[{name:'horizontal-overflow',reason:'Rendered content exceeds the horizontal viewport.',component:entry.overflowElements[0]?.component || 'document'}]:[]),...entry.keyboardIssues.map(x=>({name:'keyboard',

archify/explainer/charts.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/check.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/diagrams.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/diff.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/inline.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/layout.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/page-bundle.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/parse.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 182
    if (['meta','answer'].includes(type) && rows.length) fail(rows[0].line+1,type,'This directive accepts header arguments only.','@meta locale=en quality_profile=showcase');       if (type==='source') {         if (positional.length!==1) fail(
  • Network accessline 183
    if (type==='source') {         if (positional.length!==1) fail(at+1,type,'Source declarations require an ID.','@source docs title="Documentation" url=https://example.com/docs');         const source={id:positional[0],...select(a,['title','u
  • Network accessline 184
    if (positional.length!==1) fail(at+1,type,'Source declarations require an ID.','@source docs title="Documentation" url=https://example.com/docs');

archify/explainer/patch.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/prepare.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/reader.js

  • Executable scriptline 1
    Executable file
  • Network accessline 269
    clone.style.width = `${width}px`;     const xhtml = new XMLSerializer().serializeToString(clone);     const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><foreignObject x="0" y="0" width="${width}" heigh
  • Network accessline 270
    const xhtml = new XMLSerializer().serializeToString(clone);     const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><foreignObject x="0" y="0" width="${width}" height="${height}">${xhtml}</foreignObject>
  • Network accessline 271
    const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><foreignObject x="0" y="0" width="${width}" height="${height}">${xhtml}</foreignObject></svg>`;
  • Possible obfuscationline 373
    const bytes = Uint8Array.from(atob(diagram.htmlGzip),character=>character.charCodeAt(0));

archify/explainer/render.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 29
    const mark = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 360" fill="none"><path d="M151 94 81 164C67 178 60 191 60 212V248H97V212C97 204 100 199 106 193L179 120Z" fill="#0856F5"/><path d="M238 135C252 132 261 126 270 116L321 1
  • Possible obfuscationline 32
    en:{answer:'Answer',answerMark:'A',scope:'Applies to',sources:'Sources',print:'Print / PDF',image:'Long image',imageHints:['Sharpest','Smallest','Opens anywhere'],export:'Export',style:'Style',styles:{clean:'Clean',editorial:'Editorial',pro
  • Possible obfuscationline 77
    case 'diagram': { const diagram = diagrams[block.id]; if (!diagram?.svg || !diagram?.html) unavailable(block,`Missing prepared native diagram: ${block.id}`); const title = diagram.spec?.meta?.title || block.id; const svg = staticSvg(diagram
  • Network accessline 117
    const pinned = Object.values(sources).find(source=>source?.path && source.revision)?.revision;   const facts = [words.facts.panels(document.panels.length),Object.keys(diagrams).length && words.facts.diagrams(Object.keys(diagrams).length),ci
  • Network accessline 118
    const facts = [words.facts.panels(document.panels.length),Object.keys(diagrams).length && words.facts.diagrams(Object.keys(diagrams).length),citations.size && words.facts.sources(citations.size),pinned && words.facts.pinned(String(pinned).s
  • Network accessline 119
    const colophon = `<div class="colophon"><a class="colophon-brand" href="https://github.com/tt-a1i/archify" target="_blank" rel="noopener noreferrer"><span class="colophon-mark" aria-hidden="true">${mark}</span><span class="colophon-words"><
  • Possible obfuscationline 128
    return `<!doctype html>\n<html lang="${escape(locale)}" data-style="${escape(document.meta.style || 'clean')}" data-archify-artifact="explainer" data-artifact="${escape(document.meta.id)}" data-revision="${revision}"><head><meta charset="ut

archify/explainer/revision.mjs

  • Executable scriptline 1
    Executable file

archify/explainer/sources.mjs

  • Executable scriptline 1
    Executable file
  • Access to secretsline 14
    [Credential-related source omitted]
  • Network accessline 200
    let url; try { url = new URL(entry.url); } catch {}       if (!url || !['https:', 'http:'].includes(url.protocol) || url.username || url.password || /[\u0000-\u0020\u007f]/.test(entry.url)) fail(context, `${pointer}/url`, 'source', 'source-
  • Network accessline 201
    if (!url || !['https:', 'http:'].includes(url.protocol) || url.username || url.password || /[\u0000-\u0020\u007f]/.test(entry.url)) fail(context, `${pointer}/url`, 'source', 'source-url',         'Source links require credential-free HTTP(S
  • Network accessline 202
    'Source links require credential-free HTTP(S) URLs.', 'Use https://example.com/article.');
  • Network accessline 231
    'repository-evidence/revision-invalid': 'git rev-parse HEAD',         'repository-evidence/revision-unavailable': 'git rev-parse HEAD',         'repository-evidence/url-invalid': '{"url":"https://github.com/owner/repository"}',
  • Network accessline 232
    'repository-evidence/revision-unavailable': 'git rev-parse HEAD',         'repository-evidence/url-invalid': '{"url":"https://github.com/owner/repository"}',         'repository-evidence/origin-mismatch': 'git remote get-url origin',
  • Network accessline 233
    'repository-evidence/url-invalid': '{"url":"https://github.com/owner/repository"}',

archify/explainer/validate.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 109
    const pointer=`/sources/${si}`;text(source.title,`${pointer}/title`,'source');     if(source.lines&&source.lines[1]<source.lines[0])fail('source-lines',`${pointer}/lines`,'source','The repository line range must be ordered.','lines=10:20');
  • Network accessline 110
    if(source.lines&&source.lines[1]<source.lines[0])fail('source-lines',`${pointer}/lines`,'source','The repository line range must be ordered.','lines=10:20');     if(source.url) {let url;try{url=new URL(source.url);}catch{}if(!url||!['http:'
  • Network accessline 111
    if(source.url) {let url;try{url=new URL(source.url);}catch{}if(!url||!['http:','https:'].includes(url.protocol)||url.username||url.password||/[\u0000-\u0020\u007f]/u.test(source.url))fail('source-url',`${pointer}/url`,'source','Source URLs 

archify/explainer/vendor/pele/LICENSE

  • Network accessline 25
    The reset icon of the zoom controls is "rotate-ccw" from Lucide v1.14.0 (https://lucide.dev), under the ISC License:
  • Network accessline 26
    (https://lucide.dev), under the ISC License:

archify/explainer/vendor/pele/README.md

  • Network accessline 3
    Pele 1.3.0 (MIT, <https://github.com/obsidianmd/pele>), from the npm tarball `pele-1.3.0.tgz` (sha256 `8c55d4f2335367c31e77550dfbbd00c99533c432b9323aa37730188c0a355da5`).

archify/explainer/vendor/pele/chunks/3DKXF73K.js

  • Possible obfuscationline 1
    import{c as g}from"./XTDUIGUI.js";var b=new WeakMap;function S(n){let e=n.map((r,o)=>o),s=[];for(let r=0;r<128;r++){let o=String.fromCharCode(r);s.push(e.filter(f=>{let{pattern:l,first:d}=n[f];return typeof l=="string"?l[0]===o:d===void 0||
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 2
    `},W={name:"WHITESPACE",pattern:/[\t ]+/y,hidden:!0,first:"	 "},G={name:"YAML",pattern:/---[\t ]*\r?\n(?:[\S\s]*?\r?\n)?---(?:\r?\n|(?!\S))/y,hidden:!0,opener:/---[\t ]*\r?\n/y,first:"-"},O={name:"DIRECTIVE",pattern:/[\t ]*%%{[\S\s]*?}%%(?:

archify/explainer/vendor/pele/chunks/42UTT654.js

  • Possible obfuscationline 1
    import{a as v}from"./RVARI57O.js";import{c as kt}from"./DKTLEL5E.js";import{a as xt,c as Ut,d as nt,e as At,g as it}from"./GUJTEFZK.js";import{b as Qt,c as w,d as z,i as bt,k as Lt,l as It,m as Pt,n as Ot,o as pt}from"./IZOKQ2GT.js";import{
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 3
    `,r);return E===-1?n:E},G=r=>{for(;t.charCodeAt(r)===32;)r++;return r},T=r=>{for(;r<n&&xt(t.charCodeAt(r));)r++;return r},q=r=>{let E=t.charCodeAt(r);if(E===49)return r+1;if(E!==48)return-1;let C=r+1;if(C<n&&!Ut(t.charCodeAt(C))&&nt(t.charC

archify/explainer/vendor/pele/chunks/DKTLEL5E.js

  • Executable scriptline 1
    Executable file

archify/explainer/vendor/pele/chunks/EEIX5ZYH.js

  • Possible obfuscationline 1
    import{a as F,d as L,f as ct,g as K}from"./GUJTEFZK.js";import{b as G,c as z,d as J,k as Z,m as ht,n as ut,o as B}from"./IZOKQ2GT.js";import{a as V,c as H,g as ft}from"./XTDUIGUI.js";function $(c){let e=c.trim();return e.length>=2&&e.starts
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 2
    `,e);return a===-1?this.src.length:a}next(){let e=this.src,a=e.length;for(;;){let t=this.at;if(this.start=t,this.text="",t>=a)return this.ended?0:(this.ended=!0,2);let n=e.charCodeAt(t);if(n===37&&e.charCodeAt(t+1)===37&&e.charCodeAt(t+2)!=

archify/explainer/vendor/pele/chunks/EJ5KOXYD.js

  • Possible obfuscationline 1
    var g=class{constructor(t){this.message=t}message},S=64;function Y(e,t,l){t==="__proto__"?Object.defineProperty(e,t,{value:l,enumerable:!0,writable:!0,configurable:!0}):e[t]=l}var y=class{lines;i=0;constructor(t){this.lines=t.replace(/\r\n?
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 6
    ",_:" ",L:"\u2028",P:"\u2029"};function E(e){if(!e.includes( `))return e;let t=e.split( `),l=t.length-1;for(let n=0;n<=l;n++){let s=t[n],r=0,i=s.length;if(n>0)for(;r<i&&(s.charCodeAt(r)===32||s.charCodeAt(r)===9);)r++;if(n<l)for(;i>r&&(s.ch
  • Possible obfuscationline 12
    `,t);t=s===-1?e.length:s}else break}return t}function N(e,t){if(!t)throw new Error("YAML: missed comma between flow collection entries");if(e===",")throw new Error("YAML: expected the node content, but found ','")}function d(e,t,l,n=0){if(n
  • Possible obfuscationline 26
    `)?"":" ")+i,e.i++}return V(s)}function x(e,t,l=0){if(l>S)throw new Error("YAML: nesting is too deep");if(e.skipBlank(),e.i>=e.lines.length)return null;let n=e.indent();if(n<t)return null;let s=e.lines[e.i].slice(n);if(s==="-"||s.startsWith

archify/explainer/vendor/pele/chunks/GUJTEFZK.js

  • Executable scriptline 1
    Executable file

archify/explainer/vendor/pele/chunks/IZOKQ2GT.js

  • Possible obfuscationline 1
    import{d as $,f as I}from"./XTDUIGUI.js";var H=/[&<>"\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/,P=/[&<>"]|[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]+/g,U={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;"};function b(t){return H.test(t)?t.replace(P,e=>U[e]??""):t
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 2
    `),i=1/0;for(let n of e){if(n.trim()==="")continue;let s=n.length-n.trimStart().length;s<i&&(i=s)}return i===1/0||i===0?t:e.map(n=>n.slice(Math.min(i,n.length-n.trimStart().length))).join( `)}function R(t,e,i){if(e==="")return;let n=$(e),s=
  • Possible obfuscationline 3
    `)}function R(t,e,i){if(e==="")return;let n=$(e),s=t[t.length-1];s&&s.style===i&&s.icon===void 0?s.text+=n:t.push({text:n,style:i,width:0})}function ot(t,e,i){if(!e.includes(":fa-")){R(t,e,i);return}let n=0;B.lastIndex=0;let s;for(;(s=B.exe

archify/explainer/vendor/pele/chunks/L4LY553T.js

  • Possible obfuscationline 1
    import{a as F}from"./RVARI57O.js";import{c as Ne}from"./DKTLEL5E.js";import{a as Zt,d as at,e as qt,g as Ie}from"./GUJTEFZK.js";import{a as Ce,b as te,c as f,d as st,m as ee,n as $e,o as ne}from"./IZOKQ2GT.js";import{a as Se,c as Jt,g as Le
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 3
    `,r);return A===-1?e:A},o=r=>{for(;r<e&&Zt(n.charCodeAt(r));)r++;return r},M=r=>{for(;at(n.charCodeAt(r));)r++;return r},m=r=>F(n,t,r)&&!Ie(n.charCodeAt(t+r.length));for(;t<e;){let r=n.charCodeAt(t);if(l===5){if(r===34)t++,_();else{let x=n.

archify/explainer/vendor/pele/chunks/MSKIJHB2.js

  • Possible obfuscationline 1
    import{a as ae,b as ce}from"./DKTLEL5E.js";import{a as le,b as fe,c as de,d as pe,e as he,f as me,g as ue,h as ge,i as $e,j as be,k as B,l as we,m as ye,n as Me,o as Pe,p as xe}from"./3DKXF73K.js";import{b as F,c as o,d as G,m as U,n as se,
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 2
    `):void 0,showData:i.showData,sections:t}}function Ae(i,e){let t=e;for(let n=i.charCodeAt(t);n>=48&&n<=57;n=i.charCodeAt(t))t++;return t}function Re(){let i=0,e=0,t=-1;return(n,c)=>{let s=n.charCodeAt(c)===45?c+1:c;if((s<i||s>=e)&&(i=s,e=Ae

archify/explainer/vendor/pele/chunks/RVARI57O.js

  • Executable scriptline 1
    Executable file

archify/explainer/vendor/pele/chunks/UKSIWDDN.js

  • Possible obfuscationline 1
    import{a as ge,b as xe}from"./DKTLEL5E.js";import{a as he,b as q,c as be,d as ye,e as ke,f as $e,g as Re,h as Ae,i as we,j as ve,k as Me,l as Ce,m as Ee,n as Te,o as Le,p as Oe}from"./3DKXF73K.js";import{b as V,c,d as j,m as Z,n as fe,o as 
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 2
    `):void 0,axes:n,curves:i,options:a}}var ee=0,z=0;function _e(t,e){let n=e;for(let i=t.charCodeAt(n);i>=48&&i<=57;i=t.charCodeAt(n))n++;return n}function He(t,e){(e<ee||e>=z)&&(ee=e,z=_e(t,e));let n=z;if(n===e)return-1;let i=t.charCodeAt(n)

archify/explainer/vendor/pele/chunks/UPTXNAXN.js

  • Possible obfuscationline 1
    import{a as ue,b as fe}from"./DKTLEL5E.js";import{g as oe}from"./GUJTEFZK.js";import{a as Q,b as F,c as k,d as ie,k as ae,m as J,n as le,o as ce}from"./IZOKQ2GT.js";import{a as ne,c as re,g as se}from"./XTDUIGUI.js";var B=class{type="sankey
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 2
    `).trim()}function ye(t,r){let{types:n,texts:o,starts:f}=ge(t),c=0,m=h=>{let $=n[c],d=$===1?q[n[c-1]]:q[$];throw re("sankey",t,f[c],`Expecting ${h}, got '${d}'`)},l=(h,$="")=>{n[c]!==h&&m(`'${q[h]}'${$}`),c++},p=()=>{if(n[c]===6)return o[c+

archify/explainer/vendor/pele/chunks/XTDUIGUI.js

  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 8
    ${r}`;return new p(s,"syntax",{type:e,...o})}var z="amp:38,lt:60,gt:62,quot:34,apos:39,nbsp:160,iexcl:161,cent:162,pound:163,curren:164,yen:165,sect:167,copy:169,laquo:171,not:172,reg:174,deg:176,plusmn:177,sup2:178,sup3:179,micro:181,para:

archify/explainer/vendor/pele/chunks/YAYTP6L5.js

  • Possible obfuscationline 1
    import{a as he}from"./EJ5KOXYD.js";import{a as ye}from"./GUJTEFZK.js";import{a as I,d as ne,e as ge,h as re}from"./XTDUIGUI.js";var We=[["flowchart",/^\s*flowchart-elk/],["mindmap",/^\s*mindmap/],["architecture",/^\s*architecture/],["agentf
  • Executable scriptline 1
    Executable file
  • Possible obfuscationline 8
    `,o+1))s++;t=t.slice(d.length)}return t=$e(t,i),{text:He(t),title:a,config:i,withComments:t,lineOffset:s}}var Ne=/#\w+;/g,Be=/^\+?\d+$/,se=new RegExp("[\\n\\r\u2028\u2029]","g");function be(e,t){let n=e.indexOf(t);if(n===-1)return e;let i="

archify/explainer/vendor/pele/core.js

  • Executable scriptline 1
    Executable file

archify/explainer/vendor/pele/diagrams/pie.js

  • Executable scriptline 1
    Executable file

archify/explainer/vendor/pele/diagrams/quadrantChart.js

  • Executable scriptline 1
    Executable file

archify/explainer/vendor/pele/diagrams/radar.js

  • Executable scriptline 1
    Executable file

archify/explainer/vendor/pele/diagrams/sankey.js

  • Executable scriptline 1
    Executable file

archify/explainer/vendor/pele/diagrams/venn.js

  • Executable scriptline 1
    Executable file

archify/explainer/vendor/pele/diagrams/xychart.js

  • Executable scriptline 1
    Executable file

archify/explainer/writing.mjs

  • Executable scriptline 1
    Executable file

archify/locales/README.md

  • Network accessline 33
    The Arabic catalog localizes copy only. Reader text/chrome direction and scene geometry are unchanged; full RTL support is tracked in [#935](https://github.com/tt-a1i/archify/issues/935).
  • Network accessline 34
    geometry are unchanged; full RTL support is tracked in [#935](https://github.com/tt-a1i/archify/issues/935).

archify/migrations/workflow-v2.mjs

  • Executable scriptline 1
    Executable file

archify/package-lock.json

  • Network accessline 22
    "node_modules/ajv": {       "version": "8.20.0",       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
  • Network accessline 23
    "version": "8.20.0",       "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",       "integrity": "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==",
  • Network accessline 24
    "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.20.0.tgz",
  • Network accessline 34
    "funding": {         "type": "github",         "url": "https://github.com/sponsors/epoberezkin"
  • Network accessline 35
    "type": "github",         "url": "https://github.com/sponsors/epoberezkin"       }
  • Network accessline 36
    "url": "https://github.com/sponsors/epoberezkin"
  • Network accessline 39
    "node_modules/fast-deep-equal": {       "version": "3.1.3",       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
  • Network accessline 40
    "version": "3.1.3",       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
  • Network accessline 41
    "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
  • Network accessline 46
    "node_modules/fast-uri": {       "version": "3.1.7",       "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.7.tgz",
  • Network accessline 47
    "version": "3.1.7",       "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.7.tgz",       "integrity": "sha512-dOvZVzjdZdz7phd9v6jCbwxrBW3fK6n8Rc0CtdmM4bumzMnxywBYhuph6J819RRw/ku+rLbelwfMunktuzVVHg==",
  • Network accessline 48
    "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.7.tgz",
  • Network accessline 52
    {           "type": "github",           "url": "https://github.com/sponsors/fastify"
  • Network accessline 53
    "type": "github",           "url": "https://github.com/sponsors/fastify"         },
  • Network accessline 54
    "url": "https://github.com/sponsors/fastify"
  • Network accessline 56
    {           "type": "opencollective",           "url": "https://opencollective.com/fastify"
  • Network accessline 57
    "type": "opencollective",           "url": "https://opencollective.com/fastify"         }
  • Network accessline 58
    "url": "https://opencollective.com/fastify"
  • Network accessline 63
    "node_modules/json-schema-traverse": {       "version": "1.0.0",       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
  • Network accessline 64
    "version": "1.0.0",       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",       "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
  • Network accessline 65
    "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
  • Network accessline 70
    "node_modules/require-from-string": {       "version": "2.0.2",       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
  • Network accessline 71
    "version": "2.0.2",       "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",       "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
  • Network accessline 72
    "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
  • Network accessline 80
    "node_modules/simple-icons": {       "version": "16.28.0",       "resolved": "https://registry.npmjs.org/simple-icons/-/simple-icons-16.28.0.tgz",
  • Network accessline 81
    "version": "16.28.0",       "resolved": "https://registry.npmjs.org/simple-icons/-/simple-icons-16.28.0.tgz",       "integrity": "sha512-sQPR5AtK/ijRjou7zw7mlLp08oB6FH7i0lOy5XJ2zp9mJs/yejgiOn7KvQoe2q4YJIx6VmgUSW5AOefebPt5kg==",
  • Network accessline 82
    "resolved": "https://registry.npmjs.org/simple-icons/-/simple-icons-16.28.0.tgz",
  • Network accessline 86
    {           "type": "opencollective",           "url": "https://opencollective.com/simple-icons"
  • Network accessline 87
    "type": "opencollective",           "url": "https://opencollective.com/simple-icons"         },
  • Network accessline 88
    "url": "https://opencollective.com/simple-icons"
  • Network accessline 90
    {           "type": "github",           "url": "https://github.com/sponsors/simple-icons"
  • Network accessline 91
    "type": "github",           "url": "https://github.com/sponsors/simple-icons"         }
  • Network accessline 92
    "url": "https://github.com/sponsors/simple-icons"

archify/package.json

  • Executable scriptline 1
    Executable file

archify/recipes/scenarios.mjs

  • Executable scriptline 1
    Executable file

archify/references/authoring-contract.md

  • Network accessline 575
    {   "url": "https://gitee.com/team/service",
  • Network accessline 576
    "url": "https://gitee.com/team/service",
  • Network accessline 583
    {   "url": "https://git.example.com/platform/payments/service",
  • Network accessline 584
    "url": "https://git.example.com/platform/payments/service",
  • Network accessline 598
    {   "url": "http://git.internal:3000/Platform/Services/service",
  • Network accessline 599
    "url": "http://git.internal:3000/Platform/Services/service",

archify/references/brand-marks.md

  • Network accessline 30
    node bin/archify.mjs brands capture "https://partner.example.com" --json
  • Network accessline 39
    "label": "Partner portal",      "brand": {        "url": "https://partner.example.com",
  • Network accessline 40
    "brand": {        "url": "https://partner.example.com",        "sha256": "0123456789abcdef0123456789abcdef0123456789abcdef0123456789abcdef"
  • Network accessline 41
    "url": "https://partner.example.com",

archify/references/explainer-authoring.md

  • Network accessline 20
    @answer scope="TLS 1.3 · first visit · no proxy" @meta locale=en @source rfc8446 title="RFC 8446: TLS 1.3" url=https://www.rfc-editor.org/rfc/rfc8446
  • Network accessline 22
    @source rfc8446 title="RFC 8446: TLS 1.3" url=https://www.rfc-editor.org/rfc/rfc8446

archify/references/viewer-runtime.md

  • Network accessline 20
    `data-reading-link-template` on that reader's `html` element. Supply an absolute HTTP, HTTPS or file URL containing exactly one `{state}` marker, for example `https://example.test/architecture#page=mechanism&reader={state}`. Native Focus,
  • Network accessline 21
    HTTP, HTTPS or file URL containing exactly one `{state}` marker, for example `https://example.test/architecture#page=mechanism&reader={state}`. Native Focus, Relationship, Reach, Route and Lens copy actions replace the marker with their
  • Network accessline 22
    `https://example.test/architecture#page=mechanism&reader={state}`. Native Focus,

archify/renderers/architecture/grid.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/architecture/labels.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/architecture/render-architecture.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/architecture/routing.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/class/render-class.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/dataflow/dataflow-compiler.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/dataflow/joint-label-routing.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/dataflow/label-capacity.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/dataflow/render-dataflow.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/erd/grid.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/erd/render-erd.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/explainer/render-explainer.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/lifecycle/render-lifecycle.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/sequence/render-sequence.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/atomic-output.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/automatic-labels.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/brand-marks.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 384
    // HTML numeric references in the C1 range use the legacy Windows-1252 mapping. // https://html.spec.whatwg.org/multipage/parsing.html#numeric-character-reference-end-state
  • Network accessline 385
    // https://html.spec.whatwg.org/multipage/parsing.html#numeric-character-reference-end-state

archify/renderers/shared/cli.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/desktop-readability.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/diagnostics.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/engineering-profiles.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/generated-brand-marks.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 16
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://airtable.com/newsroom"
  • Network accessline 17
    "providerVersion": "16.28.0",       "source": "https://airtable.com/newsroom"     }
  • Network accessline 18
    "source": "https://airtable.com/newsroom"
  • Network accessline 36
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.alibabagroup.com/en/ir/reports"
  • Network accessline 37
    "providerVersion": "16.28.0",       "source": "https://www.alibabagroup.com/en/ir/reports"     }
  • Network accessline 38
    "source": "https://www.alibabagroup.com/en/ir/reports"
  • Network accessline 53
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://angular.dev/press-kit",
  • Network accessline 54
    "providerVersion": "16.28.0",       "source": "https://angular.dev/press-kit",       "guidelines": "https://angular.dev/press-kit",
  • Network accessline 55
    "source": "https://angular.dev/press-kit",
  • Network accessline 56
    "guidelines": "https://angular.dev/press-kit",
  • Network accessline 57
    "license": {         "type": "CC-BY-4.0",         "url": "https://spdx.org/licenses/CC-BY-4.0"
  • Network accessline 58
    "type": "CC-BY-4.0",         "url": "https://spdx.org/licenses/CC-BY-4.0"       }
  • Network accessline 59
    "url": "https://spdx.org/licenses/CC-BY-4.0"
  • Network accessline 75
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.ansible.com/logos"
  • Network accessline 76
    "providerVersion": "16.28.0",       "source": "https://www.ansible.com/logos"     }
  • Network accessline 77
    "source": "https://www.ansible.com/logos"
  • Network accessline 92
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.anthropic.com"
  • Network accessline 93
    "providerVersion": "16.28.0",       "source": "https://www.anthropic.com"     }
  • Network accessline 94
    "source": "https://www.anthropic.com"
  • Network accessline 111
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://apache.org/logos",
  • Network accessline 112
    "providerVersion": "16.28.0",       "source": "https://apache.org/logos",       "guidelines": "https://www.apache.org/foundation/marks",
  • Network accessline 113
    "source": "https://apache.org/logos",
  • Network accessline 114
    "guidelines": "https://www.apache.org/foundation/marks",
  • Network accessline 115
    "license": {         "type": "Apache-2.0",         "url": "https://spdx.org/licenses/Apache-2.0"
  • Network accessline 116
    "type": "Apache-2.0",         "url": "https://spdx.org/licenses/Apache-2.0"       }
  • Network accessline 117
    "url": "https://spdx.org/licenses/Apache-2.0"
  • Network accessline 135
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://apache.org/logos",
  • Network accessline 136
    "providerVersion": "16.28.0",       "source": "https://apache.org/logos",       "guidelines": "https://www.apache.org/foundation/marks",
  • Network accessline 137
    "source": "https://apache.org/logos",
  • Network accessline 138
    "guidelines": "https://www.apache.org/foundation/marks",
  • Network accessline 139
    "license": {         "type": "Apache-2.0",         "url": "https://spdx.org/licenses/Apache-2.0"
  • Network accessline 140
    "type": "Apache-2.0",         "url": "https://spdx.org/licenses/Apache-2.0"       }
  • Network accessline 141
    "url": "https://spdx.org/licenses/Apache-2.0"
  • Network accessline 160
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/cncf/artwork/blob/c2e619cdf85e8bac090ceca7c0834c5cfedf9426/projects/argo/icon/black/argo-icon-black.svg"
  • Network accessline 161
    "providerVersion": "16.28.0",       "source": "https://github.com/cncf/artwork/blob/c2e619cdf85e8bac090ceca7c0834c5cfedf9426/projects/argo/icon/black/argo-icon-black.svg"     }
  • Network accessline 162
    "source": "https://github.com/cncf/artwork/blob/c2e619cdf85e8bac090ceca7c0834c5cfedf9426/projects/argo/icon/black/argo-icon-black.svg"
  • Network accessline 177
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://asana.com/brand",
  • Network accessline 178
    "providerVersion": "16.28.0",       "source": "https://asana.com/brand",       "guidelines": "https://asana.com/brand"
  • Network accessline 179
    "source": "https://asana.com/brand",
  • Network accessline 180
    "guidelines": "https://asana.com/brand"
  • Network accessline 195
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://atlassian.design/resources/logo-library",
  • Network accessline 196
    "providerVersion": "16.28.0",       "source": "https://atlassian.design/resources/logo-library",       "guidelines": "https://atlassian.design/foundations/logos"
  • Network accessline 197
    "source": "https://atlassian.design/resources/logo-library",
  • Network accessline 198
    "guidelines": "https://atlassian.design/foundations/logos"
  • Network accessline 215
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://circleci.com/press"
  • Network accessline 216
    "providerVersion": "16.28.0",       "source": "https://circleci.com/press"     }
  • Network accessline 217
    "source": "https://circleci.com/press"
  • Network accessline 234
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://claude.ai"
  • Network accessline 235
    "providerVersion": "16.28.0",       "source": "https://claude.ai"     }
  • Network accessline 236
    "source": "https://claude.ai"
  • Network accessline 251
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/ClickHouse/ClickHouse/blob/12bd453a43819176d25ecf247033f6cb1af54beb/website/images/logo-clickhouse.svg"
  • Network accessline 252
    "providerVersion": "16.28.0",       "source": "https://github.com/ClickHouse/ClickHouse/blob/12bd453a43819176d25ecf247033f6cb1af54beb/website/images/logo-clickhouse.svg"     }
  • Network accessline 253
    "source": "https://github.com/ClickHouse/ClickHouse/blob/12bd453a43819176d25ecf247033f6cb1af54beb/website/images/logo-clickhouse.svg"
  • Network accessline 268
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.cloudflare.com/logo/",
  • Network accessline 269
    "providerVersion": "16.28.0",       "source": "https://www.cloudflare.com/logo/",       "guidelines": "https://www.cloudflare.com/trademark/"
  • Network accessline 270
    "source": "https://www.cloudflare.com/logo/",
  • Network accessline 271
    "guidelines": "https://www.cloudflare.com/trademark/"
  • Network accessline 286
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://cloudinary.com"
  • Network accessline 287
    "providerVersion": "16.28.0",       "source": "https://cloudinary.com"     }
  • Network accessline 288
    "source": "https://cloudinary.com"
  • Network accessline 303
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.databricks.com",
  • Network accessline 304
    "providerVersion": "16.28.0",       "source": "https://www.databricks.com",       "guidelines": "https://brand.databricks.com/Styleguide/Guide/"
  • Network accessline 305
    "source": "https://www.databricks.com",
  • Network accessline 306
    "guidelines": "https://brand.databricks.com/Styleguide/Guide/"
  • Network accessline 321
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.datadoghq.com/about/resources",
  • Network accessline 322
    "providerVersion": "16.28.0",       "source": "https://www.datadoghq.com/about/resources",       "guidelines": "https://www.datadoghq.com/about/resources/"
  • Network accessline 323
    "source": "https://www.datadoghq.com/about/resources",
  • Network accessline 324
    "guidelines": "https://www.datadoghq.com/about/resources/"
  • Network accessline 339
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.deepseek.com"
  • Network accessline 340
    "providerVersion": "16.28.0",       "source": "https://www.deepseek.com"     }
  • Network accessline 341
    "source": "https://www.deepseek.com"
  • Network accessline 358
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.digitalocean.com/press/",
  • Network accessline 359
    "providerVersion": "16.28.0",       "source": "https://www.digitalocean.com/press/",       "guidelines": "https://www.digitalocean.com/press/"
  • Network accessline 360
    "source": "https://www.digitalocean.com/press/",
  • Network accessline 361
    "guidelines": "https://www.digitalocean.com/press/"
  • Network accessline 376
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://discord.com/branding",
  • Network accessline 377
    "providerVersion": "16.28.0",       "source": "https://discord.com/branding",       "guidelines": "https://discord.com/branding"
  • Network accessline 378
    "source": "https://discord.com/branding",
  • Network accessline 379
    "guidelines": "https://discord.com/branding"
  • Network accessline 394
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.djangoproject.com/community/logos/"
  • Network accessline 395
    "providerVersion": "16.28.0",       "source": "https://www.djangoproject.com/community/logos/"     }
  • Network accessline 396
    "source": "https://www.djangoproject.com/community/logos/"
  • Network accessline 411
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.docker.com/company/newsroom/media-resources"
  • Network accessline 412
    "providerVersion": "16.28.0",       "source": "https://www.docker.com/company/newsroom/media-resources"     }
  • Network accessline 413
    "source": "https://www.docker.com/company/newsroom/media-resources"
  • Network accessline 430
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/dotnet/brand/blob/c7d0f51b8ec59531332d05fb27a5b758a7a3d689/logo/dotnet-logo.svg",
  • Network accessline 431
    "providerVersion": "16.28.0",       "source": "https://github.com/dotnet/brand/blob/c7d0f51b8ec59531332d05fb27a5b758a7a3d689/logo/dotnet-logo.svg",       "guidelines": "https://github.com/dotnet/brand/blob/c7d0f51b8ec59531332d05fb27a5b758a7
  • Network accessline 432
    "source": "https://github.com/dotnet/brand/blob/c7d0f51b8ec59531332d05fb27a5b758a7a3d689/logo/dotnet-logo.svg",
  • Network accessline 433
    "guidelines": "https://github.com/dotnet/brand/blob/c7d0f51b8ec59531332d05fb27a5b758a7a3d689/dotnet-styleGuide-2024.pdf",
  • Network accessline 434
    "license": {         "type": "CC0-1.0",         "url": "https://spdx.org/licenses/CC0-1.0"
  • Network accessline 435
    "type": "CC0-1.0",         "url": "https://spdx.org/licenses/CC0-1.0"       }
  • Network accessline 436
    "url": "https://spdx.org/licenses/CC0-1.0"
  • Network accessline 454
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.elastic.co/brand"
  • Network accessline 455
    "providerVersion": "16.28.0",       "source": "https://www.elastic.co/brand"     }
  • Network accessline 456
    "source": "https://www.elastic.co/brand"
  • Network accessline 471
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://about.meta.com/brand/resources/facebook/logo",
  • Network accessline 472
    "providerVersion": "16.28.0",       "source": "https://about.meta.com/brand/resources/facebook/logo",       "guidelines": "https://about.meta.com/brand/resources/facebook/logo"
  • Network accessline 473
    "source": "https://about.meta.com/brand/resources/facebook/logo",
  • Network accessline 474
    "guidelines": "https://about.meta.com/brand/resources/facebook/logo"
  • Network accessline 489
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/tiangolo/fastapi/blob/ffb4f77a11f83132b521ba0aac6c95792c19e797/docs/en/docs/img/icon-white.svg"
  • Network accessline 490
    "providerVersion": "16.28.0",       "source": "https://github.com/tiangolo/fastapi/blob/ffb4f77a11f83132b521ba0aac6c95792c19e797/docs/en/docs/img/icon-white.svg"     }
  • Network accessline 491
    "source": "https://github.com/tiangolo/fastapi/blob/ffb4f77a11f83132b521ba0aac6c95792c19e797/docs/en/docs/img/icon-white.svg"
  • Network accessline 506
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.figma.com/using-the-figma-brand/",
  • Network accessline 507
    "providerVersion": "16.28.0",       "source": "https://www.figma.com/using-the-figma-brand/",       "guidelines": "https://www.figma.com/using-the-figma-brand/"
  • Network accessline 508
    "source": "https://www.figma.com/using-the-figma-brand/",
  • Network accessline 509
    "guidelines": "https://www.figma.com/using-the-figma-brand/"
  • Network accessline 524
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://firebase.google.com/brand-guidelines",
  • Network accessline 525
    "providerVersion": "16.28.0",       "source": "https://firebase.google.com/brand-guidelines",       "guidelines": "https://firebase.google.com/brand-guidelines"
  • Network accessline 526
    "source": "https://firebase.google.com/brand-guidelines",
  • Network accessline 527
    "guidelines": "https://firebase.google.com/brand-guidelines"
  • Network accessline 542
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/pallets/flask/blob/85c5d93cbd049c4bd0679c36fd1ddcae8c37b642/docs/_static/flask-icon.svg"
  • Network accessline 543
    "providerVersion": "16.28.0",       "source": "https://github.com/pallets/flask/blob/85c5d93cbd049c4bd0679c36fd1ddcae8c37b642/docs/_static/flask-icon.svg"     }
  • Network accessline 544
    "source": "https://github.com/pallets/flask/blob/85c5d93cbd049c4bd0679c36fd1ddcae8c37b642/docs/_static/flask-icon.svg"
  • Network accessline 561
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://fly.io/docs/about/brand",
  • Network accessline 562
    "providerVersion": "16.28.0",       "source": "https://fly.io/docs/about/brand",       "guidelines": "https://fly.io/docs/about/brand"
  • Network accessline 563
    "source": "https://fly.io/docs/about/brand",
  • Network accessline 564
    "guidelines": "https://fly.io/docs/about/brand"
  • Network accessline 579
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/logos",
  • Network accessline 580
    "providerVersion": "16.28.0",       "source": "https://github.com/logos",       "guidelines": "https://github.com/logos"
  • Network accessline 581
    "source": "https://github.com/logos",
  • Network accessline 582
    "guidelines": "https://github.com/logos"
  • Network accessline 595
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/features/actions"
  • Network accessline 596
    "providerVersion": "16.28.0",       "source": "https://github.com/features/actions"     }
  • Network accessline 597
    "source": "https://github.com/features/actions"
  • Network accessline 612
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://about.gitlab.com/press/press-kit/",
  • Network accessline 613
    "providerVersion": "16.28.0",       "source": "https://about.gitlab.com/press/press-kit/",       "guidelines": "https://about.gitlab.com/handbook/marketing/corporate-marketing/brand-activation/trademark-guidelines/"
  • Network accessline 614
    "source": "https://about.gitlab.com/press/press-kit/",
  • Network accessline 615
    "guidelines": "https://about.gitlab.com/handbook/marketing/corporate-marketing/brand-activation/trademark-guidelines/"
  • Network accessline 632
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://blog.golang.org/go-brand",
  • Network accessline 633
    "providerVersion": "16.28.0",       "source": "https://blog.golang.org/go-brand",       "guidelines": "https://blog.golang.org/go-brand"
  • Network accessline 634
    "source": "https://blog.golang.org/go-brand",
  • Network accessline 635
    "guidelines": "https://blog.golang.org/go-brand"
  • Network accessline 653
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://cloud.google.com"
  • Network accessline 654
    "providerVersion": "16.28.0",       "source": "https://cloud.google.com"     }
  • Network accessline 655
    "source": "https://cloud.google.com"
  • Network accessline 672
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://gemini.google.com"
  • Network accessline 673
    "providerVersion": "16.28.0",       "source": "https://gemini.google.com"     }
  • Network accessline 674
    "source": "https://gemini.google.com"
  • Network accessline 689
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://grafana.com"
  • Network accessline 690
    "providerVersion": "16.28.0",       "source": "https://grafana.com"     }
  • Network accessline 691
    "source": "https://grafana.com"
  • Network accessline 706
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://helm.sh"
  • Network accessline 707
    "providerVersion": "16.28.0",       "source": "https://helm.sh"     }
  • Network accessline 708
    "source": "https://helm.sh"
  • Network accessline 723
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.hubspot.com/style-guide",
  • Network accessline 724
    "providerVersion": "16.28.0",       "source": "https://www.hubspot.com/style-guide",       "guidelines": "https://www.hubspot.com/style-guide"
  • Network accessline 725
    "source": "https://www.hubspot.com/style-guide",
  • Network accessline 726
    "guidelines": "https://www.hubspot.com/style-guide"
  • Network accessline 743
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://huggingface.co/brand",
  • Network accessline 744
    "providerVersion": "16.28.0",       "source": "https://huggingface.co/brand",       "guidelines": "https://huggingface.co/brand"
  • Network accessline 745
    "source": "https://huggingface.co/brand",
  • Network accessline 746
    "guidelines": "https://huggingface.co/brand"
  • Network accessline 763
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://influxdata.github.io/branding/logo/downloads/",
  • Network accessline 764
    "providerVersion": "16.28.0",       "source": "https://influxdata.github.io/branding/logo/downloads/",       "guidelines": "https://influxdata.github.io/branding/logo/usage/"
  • Network accessline 765
    "source": "https://influxdata.github.io/branding/logo/downloads/",
  • Network accessline 766
    "guidelines": "https://influxdata.github.io/branding/logo/usage/"
  • Network accessline 781
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://about.meta.com/brand/resources/instagram",
  • Network accessline 782
    "providerVersion": "16.28.0",       "source": "https://about.meta.com/brand/resources/instagram",       "guidelines": "https://about.meta.com/brand/resources/instagram"
  • Network accessline 783
    "source": "https://about.meta.com/brand/resources/instagram",
  • Network accessline 784
    "guidelines": "https://about.meta.com/brand/resources/instagram"
  • Network accessline 799
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.intercom.com/press",
  • Network accessline 800
    "providerVersion": "16.28.0",       "source": "https://www.intercom.com/press",       "guidelines": "https://www.intercom.com/press"
  • Network accessline 801
    "source": "https://www.intercom.com/press",
  • Network accessline 802
    "guidelines": "https://www.intercom.com/press"
  • Network accessline 817
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/voodootikigod/logo.js/blob/1544bdeed6d618a6cfe4f0650d04ab8d9cfa76d9/js.svg",
  • Network accessline 818
    "providerVersion": "16.28.0",       "source": "https://github.com/voodootikigod/logo.js/blob/1544bdeed6d618a6cfe4f0650d04ab8d9cfa76d9/js.svg",       "license": {
  • Network accessline 819
    "source": "https://github.com/voodootikigod/logo.js/blob/1544bdeed6d618a6cfe4f0650d04ab8d9cfa76d9/js.svg",
  • Network accessline 820
    "license": {         "type": "MIT",         "url": "https://spdx.org/licenses/MIT"
  • Network accessline 821
    "type": "MIT",         "url": "https://spdx.org/licenses/MIT"       }
  • Network accessline 822
    "url": "https://spdx.org/licenses/MIT"
  • Network accessline 838
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://get.jenkins.io/art/",
  • Network accessline 839
    "providerVersion": "16.28.0",       "source": "https://get.jenkins.io/art/",       "guidelines": "https://www.jenkins.io/press/",
  • Network accessline 840
    "source": "https://get.jenkins.io/art/",
  • Network accessline 841
    "guidelines": "https://www.jenkins.io/press/",
  • Network accessline 842
    "license": {         "type": "CC-BY-SA-3.0",         "url": "https://spdx.org/licenses/CC-BY-SA-3.0"
  • Network accessline 843
    "type": "CC-BY-SA-3.0",         "url": "https://spdx.org/licenses/CC-BY-SA-3.0"       }
  • Network accessline 844
    "url": "https://spdx.org/licenses/CC-BY-SA-3.0"
  • Network accessline 860
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://atlassian.design/resources/logo-library",
  • Network accessline 861
    "providerVersion": "16.28.0",       "source": "https://atlassian.design/resources/logo-library",       "guidelines": "https://atlassian.design/foundations/logos/"
  • Network accessline 862
    "source": "https://atlassian.design/resources/logo-library",
  • Network accessline 863
    "guidelines": "https://atlassian.design/foundations/logos/"
  • Network accessline 880
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/kubernetes/kubernetes/tree/cac53883f4714452f3084a22e4be20d042a9df33/logo"
  • Network accessline 881
    "providerVersion": "16.28.0",       "source": "https://github.com/kubernetes/kubernetes/tree/cac53883f4714452f3084a22e4be20d042a9df33/logo"     }
  • Network accessline 882
    "source": "https://github.com/kubernetes/kubernetes/tree/cac53883f4714452f3084a22e4be20d042a9df33/logo"
  • Network accessline 897
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://linear.app"
  • Network accessline 898
    "providerVersion": "16.28.0",       "source": "https://linear.app"     }
  • Network accessline 899
    "source": "https://linear.app"
  • Network accessline 916
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://mariadb.com/about-us/logos/",
  • Network accessline 917
    "providerVersion": "16.28.0",       "source": "https://mariadb.com/about-us/logos/",       "guidelines": "https://mariadb.com/about-us/logos/"
  • Network accessline 918
    "source": "https://mariadb.com/about-us/logos/",
  • Network accessline 919
    "guidelines": "https://mariadb.com/about-us/logos/"
  • Network accessline 936
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.meta.com",
  • Network accessline 937
    "providerVersion": "16.28.0",       "source": "https://www.meta.com",       "guidelines": "https://www.facebook.com/brand/resources/meta/company-brand"
  • Network accessline 938
    "source": "https://www.meta.com",
  • Network accessline 939
    "guidelines": "https://www.facebook.com/brand/resources/meta/company-brand"
  • Network accessline 954
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://miro.com"
  • Network accessline 955
    "providerVersion": "16.28.0",       "source": "https://miro.com"     }
  • Network accessline 956
    "source": "https://miro.com"
  • Network accessline 973
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://chat.mistral.ai"
  • Network accessline 974
    "providerVersion": "16.28.0",       "source": "https://chat.mistral.ai"     }
  • Network accessline 975
    "source": "https://chat.mistral.ai"
  • Network accessline 992
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.mongodb.com/pressroom"
  • Network accessline 993
    "providerVersion": "16.28.0",       "source": "https://www.mongodb.com/pressroom"     }
  • Network accessline 994
    "source": "https://www.mongodb.com/pressroom"
  • Network accessline 1009
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.mysql.com/about/legal/logos.html",
  • Network accessline 1010
    "providerVersion": "16.28.0",       "source": "https://www.mysql.com/about/legal/logos.html",       "guidelines": "https://www.mysql.com/about/legal/logos.html"
  • Network accessline 1011
    "source": "https://www.mysql.com/about/legal/logos.html",
  • Network accessline 1012
    "guidelines": "https://www.mysql.com/about/legal/logos.html"
  • Network accessline 1027
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://neon.com/brand",
  • Network accessline 1028
    "providerVersion": "16.28.0",       "source": "https://neon.com/brand",       "guidelines": "https://neon.com/brand"
  • Network accessline 1029
    "source": "https://neon.com/brand",
  • Network accessline 1030
    "guidelines": "https://neon.com/brand"
  • Network accessline 1045
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.netlify.com/press/",
  • Network accessline 1046
    "providerVersion": "16.28.0",       "source": "https://www.netlify.com/press/",       "guidelines": "https://www.netlify.com/press/"
  • Network accessline 1047
    "source": "https://www.netlify.com/press/",
  • Network accessline 1048
    "guidelines": "https://www.netlify.com/press/"
  • Network accessline 1066
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://vercel.com/design/brands#next-js",
  • Network accessline 1067
    "providerVersion": "16.28.0",       "source": "https://vercel.com/design/brands#next-js",       "guidelines": "https://vercel.com/design/brands#next-js"
  • Network accessline 1068
    "source": "https://vercel.com/design/brands#next-js",
  • Network accessline 1069
    "guidelines": "https://vercel.com/design/brands#next-js"
  • Network accessline 1087
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://nodejs.org/en/about/branding",
  • Network accessline 1088
    "providerVersion": "16.28.0",       "source": "https://nodejs.org/en/about/branding",       "guidelines": "https://nodejs.org/en/about/branding"
  • Network accessline 1089
    "source": "https://nodejs.org/en/about/branding",
  • Network accessline 1090
    "guidelines": "https://nodejs.org/en/about/branding"
  • Network accessline 1105
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.notion.so"
  • Network accessline 1106
    "providerVersion": "16.28.0",       "source": "https://www.notion.so"     }
  • Network accessline 1107
    "source": "https://www.notion.so"
  • Network accessline 1122
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/ollama/ollama/issues/2152#issuecomment-1905286922"
  • Network accessline 1123
    "providerVersion": "16.28.0",       "source": "https://github.com/ollama/ollama/issues/2152#issuecomment-1905286922"     }
  • Network accessline 1124
    "source": "https://github.com/ollama/ollama/issues/2152#issuecomment-1905286922"
  • Network accessline 1143
    "provenance": {       "provider": "Official brand asset",       "source": "https://openai.com/brand/",
  • Network accessline 1144
    "provider": "Official brand asset",       "source": "https://openai.com/brand/",       "guidelines": "https://openai.com/brand/"
  • Network accessline 1145
    "source": "https://openai.com/brand/",
  • Network accessline 1146
    "guidelines": "https://openai.com/brand/"
  • Network accessline 1163
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://openrouter.ai"
  • Network accessline 1164
    "providerVersion": "16.28.0",       "source": "https://openrouter.ai"     }
  • Network accessline 1165
    "source": "https://openrouter.ai"
  • Network accessline 1182
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://opensearch.org/trademark-brand-policy.html",
  • Network accessline 1183
    "providerVersion": "16.28.0",       "source": "https://opensearch.org/trademark-brand-policy.html",       "guidelines": "https://opensearch.org/trademark-brand-policy.html"
  • Network accessline 1184
    "source": "https://opensearch.org/trademark-brand-policy.html",
  • Network accessline 1185
    "guidelines": "https://opensearch.org/trademark-brand-policy.html"
  • Network accessline 1202
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.pagerduty.com/brand/",
  • Network accessline 1203
    "providerVersion": "16.28.0",       "source": "https://www.pagerduty.com/brand/",       "guidelines": "https://www.pagerduty.com/brand/"
  • Network accessline 1204
    "source": "https://www.pagerduty.com/brand/",
  • Network accessline 1205
    "guidelines": "https://www.pagerduty.com/brand/"
  • Network accessline 1220
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.paypal.com/us",
  • Network accessline 1221
    "providerVersion": "16.28.0",       "source": "https://www.paypal.com/us",       "guidelines": "https://newsroom.paypal-corp.com/media-resources"
  • Network accessline 1222
    "source": "https://www.paypal.com/us",
  • Network accessline 1223
    "guidelines": "https://newsroom.paypal-corp.com/media-resources"
  • Network accessline 1238
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.perplexity.ai"
  • Network accessline 1239
    "providerVersion": "16.28.0",       "source": "https://www.perplexity.ai"     }
  • Network accessline 1240
    "source": "https://www.perplexity.ai"
  • Network accessline 1255
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://business.pinterest.com/en/brand-guidelines",
  • Network accessline 1256
    "providerVersion": "16.28.0",       "source": "https://business.pinterest.com/en/brand-guidelines",       "guidelines": "https://business.pinterest.com/en/brand-guidelines"
  • Network accessline 1257
    "source": "https://business.pinterest.com/en/brand-guidelines",
  • Network accessline 1258
    "guidelines": "https://business.pinterest.com/en/brand-guidelines"
  • Network accessline 1275
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://planetscale.com"
  • Network accessline 1276
    "providerVersion": "16.28.0",       "source": "https://planetscale.com"     }
  • Network accessline 1277
    "source": "https://planetscale.com"
  • Network accessline 1294
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://wiki.postgresql.org/wiki/Logo",
  • Network accessline 1295
    "providerVersion": "16.28.0",       "source": "https://wiki.postgresql.org/wiki/Logo",       "guidelines": "https://www.postgresql.org/about/policies/trademarks/"
  • Network accessline 1296
    "source": "https://wiki.postgresql.org/wiki/Logo",
  • Network accessline 1297
    "guidelines": "https://www.postgresql.org/about/policies/trademarks/"
  • Network accessline 1312
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/prisma/presskit/tree/4bcb64181f266723439d955d60afa1c55fefa715"
  • Network accessline 1313
    "providerVersion": "16.28.0",       "source": "https://github.com/prisma/presskit/tree/4bcb64181f266723439d955d60afa1c55fefa715"     }
  • Network accessline 1314
    "source": "https://github.com/prisma/presskit/tree/4bcb64181f266723439d955d60afa1c55fefa715"
  • Network accessline 1329
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://prometheus.io"
  • Network accessline 1330
    "providerVersion": "16.28.0",       "source": "https://prometheus.io"     }
  • Network accessline 1331
    "source": "https://prometheus.io"
  • Network accessline 1346
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.pulumi.com",
  • Network accessline 1347
    "providerVersion": "16.28.0",       "source": "https://www.pulumi.com",       "guidelines": "https://www.pulumi.com/brand/"
  • Network accessline 1348
    "source": "https://www.pulumi.com",
  • Network accessline 1349
    "guidelines": "https://www.pulumi.com/brand/"
  • Network accessline 1364
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.python.org/community/logos/",
  • Network accessline 1365
    "providerVersion": "16.28.0",       "source": "https://www.python.org/community/logos/",       "guidelines": "https://www.python.org/community/logos/"
  • Network accessline 1366
    "source": "https://www.python.org/community/logos/",
  • Network accessline 1367
    "guidelines": "https://www.python.org/community/logos/"
  • Network accessline 1382
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/pytorch/pytorch.github.io/blob/8f083bd12192ca12d5e1c1f3d236f4831d823d8f/assets/images/logo.svg",
  • Network accessline 1383
    "providerVersion": "16.28.0",       "source": "https://github.com/pytorch/pytorch.github.io/blob/8f083bd12192ca12d5e1c1f3d236f4831d823d8f/assets/images/logo.svg",       "guidelines": "https://github.com/pytorch/pytorch.github.io/blob/381117
  • Network accessline 1384
    "source": "https://github.com/pytorch/pytorch.github.io/blob/8f083bd12192ca12d5e1c1f3d236f4831d823d8f/assets/images/logo.svg",
  • Network accessline 1385
    "guidelines": "https://github.com/pytorch/pytorch.github.io/blob/381117ec296f002b2de475402ef29cca6c55e209/assets/brand-guidelines/PyTorch-Brand-Guidelines.pdf"
  • Network accessline 1400
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://qwen.ai"
  • Network accessline 1401
    "providerVersion": "16.28.0",       "source": "https://qwen.ai"     }
  • Network accessline 1402
    "source": "https://qwen.ai"
  • Network accessline 1419
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.rabbitmq.com",
  • Network accessline 1420
    "providerVersion": "16.28.0",       "source": "https://www.rabbitmq.com",       "guidelines": "https://www.rabbitmq.com/trademark-guidelines.html"
  • Network accessline 1421
    "source": "https://www.rabbitmq.com",
  • Network accessline 1422
    "guidelines": "https://www.rabbitmq.com/trademark-guidelines.html"
  • Network accessline 1438
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://railway.app"
  • Network accessline 1439
    "providerVersion": "16.28.0",       "source": "https://railway.app"     }
  • Network accessline 1440
    "source": "https://railway.app"
  • Network accessline 1457
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/facebook/create-react-app/blob/282c03f9525fdf8061ffa1ec50dce89296d916bd/test/fixtures/relative-paths/src/logo.svg"
  • Network accessline 1458
    "providerVersion": "16.28.0",       "source": "https://github.com/facebook/create-react-app/blob/282c03f9525fdf8061ffa1ec50dce89296d916bd/test/fixtures/relative-paths/src/logo.svg"     }
  • Network accessline 1459
    "source": "https://github.com/facebook/create-react-app/blob/282c03f9525fdf8061ffa1ec50dce89296d916bd/test/fixtures/relative-paths/src/logo.svg"
  • Network accessline 1474
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.redditinc.com/brand",
  • Network accessline 1475
    "providerVersion": "16.28.0",       "source": "https://www.redditinc.com/brand",       "guidelines": "https://www.redditinc.com/brand"
  • Network accessline 1476
    "source": "https://www.redditinc.com/brand",
  • Network accessline 1477
    "guidelines": "https://www.redditinc.com/brand"
  • Network accessline 1492
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://redis.io/brand-guidelines",
  • Network accessline 1493
    "providerVersion": "16.28.0",       "source": "https://redis.io/brand-guidelines",       "guidelines": "https://redis.io/brand-guidelines"
  • Network accessline 1494
    "source": "https://redis.io/brand-guidelines",
  • Network accessline 1495
    "guidelines": "https://redis.io/brand-guidelines"
  • Network accessline 1510
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://render.com"
  • Network accessline 1511
    "providerVersion": "16.28.0",       "source": "https://render.com"     }
  • Network accessline 1512
    "source": "https://render.com"
  • Network accessline 1527
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://replicate.com"
  • Network accessline 1528
    "providerVersion": "16.28.0",       "source": "https://replicate.com"     }
  • Network accessline 1529
    "source": "https://replicate.com"
  • Network accessline 1544
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.rust-lang.org",
  • Network accessline 1545
    "providerVersion": "16.28.0",       "source": "https://www.rust-lang.org",       "guidelines": "https://www.rust-lang.org/policies/media-guide",
  • Network accessline 1546
    "source": "https://www.rust-lang.org",
  • Network accessline 1547
    "guidelines": "https://www.rust-lang.org/policies/media-guide",
  • Network accessline 1548
    "license": {         "type": "CC-BY-SA-4.0",         "url": "https://spdx.org/licenses/CC-BY-SA-4.0"
  • Network accessline 1549
    "type": "CC-BY-SA-4.0",         "url": "https://spdx.org/licenses/CC-BY-SA-4.0"       }
  • Network accessline 1550
    "url": "https://spdx.org/licenses/CC-BY-SA-4.0"
  • Network accessline 1566
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://sentry.io/branding/"
  • Network accessline 1567
    "providerVersion": "16.28.0",       "source": "https://sentry.io/branding/"     }
  • Network accessline 1568
    "source": "https://sentry.io/branding/"
  • Network accessline 1583
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.shopify.com/brand-assets",
  • Network accessline 1584
    "providerVersion": "16.28.0",       "source": "https://www.shopify.com/brand-assets",       "guidelines": "https://www.shopify.com/brand-assets"
  • Network accessline 1585
    "source": "https://www.shopify.com/brand-assets",
  • Network accessline 1586
    "guidelines": "https://www.shopify.com/brand-assets"
  • Network accessline 1601
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.snowflake.com/brand-guidelines/",
  • Network accessline 1602
    "providerVersion": "16.28.0",       "source": "https://www.snowflake.com/brand-guidelines/",       "guidelines": "https://www.snowflake.com/brand-guidelines/"
  • Network accessline 1603
    "source": "https://www.snowflake.com/brand-guidelines/",
  • Network accessline 1604
    "guidelines": "https://www.snowflake.com/brand-guidelines/"
  • Network accessline 1621
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://spring.io/trademarks"
  • Network accessline 1622
    "providerVersion": "16.28.0",       "source": "https://spring.io/trademarks"     }
  • Network accessline 1623
    "source": "https://spring.io/trademarks"
  • Network accessline 1638
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/sqlite/sqlite/blob/43e862723ec680542ca6f608f9963c0993dd7324/art/sqlite370.eps"
  • Network accessline 1639
    "providerVersion": "16.28.0",       "source": "https://github.com/sqlite/sqlite/blob/43e862723ec680542ca6f608f9963c0993dd7324/art/sqlite370.eps"     }
  • Network accessline 1640
    "source": "https://github.com/sqlite/sqlite/blob/43e862723ec680542ca6f608f9963c0993dd7324/art/sqlite370.eps"
  • Network accessline 1655
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://stripe.com/newsroom/information"
  • Network accessline 1656
    "providerVersion": "16.28.0",       "source": "https://stripe.com/newsroom/information"     }
  • Network accessline 1657
    "source": "https://stripe.com/newsroom/information"
  • Network accessline 1672
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/supabase/supabase/blob/4031a7549f5d46da7bc79c01d56be4177dc7c114/packages/common/assets/images/supabase-logo-wordmark--light.svg"
  • Network accessline 1673
    "providerVersion": "16.28.0",       "source": "https://github.com/supabase/supabase/blob/4031a7549f5d46da7bc79c01d56be4177dc7c114/packages/common/assets/images/supabase-logo-wordmark--light.svg"     }
  • Network accessline 1674
    "source": "https://github.com/supabase/supabase/blob/4031a7549f5d46da7bc79c01d56be4177dc7c114/packages/common/assets/images/supabase-logo-wordmark--light.svg"
  • Network accessline 1689
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/sveltejs/branding/blob/c4dfca6743572087a6aef0e109ffe3d95596e86a/svelte-logo.svg"
  • Network accessline 1690
    "providerVersion": "16.28.0",       "source": "https://github.com/sveltejs/branding/blob/c4dfca6743572087a6aef0e109ffe3d95596e86a/svelte-logo.svg"     }
  • Network accessline 1691
    "source": "https://github.com/sveltejs/branding/blob/c4dfca6743572087a6aef0e109ffe3d95596e86a/svelte-logo.svg"
  • Network accessline 1707
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://telegram.org/tour/screenshots"
  • Network accessline 1708
    "providerVersion": "16.28.0",       "source": "https://telegram.org/tour/screenshots"     }
  • Network accessline 1709
    "source": "https://telegram.org/tour/screenshots"
  • Network accessline 1724
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.tensorflow.org"
  • Network accessline 1725
    "providerVersion": "16.28.0",       "source": "https://www.tensorflow.org"     }
  • Network accessline 1726
    "source": "https://www.tensorflow.org"
  • Network accessline 1741
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.hashicorp.com/brand",
  • Network accessline 1742
    "providerVersion": "16.28.0",       "source": "https://www.hashicorp.com/brand",       "guidelines": "https://www.hashicorp.com/brand"
  • Network accessline 1743
    "source": "https://www.hashicorp.com/brand",
  • Network accessline 1744
    "guidelines": "https://www.hashicorp.com/brand"
  • Network accessline 1763
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://tiktok.com"
  • Network accessline 1764
    "providerVersion": "16.28.0",       "source": "https://tiktok.com"     }
  • Network accessline 1765
    "source": "https://tiktok.com"
  • Network accessline 1780
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://atlassian.design/resources/logo-library",
  • Network accessline 1781
    "providerVersion": "16.28.0",       "source": "https://atlassian.design/resources/logo-library",       "guidelines": "https://atlassian.design/foundations/logos"
  • Network accessline 1782
    "source": "https://atlassian.design/resources/logo-library",
  • Network accessline 1783
    "guidelines": "https://atlassian.design/foundations/logos"
  • Network accessline 1800
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.typescriptlang.org/branding",
  • Network accessline 1801
    "providerVersion": "16.28.0",       "source": "https://www.typescriptlang.org/branding",       "guidelines": "https://www.typescriptlang.org/branding"
  • Network accessline 1802
    "source": "https://www.typescriptlang.org/branding",
  • Network accessline 1803
    "guidelines": "https://www.typescriptlang.org/branding"
  • Network accessline 1818
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://vercel.com/geist/brands",
  • Network accessline 1819
    "providerVersion": "16.28.0",       "source": "https://vercel.com/geist/brands",       "guidelines": "https://vercel.com/geist/brands"
  • Network accessline 1820
    "source": "https://vercel.com/geist/brands",
  • Network accessline 1821
    "guidelines": "https://vercel.com/geist/brands"
  • Network accessline 1839
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://github.com/vuejs/art/blob/a1c78b74569b70a25300925b4eacfefcc143b8f6/logo.svg",
  • Network accessline 1840
    "providerVersion": "16.28.0",       "source": "https://github.com/vuejs/art/blob/a1c78b74569b70a25300925b4eacfefcc143b8f6/logo.svg",       "guidelines": "https://github.com/vuejs/art/blob/a1c78b74569b70a25300925b4eacfefcc143b8f6/README.md",
  • Network accessline 1841
    "source": "https://github.com/vuejs/art/blob/a1c78b74569b70a25300925b4eacfefcc143b8f6/logo.svg",
  • Network accessline 1842
    "guidelines": "https://github.com/vuejs/art/blob/a1c78b74569b70a25300925b4eacfefcc143b8f6/README.md",       "license": {         "type": "CC-BY-NC-SA-4.0",
  • Network accessline 1843
    "license": {         "type": "CC-BY-NC-SA-4.0",         "url": "https://spdx.org/licenses/CC-BY-NC-SA-4.0"
  • Network accessline 1844
    "type": "CC-BY-NC-SA-4.0",         "url": "https://spdx.org/licenses/CC-BY-NC-SA-4.0"       }
  • Network accessline 1845
    "url": "https://spdx.org/licenses/CC-BY-NC-SA-4.0"
  • Network accessline 1864
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://wechat.design/tool/brand",
  • Network accessline 1865
    "providerVersion": "16.28.0",       "source": "https://wechat.design/tool/brand",       "guidelines": "https://wechat.design/brand/main-brand"
  • Network accessline 1866
    "source": "https://wechat.design/tool/brand",
  • Network accessline 1867
    "guidelines": "https://wechat.design/brand/main-brand"
  • Network accessline 1882
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://about.meta.com/brand/resources/whatsapp/whatsapp-brand",
  • Network accessline 1883
    "providerVersion": "16.28.0",       "source": "https://about.meta.com/brand/resources/whatsapp/whatsapp-brand",       "guidelines": "https://about.meta.com/brand/resources/whatsapp/whatsapp-brand"
  • Network accessline 1884
    "source": "https://about.meta.com/brand/resources/whatsapp/whatsapp-brand",
  • Network accessline 1885
    "guidelines": "https://about.meta.com/brand/resources/whatsapp/whatsapp-brand"
  • Network accessline 1902
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://woocommerce.com/style-guide",
  • Network accessline 1903
    "providerVersion": "16.28.0",       "source": "https://woocommerce.com/style-guide",       "guidelines": "https://woocommerce.com/trademark-guidelines"
  • Network accessline 1904
    "source": "https://woocommerce.com/style-guide",
  • Network accessline 1905
    "guidelines": "https://woocommerce.com/trademark-guidelines"
  • Network accessline 1921
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://wordpress.org/about/logos",
  • Network accessline 1922
    "providerVersion": "16.28.0",       "source": "https://wordpress.org/about/logos",       "guidelines": "https://wordpressfoundation.org/trademark-policy"
  • Network accessline 1923
    "source": "https://wordpress.org/about/logos",
  • Network accessline 1924
    "guidelines": "https://wordpressfoundation.org/trademark-policy"
  • Network accessline 1942
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://x.com",
  • Network accessline 1943
    "providerVersion": "16.28.0",       "source": "https://x.com",       "guidelines": "https://about.x.com/en/who-we-are/brand-toolkit"
  • Network accessline 1944
    "source": "https://x.com",
  • Network accessline 1945
    "guidelines": "https://about.x.com/en/who-we-are/brand-toolkit"
  • Network accessline 1961
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors",
  • Network accessline 1962
    "providerVersion": "16.28.0",       "source": "https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors",       "guidelines": "https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-a
  • Network accessline 1963
    "source": "https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors",
  • Network accessline 1964
    "guidelines": "https://www.youtube.com/howyoutubeworks/resources/brand-resources/#logos-icons-and-colors"
  • Network accessline 1979
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://brandland.zendesk.com",
  • Network accessline 1980
    "providerVersion": "16.28.0",       "source": "https://brandland.zendesk.com",       "guidelines": "https://brandland.zendesk.com"
  • Network accessline 1981
    "source": "https://brandland.zendesk.com",
  • Network accessline 1982
    "guidelines": "https://brandland.zendesk.com"
  • Network accessline 1997
    "provider": "Simple Icons",       "providerVersion": "16.28.0",       "source": "https://brand.zoom.us/media-library/",
  • Network accessline 1998
    "providerVersion": "16.28.0",       "source": "https://brand.zoom.us/media-library/",       "guidelines": "https://brand.zoom.us/usage-legal/"
  • Network accessline 1999
    "source": "https://brand.zoom.us/media-library/",
  • Network accessline 2000
    "guidelines": "https://brand.zoom.us/usage-legal/"

archify/renderers/shared/generated-validators.mjs

  • Executable scriptline 1
    Executable file
  • Network accessline 2
    import { validatePortablePath } from './portable-path.mjs'; "use strict";const workflowSchema = validate20;const schema31 = {"$schema":"https://json-schema.org/draft/2020-12/schema","$id":"https://github.com/tt-a1i/archify/schemas/workflow.
  • Network accessline 3
    "use strict";const workflowSchema = validate20;const schema31 = {"$schema":"https://json-schema.org/draft/2020-12/schema","$id":"https://github.com/tt-a1i/archify/schemas/workflow.schema.json","title":"Archify Workflow Diagram","type":"obje
  • Possible obfuscationline 3
    "use strict";const workflowSchema = validate20;const schema31 = {"$schema":"https://json-schema.org/draft/2020-12/schema","$id":"https://github.com/tt-a1i/archify/schemas/workflow.schema.json","title":"Archify Workflow Diagram","type":"obje
  • Possible obfuscationline 14
    };const pattern4 = new RegExp("^[a-z]{2,3}(-[A-Za-z0-9]{2,8})*$", "u");const pattern5 = new RegExp("^[a-z][a-zA-Z0-9]*(\\.[a-z][a-zA-Z0-9]*)*$", "u");const pattern6 = new RegExp("(?:^|/)[^/]+[.][Hh][Tt][Mm][Ll]$", "u");const pattern7 = new 

archify/renderers/shared/geometry.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/i18n.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/layout-report.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/legend.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/node-card-style.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/output-path.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/owned-temp-directory.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/path-semantics.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/portable-path.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/repository-evidence.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/repository-location.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/route-quality.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/sidecar-path.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/software-notices.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/spatial-grid.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/svg-path-analysis.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/text-fit.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/utils.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/shared/validator.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/timeline/render-timeline.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/tree/render-tree.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/waterfall/render-waterfall.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/workflow/render-workflow.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/workflow/workflow-compiler.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/workflow/workflow-migration-geometry.mjs

  • Executable scriptline 1
    Executable file

archify/renderers/workflow/workflow-placement-repair.mjs

  • Executable scriptline 1
    Executable file

archify/schemas/architecture.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/architecture.schema.json",

archify/schemas/class.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/class.schema.json",

archify/schemas/common.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/common.schema.json",

archify/schemas/dataflow.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/dataflow.schema.json",

archify/schemas/erd.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/erd.schema.json",

archify/schemas/explainer.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/explainer.schema.json",

archify/schemas/lifecycle.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/lifecycle.schema.json",

archify/schemas/sequence.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/sequence.schema.json",

archify/schemas/timeline.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/timeline.schema.json",

archify/schemas/tree.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/tree.schema.json",

archify/schemas/waterfall.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/waterfall.schema.json",

archify/schemas/workflow.schema.json

  • Network accessline 1
    {   "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 2
    "$schema": "https://json-schema.org/draft/2020-12/schema",
  • Network accessline 3
    "$id": "https://github.com/tt-a1i/archify/schemas/workflow.schema.json",

archify/scripts/check-render-output.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

archify/scripts/check-update.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

archify/scripts/delivery-update-child.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

archify/scripts/generate-brand-marks.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

archify/scripts/generate-validators.mjs

  • Executable scriptline 1
    #!/usr/bin/env node

archify/scripts/render-examples.mjs

  • Executable scriptline 1
    Executable file

archify/scripts/update-contract.mjs

  • Network accessline 1
    export const SKILL_ID = 'archify'; export const EXPECTED_REPOSITORY = 'https://github.com/tt-a1i/archify';
  • Executable scriptline 1
    Executable file
  • Network accessline 2
    export const EXPECTED_REPOSITORY = 'https://github.com/tt-a1i/archify';
  • Network accessline 3
    export const DEFAULT_MANIFEST_URL = 'https://tt-a1i.github.io/archify/skill-updates/archify/stable.json';
  • Network accessline 131
    throw new UpdateContractError('release notes require a stable core version');   }   const expected = `https://github.com/tt-a1i/archify/releases/tag/v${version}`;
  • Network accessline 132
    }   const expected = `https://github.com/tt-a1i/archify/releases/tag/v${version}`;   if (value !== expected) {
  • Network accessline 133
    const expected = `https://github.com/tt-a1i/archify/releases/tag/v${version}`;

archify/skill-release.json

  • Network accessline 5
    "version": "3.2.0",   "source": {     "repository": "https://github.com/tt-a1i/archify"
  • Network accessline 6
    "source": {     "repository": "https://github.com/tt-a1i/archify"   },
  • Network accessline 7
    "repository": "https://github.com/tt-a1i/archify"
  • Network accessline 8
    },   "updateManifestUrl": "https://tt-a1i.github.io/archify/skill-updates/archify/stable.json" }
  • Network accessline 9
    "updateManifestUrl": "https://tt-a1i.github.io/archify/skill-updates/archify/stable.json"

How the signals fit together

Facts from a static read of the files at the pinned commit. They describe what the code does, not why.

Some files could not be read; the facts below still hold.

Combined signals: 1 fact
Declared and executed: 54 facts

and 4 more

Signal confidence: 445 facts

and 395 more

Only the first 500 facts are listed.

Works with

Agent compatibility, from the files in this repository
AgentStatusEvidenceInstall to
Claude CodeNativePath CLAUDE.md.claude/skills/<skill-name>/
CodexNativeManifest AGENTS.md.agents/skills/<skill-name>/
CursorCompatibleStandard SKILL.md archify/SKILL.md.cursor/skills/<skill-name>/
Gemini CLICompatibleStandard SKILL.md archify/SKILL.md.gemini/skills/<skill-name>/
GitHub CopilotCompatibleStandard SKILL.md archify/SKILL.md.github/skills/<skill-name>/
OpenCodeCompatibleStandard SKILL.md archify/SKILL.md.opencode/skills/<skill-name>/
  • Native The repository ships a manifest, folder or frontmatter field for this agent.
  • Compatible A standard SKILL.md that this agent can read.
  • Unknown No evidence either way.

Derived automatically from paths, manifests and frontmatter. Not tested on each agent.

Explore alternatives and comparisons

Add this badge to your README

It updates every night and links to this page.

tt-a1i/archify: #18 on hotskills, 94.2k stars

[![tt-a1i/archify on hotskills](https://hotskills.dev/badge/tt-a1i-archify.svg)](https://hotskills.dev/skill/tt-a1i-archify/)