App mode - landing/arrange screens - 4 (#9026)

## Summary

Updates messaging on app mode welcome pages and adds arrange view

## Screenshots (if applicable)

Build app view
<img width="628" height="470" alt="image"
src="https://github.com/user-attachments/assets/7f648769-1380-4093-8de9-414d05303b87"
/>

Run view
<img width="593" height="471" alt="image"
src="https://github.com/user-attachments/assets/cc81cfd0-fa89-4402-82f4-6bbdd0e7e2f9"
/>

Arrange view
<img width="1071" height="829" alt="image"
src="https://github.com/user-attachments/assets/ae8666ef-dff1-4fde-929e-89479c891261"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-9026-App-mode-landing-arrange-screens-4-30d6d73d365081f4b209f34834a2ce5e)
by [Unito](https://www.unito.io)
This commit is contained in:
pythongosssss
2026-02-23 18:16:22 +00:00
committed by GitHub
parent 0f4bceafdd
commit b29dbec916
5 changed files with 125 additions and 20 deletions

View File

@@ -2941,15 +2941,27 @@
"reuseParameters": "Reuse Parameters",
"downloadAll": "Download All",
"welcome": {
"title": "Welcome to App Mode",
"intro": "A simplified view that hides the node graph so you can focus on creating.",
"layout": "On the left, you'll see your generated images, videos, and outputs. On the right, just the controls you need. Everything complex stays out of sight.",
"sharing": "Sharing is easy: create your workflow, open App Mode, right-click the tab, and export. When others open your file, it launches straight into this clean view. You can share powerful workflows as simple tools without anyone needing to understand node graphs.",
"widget": "If you want to control which settings appear, convert your top-level nodes into a subgraph, then use widget promotion in the toolbox above it to choose what's exposed."
"title": "App Mode",
"message": "A simplified view that hides the node graph so you can focus on creating.",
"controls": "Your outputs appear at the bottom, your controls are on the right. Everything else stays out of the way.",
"sharing": "Share your workflow as a simple tool anyone can use. Export it from the tab menu and when others open it, they'll see App Mode. No node graph knowledge needed.",
"getStarted": "Click {runButton} to get started.",
"backToWorkflow": "Back to workflow",
"buildApp": "Build app"
},
"appModeToolbar": {
"appBuilder": "App builder",
"apps": "Apps"
},
"arrange": {
"noOutputs": "No outputs added yet",
"switchToSelect": "Switch to the 'Select' step and click on output nodes to add them here.",
"connectAtLeastOne": "Connect {atLeastOne} output node so users can see results after running.",
"atLeastOne": "at least one",
"outputExamples": "Examples: 'Save Image' or 'Save Video'",
"switchToSelectButton": "Switch to Select",
"outputs": "Outputs",
"resultsLabel": "Results generated from the selected output node(s) will be shown here after running this app"
}
},
"missingNodes": {