upcoming: [UIE-10432] - Implement drawer to reserve an IP address

[grevanak-akamai]

Description 📝

As part of this PR, implemented common drawer to reserve an IP address that can be reused in different usecases such as reserving a random IP address in a region, editing an IP address or reserving existing IP address. Integrated this drawer in reserved IP addresses landing page.

Changes 🔄

• Implemented "reserveIPDrawer" component to reserve an IP address.
• Integrated it with reserved IP address landing page
• Added CRUD mocks to mock reserving an IP address in a region.
• Updated TagsInput component to show optional label.

Scope 🚢

Upon production release, changes in this PR will be visible to:

• All customers
• Some customers (e.g. in Beta or Limited Availability)
• No customers / Not applicable

Target release date 🗓️

Apr 2026

Preview 📷

Reserve IP address drawer

How to test 🧪

Prerequisites

• Enable MSW CRUD mode(In DevCloud, reserve IP APIs are throwing CORS error currently. So need to test with CRUD setup till the issue resolved)
• Ensure "Reserve IP" feature flag is turned on in DevTools
• Navigate to "/reserved-ips" page.

Verification steps

• Click on "Reserve an IP Address" button in landing page.
• Ensure corresponding drawer opens and all fields are shown.
• Submission of the drawer works fine upon filling region field.

Author Checklists

As an Author, to speed up the review process, I considered 🤔

👀 Doing a self review
❔ Our contribution guidelines
🤏 Splitting feature into small PRs
➕ Adding a changeset
🧪 Providing/improving test coverage
🔐 Removing all sensitive information from the code and PR description
🚩 Using a feature flag to protect the release
👣 Providing comprehensive reproduction steps
📑 Providing or updating our documentation
🕛 Scheduling a pair reviewing session
📱 Providing mobile support
♿ Providing accessibility support

• I have read and considered all applicable items listed above.

As an Author, before moving this PR from Draft to Open, I confirmed ✅

• All tests and CI checks are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[Copilot]

Pull request overview

Implements a reusable “Reserve IP Address” drawer (create/edit/reserve modes) and wires it into the Reserved IPs landing empty state, along with supporting query/mocks and minor UI enhancements.

Changes:

• Added ReserveIPDrawer component (with tests) and integrated it into the Reserved IPs landing empty state.
• Added a reserved IP types query (useReservedIPTypesQuery) and updated API client to use the beta endpoint for reserved IP types.
• Extended MSW CRUD mocks to support reserving an IP and fetching reserved IP types; updated TagsInput to support an optional label.

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
packages/queries/src/networking/networking.ts	Adds a query key + hook for fetching reserved IP pricing types.
packages/manager/src/mocks/presets/crud/networking.ts	Registers new networking CRUD handlers for reserved IPs.
packages/manager/src/mocks/presets/crud/handlers/networking.ts	Adds MSW handlers for reserving an IP and fetching reserved IP types.
packages/manager/src/mocks/presets/baseline/crud.ts	Includes networking CRUD handlers in the baseline CRUD preset.
packages/manager/src/features/ReservedIps/constants.ts	Adds drawer description text and docs link constants.
packages/manager/src/features/ReservedIps/ReservedIpsLanding/ReservedIpsLandingEmptyState.tsx	Hooks up the “Reserve an IP Address” CTA to open the drawer.
packages/manager/src/features/ReservedIps/ReserveIPDrawer.tsx	New drawer component implementing create/edit/reserve behavior, pricing display, and submission.
packages/manager/src/features/ReservedIps/ReserveIPDrawer.test.tsx	Adds unit tests covering loading state, create/edit/reserve modes, cancel, and pricing display.
packages/manager/src/factories/types.ts	Adds a reservedIPsTypeFactory for mock reserved IP pricing types.
packages/manager/src/components/TagsInput/TagsInput.tsx	Adds optional prop and forwards it to the underlying text field.
packages/manager/.changeset/pr-13541-upcoming-features-1774844980662.md	Adds an Upcoming Features changeset entry for the drawer.
packages/api-v4/src/networking/types.ts	Aligns IPAddress.assigned_entity with the shared Entity type.
packages/api-v4/src/networking/networking.ts	Switches getReservedIPsTypes to the beta API root.

---

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

[linode-gh-bot]

Cloud Manager UI test results

🔺 1 failing test on test run #7 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
1 Failing	901 Passing	11 Skipped	40m 36s

Details

Failing Tests
	Spec	Test
❌	object-storage.e2e.spec.ts	Cloud Manager Cypress Tests→object storage end-to-end tests » can update bucket access

Troubleshooting

Use this command to re-run the failing tests:

pnpm cy:run -s "cypress/e2e/core/objectStorage/object-storage.e2e.spec.ts"

[tanushree-akamai]

Thanks @grevanak-akamai!