Split selection into an inputs and outputs step (#9362)

When building an app, selecting inputs and selecting outputs are now 2
separate steps. This prevents confusion where clicking on the widget of
an output node will select that widget instead of the entire output.

<img width="1673" height="773" alt="image"
src="https://github.com/user-attachments/assets/e5994479-6fcf-4572-b58b-bf8cecfb7d55"
/>

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-9362-Split-selection-into-an-inputs-and-outputs-step-3196d73d36508187b4a1e51c73f1c54c)
by [Unito](https://www.unito.io)

---------

Co-authored-by: GitHub Action <action@github.com>
This commit is contained in:
AustinMroz
2026-03-04 15:18:16 -08:00
committed by GitHub
parent 316a05c77f
commit 57a919fad2
15 changed files with 147 additions and 115 deletions

View File

@@ -365,14 +365,14 @@ describe('useWorkflowService', () => {
})
const workflow2 = createModeTestWorkflow({
path: 'workflows/two.json',
activeMode: 'builder:select'
activeMode: 'builder:inputs'
})
workflowStore.activeWorkflow = workflow1
expect(appMode.mode.value).toBe('app')
workflowStore.activeWorkflow = workflow2
expect(appMode.mode.value).toBe('builder:select')
expect(appMode.mode.value).toBe('builder:inputs')
})
})
@@ -507,7 +507,7 @@ describe('useWorkflowService', () => {
it('each workflow retains its own mode across tab switches', () => {
const workflow1 = createModeTestWorkflow({
path: 'workflows/one.json',
activeMode: 'builder:select'
activeMode: 'builder:inputs'
})
const workflow2 = createModeTestWorkflow({
path: 'workflows/two.json',
@@ -515,13 +515,13 @@ describe('useWorkflowService', () => {
})
workflowStore.activeWorkflow = workflow1
expect(appMode.mode.value).toBe('builder:select')
expect(appMode.mode.value).toBe('builder:inputs')
workflowStore.activeWorkflow = workflow2
expect(appMode.mode.value).toBe('app')
workflowStore.activeWorkflow = workflow1
expect(appMode.mode.value).toBe('builder:select')
expect(appMode.mode.value).toBe('builder:inputs')
})
})
})