JavaScript MatchAll Capture Groups Visual

Inputs: [runtime], [input string], [regular expression]. Explain String.matchAll results using a regex with named capture groups and the global flag. Materialize the iterator, show match text, index and groups separately, and include no-match and optional-group cases. Do not confuse the iterator with an array or silently add unsupported regex syntax. Produce a tokenized match diagram separating full match, index and named captures. Adapt the presentation to [audience] and [tone]. End with a concrete check of the defining task detail against the inputs.

Use the attached references only for the specified visual attributes. If a required reference is missing, request it before generation. Produce one finished image with a deliberate focal point, consistent geometry and clean margins. Keep any exact wording on a separate editable label layer or leave its area blank. Do not invent evidence or present an illustration as documentary proof.