[ceoloide]

Add a collapsible side navigation panel and move external links from the header to its footer.

---

 

---

Note

Adds a resizable, overlay side navigation toggled from the header, replaces Split with custom resizable panels, improves mobile/editor UX, and centralizes sharing in the header.

• Navigation/UI:
  • Side Navigation: New resizable, overlay molecules/SideNavigation with close-on-ESC, body scroll lock, footer links (Docs/Discord/GitHub), and resize handle; wired into App and toggled via header.
• Header (atoms/Header.tsx):
  • Adds side-nav toggle button and share action (with ShareDialog).
  • Keeps “New” and archive actions; removes external links (moved to side nav).
• Layout:
  • Replace react-split with custom molecules/ResizablePanel across editor/outputs/settings.
  • Right-side downloads panel becomes resizable; preview area adapts when downloads hidden.
  • Mobile subheader controls; mobile injection editor header with close.
• Context (context/ConfigContext.tsx):
  • Adds showSideNav state and exposes setters.
• Editors/Options:
  • GenOption restyled to Material-style switch; Input restyled.
  • InjectionEditor fills available space; Injections/InjectionRow add mobile edit affordance.
• Downloads (atoms/DownloadRow.tsx):
  • Shows loading state for pending STL; allows download when KiCad preview disabled.
• Misc:
  • Slight background color tweak in public/index.html.

^{Written by Cursor Bugbot for commit 992a0f9. This will update automatically on new commits. Configure here.}

[cursor]

Cursor Agent can help with this pull request. Just @cursor in comments and I'll start working on changes in this branch.
_{Learn more about Cursor Agents}

[Copilot]

Pull Request Overview

This PR introduces a new side navigation panel and replaces the existing react-split library with a custom ResizablePanel component. It also includes mobile responsiveness improvements and UI enhancements across various components.

• Adds a new SideNavigation component with resizable functionality
• Introduces a reusable ResizablePanel component to replace react-split
• Implements mobile-specific features including a mobile editor view for injections
• Updates several UI components with improved styling (Material Design switches, updated input styles)

Reviewed Changes

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

Show a summary per file

File	Description
src/molecules/SideNavigation.tsx	New side navigation panel with resize handle and overlay
src/molecules/ResizablePanel.tsx	Reusable resizable panel component with drag-to-resize functionality
src/Ergogen.tsx	Major refactoring to use ResizablePanel instead of react-split, adds mobile editor state management
src/atoms/Header.tsx	Adds side nav toggle button, moves share functionality from Ergogen
src/molecules/Injections.tsx	Adds optional callback for mobile injection selection
src/molecules/InjectionEditor.tsx	Wraps editor in flex container for proper height handling
src/atoms/InjectionRow.tsx	Adds mobile-specific edit button
src/atoms/GenOption.tsx	Completely redesigned from checkbox to Material Design switch
src/atoms/Input.tsx	Updated styling for consistency
src/atoms/DownloadRow.tsx	Refined logic for disabled states
src/context/ConfigContext.tsx	Adds showSideNav state management
src/App.tsx	Integrates SideNavigation component
public/index.html	Updates background color

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[cursor]

This is the final PR Bugbot will review for you during this billing cycle

Your free Bugbot reviews will reset on December 2

Details

You are on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle.

To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.