How haiderimam07/collab_workspace works
This is a team workspace and document collaboration app. Users authenticate, browse or create workspaces, create documents, then open a document workspace for editing and collaboration. Firebase reads and writes are directly evidenced in the sampled workspace-creation, dashboard-list, and sidebar code; the Liveblocks room and authorization route are also sampled. The tree indicates editor, comments, notifications, and AI-template features, but their internal wiring was not sampled, so those links are omitted or marked optional where appropriate.
Main entry points: SideNav.jsx Document navigation · page.jsx Document view · Room.jsx Live collaboration room · firebaseConfig.js Firebase Firestore
Components 22
Identity
Workspace management
- Workspace dashboard
app/(routes)/dashboard/page.jsx - Workspace list
app/(routes)/dashboard/_components/WorkspaceList.jsx - Create workspace
app/(routes)/createworkspace/page.jsx - Workspace items
app/(routes)/dashboard/_components/WorkspaceItemList.jsx
Documents and collaboration
- Workspace view
app/(routes)/workspace/[workspaceid]/page.jsx - Document navigation
app/(routes)/workspace/_components/SideNav.jsx - Document list
app/(routes)/workspace/_components/DocumentList.jsx - Document view
app/(routes)/workspace/[workspaceid]/[documentid]/page.jsx - Editor section
app/(routes)/workspace/_components/DocumentEditorSection.jsx - Rich text editor
app/(routes)/workspace/_components/RichDocumentEditor.jsx - Comments
app/(routes)/workspace/_components/CommentBox.jsx - Live collaboration room
app/Room.jsx - Room authorization
app/api/liveblocks-auth/route.js - AI templates
app/(routes)/workspace/_components/GenerateAITemplate.jsx - Notifications
app/(routes)/workspace/_components/NotifiationBox.jsx
External services
- Clerk identity
- Firebase Firestore
config/firebaseConfig.js - Liveblocks
- Gemini model
config/GoogleAIModel.jsx
Other components
- Team member
Connections 27
- Team member → Sign in: signs in
- Team member → Sign up: signs up
- Sign in → Clerk identity: authenticates
- Sign up → Clerk identity: authenticates
- Team member → Workspace dashboard: opens
- Workspace dashboard → Workspace list: renders
- Workspace list → Firebase Firestore: queries workspaces
- Workspace list → Workspace items: renders results
- Team member → Create workspace: creates workspace
- Create workspace → Firebase Firestore: writes workspace and starter document
- Workspace items → Workspace view: opens workspace
- Workspace view → Document navigation: renders navigation
- Document navigation → Firebase Firestore: queries and creates documents
- Document navigation → Document list: renders documents
- Document list → Document view: opens document
- Document view → Editor section: renders editor area
- Editor section → Rich text editor: provides editor
- Document view → Live collaboration room: provides room context
- Live collaboration room → Room authorization: requests authorization
- Room authorization → Clerk identity: gets current user
- Room authorization → Liveblocks: authorizes room
- Live collaboration room → Liveblocks: starts collaboration
- Live collaboration room → Firebase Firestore: resolves users and mentions
- Document view → Comments: uses comments
- Document navigation → Notifications: offers notifications
- Editor section → AI templates: offers template generation
- AI templates → Gemini model: possible model integration