NO-ISSUE: Fix warning: A control must be associated with a text label.

[fantonangeli]

This fixes the warning:

> oxlint --config .oxlintrc.json src/ stories/ tests/


  ⚠ jsx-a11y(control-has-associated-label): A control must be associated with a text label.
     ╭─[stories/DiagramEditorDragNDrop.tsx:102:9]
 101 │             </div>
 102 │ ╭─▶         <input
 103 │ │             id="file-upload"
 104 │ │             className="dec:hidden"
 105 │ │             type="file"
 106 │ │             accept=".yaml,.yml,.json"
 107 │ │             onChange={handleFileChange}
 108 │ │             data-testid="story-workflow-file-upload"
 109 │ ╰─▶         />
 110 │           </div>
     ╰────
  help: Add a text label to the control element. This can be done by adding text content, an `aria-label` attribute, or an `aria-labelledby` attribute.

[Copilot]

Pull request overview

Note

Copilot was unable to run its full agentic suite in this review.

Improves accessibility of the Diagram Editor drag-and-drop story by explicitly associating the hidden file input with its visible label for assistive technologies.

Changes:

• Adds an id to the <label> element used as the visible “browse” control.
• Adds aria-labelledby on the <input type="file"> to reference that label.

---

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

[kumaradityaraj]

LGTM