Refine search #141

Open
opened 2026-04-03 16:57:29 +00:00 by hodlbod · 26 comments
Owner
  • The results aren't rendered using Content. Maybe use ContentMinimal
  • Cards are probably a little heavy for search results
  • When searching, center the "searching" text and show a spinner
  • Center the no results found bit too
  • Refactor the various searches in the app into their own components for code reuse

This covers room, recent activity, and dedicated search.

- [ ] The results aren't rendered using Content. Maybe use ContentMinimal - [ ] Cards are probably a little heavy for search results - [ ] When searching, center the "searching" text and show a spinner - [ ] Center the no results found bit too - [ ] Refactor the various searches in the app into their own components for code reuse This covers room, recent activity, and dedicated search.
hodlbod added this to the Current milestone 2026-04-03 16:57:29 +00:00
hodlbod added the design label 2026-04-03 16:57:29 +00:00
0xNaman self-assigned this 2026-04-03 17:43:06 +00:00
0xNaman removed their assignment 2026-04-04 11:42:18 +00:00

Hi @hodlbod can i work on this

Hi @hodlbod can i work on this

Hi @hodlbod , I’ve gone through the issue and have a clear approach in mind.

Plan:

Replace heavy cards with a compact, scannable list layout
Create a reusable SearchResultItem for consistency
Adding a proper loading state (spinner + skeletons)
Improve empty state with centered, helpful messaging

If this aligns, I’d love to take this up. Could you assign this issue to me?
Thanks!

image.png
Hi @hodlbod , I’ve gone through the issue and have a clear approach in mind. Plan: Replace heavy cards with a compact, scannable list layout Create a reusable SearchResultItem for consistency Adding a proper loading state (spinner + skeletons) Improve empty state with centered, helpful messaging If this aligns, I’d love to take this up. Could you assign this issue to me? Thanks! <img width="821" alt="image.png" src="attachments/7189b4ac-cf62-4665-878e-190ddb8f69d8">
Author
Owner

Sure @somnath, go ahead. @rajanarahul93 would you mind picking another issue?

Sure @somnath, go ahead. @rajanarahul93 would you mind picking another issue?
somnath was assigned by hodlbod 2026-04-07 17:07:54 +00:00

@hodlbod sure

@hodlbod sure

Hey @hodlbod there are a lot of issues i have identified in the search flow apart from the one you have mentioned but before that i want to clarify one thing currently search is implemented in only 2 places in the app right?

  1. Search for people (Universal search for all the people present in the app)
  2. Search messages within the rooms image.png

We can't see the person who has typed the message in the group during search also, which is a bad UX because sometimes people will not remember the message but the person only.

  1. Also i didn't found any search option in the recent activity tab, can you clarify that too.
Hey @hodlbod there are a lot of issues i have identified in the search flow apart from the one you have mentioned but before that i want to clarify one thing currently search is implemented in only 2 places in the app right? 1. Search for people (Universal search for all the people present in the app) 2. Search messages within the rooms <img width="860" alt="image.png" src="attachments/8a5a35e7-b18b-483c-8fe9-a8157b17ecb9"> We can't see the person who has typed the message in the group during search also, which is a bad UX because sometimes people will not remember the message but the person only. 3. Also i didn't found any search option in the recent activity tab, can you clarify that too.
107 KiB

@hodlbod Also what are your thoughts on giving a universal search option for the space itself and using filters the user can navigate and search in any room he wants ?

@hodlbod Also what are your thoughts on giving a universal search option for the space itself and using filters the user can navigate and search in any room he wants ?
Author
Owner

Yeah, showing the author of the note would be helpful. Maybe use NoteContentMinimal for the note content. There are three search areas: global, room, and recent. The recent search is behind a search icon button in the header, see below.

