v0.0.5

v0.0.5 - Modern Control Plane UI & Modular Architecture

Highlights

• Control Plane Design System & Visual Overhaul (app.css):

  • Deep obsidian and slate surface hierarchy (#060911, #0a0e1a, #0f172a, #151f34) with refined frosted glassmorphism headers (backdrop-filter: blur(12px)).
  • Cyber Cyan accent branding with animated emerald breathing pulses for real-time online status.
  • Interactive micro-animations: subtle card elevation lift (translateY(-2px)), button press feedback (scale(0.98)), and smooth transition states.

• Unified Native SVG Vector Icon Suite (js/icons.js):

  • Introduced a comprehensive, lightweight SVG icon system across all 13 sidebar navigation items, header actions, metric cards, topology nodes, repository tables, and modal dialogs.
  • Replaced all text-only action lists with sleek, compact chip button clusters.

• Integrated Layout & Seamless Header Navigation:

  • Embedded bilingual language switcher directly into the sticky top control bar, eliminating floating overlap and ensuring full clearance for all header actions.
  • Upgraded sidebar with branded logo mark, category section grouping (Core, Gateway, Cluster & Ops, Logs & System, Admin), and user profile card.

• Cloud Topology Pipeline & Metric Grids:

  • Redesigned visual architecture pipeline (Clients ➔ Ingress ➔ MirrorRelay ➔ Upstream Nginx ➔ Origins) with protocol badges, animated connectors, and live status badges.
  • Metric cards grid with dedicated icon chips, monospace numbers, and real-time status indicators.

• Modal Dialog & Form Experience Hardening:

  • Fixed modal scrolling across all viewport heights with pinned sticky headers and footers, ensuring action buttons are always accessible.
  • Upgraded table UX with search filtering, latency badges, and one-click URL copying.