[CNCF Insights] UX patterns from 2026-05-20

[github-actions]

CNCF Landscape Intelligence Report

Scanned repos: goharbor/harbor argoproj/argo-cd meshery/meshery headlamp-k8s/headlamp
Period: Last 7 days | Frontend-relevant PRs found: 74

UX Theme Distribution

Theme	Hits	Relevance to Console
Error UX & User Feedback	2	Error boundaries, toast notifications, fallback UIs
Loading States & Empty States	4	Skeleton screens, loading spinners, empty states for cards
Accessibility	5	ARIA labels, keyboard navigation, screen reader support
Navigation & Search	18	Sidebar navigation, deep linking, search/filter/sort
Responsive & Mobile	1	Mobile-friendly dashboard layouts, collapsible panels
Data Visualization	6	Charts, graphs, time series for metrics cards
Forms & Input	31	Cluster creation forms, config editors, validation
Real-time & Live Updates	16	SSE streams, live dashboard updates, auto-refresh
Onboarding & Guided Setup	1	First-run experience, setup wizards, empty state CTAs
Theming & Dark Mode	3	Theme switching, CSS variables, design tokens

What These Projects Are Doing (with context)

Each PR below includes its description so you can see what they changed and why — not just a title.

goharbor/harbor (9 frontend PRs)

• [cherry-pick] Rebuild goharbor/photon image before create new harbor base images

  Thank you for contributing to Harbor! # Comprehensive Summary of your change Motivation: Currently, the goharbor/photon:5.0 image relies on a fixed snapshot from the photon 91 branch. Keeping this updated requires manual intervention—such as modifyin

• [cherry-pick] Rebuild goharbor/photon image before create new harbor base images

  Thank you for contributing to Harbor! # Comprehensive Summary of your change Motivation: Currently, the goharbor/photon:5.0 image relies on a fixed snapshot from the photon 91 branch. Keeping this updated requires manual intervention—such as modifyin

• Rebuild goharbor/photon image before create new harbor base images

  Thank you for contributing to Harbor! # Comprehensive Summary of your change Motivation: Currently, the goharbor/photon:5.0 image relies on a fixed snapshot from the photon 91 branch. Keeping this updated requires manual intervention—such as modi

• [cherry-pick] support configurable PIP_INDEX_URL for swagger client build

  Pass PIP_INDEX_URL through Makefile (conditional env injection), APITest-Util.robot (robot variable with public PyPI default), and Group3-Upgrade/run.sh (-v forwarding to robot). Thank you for contributing to Harbor! # Comprehensive Summary of your c

