====== User Interface & Grid System ====== Traffic Elf uses a sidebar-driven UI with flyout menus and grid-based data views. ===== Sidebar ===== * Icons trigger flyout panels * Each flyout exposes actions or data grids ===== Flyout Menu ===== * Opens from the left * Contains grid launch options (Clients, Campaigns) ===== Grid Views ===== * Displayed in the main content area * Rendered dynamically via JavaScript * Multiple grids can be opened at once * Each grid has a tab in the footer bar ===== Footer Tabs ===== * Tabs represent open grids * Clicking a tab switches the active grid * "Close All" button closes all open grids ===== Grid Columns ===== Clients: * Name * Address * Phone * Contact Name * Contact Title * Notes Campaigns: * Name * Owner * Notes * Agency * Start Date * End Date