feat: admin-ui UX pass — tooltips, session-expiry redirect, empty states#23
Merged
Conversation
…pty states Three usability fixes raised while operating the console: - **Action tooltips.** Every icon-only action button now shows a hover tooltip (PrimeVue Tooltip directive, mirroring the existing aria-labels) across all list pages + the header — so the row actions are no longer guesswork. - **Session-expiry → login.** The JWT `exp` is now honored: an expired token is treated as logged-out, so the router guard bounces the user to the login screen (with a "session expired" notice) instead of leaving them on pages that silently 403. The axios interceptor also handles 401 and 403-from-an-expired-token; a genuine 403 (valid token, missing permission) is left alone. - **Empty states.** A reusable EmptyState component (icon + message) replaces the bare "no results" line on the Users/Roles/Permissions/Groups/Menus lists. Built green (vue-tsc + vite). Admin-ui only — no backend change.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
A usability pass on the admin console, from issues hit while operating it.
Action tooltips
Every icon-only action button now shows a hover tooltip (PrimeVue
Tooltipdirective, mirroring the existingaria-labels) — on every list page's row actions and the header. No more guessing what each icon does.Session-expiry → login
The JWT
expis now honored. An expired token is treated as logged-out, so:401and403-from-an-expired-token. A genuine403(valid token, missing permission) is left alone so the view can show "no permission".(Background: the kit returns
403for an expired/anonymous token, so a status-only check wasn't enough — the client now decodesexp.)Empty states
A reusable
EmptyState(icon + message) replaces the bare "no results" line on the Users / Roles / Permissions / Groups / Menus lists.Admin-ui only — no backend change. Built green (vue-tsc + vite).
요약 (한국어)
exp인식 → 만료 토큰은 로그아웃 취급, 가드/인터셉터가 로그인으로 보냄("세션 만료" 안내). 정상 403(권한 없음)은 그대로 둠.백엔드 변경 없음, 빌드 그린.