{"id":"3c611616-6439-4ebe-876e-8c11b7463ddb","task_name":"Create Docs Portal","summary":"Create a documentation portal on trybrowzer.com by configuring its title, URL slug, description, and primary color. This workflow sets up a new documentation hub that will be accessible via a custom URL and branded with your chosen color scheme.","description":"Creates a documentation portal on trybrowzer.com by entering a portal title, URL slug, description, and primary color, then saves the configuration.","tools_used":["browzer"],"agent_steps":[{"step_number":1,"action_type":"click","url":"https://trybrowzer.com/dashboard","element":{"name":"Docs Portal","role":"link","selector":"","xpath":"//html/body/div[2]/div/div[2]/div/div[2]/div[2]/div[2]/ul/li[3]/a","attributes":{"href":"/dashboard/help-center","data-size":"default","data-slot":"sidebar-menu-button","data-state":"closed","data-active":"false","data-sidebar":"menu-button"}},"value":"","keys":[],"file_paths":[],"description":"Navigate to the Docs Portal section by clicking the 'Docs Portal' link in the main navigation. This takes you to the portal management dashboard where you can create and configure documentation portals."},{"step_number":2,"action_type":"click","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"Portal Title","role":"textbox","selector":"","xpath":"//*[@id=\"portal-title\"]","attributes":{"id":"portal-title","data-slot":"input","placeholder":"Acme Help Center"}},"value":"","keys":[],"file_paths":[],"description":"Click on the 'Portal Title' text field to focus it. This field will hold the display name of your documentation portal as it appears to users."},{"step_number":3,"action_type":"type","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"Portal Title","role":"textbox","selector":"","xpath":"//*[@id=\"portal-title\"]","attributes":{"id":"portal-title","data-slot":"input","placeholder":"Acme Help Center"}},"value":"","keys":[],"file_paths":[],"description":"Type your chosen portal title into the field. Use a clear, descriptive name that conveys the purpose of your documentation (e.g., 'API Reference', 'User Manual', 'Developer Guide')."},{"step_number":4,"action_type":"click","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"URL Slug","role":"textbox","selector":"","xpath":"//*[@id=\"portal-slug\"]","attributes":{"id":"portal-slug","data-slot":"input","placeholder":"acme"}},"value":"","keys":[],"file_paths":[],"description":"Click on the 'URL Slug' text field. This field defines the unique web path through which users will access your portal."},{"step_number":5,"action_type":"type","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"URL Slug","role":"textbox","selector":"","xpath":"//*[@id=\"portal-slug\"]","attributes":{"id":"portal-slug","data-slot":"input","placeholder":"acme"}},"value":"","keys":[],"file_paths":[],"description":"Type a URL slug into the field using only lowercase letters, numbers, and hyphens (no spaces or special characters). The slug becomes part of your portal's public URL (e.g., 'trybrowzer.com/my-api-docs' if you enter 'my-api-docs')."},{"step_number":6,"action_type":"click","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"Create Portal","role":"button","selector":"","xpath":"//html/body/div[2]/main/div/div[2]/div/div/div[2]/button","attributes":{"data-size":"default","data-slot":"button","data-variant":"default"}},"value":"","keys":[],"file_paths":[],"description":"Click the 'Create Portal' button to initialize the portal with your title and slug. This action unlocks additional configuration fields and enables the portal on the platform."},{"step_number":7,"action_type":"click","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"Disabled","role":"switch","selector":"","xpath":"//*[@id=\"portal-enabled\"]","attributes":{"id":"portal-enabled","type":"button","data-size":"default","data-slot":"switch","data-state":"unchecked"}},"value":"","keys":[],"file_paths":[],"description":"Click the 'Disabled' toggle switch to enable your documentation portal. This action changes the portal's status from draft/disabled to active, making it visible and accessible to your audience."},{"step_number":8,"action_type":"click","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"Description","role":"textbox","selector":"","xpath":"//*[@id=\"settings-description\"]","attributes":{"id":"settings-description","data-slot":"textarea","placeholder":"Help articles and step-by-step guides"}},"value":"","keys":[],"file_paths":[],"description":"Click on the 'Description' text field to focus it. This field holds a brief explanation of your portal's purpose, which appears to users as an introductory blurb."},{"step_number":9,"action_type":"type","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"Description","role":"textbox","selector":"","xpath":"//*[@id=\"settings-description\"]","attributes":{"id":"settings-description","data-slot":"textarea","placeholder":"Help articles and step-by-step guides"}},"value":"","keys":[],"file_paths":[],"description":"Type a clear, engaging description that explains what users will find in your portal and who it's intended for. For example: 'Complete REST API documentation for developers integrating with our platform.'"},{"step_number":10,"action_type":"click","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"Primary Color","role":"textbox","selector":"","xpath":"//*[@id=\"settings-color\"]","attributes":{"id":"settings-color","type":"color"}},"value":"","keys":[],"file_paths":[],"description":"Click on the 'Primary Color' text field. This field accepts a color value that will be applied as the main brand color throughout your portal's interface."},{"step_number":11,"action_type":"type","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"Primary Color","role":"textbox","selector":"","xpath":"//*[@id=\"settings-color\"]","attributes":{"id":"settings-color","type":"color"}},"value":"","keys":[],"file_paths":[],"description":"Enter a color value in either hex format (e.g., '#FF6B35') or as a standard color name (e.g., 'blue', 'crimson'). This color will be used for buttons, headings, links, and other primary UI elements in your portal."},{"step_number":12,"action_type":"click","url":"https://trybrowzer.com/dashboard/help-center","element":{"name":"Save Changes","role":"button","selector":"","xpath":"//html/body/div[2]/main/div/div[2]/div[2]/div[1]/div[2]/button","attributes":{"data-size":"default","data-slot":"button","data-variant":"default"}},"value":"","keys":[],"file_paths":[],"description":"Click the 'Save Changes' button to persist all portal configuration (title, slug, description, primary color, and enabled status) to the system. Your portal is now created and ready to host documentation."}]}