change: [UIE-10012] - Implement UX and user feedback for linode interfaces feature in Create linode page #13281

grevanak-akamai · 2026-01-15T11:59:20Z

Description 📝

As part of this PR, apply changes in Networking section under create linode page as suggested by UX and TW

Changes 🔄

Swap placement of network interface type and network connection fields under networking
Update tooltip copy for all radio options under networking section as mentioned in UX copy sheet
Add recommendation to Linode interfaces under network interface type options
Remove accordion for Network interface type
Update backups description
Add relevant unit test cases

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 🗓️

Jan 28

Preview 📷

Before	After
When network setting is linode only

When both interfaces are supported

How to test 🧪

Ensure linode interfaces feature flag is enabled
Navigate to /linodes/create/os page

Verification steps

Ensure above mentioned UX and text changes are reflecting
Ensure no regression impact on existing functionality and test cases

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

…faces feature in Create linode page

Copilot

Pull request overview

This PR implements UX and content updates to the Networking section of the Create Linode page based on design specifications and technical writing feedback. The changes reorganize the interface configuration UI and update descriptive text to improve clarity and user experience.

Changes:

Relocated Network Interface Type selection from Networking section to within individual interface configuration
Updated tooltip descriptions for network connection options and interface types with clearer, more concise language
Added "(Recommended)" label to Linode Interfaces option and removed the accordion wrapper for Network Interface Type
Updated backup pricing description and Private IP notice text for better clarity

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 3 comments.

Show a summary per file

File	Description
Networking.tsx	Removed InterfaceGeneration import and component from main Networking section
LinodeInterface.tsx	Added InterfaceGeneration component to individual interface configuration
LinodeInterface.test.tsx	Added test for Network Interface Type radio options and updated assertions to use toBeVisible
InterfaceType.tsx	Updated tooltip descriptions for network connection types and adjusted positioning
InterfaceType.test.tsx	Added comprehensive unit tests for InterfaceType component functionality
InterfaceGeneration.tsx	Removed accordion wrapper, updated labels and tooltip content, restructured layout
InterfaceGeneration.test.tsx	Refactored tests to match new non-accordion structure and added new test cases
PrivateIP.tsx	Updated Private IP notice text with clearer VPC recommendation messaging
Backups.tsx	Simplified backup pricing description text

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

packages/manager/src/features/Linodes/LinodeCreate/Networking/InterfaceGeneration.test.tsx

…ture in Account settings page

linode-gh-bot · 2026-01-15T15:03:43Z

Cloud Manager UI test results

🎉 855 passing tests on test run #3 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
`0 Failing`	`855 Passing`	`11 Skipped`	`45m 6s`

bnussman-akamai

Looks good!

Minor UI/UX observation:
With the updated UI, these dividers stick out a bit. Maybe they should be removed or more dividers should be added to the entire "Networking" section

bnussman-akamai · 2026-01-15T17:40:54Z

packages/manager/src/features/Linodes/LinodeCreate/Networking/Networking.tsx

    <Paper>
      <Stack spacing={2}>
        <Typography variant="h2">Networking</Typography>
-        <InterfaceGeneration />


I think we intentionally kept the <InterfaceGeneration /> component here (rather than inside of <LinodeInterface />) because we structured our code so that multiple Interfaces could be configured in the future.

This change is fine for the time being, but if we ever allow configuring many interfaces, we'll probably need to move the <InterfaceGeneration /> component so it only renders once rather than for every <LinodeInterface /> that is rendered.

bnussman-akamai · 2026-01-15T17:50:54Z

packages/manager/src/features/Linodes/LinodeCreate/Networking/InterfaceGeneration.tsx

+            <Stack mt={1.25} spacing={0.5}>
+              <Stack direction="row">
+                <Typography sx={(theme) => ({ font: theme.font.bold })}>
+                  Linode Interfaces (Recommended)


I guess it's up to UX, but I find it odd we're not using the Beta/New chip here (<LinodeInterfaceFeatureStatusChip />). I think it would be smart to keep becuase it's a common pattern we use for new/beta features.

