diff --git a/README.es.md b/README.es.md index 94d030186..b3f2eb5c3 100644 --- a/README.es.md +++ b/README.es.md @@ -74,6 +74,8 @@ https://github.com/user-attachments/assets/a0a16566-6967-4374-ac51-9b3e07fbecd7

Generación de Imágenes

+ - Y más próximamente. + ### Auto-Hospedado @@ -93,6 +95,28 @@ Después de iniciar, abre [http://localhost:3000](http://localhost:3000) en tu n Para Docker Compose, instalación manual y otras opciones de despliegue, consulta la [documentación](https://www.surfsense.com/docs/). +### Cómo Colaborar en Tiempo Real (Beta) + +1. Ve a la página de Gestión de Miembros y crea una invitación. + +

Invitar Miembros

+ +2. El compañero de equipo se une y ese SearchSpace se comparte. + +

Flujo de Unión por Invitación

+ +3. Haz el chat compartido. + +

Hacer Chat Compartido

+ +4. Tu equipo ahora puede chatear en tiempo real. + +

Chat en Tiempo Real

+ +5. Agrega comentarios para etiquetar a compañeros de equipo. + +

Comentarios en Tiempo Real

+ ## Funcionalidades Principales | Funcionalidad | Descripción | @@ -136,14 +160,11 @@ Consulta nuestra hoja de ruta pública y contribuye con tus ideas o comentarios: **Tablero Kanban:** [SurfSense Project Board](https://github.com/users/MODSetter/projects/3) -## Contribuir +## Contribuir -¡Las contribuciones son muy bienvenidas! Una contribución puede ser tan pequeña como una estrella o incluso encontrar y crear issues. -El ajuste fino del Backend siempre es deseado. +Todas las contribuciones son bienvenidas, desde estrellas y reportes de bugs hasta mejoras del backend. Consulta [CONTRIBUTING.md](CONTRIBUTING.md) para comenzar. -Para guías detalladas de contribución, consulta nuestro archivo [CONTRIBUTING.md](CONTRIBUTING.md). - -## Contribuidores +Gracias a todos nuestros Surfers: diff --git a/README.hi.md b/README.hi.md index f0bf38914..595dd3799 100644 --- a/README.hi.md +++ b/README.hi.md @@ -74,6 +74,8 @@ https://github.com/user-attachments/assets/a0a16566-6967-4374-ac51-9b3e07fbecd7

इमेज जनरेशन

+ - और भी बहुत कुछ जल्द आ रहा है। + ### सेल्फ-होस्टेड @@ -93,6 +95,28 @@ docker run -d -p 3000:3000 -p 8000:8000 -p 5133:5133 \ Docker Compose, मैनुअल इंस्टॉलेशन और अन्य डिप्लॉयमेंट विकल्पों के लिए, [डॉक्स](https://www.surfsense.com/docs/) देखें। +### रीयल-टाइम सहयोग कैसे करें (बीटा) + +1. सदस्य प्रबंधन पेज पर जाएं और एक आमंत्रण बनाएं। + +

सदस्यों को आमंत्रित करें

+ +2. टीममेट जुड़ता है और वह SearchSpace साझा हो जाता है। + +

आमंत्रण स्वीकार प्रवाह

+ +3. चैट को साझा करें। + +

चैट साझा करें

+ +4. आपकी टीम अब रीयल-टाइम में चैट कर सकती है। + +

रीयल-टाइम चैट

+ +5. टीममेट्स को टैग करने के लिए कमेंट जोड़ें। + +

रीयल-टाइम कमेंट्स

+ ## प्रमुख विशेषताएं | विशेषता | विवरण | @@ -136,14 +160,11 @@ Docker Compose, मैनुअल इंस्टॉलेशन और अन **कानबन बोर्ड:** [SurfSense Project Board](https://github.com/users/MODSetter/projects/3) -## योगदान करें +## योगदान करें -योगदान का बहुत स्वागत है! योगदान एक स्टार जितना छोटा हो सकता है या issues खोजना और बनाना भी। -बैकएंड की फ़ाइन-ट्यूनिंग हमेशा वांछित है। +सभी योगदान स्वागत योग्य हैं, स्टार और बग रिपोर्ट से लेकर बैकएंड सुधार तक। शुरू करने के लिए [CONTRIBUTING.md](CONTRIBUTING.md) देखें। -विस्तृत योगदान दिशानिर्देशों के लिए, कृपया हमारी [CONTRIBUTING.md](CONTRIBUTING.md) फ़ाइल देखें। - -## योगदानकर्ता +हमारे सभी Surfers को धन्यवाद: diff --git a/README.md b/README.md index a673ad225..e1c2ca256 100644 --- a/README.md +++ b/README.md @@ -74,6 +74,8 @@ https://github.com/user-attachments/assets/a0a16566-6967-4374-ac51-9b3e07fbecd7

Image Generation

