How zedu-toucan-team/zedu-fe works
Zedu is a frontend for a cross-platform team workspace. The principal user journey is entering an organization and using its unified messaging and collaboration features, with search and AI coworkers helping users find information and automate work. The README also documents calls, file sharing, media/link organization, and cross-device continuity. Sampled code shows search dispatch, shared application state, API request handling, webhook controls, and Agora-based call/recording behavior. Several product areas are represented by their exact tree paths; their internal wiring was not sampled, so those links are documented at capability level.
Main entry points: client-layout.tsx Organization workspace · useChannelBuzz.ts Buzz calls · new-request.ts HTTP request layer · search-bar.tsx Search interface
Components 22
Workspace experience
- Organization workspace
src/app/(client)/[org]/client-layout.tsx - File sharing
src/app/(client)/[org]/_components/file-management/FileExplorer.tsx
Messaging and calls
- Channels and DMs
src/app/(client)/[org]/home/channels/page.tsx - Message composition
src/app/(client)/[org]/_components/message-box/index.tsx - Buzz calls
src/hooks/buzz/useChannelBuzz.ts - Agora client
src/hooks/buzz/useAgoraClient.ts - Recording support
src/lib/buzz/recording-placeholder-track.ts
Search and discovery
- Search interface
src/components/search/search-bar.tsx - Search requests
src/lib/search/api.ts - Query filters
src/lib/search/query.ts
AI coworkers
- AI coworkers
src/app/(client)/[org]/_components/agents/active-agents.tsx - Agent workflows
src/app/(client)/[org]/_components/tasks-lists/nodes-editor.tsx
Shared platform
- Call token API
src/app/api/agora/token/route.ts - Search API route
src/app/api/search/route.ts - Authentication
src/hooks/useAuth.ts - Shared application state
src/store/GlobalState.tsx - HTTP request layer
src/utils/new-request.ts - Channel webhooks
src/hooks/useChannelWebhook.ts - Webhook history
src/hooks/useWebhookHistory.ts
Other components
- Workspace user
- Zedu services
- Realtime call service
Connections 24
- Workspace user → Organization workspace: opens
README.md - Organization workspace → Channels and DMs: uses messaging
README.md - Organization workspace → File sharing: shares files
README.md - Organization workspace → Buzz calls: starts calls
README.md - Organization workspace → Search interface: searches workspace
README.md - Organization workspace → AI coworkers: uses AI coworkers
README.md - Channels and DMs → Message composition: composes messages
- Search interface → Search requests: requests results
src/components/search/search-bar.tsx - Search requests → Query filters: builds query
src/lib/search/api.ts - Search interface → Search requests: searches people
src/components/search/search-bar.tsx - Search interface → Zedu services: opens direct chat
src/components/search/search-bar.tsx - Search requests → HTTP request layer: sends requests
src/lib/search/api.ts - HTTP request layer → Zedu services: calls services
src/utils/new-request.ts - Search API route → Zedu services: serves search
- Buzz calls → Agora client: creates client
src/hooks/buzz/useChannelBuzz.ts - Buzz calls → Call token API: gets token
src/hooks/buzz/useChannelBuzz.ts - Buzz calls → Recording support: creates track
src/hooks/buzz/useChannelBuzz.ts - Buzz calls → HTTP request layer: updates call
src/hooks/buzz/useChannelBuzz.ts - Agora client → Realtime call service: creates RTC client
src/hooks/buzz/useAgoraClient.ts - Buzz calls → Shared application state: dispatches updates
src/hooks/buzz/useChannelBuzz.ts - Authentication → Shared application state: reads context
src/hooks/useAuth.ts - Channel webhooks → HTTP request layer: manages webhook
src/hooks/useChannelWebhook.ts - Webhook history → HTTP request layer: fetches history
src/hooks/useWebhookHistory.ts - AI coworkers → Agent workflows: supports automation