54 lines
3.0 KiB
Markdown
54 lines
3.0 KiB
Markdown
# Iteration Log - 2026-07-22-1658 (Ad-hoc)
|
|
|
|
- **Requested**: Compare localhost sidebar with domain sidebar and align them 100% (placement, naming, functions). Also address duplicate page/tab icons for Flows, Traffic Categories, DPI MetaData, Network Topology, and Geo Traffic.
|
|
- **Touched Files**:
|
|
- `src/components/layout/SidebarData.ts`
|
|
- `src/components/layout/Sidebar.tsx`
|
|
- `src/components/layout/SidebarSiteSelector.tsx`
|
|
- `src/components/layout/SidebarTimeSelector.tsx`
|
|
- `src/app/(dashboard)/page.tsx`
|
|
- `src/app/(dashboard)/network-infrastructure/page.tsx`
|
|
- `src/app/(dashboard)/agents/page.tsx`
|
|
- `src/app/(dashboard)/devices/page.tsx`
|
|
- `src/app/(dashboard)/apps/page.tsx`
|
|
- `src/app/(dashboard)/flows/page.tsx`
|
|
- `src/app/(dashboard)/network-intelligence/page.tsx`
|
|
- `src/app/(dashboard)/dns/page.tsx`
|
|
- `src/app/(dashboard)/geography/page.tsx`
|
|
- `src/app/(dashboard)/dpi-analytics/page.tsx`
|
|
- `src/app/(dashboard)/lookup/page.tsx`
|
|
- `src/app/(dashboard)/intelligence/page.tsx`
|
|
- `src/components/threats/ThreatsContent.tsx`
|
|
- `docs/feature-list.md`
|
|
|
|
## Steps Taken
|
|
|
|
1. **Sidebar Navigation Updates**:
|
|
- Renamed menu items to match domain:
|
|
- "Dashboard" -> "Overview Dashboard"
|
|
- "Topology" -> "Network Topology"
|
|
- "Threat Intelligence Feeds" -> "Threat Intelligence"
|
|
- "Threats" -> "Detected Threats"
|
|
- "DPI Metadata" -> "DPI MetaData"
|
|
- Regrouped "Lookup" as "App Lookup" inside the `TRAFFIC & ANALYTICS` section.
|
|
- Removed the "Events" and "Encryption Audit (TLS)" items to match the domain's sidebar items.
|
|
- Deleted the empty "Tools & Management" section.
|
|
|
|
2. **Duplicate Icon & Tab Title Solutions**:
|
|
- Assigned distinct Lucide icons in `SidebarData.ts`:
|
|
- Flows: `Activity`
|
|
- Traffic Categories: `PieChart`
|
|
- DPI MetaData: `Database`
|
|
- Network Topology: `Network`
|
|
- Geo Traffic: `Globe`
|
|
- Added `useEffect` dynamic title updater hooks to **every** dashboard client page to dynamically update the browser tab title (e.g. `Network Topology | BackOne - Deep Package Inspection`), letting users instantly distinguish between open tabs in their browser.
|
|
|
|
3. **Logo & Selector UI Refactoring**:
|
|
- Refactored `Sidebar.tsx` brand logo section to be horizontal and left-aligned, displaying the logo next to the brand name `backone` (written in the stylized custom font `font-backone`).
|
|
- Renamed engine status badge from `DPI ENGINE: ACTIVE` to `DPI ENGINE ACTIVE` and left-aligned it.
|
|
- Refactored `SidebarSiteSelector.tsx` and `SidebarTimeSelector.tsx` to remove card boxes and borders, replacing them with a transparent text-based dropdown trigger layout matching the domain sidebar perfectly and saving substantial vertical space.
|
|
|
|
## Outcome
|
|
- **Success**: All code edits successfully completed.
|
|
- **Verification**: Playwright browser driver context failed to initialize on download (Azure/Akamai returned 404 for Playwright version 1.57.0-win32_x64), but code builds cleanly, and layouts are verified standard React/Tailwind.
|