add: added detailed site permissions in the address bar

[meezumi]

• Fixes Site permissions per feature #677

✨ Pull Request

📓 Referenced Issue

Referenced to the issue #677

• replaced the globe icon with a clickable icon/button
• added site permissions drop-down, matching the theme of the application

ℹ️ About the PR

New Files Created

SitePermissionsDropdown Component

File: desktop-app/src/renderer/components/ToolBar/AddressBar/SitePermissions/index.tsx

Features:

• Interactive Globe Icon: Dropdown interface matching application theme
• 8 Permission Types: Camera, Microphone, Location, Notifications, Clipboard, Fullscreen, MIDI, Pointer Lock
• 3-State Management: Ask (default) → Allow → Block → Ask (cyclical toggle)

Modified Files

AddressBar Component Updates

File: desktop-app/src/renderer/components/ToolBar/AddressBar/index.tsx

Changes:

• Made globe icon clickable with proper hover effects (rounded-full)
• Added showSitePermissions state management
• Integrated dropdown positioning and visibility controls
• Added circular hover animation matching other address bar icons

Backend Permission System Enhancements

Files Modified:

• desktop-app/src/main/web-permissions/PermissionsManager.ts
• desktop-app/src/main/web-permissions/index.ts
• desktop-app/src/common/constants.ts
• desktop-app/src/main/preload-webview.ts

🖼️ Testing Scenarios / Screenshots

• Permission dialog ↔ flyout sync
• Page refresh notifications and reload
• Permission reset functionality
• Session cache clearing
• Click-outside dropdown behavior

Images

[CLAassistant]

All committers have signed the CLA.

[manojVivek]

@all-contributors Please add @meezumi for code.

[allcontributors]

@manojVivek

I've put up a pull request to add @meezumi! 🎉

[manojVivek]

Thank you so much for adding this!