+ - And more coming soon. + ### Self Hosted @@ -93,6 +95,28 @@ After starting, open [http://localhost:3000](http://localhost:3000) in your brow For Docker Compose, manual installation, and other deployment options, check the [docs](https://www.surfsense.com/docs/). +### How to Realtime Collaborate (Beta) + +1. Go to Manage Members page and create an invite. + +

Invite Members

+ +2. Teammate joins and that SearchSpace becomes shared. + +

Invite Join Flow

+ +3. Make chat shared. + +

Make Chat Shared

+ +4. Your team can now chat in realtime. + +

Realtime Chat

+ +5. Add comment to tag teammates. + +

Realtime Comments

+ ## Key Features | Feature | Description | @@ -136,14 +160,11 @@ Check out our public roadmap and contribute your ideas or feedback: **Kanban Board:** [SurfSense Project Board](https://github.com/users/MODSetter/projects/3) -## Contribute +## Contribute -Contributions are very welcome! A contribution can be as small as a star or even finding and creating issues. -Fine-tuning the Backend is always desired. +All contributions welcome, from stars and bug reports to backend improvements. See [CONTRIBUTING.md](CONTRIBUTING.md) to get started. -For detailed contribution guidelines, please see our [CONTRIBUTING.md](CONTRIBUTING.md) file. - -## Contributors +Thanks to all our Surfers: diff --git a/README.pt-BR.md b/README.pt-BR.md index 6a3310f0e..50016b4e6 100644 --- a/README.pt-BR.md +++ b/README.pt-BR.md @@ -74,6 +74,8 @@ https://github.com/user-attachments/assets/a0a16566-6967-4374-ac51-9b3e07fbecd7

Geração de Imagens

+ - E mais em breve. + ### Auto-Hospedado @@ -93,6 +95,28 @@ Após iniciar, abra [http://localhost:3000](http://localhost:3000) no seu navega Para Docker Compose, instalação manual e outras opções de implantação, consulte a [documentação](https://www.surfsense.com/docs/). +### Como Colaborar em Tempo Real (Beta) + +1. Acesse a página de Gerenciar Membros e crie um convite. + +

Convidar Membros

+ +2. O colega aceita e aquele SearchSpace se torna compartilhado. + +

Fluxo de Entrada por Convite

+ +3. Torne o chat compartilhado. + +

Tornar Chat Compartilhado

+ +4. Sua equipe agora pode conversar em tempo real. + +

Chat em Tempo Real

+ +5. Adicione comentários para marcar colegas de equipe. + +

Comentários em Tempo Real

+ ## Funcionalidades Principais | Funcionalidade | Descrição | @@ -136,14 +160,11 @@ Confira nosso roadmap público e contribua com suas ideias ou feedback: **Quadro Kanban:** [SurfSense Project Board](https://github.com/users/MODSetter/projects/3) -## Contribuir +## Contribuir -Contribuições são muito bem-vindas! Uma contribuição pode ser tão pequena quanto uma estrela ou até mesmo encontrar e criar issues. -O ajuste fino do Backend é sempre desejado. +Todas as contribuições são bem-vindas, desde estrelas e relatórios de bugs até melhorias no backend. Consulte [CONTRIBUTING.md](CONTRIBUTING.md) para começar. -Para diretrizes detalhadas de contribuição, consulte nosso arquivo [CONTRIBUTING.md](CONTRIBUTING.md). - -## Contribuidores +Obrigado a todos os nossos Surfers: diff --git a/README.zh-CN.md b/README.zh-CN.md index 2497eb86e..287b2fc17 100644 --- a/README.zh-CN.md +++ b/README.zh-CN.md @@ -74,6 +74,8 @@ https://github.com/user-attachments/assets/a0a16566-6967-4374-ac51-9b3e07fbecd7

图像生成

+ - 更多功能即将推出。 + ### 自托管 @@ -93,6 +95,28 @@ docker run -d -p 3000:3000 -p 8000:8000 -p 5133:5133 \ 如需 Docker Compose、手动安装及其他部署方式，请查看[文档](https://www.surfsense.com/docs/)。 +### 如何实时协作（Beta） + +1. 前往成员管理页面并创建邀请。 + +

邀请成员

+ +2. 队友加入后，该 SearchSpace 变为共享。 + +

邀请加入流程

+ +3. 将聊天设为共享。 + +

设为共享聊天

+ +4. 您的团队现在可以实时聊天。 + +

实时聊天

+ +5. 添加评论以标记队友。 + +

实时评论

