Threads
Similar to threads, sometimes I would like to chat with updates on my Socra timelines and dive into
Similar to threads, sometimes I would like to chat with updates on my Socra timelines and dive into topics.
Idea:
- [x] Allow users to click on updates on timeline
- [x] When clicking, open a new "thread" on the right sidebar, feeding that context to AI and allowing that update to become a thread
TODO:
- [ ] Detail timeline
- [x] Render as infinite flat list with ordering `-path`
- [x] on item click, open item in sidebar
- [x] register event listeners
- [x] Sidebar timeline
- [x] no item selected
- [x] input should create a new chat and send first message. chat will appear on timeline
- [x] item selected
- [x] Render as infinite flat list with ordering `path`
- [x] should be able to navigate back in sidebar. on back click, navigate to parent?
- [x] Both: actions should expand in timeline
- [x] Chat modal
- [x] new timeline + input
Thoughts:
- Based on location of timeline item, click handler should behave differently, which means click handler should be passed in to wherever we’re instantiating timeline component
- Some timeline items are expandable, and whether they are expandable or not may change based on location of item. When expandable, click handler should expand node instead of expanding on sidebar. When children are fetched, are they expandable?
- Could potentially pass in a prop “expandable” to SocraTimelineItem
- Timeline items could potentially have children of several different types. Is there a common UI we could use for this (similar to how you see like count, comment count, bookmark count under a tweet)?On October 18, 2024, Eduarda Ferreira initiated a Socra titled "Threads," focusing on enhancing user interaction within Socra timelines. The aim was to allow users to easily navigate updates and engage in discussions through a chat interface.
Key updates included:
1. **Clickable Updates**: Users can click on updates in the timeline, which opens a new thread in the right sidebar, providing context to the AI.
2. **Timeline Detail**: The timeline was designed to render as an infinite flat list, with item clicks leading to sidebar interactions. Event listeners were registered for seamless user experience.
3. **Sidebar Functionality**:
- If no item is selected, users can create a new chat, which appears on the timeline.
- When an item is selected, the sidebar displays an infinite flat list of related items, allowing navigation back to parent items.
4. **Expandable Items**: Actions in the timeline can expand items, with click handlers adjusted based on the item’s location, enabling different behaviors.
5. **Chat Modal Integration**: Users can initiate a new timeline and input messages through a chat modal.
Thoughts on UI design noted that timeline items might have various types of children, suggesting a need for a unified UI approach similar to social media interactions.
Overall, the "Threads" Socra aims to enhance user engagement through intuitive design and interaction, providing a richer experience within the Socra environment.By Eduarda Ferreira