[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"examples-content:\u002Fexamples\u002Fscreens\u002F392ae4ee-ddcf-45ec-bb93-970fbd1c66c8":3,"content-store-meta":-1},{"canonical_path":4,"template":5,"family":6,"indexable":7,"totals":-1,"category":-1,"seo":8,"breadcrumbs":12,"content":21,"app":-1,"examples":26,"showcases":108,"links":109,"dates":120},"\u002Fexamples\u002Fscreens\u002F392ae4ee-ddcf-45ec-bb93-970fbd1c66c8","detail","screens",true,{"title":9,"description":10,"og_image":11},"Workflow | extend - Nicelydone","Screen UI design example from Extend. The screen displays a workflow editor interface with a two-column layout. The left column features a vertical…","https:\u002F\u002Fassets.nicelydone.club\u002Ff\u002F392ae4ee-ddcf-45ec-bb93-970fbd1c66c8.png",[13,16,19],{"label":14,"to":15},"Examples","\u002Fexamples",{"label":17,"to":18},"SaaS screen examples","\u002Fexamples\u002Fscreens",{"label":20,"to":4},"Workflow | extend",{"title":20,"eyebrow":22,"description":23,"sections":24,"body":25},"Screen design","Screen UI design example from Extend. The screen displays a workflow editor interface with a two-column layout. The left column features a vertical navigation sidebar, and the right column contains the main workflow canvas and a horizontal header. The sidebar includes the 'extend' logo, primary navigation categories like 'Home', 'Build' (with 'Studio' expanded to show 'Parse', 'Extract', 'Split', 'Classify', 'Edit', 'Evaluation', and 'Workflows' selected), 'Activity', 'Settings', and 'Help'. Below the navigation, there's a green informational box indicating '9.872,2 credits remaining' with an 'Add payment method' button and a 'talk to sales' link. At the very bottom of the sidebar is a user avatar and name. The main content area features a dotted grid background, representing a canvas for building workflows. A breadcrumb 'Workflows > Workflow' is visible at the top left of the main content. Below the breadcrumb, there are four tabs: 'Editor' (selected), 'Run', 'History', and 'Needs Review'. On the top right of the main content area, there are 'View code' and 'Deploy' buttons, followed by a '...' (more options) button. Three workflow nodes are visible on the canvas: an initial node (partially visible, with a 'Configure' button), an 'extraction1' node (labeled 'Extract', with a 'Configure' button and an error indicator), and a 'humanReview1' node (labeled 'Review', with a 'Configure' button, a filled input field 'workflow_run_needs_review', and a success indicator). A zoom control with '+' and '-' buttons and a full-screen toggle is present in the bottom right corner of the canvas.",[],[],[27],{"uuid":28,"title":20,"description":29,"canonical_path":30,"image":11,"width":31,"height":32,"image_alt":33,"published_at":34,"kind":35,"patterns":36,"component_categories":61,"app":86},"392ae4ee-ddcf-45ec-bb93-970fbd1c66c8","The screen displays a workflow editor interface with a two-column layout. The left column features a vertical navigation sidebar, and the right column contains the main workflow canvas and a horizontal header. The sidebar includes the 'extend' logo, primary navigation categories like 'Home', 'Build' (with 'Studio' expanded to show 'Parse', 'Extract', 'Split', 'Classify', 'Edit', 'Evaluation', and 'Workflows' selected), 'Activity', 'Settings', and 'Help'. Below the navigation, there's a green informational box indicating '9.872,2 credits remaining' with an 'Add payment method' button and a 'talk to sales' link. At the very bottom of the sidebar is a user avatar and name. The main content area features a dotted grid background, representing a canvas for building workflows. A breadcrumb 'Workflows > Workflow' is visible at the top left of the main content. Below the breadcrumb, there are four tabs: 'Editor' (selected), 'Run', 'History', and 'Needs Review'. On the top right of the main content area, there are 'View code' and 'Deploy' buttons, followed by a '...' (more options) button. Three workflow nodes are visible on the canvas: an initial node (partially visible, with a 'Configure' button), an 'extraction1' node (labeled 'Extract', with a 'Configure' button and an error indicator), and a 'humanReview1' node (labeled 'Review', with a 'Configure' button, a filled input field 'workflow_run_needs_review', and a success indicator). A zoom control with '+' and '-' buttons and a full-screen toggle is present in the bottom right corner of the canvas.","\u002Fexamples\u002Fapps\u002Fextend\u002Fscreens",3024,1758,"Workflow | extend from Extend","2026-08-17T12:39:21.000Z","screen",[37,46,55],{"id":38,"label":39,"slug":40,"rank":41,"group":42},129,"Workflow Builder","workflow-builder",0,{"id":43,"label":44,"slug":45},13,"Workflow & Automation","workflow-and-automation",{"id":47,"label":48,"slug":49,"rank":50,"group":51},29,"AI Editing","ai-editing",1,{"id":52,"label":53,"slug":54},3,"AI","ai",{"id":56,"label":57,"slug":58,"rank":59,"group":60},31,"AI Review","ai-review",2,{"id":52,"label":53,"slug":54},[62,66,70,74,78,82],{"id":63,"title":64,"slug":65},174,"Card","card",{"id":67,"title":68,"slug":69},177,"Breadcrumb","breadcrumb",{"id":71,"title":72,"slug":73},233,"Tabs","tabs",{"id":75,"title":76,"slug":77},175,"Button","button",{"id":79,"title":80,"slug":81},260,"Badge","badge",{"id":83,"title":84,"slug":85},277,"Button group","button-group",{"slug":87,"title":88,"logo":89,"baseline":90,"categories":91},"extend","Extend","https:\u002F\u002Fassets.nicelydone.club\u002Flogos\u002F15f6030e-2d0f-4381-9480-44902ed125e2.png","Document processing infrastructure for AI agents",[92,96,100,104],{"id":93,"title":94,"slug":95},77,"Machine learning","machine-learning",{"id":97,"title":98,"slug":99},80,"Artificial Intelligence","artificial-intelligence",{"id":101,"title":102,"slug":103},37,"Developer APIs","developer-apis",{"id":105,"title":106,"slug":107},48,"Developer Tools","developer-tools",[],[110,112,114,116,118],{"label":48,"to":111},"\u002Fexamples\u002Fscreens\u002Fai-editing",{"label":57,"to":113},"\u002Fexamples\u002Fscreens\u002Fai-review",{"label":39,"to":115},"\u002Fexamples\u002Fscreens\u002Fworkflow-builder",{"label":117,"to":30},"Extend screen designs",{"label":119,"to":18},"All screen examples",{"published_at":121,"updated_at":34},"2026-06-14T22:54:37.000Z"]