+ ## 核心功能 | 功能 | 描述 | @@ -136,14 +160,11 @@ docker run -d -p 3000:3000 -p 8000:8000 -p 5133:5133 \ **看板：** [SurfSense Project Board](https://github.com/users/MODSetter/projects/3) -## 贡献 +## 贡献 -非常欢迎贡献！贡献可以小到一个 Star，甚至是发现和创建问题。 -后端的微调总是受欢迎的。 +欢迎所有贡献，从 Star 和 Bug 报告到后端改进。请参阅 [CONTRIBUTING.md](CONTRIBUTING.md) 开始贡献。 -有关详细的贡献指南，请参阅我们的 [CONTRIBUTING.md](CONTRIBUTING.md) 文件。 - -## 贡献者 +感谢所有 Surfers: diff --git a/surfsense_web/components/homepage/use-cases-grid.tsx b/surfsense_web/components/homepage/use-cases-grid.tsx index 21287f587..b835703aa 100644 --- a/surfsense_web/components/homepage/use-cases-grid.tsx +++ b/surfsense_web/components/homepage/use-cases-grid.tsx @@ -29,6 +29,16 @@ const useCases = [ description: "Generate images directly from your conversations.", src: "/homepage/hero_tutorial/ImageGenGif.gif", }, + { + title: "Realtime Chat", + description: "Chat together in realtime with your team.", + src: "/homepage/hero_realtime/RealTimeChatGif.gif", + }, + { + title: "Realtime Comments", + description: "Add comments and tag teammates on any message.", + src: "/homepage/hero_realtime/RealTimeCommentsFlow.gif", + }, ]; function UseCaseCard({ @@ -85,16 +95,23 @@ export function UseCasesGrid() { - {/* First row: 2 larger cards */} + {/* Row 1: 2 larger cards */}
{useCases.slice(0, 2).map((useCase) => ( ))}
- {/* Second row: 3 equal cards */} + {/* Row 2: 3 equal cards */}
- {useCases.slice(2).map((useCase) => ( + {useCases.slice(2, 5).map((useCase) => ( + + ))} +
+ + {/* Row 3: 2 cards */} +
+ {useCases.slice(5).map((useCase) => ( ))}
diff --git a/surfsense_web/content/docs/how-to/meta.json b/surfsense_web/content/docs/how-to/meta.json index 2f0da4ff1..9051b0585 100644 --- a/surfsense_web/content/docs/how-to/meta.json +++ b/surfsense_web/content/docs/how-to/meta.json @@ -1,5 +1,5 @@ { "title": "How to", - "pages": ["electric-sql"], + "pages": ["electric-sql", "realtime-collaboration"], "defaultOpen": false } diff --git a/surfsense_web/content/docs/how-to/realtime-collaboration.mdx b/surfsense_web/content/docs/how-to/realtime-collaboration.mdx new file mode 100644 index 000000000..73032c798 --- /dev/null +++ b/surfsense_web/content/docs/how-to/realtime-collaboration.mdx @@ -0,0 +1,40 @@ +--- +title: Realtime Collaboration +description: How to invite teammates, share chats, and collaborate in realtime on SurfSense +--- + +# Realtime Collaboration + +SurfSense supports realtime collaboration so your team can work together on shared Search Spaces and chats. This guide walks you through the full setup. + +## Step 1: Invite Members + +Go to the **Manage Members** page in your Search Space and create an invite for your teammates. + +Invite Members + +## Step 2: Teammate Joins + +Your teammate accepts the invite and the Search Space becomes shared between you. + +Invite Join Flow + +## Step 3: Make Chat Shared + +Toggle any chat to **Shared** so your team can see and participate in it. + +Make Chat Shared + +## Step 4: Chat in Realtime + +Your team can now chat together in realtime. Messages appear instantly for all participants. + +Realtime Chat + +## Step 5: Add Comments + +Tag teammates by adding comments on any message. Great for reviews, feedback, or follow-ups. + +Realtime Comments + + diff --git a/surfsense_web/public/homepage/hero_realtime/InviteJoinFlow.gif b/surfsense_web/public/homepage/hero_realtime/InviteJoinFlow.gif new file mode 100644 index 000000000..8621d831f Binary files /dev/null and b/surfsense_web/public/homepage/hero_realtime/InviteJoinFlow.gif differ diff --git a/surfsense_web/public/homepage/hero_realtime/InviteMembersGif.gif b/surfsense_web/public/homepage/hero_realtime/InviteMembersGif.gif new file mode 100644 index 000000000..21cd4980a Binary files /dev/null and b/surfsense_web/public/homepage/hero_realtime/InviteMembersGif.gif differ diff --git a/surfsense_web/public/homepage/hero_realtime/MakeChatSharedGif.gif b/surfsense_web/public/homepage/hero_realtime/MakeChatSharedGif.gif new file mode 100644 index 000000000..4cae08592 Binary files /dev/null and b/surfsense_web/public/homepage/hero_realtime/MakeChatSharedGif.gif differ diff --git a/surfsense_web/public/homepage/hero_realtime/RealTimeChatGif.gif b/surfsense_web/public/homepage/hero_realtime/RealTimeChatGif.gif new file mode 100644 index 000000000..35d0fced1 Binary files /dev/null and b/surfsense_web/public/homepage/hero_realtime/RealTimeChatGif.gif differ diff --git a/surfsense_web/public/homepage/hero_realtime/RealTimeCommentsFlow.gif b/surfsense_web/public/homepage/hero_realtime/RealTimeCommentsFlow.gif new file mode 100644 index 000000000..835cdb655 Binary files /dev/null and b/surfsense_web/public/homepage/hero_realtime/RealTimeCommentsFlow.gif differ