feat(ui): enhance NamespaceDetails view with full namespace info #5549

luannmoreira · 2025-11-21T12:34:11Z

Description:

This PR enhances the NamespaceDetails component to present a richer and more structured view of namespace data. It also introduces namespace deletion support, both in the UI and the underlying store/API layer.

What's New

NamespaceDetails View Enhancements
Redesigned layout using v-card and responsive v-col/v-row grid.

Added detailed namespace metadata:

Name, Tenant ID, Owner (email and ID)
Device breakdown: total, accepted, pending, rejected
Settings: session recording status, connection announcements
Created at timestamp
Namespace type chip (e.g., team)
Improved member list:
Email, ID, role (with icon), status, and added/expiry timestamps
Proper formatting with v-chip and structured layout

Edit/Delete Actions:

Added edit/delete controls as dropdown items in both:

NamespaceList.vue (inline per row)
NamespaceDetails.vue (actions menu)
Converted NamespaceEdit.vue to use v-model and emit @update on save

Store/API Updates

namespaces.ts (store): added deleteNamespace action
api/namespaces.ts: added deleteNamespace method

Tests

Updated unit snapshots and test coverage for:

NamespaceDetails.vue
NamespaceEdit.vue
NamespaceList.vue

Added assertions for richer rendering and deletion workflows

Checklist

UI changes visually verified
Unit tests updated or added
Pinia Store and API methods extended
No regressions in namespace CRUD flows

ui/admin/src/components/Namespace/NamespaceDelete.vue

ui/admin/src/components/Namespace/NamespaceEdit.vue

ui/admin/src/components/Namespace/NamespaceList.vue

ui/admin/src/views/NamespaceDetails.vue

Redesign the NamespaceDetails UI to show richer data, including: - Device counts (total, accepted, pending, rejected) - Owner and member details with roles and statuses - Namespace settings like session recording and announcements - Creation timestamp and type chips Move edit/delete actions into a dropdown menu. Improve layout with responsive columns and structured sections. Also adds support for namespace deletion via store and API.

luannmoreira requested review from gustavosbarreto and luizhf42 November 21, 2025 12:34

luannmoreira self-assigned this Nov 21, 2025

luannmoreira requested a review from a team as a code owner November 21, 2025 12:34

luannmoreira added kind/feature New feature or request area/ui status/needs-review javascript Pull requests that update Javascript code kind/refactor status/ready-for-testing product/enterprise Issue/PR related to Enterprise Edition labels Nov 21, 2025