Skip to content

feat(admin): panel notices in a top-bar notifications bell - #86

Merged
hiddify-com merged 2 commits into
hiddify:devfrom
Hiddify-Official:feat/notifications
Oct 23, 2026
Merged

hiddify-com merged 2 commits into
hiddify:devfrom
Hiddify-Official:feat/notifications

Conversation

@Hiddify-Official

@Hiddify-Official Hiddify-Official commented Oct 23, 2026 •

Copy link
Copy Markdown
Contributor

Problem

The panel's notices (default domain, SSH password login, outdated panel…) were banners above every page, so they pushed the content down on every visit, and on phones they took most of the first screen.

Change

  • A bell in the top bar (NotificationsMenu.vue) holds the notices instead. It shows only while there are notices.
  • A blinking red dot marks the ones not seen yet. It goes away once the list has been opened, and new notices are tagged "New".
  • Each notice can still be dismissed (remembered in the browser).
  • usePanelNotifications.ts keeps the seen and dismissed state; PanelNotices.vue (the banners) is removed.
  • Strings in all 7 languages.

Screenshots

Before After
before after
before after
before after
before after
before after

Tested

  • On main in Chromium, desktop and mobile, light and dark, Persian RTL:
    • the bell appears only with notices;
    • the dot blinks until the list is opened and stays off after a reload;
    • a dismissed notice stays gone;
    • a notice whose text changes counts as new again.
  • The UI is deployed to main, node1 and node2.

Review

  • Confidence: High (>90%) — UI only (localStorage state), tested end to end on main.
  • Complexity: Simple — the top bar and one composable.

Related: #87 builds on this

🤖 Generated with Claude Code

The panel's notices (default domain, SSH password login, …) were banners
above every page.

- A bell in the topbar, next to the account icon, lists them; it is
  shown only while there are notices.
- A blinking red dot while some have not been seen; opening the list
  marks them seen (kept per browser, like dismissals). A notice whose
  text changes counts as new again. New ones are tagged until it closes.
- Each notice can be dismissed from the list, as from the banner; with
  none left the bell goes away.
- The banner component is removed; toasts for toast notices still show.
- Strings in all 7 languages.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@github-actions

Copy link
Copy Markdown

🥷 Ninja i18n – 🛎️ Translations need to be updated

Project /project.inlang

lint rule new reports level link
Identical pattern 1 warning contribute (via Fink 🐦)

@hiddify-com
hiddify-com merged commit c22df39 into hiddify:dev Oct 23, 2026
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants