[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002F34d341c0-b51b-463c-903d-73e13178e55e":3,"content-store-meta":-1,"i-custom:bookmark":405},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":57,"links":395,"dates":402},"\u002Fexamples\u002Fflows\u002F34d341c0-b51b-463c-903d-73e13178e55e","detail","flows",true,{"title":9,"description":10,"og_image":11},"Supabase Flow Example: Filtering table data - Nicelydone","Preview this Supabase user flow: Filtering table data. Explore the opening screens.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F13b1c97f-7d49-44e9-9da6-8645e65e482a.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"User flow examples from SaaS apps","\u002Fexamples\u002Fflows",{"label":20,"to":4},"Supabase Flow Example: Filtering table data",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"User flow",[],[],[26],{"uuid":27,"title":28,"description":29,"canonical_path":30,"kind":31,"patterns_count":32,"categories":33,"screens":38,"app":53},"34d341c0-b51b-463c-903d-73e13178e55e","Filtering table data","This flow allows users to filter and sort data within a table, enhancing the ability to narrow down and organize information based on specific criteria.","\u002Fexamples\u002Fapps\u002Fsupabase\u002Fflows","flow",5,[34],{"id":35,"title":36,"slug":37},63,"Filtering & sorting","filter-sort",[39,46,49],{"uuid":40,"title":41,"description":42,"image":11,"image_alt":43,"width":44,"height":45},"13b1c97f-7d49-44e9-9da6-8645e65e482a","My Project | Supabase","Data management Sidebar navigation","My Project | Supabase from Supabase",3024,1738,{"uuid":47,"title":41,"description":42,"image":48,"image_alt":43,"width":44,"height":45},"66b87294-1e50-472e-ad42-2cad29cec558","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F66b87294-1e50-472e-ad42-2cad29cec558.png",{"uuid":50,"title":41,"description":51,"image":52,"image_alt":43,"width":44,"height":45},"079d42b1-a665-4da7-bd5c-3bf226e137da","Data management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F079d42b1-a665-4da7-bd5c-3bf226e137da.png",{"slug":54,"title":55,"logo":56},"supabase","Supabase","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fsupabase-245dbb6d.png",[58],{"family":6,"title":59,"examples":60},"Related user flows",[61,93,122,149,174,205,231,258,285,316,342,369],{"uuid":62,"title":63,"description":64,"canonical_path":65,"kind":31,"patterns_count":66,"categories":67,"screens":73,"app":89},"a5ab8d3a-3239-4336-9288-b54e3bc11a94","Searching integrations","User browses, searches, and filters the skills integrations directory to discover and connect third-party tools","\u002Fexamples\u002Fapps\u002Fbud\u002Fflows",8,[68,69],{"id":35,"title":36,"slug":37},{"id":70,"title":71,"slug":72},43,"Searching","search",[74,81,85],{"uuid":75,"title":76,"description":77,"image":78,"image_alt":79,"width":44,"height":80},"664327a6-0640-471f-8e7a-4273e22a1e4e","Bud | Your AI Worker","Settings page where the user browses and connects third-party tool integrations called skills.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F664327a6-0640-471f-8e7a-4273e22a1e4e.png","Bud | Your AI Worker from Bud",1714,{"uuid":82,"title":76,"description":83,"image":84,"image_alt":79,"width":44,"height":80},"9caecf9b-d378-49e1-aeed-bb048d4fc6dd","Skills directory where the user browses and connects integrations like Box, Calendly, and Canva.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9caecf9b-d378-49e1-aeed-bb048d4fc6dd.png",{"uuid":86,"title":76,"description":87,"image":88,"image_alt":79,"width":44,"height":80},"a48b3d65-f116-45f5-88ef-2fd4065e7a05","Settings page where the user searches and connects third-party skills like Box, Calendly, and Canva to their workspace.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa48b3d65-f116-45f5-88ef-2fd4065e7a05.png",{"slug":90,"title":91,"logo":92},"bud","Bud","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fb0427c87-61b8-484c-bf46-129e1c0ebd42.png",{"uuid":94,"title":95,"description":96,"canonical_path":97,"kind":31,"patterns_count":98,"categories":99,"screens":102,"app":118},"1344bd97-889c-4035-87a6-7ccc308d61a7","Searching customers","Navigating empty customer list states in sandbox with search bar, filter options, and create prompts visible","\u002Fexamples\u002Fapps\u002Fpolar\u002Fflows",9,[100,101],{"id":35,"title":36,"slug":37},{"id":70,"title":71,"slug":72},[103,110,114],{"uuid":104,"title":105,"description":106,"image":107,"image_alt":108,"width":44,"height":109},"31463271-a82a-43d0-ac65-807666a4431c","Customers | Nicelydone | Polar","Subscription management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F31463271-a82a-43d0-ac65-807666a4431c.png","Customers | Nicelydone | Polar from Polar",1758,{"uuid":111,"title":105,"description":112,"image":113,"image_alt":108,"width":44,"height":109},"376fef17-35cc-42cf-b50e-af19ac500593","B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F376fef17-35cc-42cf-b50e-af19ac500593.png",{"uuid":115,"title":105,"description":116,"image":117,"image_alt":108,"width":44,"height":109},"b9683a6f-ff67-4122-9fba-2627760eb93f","List view where the user manages customers, currently showing an empty state with a prompt to create their first customer in a sandbox environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb9683a6f-ff67-4122-9fba-2627760eb93f.png",{"slug":119,"title":120,"logo":121},"polar","Polar","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fpolar-3d0012c1.png",{"uuid":123,"title":124,"description":125,"canonical_path":126,"kind":31,"patterns_count":66,"categories":127,"screens":130,"app":145},"92ec4ef7-4186-42b6-8af7-68e97116d482","Searching stock images","User enters search query for stock images, browses masonry grid results, applies filters by license\u002Forientation\u002Fcolor, views AI suggestions in overlay, and saves or downloads assets","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",[128,129],{"id":35,"title":36,"slug":37},{"id":70,"title":71,"slug":72},[131,137,141],{"uuid":132,"title":133,"description":134,"image":135,"image_alt":136,"width":44,"height":109},"5511ccf7-40d2-49a2-b6c8-cd0825777e19","Customer support team vectors, photos and PSD files | Free download","Search results","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5511ccf7-40d2-49a2-b6c8-cd0825777e19.png","Customer support team vectors, photos and PSD files | Free download from Magnific",{"uuid":138,"title":133,"description":139,"image":140,"image_alt":136,"width":44,"height":109},"0b034271-bc24-4454-aac7-d050e413553f","Search filters Media gallery","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b034271-bc24-4454-aac7-d050e413553f.png",{"uuid":142,"title":133,"description":143,"image":144,"image_alt":136,"width":44,"height":109},"ffac4068-a6a2-4a26-bef4-e32dbb8cbd60","Search results Media gallery","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fffac4068-a6a2-4a26-bef4-e32dbb8cbd60.png",{"slug":146,"title":147,"logo":148},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",{"uuid":150,"title":151,"description":152,"canonical_path":153,"kind":31,"patterns_count":66,"categories":154,"screens":156,"app":170},"b56141b8-029d-4db8-bc4d-10dbd414832d","Filtering experience results","User refines Airbnb experience search results via popovers and modals, encountering repeated empty states while selecting categories, dates, price, and traveler groups until results populate","\u002Fexamples\u002Fapps\u002Fairbnb\u002Fflows",[155],{"id":35,"title":36,"slug":37},[157,162,166],{"uuid":158,"title":159,"description":134,"image":160,"image_alt":161,"width":44,"height":109},"825d4acc-4e95-46a8-bcb5-36c893fe118b","Things to Do in Orlando | 5-Star Authentic Experiences - Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F825d4acc-4e95-46a8-bcb5-36c893fe118b.png","Things to Do in Orlando | 5-Star Authentic Experiences - Airbnb from Airbnb",{"uuid":163,"title":159,"description":164,"image":165,"image_alt":161,"width":44,"height":109},"bb7b0845-443a-4f5a-8fe7-6bfea4ca7de0","Search filters","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fbb7b0845-443a-4f5a-8fe7-6bfea4ca7de0.png",{"uuid":167,"title":159,"description":168,"image":169,"image_alt":161,"width":44,"height":109},"d33fcd40-b0f1-425d-bd45-c29b980cf952","Search results page for experiences in Orlando showing an empty state and an open filter popover for selecting activity types.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd33fcd40-b0f1-425d-bd45-c29b980cf952.png",{"slug":171,"title":172,"logo":173},"airbnb","Airbnb","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fairbnb-2b8cc5d2.png",{"uuid":175,"title":176,"description":177,"canonical_path":178,"kind":31,"patterns_count":179,"categories":180,"screens":186,"app":201},"4d2c9d31-7823-46a2-9a48-10016267841d","Configuring model catalog","User accesses AI model catalog settings to manage provider routing, filter models by provider, and review token limits and capabilities across multiple list and table views","\u002Fexamples\u002Fapps\u002Finference\u002Fflows",10,[181,182],{"id":35,"title":36,"slug":37},{"id":183,"title":184,"slug":185},71,"Settings","settings",[187,193,197],{"uuid":188,"title":189,"description":190,"image":191,"image_alt":192,"width":44,"height":109},"67c0be58-90f2-43e3-bb9e-132e2cee7f64","Settings | inference.net","Workspace settings","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F67c0be58-90f2-43e3-bb9e-132e2cee7f64.png","Settings | inference.net from Inference",{"uuid":194,"title":189,"description":195,"image":196,"image_alt":192,"width":44,"height":109},"836f5265-1005-49f2-b362-918788217851","Settings page where the user manages provider routing and callable AI models for their project, filtering by provider like Anthropic or OpenAI.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F836f5265-1005-49f2-b362-918788217851.png",{"uuid":198,"title":189,"description":199,"image":200,"image_alt":192,"width":44,"height":109},"2b3cba39-5dcf-4cd0-a591-4a0221d1f0f8","Settings page where the user views a list of available AI models, their token limits, and supported capabilities like tools and structured output.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2b3cba39-5dcf-4cd0-a591-4a0221d1f0f8.png",{"slug":202,"title":203,"logo":204},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png",{"uuid":206,"title":207,"description":208,"canonical_path":209,"kind":31,"patterns_count":210,"categories":211,"screens":213,"app":227},"b6e816c8-9a4a-42f5-9441-044c99736f1f","Monitoring trace metrics","Viewing trace metrics dashboards with KPI tiles and time-series charts for duration, counts, services, and HTTP status in Axiom","\u002Fexamples\u002Fapps\u002Faxiom\u002Fflows",4,[212],{"id":35,"title":36,"slug":37},[214,220,224],{"uuid":215,"title":216,"description":217,"image":218,"image_alt":219,"width":44,"height":109},"a2095c40-fd1d-4705-9d85-fd677669a269","GeneratedDash | Dashboards","Data visualization Performance metrics","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa2095c40-fd1d-4705-9d85-fd677669a269.png","GeneratedDash | Dashboards from Axiom",{"uuid":221,"title":216,"description":222,"image":223,"image_alt":219,"width":44,"height":109},"f3e150d7-149c-400a-b082-5738120550d6","Dashboard displaying trace metrics like average duration, total count, and HTTP request methods across multiple line charts and sparkline KPI tiles.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff3e150d7-149c-400a-b082-5738120550d6.png",{"uuid":225,"title":216,"description":217,"image":226,"image_alt":219,"width":44,"height":109},"49cafdea-d7f6-4ae6-90a9-92b6bf44f3f4","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F49cafdea-d7f6-4ae6-90a9-92b6bf44f3f4.png",{"slug":228,"title":229,"logo":230},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png",{"uuid":232,"title":233,"description":234,"canonical_path":235,"kind":31,"patterns_count":236,"categories":237,"screens":240,"app":255},"88799744-8b05-4d22-8e28-85bf16e2ca2b","Monitoring webhook delivery logs","Developer accesses webhook settings page to search, filter, and view delivery logs, shown in multiple empty states with filter popovers and table views","\u002Fexamples\u002Fapps\u002Fextend\u002Fflows",6,[238,239],{"id":35,"title":36,"slug":37},{"id":70,"title":71,"slug":72},[241,247,251],{"uuid":242,"title":243,"description":244,"image":245,"image_alt":246,"width":44,"height":109},"76bdb91b-b2b2-4857-ae35-816f41cbe982","extend","Settings page where the user can search and view webhook delivery logs, currently showing an empty state because no webhooks have been sent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76bdb91b-b2b2-4857-ae35-816f41cbe982.png","extend from Extend",{"uuid":248,"title":243,"description":249,"image":250,"image_alt":246,"width":44,"height":109},"e74240be-9ee8-4f2c-a04f-f700490e96e0","API management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe74240be-9ee8-4f2c-a04f-f700490e96e0.png",{"uuid":252,"title":243,"description":253,"image":254,"image_alt":246,"width":44,"height":109},"d15d02a7-3810-4df8-9391-9135a8fa7913","Settings page where the developer can view and manage webhook delivery logs, currently showing an empty state.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd15d02a7-3810-4df8-9391-9135a8fa7913.png",{"slug":243,"title":256,"logo":257},"Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png",{"uuid":259,"title":260,"description":261,"canonical_path":262,"kind":31,"patterns_count":263,"categories":264,"screens":266,"app":281},"3201b37d-c754-48b0-a83b-f8b735e5c3da","Filtering monitoring cases","User applies filters for queues, status, assignee, search token, and sort on monitoring cases list in sandbox mode","\u002Fexamples\u002Fapps\u002Flithic\u002Fflows",7,[265],{"id":35,"title":36,"slug":37},[267,273,277],{"uuid":268,"title":269,"description":270,"image":271,"image_alt":272,"width":44,"height":109},"8d9f27f4-2dfa-4ef7-bd57-4420cca4b26f","Lithic - Monitoring","List view showing monitoring cases with filters for queues, status, and assignee.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8d9f27f4-2dfa-4ef7-bd57-4420cca4b26f.png","Lithic - Monitoring from Lithic",{"uuid":274,"title":269,"description":275,"image":276,"image_alt":272,"width":44,"height":109},"9fd2c26d-6838-4e54-b791-0ce93f423535","List view where the user monitors and filters fraud review cases by status, assignee, and priority within a sandbox environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9fd2c26d-6838-4e54-b791-0ce93f423535.png",{"uuid":278,"title":269,"description":279,"image":280,"image_alt":272,"width":44,"height":109},"0b106f19-39e4-4d14-98bc-8ddf1a721b55","Monitoring page where the user views and filters a queue of fraud review cases by status and assignee while in a sandbox environment.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0b106f19-39e4-4d14-98bc-8ddf1a721b55.png",{"slug":282,"title":283,"logo":284},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png",{"uuid":286,"title":287,"description":288,"canonical_path":289,"kind":31,"patterns_count":290,"categories":291,"screens":298,"app":312},"865fec73-0d0b-4f84-861a-441955862c06","Searching asset library","User searches, filters, uploads assets, creates saved views with permissions, and edits metadata in the Dock content library","\u002Fexamples\u002Fapps\u002Fdock\u002Fflows",22,[292,296,297],{"id":293,"title":294,"slug":295},60,"Editing","edit",{"id":35,"title":36,"slug":37},{"id":70,"title":71,"slug":72},[299,305,309],{"uuid":300,"title":301,"description":302,"image":303,"image_alt":304,"width":44,"height":109},"8b363d3f-51cf-4a2f-9e7c-5ac9dc560802","Library · Dock","Content management B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b363d3f-51cf-4a2f-9e7c-5ac9dc560802.png","Library · Dock from Dock",{"uuid":306,"title":301,"description":307,"image":308,"image_alt":304,"width":44,"height":109},"76eca022-b1e7-4a41-bd01-7c868c215d53","Content management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F76eca022-b1e7-4a41-bd01-7c868c215d53.png",{"uuid":310,"title":301,"description":307,"image":311,"image_alt":304,"width":44,"height":109},"af2aecd9-512a-4515-af4b-ca8abb034a00","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Faf2aecd9-512a-4515-af4b-ca8abb034a00.png",{"slug":313,"title":314,"logo":315},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png",{"uuid":317,"title":318,"description":319,"canonical_path":320,"kind":31,"patterns_count":210,"categories":321,"screens":323,"app":338},"db963168-f762-49cb-8fbd-d69a5f735700","Filtering customers","User views and interacts with filter dropdowns on a generated customers data table inside an AI app builder workspace previewing a Medusa Store admin dashboard","\u002Fexamples\u002Fapps\u002Fbloom\u002Fflows",[322],{"id":35,"title":36,"slug":37},[324,330,334],{"uuid":325,"title":326,"description":327,"image":328,"image_alt":329,"width":44,"height":109},"8b029297-8db2-4ea0-873d-531f2f896da0","Bloom by Medusa","AI generation workspace where the user is building an e-commerce admin dashboard, showing a live preview of the generated customers list alongside the chat history.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8b029297-8db2-4ea0-873d-531f2f896da0.png","Bloom by Medusa from Bloom",{"uuid":331,"title":326,"description":332,"image":333,"image_alt":329,"width":44,"height":109},"eae1165a-bdab-4327-bfeb-868cac0db6bb","AI chat interface where the user is generating an admin dashboard, currently viewing the generated customers data table with an open filter dropdown.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Feae1165a-bdab-4327-bfeb-868cac0db6bb.png",{"uuid":335,"title":326,"description":336,"image":337,"image_alt":329,"width":44,"height":109},"2876dd8c-f178-4fdc-92ff-932c7d89d470","List view displaying a store's customers with an active filter dropdown, alongside an AI assistant panel for project generation.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F2876dd8c-f178-4fdc-92ff-932c7d89d470.png",{"slug":339,"title":340,"logo":341},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png",{"uuid":343,"title":344,"description":345,"canonical_path":346,"kind":31,"patterns_count":347,"categories":348,"screens":350,"app":365},"a70dfe69-56ab-4422-bf66-a5678e426eaa","Filtering messaging topics","User opens filter modal from messaging topics list view to configure row-based query rules, then returns to empty list state","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows",3,[349],{"id":35,"title":36,"slug":37},[351,357,361],{"uuid":352,"title":353,"description":354,"image":355,"image_alt":356,"width":44,"height":109},"3dd040cd-7c64-4d92-8ebe-1748b2cb990e","Message - Appwrite","Project dashboard","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3dd040cd-7c64-4d92-8ebe-1748b2cb990e.png","Message - Appwrite from Appwrite",{"uuid":358,"title":353,"description":359,"image":360,"image_alt":356,"width":44,"height":109},"8a23f26d-bcb0-435d-a663-aa5173926a7f","List view where the user configures table filters for messaging topics via a row-based query builder inside a modal overlay.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8a23f26d-bcb0-435d-a663-aa5173926a7f.png",{"uuid":362,"title":353,"description":363,"image":364,"image_alt":356,"width":44,"height":109},"1441572f-1765-4627-ae39-1f937b3233ae","Empty state for messaging topics in a developer console, prompting the user to create their first topic.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F1441572f-1765-4627-ae39-1f937b3233ae.png",{"slug":366,"title":367,"logo":368},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png",{"uuid":370,"title":371,"description":372,"canonical_path":373,"kind":31,"patterns_count":347,"categories":374,"screens":377,"app":391},"7107a11b-9aef-4846-b563-5ab8f547063c","Filtering contacts","User opens contacts list, uses search input and category dropdown to filter between all contacts and Beside users, while verification banner remains visible","\u002Fexamples\u002Fapps\u002Fbeside\u002Fflows",[375,376],{"id":35,"title":36,"slug":37},{"id":70,"title":71,"slug":72},[378,384,388],{"uuid":379,"title":380,"description":381,"image":382,"image_alt":383,"width":44,"height":109},"e51d883f-d72c-4045-8afa-115ed15f2383","Contacts - Beside","Toast notification","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe51d883f-d72c-4045-8afa-115ed15f2383.png","Contacts - Beside from Beside",{"uuid":385,"title":380,"description":386,"image":387,"image_alt":383,"width":44,"height":109},"795cd364-5e5c-4588-b296-c28114d67c7c","List view where the user manages their contacts, featuring a search input and an open dropdown to filter between all contacts and Beside users, alongside a global banner prompting identity verification.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F795cd364-5e5c-4588-b296-c28114d67c7c.png",{"uuid":389,"title":380,"description":134,"image":390,"image_alt":383,"width":44,"height":109},"772f4a1c-e8e8-4b65-b33f-d81ebe0eea70","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F772f4a1c-e8e8-4b65-b33f-d81ebe0eea70.png",{"slug":392,"title":393,"logo":394},"beside","Beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png",[396,398,400],{"label":36,"to":397},"\u002Fexamples\u002Fflows\u002Ffilter-sort",{"label":399,"to":30},"Supabase user flows",{"label":401,"to":18},"All user flow examples",{"published_at":403,"updated_at":404},"2023-04-24T07:54:43.000Z","2026-09-26T03:23:34.000Z",{"left":406,"top":406,"width":407,"height":407,"rotate":406,"vFlip":408,"hFlip":408,"body":409},0,20,false,"\u003Cg fill=\"none\">\u003Cpath d=\"M9.7334 2.41699H10.2666C11.3987 2.41699 12.2028 2.41737 12.832 2.46875C13.4526 2.51945 13.8371 2.61637 14.1416 2.77148C14.7531 3.08307 15.2509 3.57988 15.5625 4.19141C15.7176 4.49587 15.8136 4.88039 15.8643 5.50098C15.9157 6.13035 15.916 6.93496 15.916 8.06738V15.1338C15.916 15.6634 15.9153 16.0086 15.8926 16.2578C15.879 16.4067 15.8598 16.4744 15.8525 16.4971C15.8095 16.5461 15.7506 16.576 15.6855 16.5811C15.6634 16.5734 15.5976 16.5486 15.4697 16.4697C15.2568 16.3384 14.9804 16.1313 14.5566 15.8135L11.4102 13.4541C11.1193 13.236 10.8105 12.9878 10.4453 12.8916C10.1533 12.8147 9.84573 12.8147 9.55371 12.8916C9.18862 12.9879 8.88057 13.2361 8.58984 13.4541L5.44336 15.8135C5.01942 16.1314 4.74231 16.3384 4.5293 16.4697C4.40092 16.5489 4.33537 16.5735 4.31348 16.5811C4.24875 16.5759 4.18941 16.5468 4.14648 16.498C4.13942 16.4762 4.12019 16.4085 4.10645 16.2578C4.08375 16.0086 4.08301 15.6634 4.08301 15.1338V8.06738C4.08301 6.93498 4.08335 6.13034 4.13477 5.50098C4.18547 4.88035 4.28236 4.49588 4.4375 4.19141C4.74906 3.58004 5.24605 3.08305 5.85742 2.77148C6.16189 2.61635 6.54637 2.51946 7.16699 2.46875C7.79636 2.41734 8.60099 2.41699 9.7334 2.41699Z\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linejoin=\"round\"\u002F>\u003C\u002Fg>"]