Line Render order & orthographic camera min/max fixes

[AntonJames-Sistence]

PR Checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[x] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Issue Number: N/A
GET-34 & GET-35

What is the new behavior?

render_order.mov

Does this PR introduce a breaking change?

[ ] Yes
[x] No

Other information

[netlify]

✅ Deploy Preview for reagraph ready!

Name	Link
🔨 Latest commit	ab85078
🔍 Latest deploy log	https://app.netlify.com/projects/reagraph/deploys/68d569bb880f840008f4b3d3
😎 Deploy Preview	https://deploy-preview-384--reagraph.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[SerhiiTsybulskyi]

@AntonJames-Sistence Should we allow modification of this constant? Maybe better to add this as props with a default value to have the ability to change it if needed?

[AntonJames-Sistence]

@SerhiiTsybulskyi we can modify maxDistance/minDistance

[AntonJames-Sistence]

ok I think I need a better idea for this min/max zoom, because it actually doesn't work as expected

[AntonJames-Sistence]

@SerhiiTsybulskyi I had to add min/max zoom props, since there's no actual correlation between zoom and dolly, as I thought in the beginning

[amcdnl]

Looks good overall but a few minor nits.

[Copilot]

Pull Request Overview

This PR addresses rendering order issues and orthographic camera zoom limits. It introduces customizable render order for line elements and fixes orthographic camera min/max zoom behavior.

Key changes:

• Add configurable render order support for Line and Edge components
• Fix orthographic camera zoom limits by converting distance parameters to zoom values
• Improve visual layering for active/selected edges

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 2 comments.

File	Description
src/symbols/Line.tsx	Adds renderOrder prop with default value of -1
src/symbols/Edge.tsx	Updates z-position logic and applies dynamic renderOrder based on state
src/CameraControls/CameraControls.tsx	Implements orthographic camera zoom limits using distance-to-zoom conversion

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

The magic number 50000 is used for zoom calculations without explanation. Consider extracting this as a named constant with a descriptive comment explaining its purpose in the distance-to-zoom conversion formula.

[Copilot]

The zoom limit calculation uses minDistance in the denominator when maxDistance exists, but this should use minDistance for maxZoom calculation. The logic appears reversed - maxZoom should be calculated from maxDistance, not minDistance.

Suggested change

	? 50000 / minDistance
	: undefined;
	cameraRef.current.minZoom = minDistance
	? 50000 / maxDistance
	? 50000 / maxDistance
	: undefined;
	cameraRef.current.minZoom = minDistance
	? 50000 / minDistance