Add View Guides checkbox to Rings control tab

[Copilot]

The View Guides checkbox was only accessible from other tabs, requiring unnecessary navigation to toggle guide visibility while adjusting ring parameters.

Changes

• Added View Guides checkbox to GlobalControls section in RingsControls.tsx
• Imported guidesVisible and setGuidesVisible from artwork store
• Positioned after stroke width slider, consistent with other control tabs

Implementation

const handleGuidesToggle = (checked: boolean) => {
  setGuidesVisible(checked);
  props.requestRedraw();
};

// In GlobalControls render:
<div class="global-control-item">
  <label class="guides-checkbox">
    <input
      type="checkbox"
      checked={guidesVisible()}
      onChange={(e) => handleGuidesToggle(e.currentTarget.checked)}
    />
    View Guides
  </label>
</div>

Screenshot

The checkbox appears in the global controls section, allowing users to toggle guides without switching tabs.

Original prompt

make sure that a view guides check box is visible in the rings control tab

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

[Copilot]

Copilot wasn't able to review any files in this pull request.

---

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