How thummalamani567-dot/aetrix_ai works
Aetrix AI is a browser-based AI workspace combining chat, specialized tools, account features, and user-managed content. The main user workflow enters the routed workspace, starts or manages a conversation, and can navigate to tools and saved-content areas. App.tsx is the visible UI orchestrator; login and signup use Supabase authentication when configured. The excerpts do not establish how chat requests reach an AI service or how projects and library items are persisted, so those connections are omitted. server.ts is substantial, but its behavior was not excerpted.
Main entry points: App.tsx App routing · AetrixLogin.tsx Sign in · AetrixSignUp.tsx Sign up · AetrixFeaturesPage.tsx Features catalog
Components 19
Workspace and navigation
- App routing
src/App.tsx - Chat workspace
src/components/AetrixChatWorkspace.tsx - Features catalog
src/components/AetrixFeaturesPage.tsx - Projects
src/components/AetrixProjects.tsx - Saved library
src/components/AetrixLibrary.tsx
AI tools
- Tool experiences
src/components/AetrixToolPages.tsx
Account and preferences
Runtime services and presentation
- Supabase client
src/supabase.ts - Supabase service
- Server runtime
server.ts - Toast notifications
src/components/Toast.tsx - Brand logo
src/components/AetrixLogo.tsx - Space background
src/components/PremiumSpaceBackground.tsx - Background effects
src/components/BackgroundEffects.tsx
Other components
- User
- Tool discovery
Connections 20
- User → App routing: uses
- App routing → Chat workspace: routes to
src/App.tsx - App routing → Features catalog: routes to
src/App.tsx - App routing → Projects: routes to
src/App.tsx - App routing → Saved library: routes to
src/App.tsx - App routing → Tool experiences: routes to
src/App.tsx - App routing → Sign in: routes to
src/App.tsx - App routing → Sign up: routes to
src/App.tsx - App routing → Profile: routes to
src/App.tsx - App routing → Settings: routes to
src/App.tsx - Sign in → Supabase client: authenticates via
src/components/AetrixLogin.tsx - Sign up → Supabase client: checks configuration
src/components/AetrixSignUp.tsx - Supabase client → Supabase service: connects to
- Tool discovery → Features catalog: explores tools
src/components/AetrixFeaturesPage.tsx - App routing → Toast notifications: renders
src/App.tsx - Sign in → Brand logo: renders
src/components/AetrixLogin.tsx - Sign up → Brand logo: renders
src/components/AetrixSignUp.tsx - Saved library → Brand logo: renders
src/components/AetrixLibrary.tsx - Features catalog → Space background: renders
src/components/AetrixFeaturesPage.tsx - Tool experiences → Space background: renders
src/components/AetrixToolPages.tsx