Shell Iframe Architecture

SentinelOne - Unified Console Integration Project

The Shell Iframe Architecture project was a significant initiative at SentinelOne that unified multiple applications into a single, cohesive console experience. This project brought together diverse applications including the MGMT console, Attivo, and Skylight, each built with different frontend frameworks, into a seamless user interface.

This work contributed to the development of the Singularity Operations Center, a unified security console that centralizes security management with unified alerts, asset inventory management, and a correlation engine to accelerate detection, triage, and investigation.

Singularity Shell Architecture - Unified Console Integration

React

Angular

TypeScript

iframe

Authentication

Routing

State Management

Unified User Experience

Implemented a consistent look and feel across different applications while maintaining their individual functionalities.

Coordinated styling, theming, and UI components across all integrated apps.

Developed a shared design system that worked across different frontend frameworks.

Seamless Navigation

Developed a sophisticated routing system that enabled smooth transitions between different applications.

Implemented deep linking capabilities and state management across apps.

Created a unified navigation experience without requiring multiple browser tabs.

Authentication Flow

Created an efficient login mechanism that handled automatic redirection after authentication.

Implemented secure token management and session handling across applications.

Ensured smooth user experience while maintaining security across all integrated applications.

Inter-App Communication

Implemented a robust communication layer between the shell and iframed applications.

Developed efficient route synchronization and state management across different apps.

Created a secure messaging system for cross-application communication.

Console Dialogs Architecture

Developed a transparent background iframe system for dialogs (concept by Eduard Stankovic).

Implemented a postMessage-based communication system for dialog management.

Created a dual-console architecture with separate iframes for dialogs and regular pages.

Integrated the initial login form into the dialog iframe system.

Login Flow

Designed a seamless login flow where the console dialogs iframe handles initial authentication.

Implemented automatic redirection to inner apps after successful login.

Created a system where apps are initiated by login and redirect links.

Developed automatic app redirection as if the user clicked the link manually.

Impact & Results

The Shell Iframe Architecture project successfully unified multiple applications into a single console, providing users with a seamless experience while maintaining the individual strengths of each application. The solution was implemented with minimal code changes across various apps, demonstrating the project's efficiency and effectiveness in achieving its goals.