• [CHERRY-PICK] support configurable PIP_INDEX_URL for swagger client build (#23241)

  Cherry-pick of #23241 to release-2.15.0. ## What Pass PIP_INDEX_URL through Makefile (conditional env injection), APITest-Util.robot (robot variable with public PyPI default), and Group3-Upgrade/run.sh (-v forwarding to robot). ## Conflict resolution

• support configurable PIP_INDEX_URL for swagger client build

  Pass PIP_INDEX_URL through Makefile (conditional env injection), APITest-Util.robot (robot variable with public PyPI default), and Group3-Upgrade/run.sh (-v forwarding to robot). Thank you for contributing to Harbor! # Comprehensive Summary of your c

argoproj/argo-cd (8 frontend PRs)

• fix(ui): include Deleting and Terminated apps in Syncing operation filter

  The Syncing row in the OPERATION STATUS filter shows a combined count of Syncing + Deleting + Terminated apps, but the filter logic was missing Deleting and Terminated from the match, so clicking it hid those apps. Added them to the mat

• fix(ui): remove auto-sync toggle from app top bar

  Summary . This removes the Toggle Auto-Sync shortcut from the Application details top-bar action menu while keeping it available from the root Application node actions (...) menu. The regression happened because getApplicationActionMenu() is

• chore: extract common layout components for apps and appset

  Refactoring common UI components as follow up for #26666 Checklist: * [ ] Either (a) I've created an enhancement proposal and discussed it with the community, (b) this is a bug fix, or (c) this

• feat(ui): ApplicationSet Preview Apps tab in UI

  closes ApplicationSet UI Preview option argoproj/argo-cd#27800 Checklist: * [ ] Either (a) I've created an enhancement proposal and discussed it with the community, (b) this is a bug fix, or (c) this

meshery/meshery (21 frontend PRs)

• Update Provider.style.js

  Notes for Reviewers Before After <img width="1512" height="916" alt="image" src="https://github.com/user-attachment

• fix permission issue in configuration panel

  Notes for Reviewers - This PR fixes # Signed commits - [ ] Yes, I signed my commits. <!-- Thank you for contributing to M

• fix(ui): stop React #185 update-depth loops on /management/connections

  Summary . The connections page on playground.meshery.io has been crashing with "Minified React error ✨ Make AI Missions panel a flush-right drawer with Escape key kubestellar/console#185" (Maximum update depth exceeded) since the May 12 ConnectionTable refactor landed. Tw

• fix(ui): restore Navigator icons for Connections, Environments, Workspaces

  Summary The Lifecycle submenu in the Navigator was rendering broken image placeholders for Connections, Environments, and Workspaces. buildLifecycleIcon in Navigator.tsx constructs paths like /static/img/connection-light.svg, `/static/img/en

• [UI] Fix performance dashboard crash on null test_start_time

  Summary The performance dashboard at /performance was crashing with: Error: (0 , i.default)(...).utcOffset(...).format is not a function In PerformanceCalendar.tsx, calendar events were generated with: ```js moment(test_start_time).utc

• [CI] Fix stable release workflow warnings

  Summary - fix the malformed reusable-workflow condition in the Docker extension release workflow - fix the helm chart releaser job condition so the stable workflow no longer inherits a syntax warning - bump docker/login-action to v4 in the stable

headlamp-k8s/headlamp (36 frontend PRs)

• Added dependency installation steps in the Development documentation

  Summary This PR improves the onboarding experience by: * updating install commands defined in package.json * adding dependency installation steps to the development documentation ## Related Issue ## Changes * Added npm install to the commands

• frontend: Update stale snapshots

  These changes refresh outdated Storybook snapshots so the frontend tests pass on main.

• app: verify-build: Add server cleanup check after app close

  Summary Verify that headlamp-server is properly terminated when the Electron app closes, on Linux, macOS, and Windows. Each script starts the app, waits for headlamp-server to appear, sends SIGTERM (or equivalent on Windows) to the Electron proces

• frontend: job: Restore ?view=logs deep-link and fix misleading test

  Summary Restores ?view=logs deep-link behavior for Job details, which was dropped when Card: OPA Policies (opa_policies) kubestellar/console#5664 replaced WorkloadDetails with JobDetails. Also fixes a misleading test assertion. ## Related Issue ## Changes - Ported useLocation/`launchWorkload

• backend: oidc-callback: Stop logging unrelated outer-scope error on missing state

  Summary The /oidc-callback handler in backend/cmd/headlamp.go logged a stray err variable when the OIDC state query parameter was missing. The variable was not declared in the handler closure: it resolved to the outer-scope err returned

• frontend: project: Fix ProjectList crash when a namespace has no labels

  Summary This PR fixes a TypeError that crashed the Projects page whenever the list returned from Namespace.useList contained a namespace without metadata.labels populated. The Projects view simply went blank with this error in the console: ```

Actionable Takeaways for KubeStellar Console

• Error UX & User Feedback (2 PRs across repos) — CNCF projects are actively investing here. For our console: Error boundaries, toast notifications, fallback UIs.
• Loading States & Empty States (4 PRs across repos) — CNCF projects are actively investing here. For our console: Skeleton screens, loading spinners, empty states for cards.
• Accessibility (5 PRs across repos) — CNCF projects are actively investing here. For our console: ARIA labels, keyboard navigation, screen reader support.
• Navigation & Search (18 PRs across repos) — CNCF projects are actively investing here. For our console: Sidebar navigation, deep linking, search/filter/sort.
• Data Visualization (6 PRs across repos) — CNCF projects are actively investing here. For our console: Charts, graphs, time series for metrics cards.
• Forms & Input (31 PRs across repos) — CNCF projects are actively investing here. For our console: Cluster creation forms, config editors, validation.
• Real-time & Live Updates (16 PRs across repos) — CNCF projects are actively investing here. For our console: SSE streams, live dashboard updates, auto-refresh.
• Theming & Dark Mode (3 PRs across repos) — CNCF projects are actively investing here. For our console: Theme switching, CSS variables, design tokens.

---

Auto-generated by auto-qa-tuner CNCF intelligence scan