For space search, the recent activity search covers that (although it's not very discoverable). It should also be covered by the global search. So we can skip it for now, but it's definitely an item for future usability testing.

Yeah, showing the author of the note would be helpful. Maybe use NoteContentMinimal for the note content. There are three search areas: global, room, and recent. The recent search is behind a search icon button in the header, see below. For space search, the recent activity search covers that (although it's not very discoverable). It should also be covered by the global search. So we can skip it for now, but it's definitely an item for future usability testing.
image.png

Thanks for clarification, although its not showing me on my recent activity tab for some reason.

Regardless I'll start working on the global and room one.

<img width="1069" alt="image.png" src="attachments/19b7664c-fb72-4e6f-bc7e-dc2f30a18be3"> Thanks for clarification, although its not showing me on my recent activity tab for some reason. Regardless I'll start working on the global and room one.
Author
Owner

Have you fetched from the dev branch recently?

Have you fetched from the dev branch recently?

No, I haven’t pulled from the dev branch recently. This is based on the main branch that’s currently live.

No, I haven’t pulled from the dev branch recently. This is based on the main branch that’s currently live.
Collaborator

No, I haven’t pulled from the dev branch recently. This is based on the main branch that’s currently live.

Pull the latest changes from the dev branch and rebase your branch on top of it; the changes should appear afterward.

> No, I haven’t pulled from the dev branch recently. This is based on the main branch that’s currently live. Pull the latest changes from the dev branch and rebase your branch on top of it; the changes should appear afterward.
Collaborator

Hey @somnath, are you still working on this? If not, I’d be happy to help out.

Hey @somnath, are you still working on this? If not, I’d be happy to help out.
Collaborator

Hi @hodlbod , I’ve gone through the issue and have a clear approach in mind.

Plan:

Replace heavy cards with a compact, scannable list layout
Create a reusable SearchResultItem for consistency
Adding a proper loading state (spinner + skeletons)
Improve empty state with centered, helpful messaging

If this aligns, I’d love to take this up. Could you assign this issue to me?
Thanks!

image.png

Sorry, I’m having a bit of trouble understanding this image, it appears quite blurry. Could you clarify what it’s meant to represent, or if it’s a design?

> Hi @hodlbod , I’ve gone through the issue and have a clear approach in mind. > > Plan: > > Replace heavy cards with a compact, scannable list layout > Create a reusable SearchResultItem for consistency > Adding a proper loading state (spinner + skeletons) > Improve empty state with centered, helpful messaging > > If this aligns, I’d love to take this up. Could you assign this issue to me? > Thanks! > > <img width="821" alt="image.png" src="attachments/7189b4ac-cf62-4665-878e-190ddb8f69d8"> Sorry, I’m having a bit of trouble understanding this image, it appears quite blurry. Could you clarify what it’s meant to represent, or if it’s a design?

Hey @userAdityaa Thanks for asking, don't worry i am still working on it, the image above is just the current flow of people search in the app, i am currently making mockups for all search functionality in the app.

I will share the figma file and screenshot of the User flow of searching for all the cases once i am done.

Sry for the delay, health was a bit down.

Hey @userAdityaa Thanks for asking, don't worry i am still working on it, the image above is just the current flow of people search in the app, i am currently making mockups for all search functionality in the app. I will share the figma file and screenshot of the User flow of searching for all the cases once i am done. Sry for the delay, health was a bit down.
Collaborator

Hey @userAdityaa Thanks for asking, don't worry i am still working on it, the image above is just the current flow of people search in the app, i am currently making mockups for all search functionality in the app.

I will share the figma file and screenshot of the User flow of searching for all the cases once i am done.

Sry for the delay, health was a bit down.

No worries at all, thanks for the update. Take your time and focus on getting better first 😊

> Hey @userAdityaa Thanks for asking, don't worry i am still working on it, the image above is just the current flow of people search in the app, i am currently making mockups for all search functionality in the app. > > I will share the figma file and screenshot of the User flow of searching for all the cases once i am done. > > Sry for the delay, health was a bit down. No worries at all, thanks for the update. Take your time and focus on getting better first 😊

Hello @hodlbod i am done with the searching flow for spaces and people i have included the entire flow in the "Final Design page " of the below figma file.

https://www.figma.com/design/gK34wyCqRK5YtgKNYo51Rp/Flotilla-Design-Improvements?node-id=69-2748&t=dz35WmK9WEQ0644n-1

Check it out and let me know if something is unclear or if i missed something, I am up for some feedback.

image.png
Hello @hodlbod i am done with the searching flow for spaces and people i have included the entire flow in the "✅Final Design page " of the below figma file. https://www.figma.com/design/gK34wyCqRK5YtgKNYo51Rp/Flotilla-Design-Improvements?node-id=69-2748&t=dz35WmK9WEQ0644n-1 Check it out and let me know if something is unclear or if i missed something, I am up for some feedback. <img width="349" alt="image.png" src="attachments/25616d0b-b679-4fce-903b-6253bc58e493">
112 KiB
Collaborator

Wow, these designs look really solid to me.

Wow, these designs look really solid to me.
Author
Owner

This looks pretty good. A couple comments:

  • I don't see a way to limit the search to the current room. That seems like the natural place to start with an option to "search entire space".
  • I don't see what the Filters button does. With the use-case focused search sections you've added here I think it's probably not necessary.
  • I like what you've done with the global search panel, but I would actually like to extend that view to search content etc in all spaces (and more when we add microblogging). It's also covered by #53, so let's punt on it for now.
  • I'd also like to see a quick mobile version of this. No need to do all the screens, just show what the shell would look like.
This looks pretty good. A couple comments: - I don't see a way to limit the search to the current room. That seems like the natural place to start with an option to "search entire space". - I don't see what the Filters button does. With the use-case focused search sections you've added here I think it's probably not necessary. - I like what you've done with the global search panel, but I would actually like to extend that view to search content etc in all spaces (and more when we add microblogging). It's also covered by https://gitea.coracle.social/coracle/flotilla/issues/53, so let's punt on it for now. - I'd also like to see a quick mobile version of this. No need to do all the screens, just show what the shell would look like.
  1. You are right, there should be an option to search any room from anywhere in the space...I am working on it to add the option.
  2. About the filters, the 4 categories I have made a filter for activating, that's the role of filters basically to narrow down the search as much as possible...If we click on the filter option, we can select the same four options only together....It's pretty similar to what Prat was working on, Rich search. (Don't worry, I am working on the UI, so it will get done)
  3. Got it, I will add more content search options. I have already added some like, photos , we can just extend that to more content types.
  4. Sure! Working on the mobile view.
1. You are right, there should be an option to search any room from anywhere in the space...I am working on it to add the option. 2. About the filters, the 4 categories I have made a filter for activating, that's the role of filters basically to narrow down the search as much as possible...If we click on the filter option, we can select the same four options only together....It's pretty similar to what Prat was working on, Rich search. (Don't worry, I am working on the UI, so it will get done) 3. Got it, I will add more content search options. I have already added some like, photos , we can just extend that to more content types. 4. Sure! Working on the mobile view.

I have edited the Figma file and made the necessary changes. Working on the mobile view, you can check on the same Figma and verify once.

https://www.figma.com/design/gK34wyCqRK5YtgKNYo51Rp/Flotilla-Design-Improvements?node-id=69-2748&t=wSBRh6ZSZHBBjZJj-1

image.png

@hodlbod What all content types can we add? Currently, we have 4 image video links and a file.

image.png
I have edited the Figma file and made the necessary changes. Working on the mobile view, you can check on the same Figma and verify once. https://www.figma.com/design/gK34wyCqRK5YtgKNYo51Rp/Flotilla-Design-Improvements?node-id=69-2748&t=wSBRh6ZSZHBBjZJj-1 <img width="1011" alt="image.png" src="attachments/ff74b925-e188-4502-8539-92eb23f66de0"> @hodlbod What all content types can we add? Currently, we have 4 image video links and a file. <img width="658" alt="image.png" src="attachments/cf02ea10-6574-4b2c-9ecc-efbc4bdd800e">
170 KiB
177 KiB
Author
Owner

We could potentially search for polls, threads, calendar events, zap goals, chat, and classifieds as content types, although that's slightly different from the ones currently listed.

Scoping people search to spaces might not make sense, since people can cross space boundaries. But when searching in a space, it probably makes sense to weight people results by membership. Something still doesn't quite feel right about the distinction/commonality between global search, space search, and room search.

Here's an idea: always show search in the sidebar view. Depending on how the user opens this search view (room/space/global), we could pre-populate filters, and the user could then remove them if they want to broaden the search. This would unify 3+ search interfaces into a single location.

We could potentially search for polls, threads, calendar events, zap goals, chat, and classifieds as content types, although that's slightly different from the ones currently listed. Scoping people search to spaces might not make sense, since people can cross space boundaries. But when searching in a space, it probably makes sense to weight people results by membership. Something still doesn't quite feel right about the distinction/commonality between global search, space search, and room search. Here's an idea: always show search in the sidebar view. Depending on how the user opens this search view (room/space/global), we could pre-populate filters, and the user could then remove them if they want to broaden the search. This would unify 3+ search interfaces into a single location.

Got it @hodlbod I think i got a great idea till now ill explain the current scenario and future plan of how to approach this.

  1. Space search and room search are unified at the moment with a single search UI on the right side bar. (User can basially add filters to search anything using that search bar)
image.png
  1. For The Global search on the entire app currently there is only functionality to search for people that's why in my design i have shown that only people we can search.
image.png

(Of course we can add filters here about searching in a particular space, of a particular room also, Finding messages and media etc from the entire app) - It will be very usefull for power users who are in more than 20 to 30 spaces inside flotilla and a scenario arises when he need to find "The xyz file from the entire app, but can't able to recall which space?"

  1. Coming to your idea i have another approach to implement a Unified searching exp

i. We can remove the search icon from the bottom left and add that on the top of the page so that user knows that he was searching the entire flotilla interface including all the spaces and etc. (similar approach how slack has done) As you can see in the below screen shot 2 search icon clearly distinctable for 2 different use cases.

image.png

So in conclusion, i disagree a bit that we should unify Global app search interface with the space search, It will create un-necessary confusion to the user, he has to dig down into applying and removing a lot of filters which will in general increase the no of clicks and user will frustrate.

I think there needs to be 2 search icons shown in the UI And making it ovious to the user which search icon is for which kind of search.

Got it @hodlbod I think i got a great idea till now ill explain the current scenario and future plan of how to approach this. 1. Space search and room search are unified at the moment with a single search UI on the right side bar. (User can basially add filters to search anything using that search bar) <img width="425" alt="image.png" src="attachments/efc68e96-aa5e-4712-ab59-49391183e581"> 2. For The Global search on the entire app currently there is only functionality to search for people that's why in my design i have shown that only people we can search. <img width="424" alt="image.png" src="attachments/60c1dcb3-c430-4cd7-bb66-764c85584f8d"> (Of course we can add filters here about searching in a particular space, of a particular room also, Finding messages and media etc from the entire app) - It will be very usefull for power users who are in more than 20 to 30 spaces inside flotilla and a scenario arises when he need to find "The xyz file from the entire app, but can't able to recall which space?" 3. Coming to your idea i have another approach to implement a Unified searching exp i. We can remove the search icon from the bottom left and add that on the top of the page so that user knows that he was searching the entire flotilla interface including all the spaces and etc. (similar approach how slack has done) As you can see in the below screen shot 2 search icon clearly distinctable for 2 different use cases. <img width="834" alt="image.png" src="attachments/cad434ad-7f2d-4bc8-b423-b20f7c63f8df"> So in conclusion, i disagree a bit that we should unify Global app search interface with the space search, It will create un-necessary confusion to the user, he has to dig down into applying and removing a lot of filters which will in general increase the no of clicks and user will frustrate. I think there needs to be 2 search icons shown in the UI And making it ovious to the user which search icon is for which kind of search.
Author
Owner

I understand what you're saying, and it may be necessary, but it introduces visual clutter, which is something I want to avoid in flotilla if at all possible. I've also experienced confusion myself when deciding which search function to use. Having a single one would reduce that. We could pre-fill space filters depending on context with prompts to remove them if stuff from other spaces matched. This is implicit behavior, so a little risky, but could work really well. Probably something to usability test.

I understand what you're saying, and it may be necessary, but it introduces visual clutter, which is something I want to avoid in flotilla if at all possible. I've also experienced confusion myself when deciding which search function to use. Having a single one would reduce that. We could pre-fill space filters depending on context with prompts to remove them if stuff from other spaces matched. This is implicit behavior, so a little risky, but could work really well. Probably something to usability test.

@hodlbod Fair enough Got it ! I'll revamp it then keep a single unified search i have few ideas for it...may be we can go with a Top long search bar attached with the whole app. The search UI should feel like separated from the main UI Elements so that user will know that you can search anything in the UI using the one search bar

@hodlbod Fair enough Got it ! I'll revamp it then keep a single unified search i have few ideas for it...may be we can go with a Top long search bar attached with the whole app. The search UI should feel like separated from the main UI Elements so that user will know that you can search anything in the UI using the one search bar
Author
Owner

I like the currently no-top-nav style, and I like what you've done with the search sidebar, maybe we could keep the search icon where it currently is and show search results in the sidebar or a dialog.

I like the currently no-top-nav style, and I like what you've done with the search sidebar, maybe we could keep the search icon where it currently is and show search results in the sidebar or a dialog.

Got it! Working on it

Got it! Working on it
somnath was unassigned by hodlbod 2026-05-06 16:35:33 +00:00
Sign in to join this conversation.
4 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: coracle/flotilla#141