Navigating the Ecosystem: LoginAppPills

Seamless Switching

Moving between intelligence hubs is a common workflow pattern for power users. A senior legal operations manager might start in ACM to review a contract risk report, jump into ATA to check automated test coverage, and then move to ACW to review a draft brief referencing the same contract. Each transition should feel like changing rooms in the same building, not re-entering a different application.

The LoginAppPills component redesigns the application switcher from the ground up.

The Design Philosophy

• Flex-Based Layout: The pills use a CSS flex-wrap layout that adapts to any container width, gracefully reordering onto multiple rows on narrow viewports without overflow.
• Platform Color Identity: Each pill uses the platform's semantic accent color for its hover state, reinforcing the color-to-platform association users build over time.
• Animated Active State: The currently active platform pill has a persistent glow animation, providing an unambiguous you-are-here signal.

Session Preservation

1. 1.JWT Relay: When a user activates a different platform pill, their session JWT is relayed to the target platform's authentication endpoint, enabling a single-sign-on experience without re-entering credentials.
2. 2.Return-to-Context State: Each platform stores the user's last active view in sessionStorage. When they return from another platform, they are placed back exactly where they left off.
3. 3.Graceful Disconnection: If the target platform's backend is unreachable, the pill displays an offline indicator rather than navigating, preventing a dead-end redirect loop.

The Ecosystem as a Single Tool

The LoginAppPills transform the Effective Solutions multi-tenant architecture from a collection of separate applications into a single, contiguous intelligence environment where navigation between tools is instant and session-preserving.