fix: [M3-9024] - Mask sensitive data in Managed and Longview

[mjac0bs]

Description 📝

We overlooked a couple of older, more niche sections of Cloud Manager with the Mask Sensitive Data feature. This PR masks data in Managed and Longview.

Changes 🔄

• Name, email, primary phone, and secondary phone are maskable and toggleable on the Managed > Contacts tab
• User, IP addresses, and SSH keys are maskable and toggleable on the Managed > SSH Access tab
• API keys, contact information, user, and IP addresses are masked and toggleable on the Longview landing and the Longview client details page

Target release date 🗓️

1/14/25

Preview 📷

Before	After

How to test 🧪

Prerequisites

(How to setup test environment)

• Go to http://localhost:3000/profile/settings and enable the Mask Sensitive Data setting
• Have at least one Linode on your account
• Install the Longview agent on that Linode (docs)

Reproduction steps

(How to reproduce the issue, if applicable)

• Enable Managed in admin (or use the MSW, Legacy Handlers) and in prod, go to:
  • https://cloud.linode.com/managed/ssh-access - Observe unmasked public key, User, and IP ('Edit' the row and change the IP from 'Any' to see this)
  • https://cloud.linode.com/managed/contacts - Add a contact and observe the unmasked sensitive fields
• Go to Longview landing and observe the API key and cURL command is visible; on the details pages, observe the same, and note the User and IP fields in the tables (which may not have data)

Verification steps

(How to verify changes)

• On this branch, repeat the steps above and observe:
  • Managed SSH Access public key, user, and IP are toggleable masked data. The public key notice resizes gracefully on smaller screens.
  • Managed Contacts cells have toggleable masked data.
• Longview API key and cURL command are toggleable masked data. If you do not have data in the table for User and IP fields in the Longview client details tabs, look at the diff and confirm the right columns are wrapped in the MaskableText component.

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 unit tests are passing
• TypeScript compilation succeeded without errors
• Code passes all linting rules

[linode-gh-bot]

Cloud Manager UI test results

🎉 474 passing tests on test run #2 ↗︎

❌ Failing	✅ Passing	↪️ Skipped	🕐 Duration
0 Failing	474 Passing	2 Skipped	90m 40s

[github-actions]

Coverage Report: ❌
Base Coverage: 86.95%
Current Coverage: 86.94%

[cypress]

Cloud Manager E2E    Run #7050

Run Properties:   Failed #7050  •  6dc152f9d2: fix: [M3-9024] - Mask sensitive data in Managed and Longview (#11476)

Project	Cloud Manager E2E
Branch Review	develop
Run status	Failed #7050
Run duration	24m 25s
Commit	6dc152f9d2: fix: [M3-9024] - Mask sensitive data in Managed and Longview (#11476)
Committer	Mariah Jacobs
View all properties for this run ↗︎

---

Test results
Failures	23
Flaky	3
Pending	2
Skipped	0
Passing	455
View all changes introduced in this branch ↗︎

---

Tests for review

  linodes/clone-linode.spec.ts • 1 failed test

View Output Video

Test		Artifacts
clone linode > can clone a Linode from Linode details page		Screenshots Video

  stackscripts/create-stackscripts.spec.ts • 1 failed test

View Output Video

Test		Artifacts
Create stackscripts > creates a StackScript with Any/All target image		Screenshots Video

  linodes/rebuild-linode.spec.ts • 2 failed tests

View Output Video

Test		Artifacts
rebuild linode > rebuilds a linode from Image		Screenshots Video
rebuild linode > rebuilds a linode from Community StackScript		Screenshots Video

  firewalls/update-firewall.spec.ts • 3 failed tests

View Output Video

Test		Artifacts
update firewall > updates a firewall's linodes and rules		Screenshots Video
update firewall > updates a firewall's status		Screenshots Video
update firewall > updates a firewall's label		Screenshots Video

  linodes/backup-linode.spec.ts • 2 failed tests

View Output Video

Test		Artifacts
linode backups > can enable backups		Screenshots Video
linode backups > can capture a manual snapshot		Screenshots Video

The first 5 failed specs are shown, see all 13 specs in Cypress Cloud.

  linodes/linode-config.spec.ts • 1 flaky test

View Output Video

Test		Artifacts
Linode Config management > End-to-End > Clones a config		Screenshots Video

  linodes/search-linodes.spec.ts • 1 flaky test

View Output Video

Test		Artifacts
Search Linodes > create a linode and make sure it shows up in the table and is searchable in main search tool		Screenshots Video

  images/create-image.spec.ts • 1 flaky test

View Output Video

Test		Artifacts
create image (e2e) > create image from a linode		Screenshots Video