bnussman-akamai · 2026-01-15T17:52:49Z

packages/manager/src/features/Linodes/LinodeCreate/Networking/InterfaceType.test.tsx

+  beforeEach(() => {
+    vi.clearAllMocks();
+  });


I think this clearAllMocks call is unnecessary. We could remove it

jdamore-linode

Thanks @grevanak-akamai, validated each change and didn't observe any regressions

coliu-akamai

✅ confirmed steps

thanks @grevanak-akamai!

I didn't see prototypes/discussion in the ticket for this, but just wanted to confirm that the VPC/VLAN fields are supposed to go below the Network Interface Type selection instead of above?

change: [UIE-10012] - Implement UX and user feedback for linode inter…

810724f

…faces feature in Create linode page

grevanak-akamai requested a review from a team as a code owner January 15, 2026 11:59

github-project-automation bot added this to Cloud Manager Jan 15, 2026

github-project-automation bot moved this to Review in Cloud Manager Jan 15, 2026

grevanak-akamai requested review from Copilot and removed request for a team January 15, 2026 12:00

grevanak-akamai self-assigned this Jan 15, 2026

Copilot AI reviewed Jan 15, 2026

View reviewed changes

grevanak-akamai added Ready for Review Linodes Dealing with the Linodes section of the app Linode Interfaces labels Jan 15, 2026

Added changeset: Apply UX and user feedback for linode interfaces fea…

9a11d69

…ture in Account settings page

grevanak-akamai requested review from a team, abailly-akamai, bnussman-akamai and linode-gh-bot January 15, 2026 12:22

grevanak-akamai added the 🚨 Urgent label Jan 15, 2026

grevanak-akamai requested a review from jdamore-linode January 15, 2026 14:22

bnussman-akamai approved these changes Jan 15, 2026

View reviewed changes

bnussman-akamai reviewed Jan 15, 2026

View reviewed changes

jdamore-linode approved these changes Jan 15, 2026

View reviewed changes

github-project-automation bot moved this from Review to Approved in Cloud Manager Jan 15, 2026

coliu-akamai approved these changes Jan 15, 2026

View reviewed changes

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

change: [UIE-10012] - Implement UX and user feedback for linode interfaces feature in Create linode page #13281

change: [UIE-10012] - Implement UX and user feedback for linode interfaces feature in Create linode page #13281

grevanak-akamai commented Jan 15, 2026

Uh oh!

Copilot AI left a comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

linode-gh-bot commented Jan 15, 2026

Uh oh!

bnussman-akamai left a comment

Uh oh!

bnussman-akamai Jan 15, 2026

Uh oh!

bnussman-akamai Jan 15, 2026

Uh oh!

bnussman-akamai Jan 15, 2026

Uh oh!

jdamore-linode left a comment

Uh oh!

coliu-akamai left a comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants

change: [UIE-10012] - Implement UX and user feedback for linode interfaces feature in Create linode page #13281

Are you sure you want to change the base?

change: [UIE-10012] - Implement UX and user feedback for linode interfaces feature in Create linode page #13281

Conversation

grevanak-akamai commented Jan 15, 2026

Description 📝

Changes 🔄

Scope 🚢

Target release date 🗓️

Preview 📷

How to test 🧪

Verification steps

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

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

Uh oh!

Copilot AI left a comment

Choose a reason for hiding this comment

Pull request overview

Reviewed changes

Uh oh!

Uh oh!

Uh oh!

Uh oh!

linode-gh-bot commented Jan 15, 2026

Cloud Manager UI test results

🎉 855 passing tests on test run #3 ↗︎

Uh oh!

bnussman-akamai left a comment

Choose a reason for hiding this comment

Uh oh!

bnussman-akamai Jan 15, 2026

Choose a reason for hiding this comment

Uh oh!

bnussman-akamai Jan 15, 2026

Choose a reason for hiding this comment

Uh oh!

bnussman-akamai Jan 15, 2026

Choose a reason for hiding this comment

Uh oh!

jdamore-linode left a comment

Choose a reason for hiding this comment

Uh oh!

coliu-akamai left a comment

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

5 participants