feat: major UI overhaul with new components and enhanced UX

- Add comprehensive Company Wiki feature with complete state management
  - CompanyWikiManager, empty states, invite modals
- Implement new Chat system with enhanced layout and components
  - ChatLayout, ChatSidebar, MessageThread, FileUploadInput
- Create modern Login and OTP verification flows
  - LoginNew page, OTPVerification component
- Add new Employee Forms system with enhanced controller
- Introduce Figma-based design components and multiple choice inputs
- Add new font assets (NeueMontreal) and robot images for onboarding
- Enhance existing components with improved styling and functionality
- Update build configuration and dependencies
- Remove deprecated ModernLogin component
This commit is contained in:
Ra
2025-08-20 03:30:04 -07:00
parent 1a9e92d7bd
commit cf565df13e
47 changed files with 6654 additions and 2007 deletions

56
App.tsx
View File

@@ -8,9 +8,11 @@ import { Layout } from './components/UiKit';
import CompanyWiki from './pages/CompanyWiki';
import EmployeeData from './pages/EmployeeData';
import Chat from './pages/Chat';
import ChatNew from './pages/ChatNew';
import HelpNew from './pages/HelpNew';
import SettingsNew from './pages/SettingsNew';
import HelpAndSettings from './pages/HelpAndSettings';
import Login from './pages/Login';
import ModernLogin from './pages/ModernLogin';
import ModernLogin from './pages/Login';
import OrgSelection from './pages/OrgSelection';
import Onboarding from './pages/Onboarding';
import EmployeeQuestionnaire from './pages/EmployeeQuestionnaire';
@@ -20,7 +22,6 @@ import FormsDashboard from './pages/FormsDashboard';
import DebugEmployee from './pages/DebugEmployee';
import QuestionnaireComplete from './pages/QuestionnaireComplete';
import SubscriptionSetup from './pages/SubscriptionSetup';
import { isFirebaseConfigured } from './services/firebase';
const RequireAuth: React.FC<{ children: React.ReactNode }> = ({ children }) => {
const { user, loading } = useAuth();
@@ -112,7 +113,6 @@ function App() {
<Route path="/login" element={<ModernLogin />} />
<Route path="/login/:inviteCode" element={<ModernLogin />} />
<Route path="/invite/:inviteCode" element={<InviteRedirect />} />
<Route path="/legacy-login" element={<Login />} />
{/* Employee questionnaire - no auth needed, uses invite code */}
<Route path="/employee-form/:inviteCode" element={<EmployeeQuestionnaire />} />
@@ -180,6 +180,54 @@ function App() {
<Route path="/questionnaire-complete" element={<QuestionnaireComplete />} />
{/* New Figma Chat Implementation - Standalone route */}
<Route
path="/chat-new"
element={
<RequireAuth>
<RequireOrgSelection>
<OrgProviderWrapper>
<RequireOnboarding>
<ChatNew />
</RequireOnboarding>
</OrgProviderWrapper>
</RequireOrgSelection>
</RequireAuth>
}
/>
{/* New Figma Help Implementation - Standalone route */}
<Route
path="/help-new"
element={
<RequireAuth>
<RequireOrgSelection>
<OrgProviderWrapper>
<RequireOnboarding>
<HelpNew />
</RequireOnboarding>
</OrgProviderWrapper>
</RequireOrgSelection>
</RequireAuth>
}
/>
{/* New Figma Settings Implementation - Standalone route */}
<Route
path="/settings-new"
element={
<RequireAuth>
<RequireOrgSelection>
<OrgProviderWrapper>
<RequireOnboarding>
<SettingsNew />
</RequireOnboarding>
</OrgProviderWrapper>
</RequireOrgSelection>
</RequireAuth>
}
/>
{/* Main app routes - require auth, org selection, and completed onboarding */}
<Route
element={