[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fflows\u002F628889dc-6bdc-4388-85e2-37985672374e":3,"content-store-meta":-1,"i-custom:bookmark":415},{"canonical_path":4,"template":5,"family":6,"indexable":7,"seo":8,"breadcrumbs":12,"content":21,"examples":25,"showcases":52,"links":405,"dates":412},"\u002Fexamples\u002Fflows\u002F628889dc-6bdc-4388-85e2-37985672374e","detail","flows",true,{"title":9,"description":10,"og_image":11},"Editing account settings - Nicelydone","User flow from Variant.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fdf4a3c82-9bc3-4b34-8158-13b37ef8392a.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},"Editing account settings",{"title":20,"eyebrow":22,"description":10,"sections":23,"body":24},"User flow",[],[],[26],{"uuid":27,"title":20,"canonical_path":28,"kind":29,"patterns_count":30,"categories":31,"screens":36,"app":48},"628889dc-6bdc-4388-85e2-37985672374e","\u002Fexamples\u002Fapps\u002Fvariant\u002Fflows","flow",26,[32],{"id":33,"title":34,"slug":35},71,"Settings","settings",[37,44],{"uuid":38,"title":39,"description":40,"image":11,"image_alt":41,"width":42,"height":43},"df4a3c82-9bc3-4b34-8158-13b37ef8392a","Variant – Endless designs for your ideas, just scroll","Community showcase page featuring a freeform canvas of user-generated designs and a floating AI prompt input to generate new variations.","Variant – Endless designs for your ideas, just scroll from Variant",3024,1780,{"uuid":45,"title":39,"description":46,"image":47,"image_alt":41,"width":42,"height":43},"5d0bd4a6-c6be-432d-8aba-8d9071de751a","App home screen featuring a freeform canvas of community designs, including a notes app interface and a typography poster, with an open user account menu and a floating AI generation prompt bar.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F5d0bd4a6-c6be-432d-8aba-8d9071de751a.png",{"slug":49,"title":50,"logo":51},"variant","Variant","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F10aff1b7-1378-4835-8fd2-648e36381153.png",[53],{"family":6,"title":54,"examples":55},"Related user flows",[56,88,119,149,176,202,227,253,283,309,340,379],{"uuid":57,"title":58,"description":59,"canonical_path":60,"kind":29,"patterns_count":61,"categories":62,"screens":68,"app":84},"28f923db-7f46-4ee3-b4fb-a59dd3db34c9","Configuring image generation","Creator configures AI image generation by selecting model, adding references, and writing prompt inside Magnific workspace, with product tour visible across screens","\u002Fexamples\u002Fapps\u002Fmagnific\u002Fflows",6,[63,67],{"id":64,"title":65,"slug":66},82,"Selecting","select",{"id":33,"title":34,"slug":35},[69,76,80],{"uuid":70,"title":71,"description":72,"image":73,"image_alt":74,"width":42,"height":75},"44197422-ebca-43c3-a27e-e5f047a1e95c","Image Generator I Magnific AI","AI generation interface where the user configures a text prompt, uploads image references, and selects a model to create new images.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F44197422-ebca-43c3-a27e-e5f047a1e95c.png","Image Generator I Magnific AI from Magnific",1758,{"uuid":77,"title":71,"description":78,"image":79,"image_alt":74,"width":42,"height":75},"c68cedd3-879d-4c1b-a784-03a9d59db62b","AI model selection Onboarding modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc68cedd3-879d-4c1b-a784-03a9d59db62b.png",{"uuid":81,"title":71,"description":82,"image":83,"image_alt":74,"width":42,"height":75},"c7195aeb-f379-425d-a0ca-eddf2cae9dd0","AI image generation workspace where the user is searching for and selecting a specific rendering model from an overlay picker.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fc7195aeb-f379-425d-a0ca-eddf2cae9dd0.png",{"slug":85,"title":86,"logo":87},"magnific","Magnific","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F07fe44bd-fed6-494e-8806-f1effa3458cb.png",{"uuid":89,"title":90,"description":91,"canonical_path":92,"kind":29,"patterns_count":93,"categories":94,"screens":100,"app":115},"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,[95,99],{"id":96,"title":97,"slug":98},63,"Filtering & sorting","filter-sort",{"id":33,"title":34,"slug":35},[101,107,111],{"uuid":102,"title":103,"description":104,"image":105,"image_alt":106,"width":42,"height":75},"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":108,"title":103,"description":109,"image":110,"image_alt":106,"width":42,"height":75},"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":112,"title":103,"description":113,"image":114,"image_alt":106,"width":42,"height":75},"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":116,"title":117,"logo":118},"inference","Inference","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F65e2bbca-c37f-44d3-a945-dbb7846ba077.png",{"uuid":120,"title":121,"description":122,"canonical_path":123,"kind":29,"patterns_count":124,"categories":125,"screens":131,"app":145},"5625245d-17d7-4a04-ac4a-d1dd42d5e876","Updating profile settings","User manages avatar, personal details, email addresses, and connected accounts on the profile settings page in Steel","\u002Fexamples\u002Fapps\u002Fsteel\u002Fflows",12,[126,127],{"id":33,"title":34,"slug":35},{"id":128,"title":129,"slug":130},73,"Updating","update",[132,138,141],{"uuid":133,"title":134,"description":135,"image":136,"image_alt":137,"width":42,"height":75},"a98c0838-ff6e-47a8-94ef-538762698ca4","Steel | Open-source Headless Browser API","Account management Profile settings User profile","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa98c0838-ff6e-47a8-94ef-538762698ca4.png","Steel | Open-source Headless Browser API from Steel",{"uuid":139,"title":134,"description":135,"image":140,"image_alt":137,"width":42,"height":75},"3b580786-9569-49a0-ab8b-4bd25d333c95","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3b580786-9569-49a0-ab8b-4bd25d333c95.png",{"uuid":142,"title":134,"description":143,"image":144,"image_alt":137,"width":42,"height":75},"a50af781-8ebf-485b-a8d2-6a0e28d40409","Account management Email management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa50af781-8ebf-485b-a8d2-6a0e28d40409.png",{"slug":146,"title":147,"logo":148},"steel","Steel","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F03f0fa43-a227-4dce-b66a-f340f4551973.png",{"uuid":150,"title":151,"description":152,"canonical_path":153,"kind":29,"patterns_count":154,"categories":155,"screens":157,"app":172},"c6297c2b-a690-42bc-a111-af5e13d13bb8","Configuring recording session","Host enters live recording studio to manage participants, configure AV and layout settings, add media assets, write scripts, and prepare for podcast or video capture","\u002Fexamples\u002Fapps\u002Friverside\u002Fflows",19,[156],{"id":33,"title":34,"slug":35},[158,164,168],{"uuid":159,"title":160,"description":161,"image":162,"image_alt":163,"width":42,"height":75},"b0ea9cfc-11c8-462f-99a8-6afeb0206cb7","Riverside Studio | Bertrand Bruandet's Studio","Recording studio interface where the host manages participants, controls audio and video inputs, and starts the recording session.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fb0ea9cfc-11c8-462f-99a8-6afeb0206cb7.png","Riverside Studio | Bertrand Bruandet's Studio from Riverside",{"uuid":165,"title":160,"description":166,"image":167,"image_alt":163,"width":42,"height":75},"664065e7-718c-4856-8801-f39216ad2b72","Content editor where the host manages guests, toggles audio and video inputs, and controls the main recording session.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F664065e7-718c-4856-8801-f39216ad2b72.png",{"uuid":169,"title":160,"description":170,"image":171,"image_alt":163,"width":42,"height":75},"95da5aee-9953-4a8c-a71b-bf5e074766cb","Studio interface for recording a podcast or video, where the host can manage participants in the right sidebar, toggle media controls, and react with emojis.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F95da5aee-9953-4a8c-a71b-bf5e074766cb.png",{"slug":173,"title":174,"logo":175},"riverside","Riverside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fcc94468d-7b59-49b7-b969-3aee258a2348.png",{"uuid":177,"title":178,"description":179,"canonical_path":180,"kind":29,"patterns_count":181,"categories":182,"screens":184,"app":198},"e9fe0c0c-4e10-4230-94fa-4ac7b4076665","Configuring datasets","Navigating datasets settings page to monitor storage KPIs, list datasets and views, and configure retention policies","\u002Fexamples\u002Fapps\u002Faxiom\u002Fflows",7,[183],{"id":33,"title":34,"slug":35},[185,191,195],{"uuid":186,"title":187,"description":188,"image":189,"image_alt":190,"width":42,"height":75},"e124e43e-cf17-407d-9f56-25101cc3b21e","Datasets and Views - Settings - Axiom","Data management","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fe124e43e-cf17-407d-9f56-25101cc3b21e.png","Datasets and Views - Settings - Axiom from Axiom",{"uuid":192,"title":187,"description":193,"image":194,"image_alt":190,"width":42,"height":75},"4308e426-4fb0-4124-99b0-29e4b88c938a","Data management Empty state illustration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F4308e426-4fb0-4124-99b0-29e4b88c938a.png",{"uuid":196,"title":187,"description":188,"image":197,"image_alt":190,"width":42,"height":75},"d69875f1-9908-47f5-b672-3f789e8d68fd","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd69875f1-9908-47f5-b672-3f789e8d68fd.png",{"slug":199,"title":200,"logo":201},"axiom","Axiom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F22cc0be3-ce3f-442a-903f-4da9befc54cd.png",{"uuid":203,"title":204,"description":205,"canonical_path":206,"kind":29,"patterns_count":93,"categories":207,"screens":209,"app":223},"6f9ba6df-52db-44da-b7f7-4b179c3d4b14","Configuring 3DS rule","User creates a new 3DS rule draft in Lithic by completing a multi-state creation form that sets name, application scope, token exclusions, and rule type or custom logic","\u002Fexamples\u002Fapps\u002Flithic\u002Fflows",[208],{"id":33,"title":34,"slug":35},[210,216,220],{"uuid":211,"title":212,"description":213,"image":214,"image_alt":215,"width":42,"height":75},"24f4846c-81c4-4760-96a3-ca83e80d3d99","Lithic - Create 3DS Rule","Form layout","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F24f4846c-81c4-4760-96a3-ca83e80d3d99.png","Lithic - Create 3DS Rule from Lithic",{"uuid":217,"title":212,"description":218,"image":219,"image_alt":215,"width":42,"height":75},"a5e92437-f814-4bc8-bd66-e5e55ef94ba9","Create page where the user configures a new 3DS rule draft by setting its name, application scope, and rule type.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fa5e92437-f814-4bc8-bd66-e5e55ef94ba9.png",{"uuid":221,"title":212,"description":213,"image":222,"image_alt":215,"width":42,"height":75},"9141e769-1789-4258-842c-516fa0901813","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9141e769-1789-4258-842c-516fa0901813.png",{"slug":224,"title":225,"logo":226},"lithic","Lithic","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F29eef334-64df-456e-bb65-9d93c535b644.png",{"uuid":228,"title":229,"description":230,"canonical_path":231,"kind":29,"patterns_count":232,"categories":233,"screens":235,"app":249},"b6194952-f00b-4681-8e4f-7fa636af094a","Configuring tracking security","User configures allowed hostnames, blocked IP addresses, blocked pages, and dynamic path masking across multiple states of the security settings page","\u002Fexamples\u002Fapps\u002Fvisitors\u002Fflows",14,[234],{"id":33,"title":34,"slug":35},[236,242,246],{"uuid":237,"title":238,"description":239,"image":240,"image_alt":241,"width":42,"height":75},"50237249-f0aa-432f-afaf-470d76807de7","Security on nicelydone.com - Visitors","Access control","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F50237249-f0aa-432f-afaf-470d76807de7.png","Security on nicelydone.com - Visitors from Visitors",{"uuid":243,"title":238,"description":244,"image":245,"image_alt":241,"width":42,"height":75},"9046f4bc-c991-4efb-b937-43e073d2152f","Settings page where the user configures tracking exclusions by blocking specific IP addresses or pages and masking dynamic paths.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F9046f4bc-c991-4efb-b937-43e073d2152f.png",{"uuid":247,"title":238,"description":239,"image":248,"image_alt":241,"width":42,"height":75},"6c61783f-c8f7-4f40-aace-e98d44adf594","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6c61783f-c8f7-4f40-aace-e98d44adf594.png",{"slug":250,"title":251,"logo":252},"visitors","Visitors","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fba53672a-9799-4a87-8187-a0b0c0766b64.png",{"uuid":254,"title":255,"description":256,"canonical_path":257,"kind":29,"patterns_count":61,"categories":258,"screens":264,"app":279},"df2d0313-e108-447c-97e3-cca477c3d1a8","Configuring order form terms","Admin configures default payment terms, billing options, contract lengths, additional legal terms, custom documents, and default signers across order form settings screens","\u002Fexamples\u002Fapps\u002Fdock\u002Fflows",[259,263],{"id":260,"title":261,"slug":262},60,"Editing","edit",{"id":33,"title":34,"slug":35},[265,271,275],{"uuid":266,"title":267,"description":268,"image":269,"image_alt":270,"width":42,"height":75},"8578344e-8946-48aa-a19f-19ae435bc7c4","Order form terms · Dock","Workspace settings B2B SaaS","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8578344e-8946-48aa-a19f-19ae435bc7c4.png","Order form terms · Dock from Dock",{"uuid":272,"title":267,"description":273,"image":274,"image_alt":270,"width":42,"height":75},"0486f664-fe49-4ee7-ae14-2a398e8a6c74","Navigation menu Sidebar E-commerce Settings Sidebar navigation Configuration","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0486f664-fe49-4ee7-ae14-2a398e8a6c74.png",{"uuid":276,"title":267,"description":277,"image":278,"image_alt":270,"width":42,"height":75},"f830ec90-58ca-4728-acef-e9f637278108","Workspace settings Settings modal","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Ff830ec90-58ca-4728-acef-e9f637278108.png",{"slug":280,"title":281,"logo":282},"dock","Dock","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fdock-k4tgvy1y.png",{"uuid":284,"title":285,"description":286,"canonical_path":287,"kind":29,"patterns_count":61,"categories":288,"screens":290,"app":305},"d6c80479-7ddf-4c99-95ba-db5ad3082aaa","Configuring environment variables","User manages backend and storefront environment variables for production and development environments via settings page with table, empty state, and edit drawer supporting manual entry or .env import","\u002Fexamples\u002Fapps\u002Fbloom\u002Fflows",[289],{"id":33,"title":34,"slug":35},[291,297,301],{"uuid":292,"title":293,"description":294,"image":295,"image_alt":296,"width":42,"height":75},"ee6910f0-4d35-4e85-bec5-99c30f278d20","Bloom by Medusa","Settings page where the user manages backend and storefront environment variables for production and development environments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fee6910f0-4d35-4e85-bec5-99c30f278d20.png","Bloom by Medusa from Bloom",{"uuid":298,"title":293,"description":299,"image":300,"image_alt":296,"width":42,"height":75},"d9d1efbd-78b3-419c-96f1-8f7bcf7e71be","Settings page where the user configures backend and storefront environment variables for their project across production and development environments.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd9d1efbd-78b3-419c-96f1-8f7bcf7e71be.png",{"uuid":302,"title":293,"description":303,"image":304,"image_alt":296,"width":42,"height":75},"062115ca-9c18-4ec8-8d02-66044e4d034b","Settings page where the user edits backend production environment variables via a side drawer, with options to import a .env file or add rows manually.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F062115ca-9c18-4ec8-8d02-66044e4d034b.png",{"slug":306,"title":307,"logo":308},"bloom","Bloom","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F62461f0d-4182-4996-ae7b-cbc623f6ee3f.png",{"uuid":310,"title":311,"description":312,"canonical_path":313,"kind":29,"patterns_count":181,"categories":314,"screens":321,"app":336},"c10a85db-05c0-4e89-b0b4-8ca70d45ae74","Configuring function settings","User configures serverless function runtime, integrations, permissions, limits and scopes across sequential settings screens in Appwrite console","\u002Fexamples\u002Fapps\u002Fappwrite\u002Fflows",[315,319,320],{"id":316,"title":317,"slug":318},59,"Managing roles and permissions","manage-roles-and-permissions",{"id":33,"title":34,"slug":35},{"id":128,"title":129,"slug":130},[322,328,332],{"uuid":323,"title":324,"description":325,"image":326,"image_alt":327,"width":42,"height":75},"d9b29a97-c73e-4bdd-92cd-1e81f805e54b","Create execution - Appwrite","Settings page where the user configures a serverless function's name, runtime environment, and entrypoint.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fd9b29a97-c73e-4bdd-92cd-1e81f805e54b.png","Create execution - Appwrite from Appwrite",{"uuid":329,"title":324,"description":330,"image":331,"image_alt":327,"width":42,"height":75},"6da3691d-8da3-4cde-a952-5bb86bb009ee","Settings page where the user configures a serverless function's runtime, Git repository connection, environment variables, and build commands.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6da3691d-8da3-4cde-a952-5bb86bb009ee.png",{"uuid":333,"title":324,"description":334,"image":335,"image_alt":327,"width":42,"height":75},"6bf8a2b6-ebf4-421d-9a92-2d23e72695f6","Settings page where the user configures build commands, deployment retention, execute access, and resource limits for a serverless function.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F6bf8a2b6-ebf4-421d-9a92-2d23e72695f6.png",{"slug":337,"title":338,"logo":339},"appwrite","Appwrite","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Faba3119b-0179-4fbd-b6d0-2bb3a0bfda07.png",{"uuid":341,"title":342,"description":343,"canonical_path":344,"kind":29,"patterns_count":345,"categories":346,"screens":360,"app":375},"587feb58-6eb1-43dd-b888-05000632e703","Configuring webchat integration","User configures installation snippet, appearance, security, and deployment options for Voiceflow AI agent's webchat widget across multiple settings screens, with upgrade prompts for advanced features","\u002Fexamples\u002Fapps\u002Fvoiceflow\u002Fflows",9,[347,351,355,356],{"id":348,"title":349,"slug":350},62,"Connecting to integration","connect-to-integration",{"id":352,"title":353,"slug":354},67,"Customizing","customize",{"id":33,"title":34,"slug":35},{"id":357,"title":358,"slug":359},49,"Upgrading subscription","upgrade-your-plan",[361,367,371],{"uuid":362,"title":363,"description":364,"image":365,"image_alt":366,"width":42,"height":75},"8c9b554d-cc6d-4706-9701-9a4f76898e50","My first AI agent","Settings page where the user configures the installation snippet, appearance, and security of their webchat widget, while an onboarding prompt encourages them to build their first agent.","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F8c9b554d-cc6d-4706-9701-9a4f76898e50.png","My first AI agent from Voiceflow",{"uuid":368,"title":363,"description":369,"image":370,"image_alt":366,"width":42,"height":75},"3721cc19-003b-4c2b-b753-06c6e0fdc618","SaaS pricing","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F3721cc19-003b-4c2b-b753-06c6e0fdc618.png",{"uuid":372,"title":363,"description":373,"image":374,"image_alt":366,"width":42,"height":75},"7f47927e-2c63-4b54-8754-881092ef0f39","Code snippet","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F7f47927e-2c63-4b54-8754-881092ef0f39.png",{"slug":376,"title":377,"logo":378},"voiceflow","Voiceflow","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002Fvoiceflow-ba430e40.png",{"uuid":380,"title":381,"description":382,"canonical_path":383,"kind":29,"patterns_count":61,"categories":384,"screens":386,"app":402},"e1802426-10b6-4ece-a9b8-975193504680","Configuring product knowledge","User manages products and services in AI receptionist knowledge base from settings table using edit and add modals with pricing and invoicing details","\u002Fexamples\u002Fapps\u002Fbeside\u002Fflows",[385],{"id":33,"title":34,"slug":35},[387,393,399],{"uuid":388,"title":389,"description":390,"image":391,"image_alt":392,"width":42,"height":75},"0c864d30-00c1-4aea-a108-debec5b2a126","Products & Services - AI Receptionist - Beside","Knowledge base","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F0c864d30-00c1-4aea-a108-debec5b2a126.png","Products & Services - AI Receptionist - Beside from Beside",{"uuid":394,"title":395,"description":396,"image":397,"image_alt":398,"width":42,"height":75},"cf7042a8-947c-4849-bbc3-b4b570954d29","Beside","Rounded corners Modal dialog Settings Form Data entry Configuration Cancel action Save changes","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002Fcf7042a8-947c-4849-bbc3-b4b570954d29.png","Beside from Beside",{"uuid":400,"title":395,"description":390,"image":401,"image_alt":398,"width":42,"height":75},"19d84aef-aa2b-4e2b-85d8-62b032e2ab00","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F19d84aef-aa2b-4e2b-85d8-62b032e2ab00.png",{"slug":403,"title":395,"logo":404},"beside","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F8c14025e-58b4-4801-bd91-3e31a3cf8f21.png",[406,408,410],{"label":34,"to":407},"\u002Fexamples\u002Fflows\u002Fsettings",{"label":409,"to":28},"Variant user flows",{"label":411,"to":18},"All user flow examples",{"published_at":413,"updated_at":414},"2026-03-23T11:03:02.000Z","2026-09-25T06:14:19.000Z",{"left":416,"top":416,"width":417,"height":417,"rotate":416,"vFlip":418,"hFlip":418,"body":419},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>"]