Modal component: Add Code and Code w/ Text stories to Apollo Wind

[dbacomputer]

Summary

Adds two new stories to the Modal component page in Apollo Wind (Components › Overlays › Modal) and reorganizes the sidebar menu order.

What changed

Two new pages

• Code: a code editor modal with an "Expression" header, Run action, and expand/close controls. Styling matches the Code Editors Layout Pattern story.
• Code w/ Text: a "Run Single Step" style modal with a title, description, a JSON Variables editor, helper text, and Cancel/Run actions.

Both open as a standard modal and can expand into a Takeover. Collapsing returns to the standard modal, and edits are kept across the switch.

Reorganized menu order

Basic, Complex, Link, Delete, Code, Code w/ Text, Takeover w/ Sidebar, Takeover no Sidebar, No Button, Scrollable Content, Sticky Footer.

Notes for reviewers

• The code editor helpers were moved into a shared file (code-editors.shared.tsx) so the Modal and Code Editors pages use the same editor. No visual change to the Code Editors pages.
• No changes to the Modal component itself (dialog.tsx).

Test plan

• Lint and type checks pass
• Modal unit tests pass
• Verified in Storybook: open, edit, expand, collapse, close, reopen
• Code Editors › Layout Pattern still renders

🤖 Generated with Claude Code

[github-actions]

Apollo Coded App preview deployments are ready.

Project	Status	Preview	Updated (PT)
apollo-design	Ready	Preview · Logs	Sep 30, 2026, 01:04:31 PM
apollo-docs	Ready	Preview · Logs	Sep 30, 2026, 01:04:31 PM
apollo-landing	Ready	Preview · Logs	Sep 30, 2026, 01:04:31 PM
apollo-vertex	Ready	Preview · Logs	Sep 30, 2026, 01:04:31 PM

[Copilot]

Copilot review overview

🟢 Approval recommended

The story additions and helper extraction are consistent, scoped, and preserve existing behavior.

Review effort: Balanced
Findings: None

What changed in this PR

Adds two Monaco-based modal stories and centralizes shared editor utilities without changing dialog runtime behavior.

Changes:

• Adds expandable Code and Code w/ Text modal stories.
• Extracts Monaco themes, samples, and helpers into a shared module.
• Reorders modal stories to match the requested sidebar sequence.

File	Description
dialog.stories.tsx	Adds and orders the new modal examples.
code-editors.stories.tsx	Uses extracted Monaco helpers.
code-editors.shared.tsx	Centralizes Monaco configuration and adds JSON support.

---

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

[github-actions]

Dependency License Review

• ✅ 1937 package(s) scanned
• ✅ No license issues found
• ⚠️ 2 package(s) excluded (see details below)

License distribution

License	Packages
MIT	1708
ISC	88
Apache-2.0	55
BSD-3-Clause	27
BSD-2-Clause	23
BlueOak-1.0.0	8
MPL-2.0	4
MIT-0	3
CC0-1.0	3
MIT OR Apache-2.0	2
(MIT OR Apache-2.0)	2
Unlicense	2
LGPL-3.0-or-later	1
Python-2.0	1
CC-BY-4.0	1
(MPL-2.0 OR Apache-2.0)	1
Unknown	1
Artistic-2.0	1
(WTFPL OR MIT)	1
(BSD-2-Clause OR MIT OR Apache-2.0)	1
CC-BY-3.0	1
0BSD	1
(MIT OR CC0-1.0)	1
MIT AND ISC	1

Excluded packages

Package	Version	License	Reason
@img/sharp-libvips-linux-x64	1.3.3	LGPL-3.0-or-later	LGPL pre-built binary, not linked
khroma	2.1.0	Unknown	MIT per GitHub repo, missing license field in package.json

[github-actions]

Storybook visual diff

⚠️ Visual changes detected: 3 changed, 4 added (of 40 compared, 33 unchanged). View report

Baseline is the deployed main Storybook, so changes merged to main after this branch was last updated can also appear here. Logs

Updated (PT): Sep 30, 2026, 01:07:44 PM

[github-actions]

📊 Coverage + size by package

Per-package coverage and bundle size on this PR. New-line coverage = of the source lines this PR adds or changes, the % hit by tests.

Package	Coverage	New-line coverage	Packed (gzip)	Unpacked	vs main
@uipath/apollo-core	—	—	42.01 MB	50.16 MB	+8.0 KB
@uipath/apollo-react	48.3%	—	7.78 MB	30.29 MB	+223.5 KB
@uipath/apollo-ui-icons	—	—	2.86 MB	6.96 MB	+6.0 KB
@uipath/apollo-wind	70.0%	0.0% (0/44)	552.8 KB	3.36 MB	+105.2 KB
@uipath/ap-chat	85.8%	—	43.90 MB	56.64 MB	−27.1 KB

_{"Coverage" is each package's own coverage.include scope (e.g. apollo-core instruments only scripts/). "Packed"/"Unpacked" come from npm pack --dry-run and only cover built packages — "—" means not measured this run (package not affected / not built). "vs main" is the packed (gzipped) delta against the last successful main build (the package-sizes artifact from the Release workflow); "—" there means no main baseline was available this run. The baseline is main's latest build, not this PR's exact merge-base, so it includes any drift since the branch diverged. Packages with no vitest config are omitted.}

[Copilot]

Copilot review overview

🟡 Changes recommended

The expanded Code w/ Text dialog drops its accessible description.

Review effort: Balanced
Findings: 1

Open (1)

• Expanded dialog drops aria-describedby association · New

[Copilot]

Copilot review overview

🟢 Approval recommended

The stories, state handling, accessibility associations, and shared helper extraction are consistent and complete.

Review effort: Balanced
Findings: None

Resolved since last review (1)

• Expanded dialog drops aria-describedby association