Sidebar redesign, dropdown fixes, and soft-delete UI #57

2026-03-19T00:07:12Z

uz1mani commented

2026-03-19 00:07:12 +00:00

(Migrated from github.com)

Summary

Redesigned sidebar: moved utility items (notifications, profile) from header to sidebar, added site favicon, glassy transparency, Linear-style collapse toggle
Fixed sidebar dropdown clipping caused by backdrop-filter containing block — portaled AppSwitcher, Notifications, and UserMenu to document.body
Moved Site Settings under Infrastructure group, removed redundant theme switcher
Added soft-delete UI: delete modal, deleted sites list, restore flow
Funnels v2: edit page, conversion trends, step breakdown drawer, filter bar

Changes

components/dashboard/Sidebar.tsx — full sidebar redesign with collapsible nav groups, site picker with favicon, portal-based dropdowns, viewport-clamped positioning
components/notifications/NotificationCenter.tsx — portal rendering with bottom positioning for viewport-safe dropdowns
components/dashboard/DashboardShell.tsx — new flex layout with sidebar + content area
Bumped @ciphera-net/ui to ^0.2.15 (portal + viewport clamp fixes)
Soft-delete: DeleteSiteModal, deleted sites list, API integration
Funnels v2: FunnelForm, edit page, conversion trends chart, step breakdown

Test Plan

Verify sidebar collapse/expand animation and state persistence
Test AppSwitcher, Notifications, and Profile dropdowns open fully visible
Confirm Site Settings appears under Infrastructure group
Test site picker with multiple sites
Verify soft-delete: delete, restore, permanent delete flows
Test funnels v2: create, edit, view detail with trends and breakdown

## Summary - Redesigned sidebar: moved utility items (notifications, profile) from header to sidebar, added site favicon, glassy transparency, Linear-style collapse toggle - Fixed sidebar dropdown clipping caused by `backdrop-filter` containing block — portaled AppSwitcher, Notifications, and UserMenu to `document.body` - Moved Site Settings under Infrastructure group, removed redundant theme switcher - Added soft-delete UI: delete modal, deleted sites list, restore flow - Funnels v2: edit page, conversion trends, step breakdown drawer, filter bar ## Changes - `components/dashboard/Sidebar.tsx` — full sidebar redesign with collapsible nav groups, site picker with favicon, portal-based dropdowns, viewport-clamped positioning - `components/notifications/NotificationCenter.tsx` — portal rendering with bottom positioning for viewport-safe dropdowns - `components/dashboard/DashboardShell.tsx` — new flex layout with sidebar + content area - Bumped `@ciphera-net/ui` to ^0.2.15 (portal + viewport clamp fixes) - Soft-delete: `DeleteSiteModal`, deleted sites list, API integration - Funnels v2: `FunnelForm`, edit page, conversion trends chart, step breakdown ## Test Plan - [x] Verify sidebar collapse/expand animation and state persistence - [x] Test AppSwitcher, Notifications, and Profile dropdowns open fully visible - [x] Confirm Site Settings appears under Infrastructure group - [x] Test site picker with multiple sites - [x] Verify soft-delete: delete, restore, permanent delete flows - [x] Test funnels v2: create, edit, view detail with trends and breakdown

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: ciphera-net/pulse#57