Skip to content

[AI-BUILDER-24] refactor: improve layout and options#1455

Merged
kevinkim-ogp merged 1 commit intotrunk/aifrom
ai-builder/refactor-create-flow-modal
Mar 19, 2026
Merged

[AI-BUILDER-24] refactor: improve layout and options#1455
kevinkim-ogp merged 1 commit intotrunk/aifrom
ai-builder/refactor-create-flow-modal

Conversation

@kevinkim-ogp
Copy link
Copy Markdown
Contributor

@kevinkim-ogp kevinkim-ogp commented Mar 6, 2026

What changed?

  • Changed modal header from "Create Pipe" to "How do you want to create your workflow?"
  • Reordered UI to show creation method selection first (AI builder, templates, start from scratch)
  • Added "Use a template" option that navigates directly to the templates page
  • Moved pipe naming input to appear only after selecting AI or scratch creation modes
  • Added NewBadge component to the AI builder option
  • Replaced info box with direct template navigation
  • Updated button text to consistently show "Next" with arrow icon for all creation modes
  • Modified icon imports and layout components for the new design

Tests

  • 'Build with AI' shows the input to enter Pipe name
  • 'Start from scratch' shows the input to enter Pipe name
  • 'Next' button is only enabled after typing in the Pipe name
  • 'Use a template' automatically redirects to the templates page

Screenshots

Screenshot 2026-03-09 at 10.14.51 AM.pngScreenshot 2026-03-09 at 10.13.38 AM.pngScreenshot 2026-03-09 at 10.14.43 AM.png

This was referenced Mar 6, 2026
Copy link
Copy Markdown
Contributor Author

kevinkim-ogp commented Mar 6, 2026

This stack of pull requests is managed by Graphite. Learn more about stacking.

@kevinkim-ogp kevinkim-ogp changed the title refactor: improve layout and options [AI-BUILDER-24] refactor: improve layout and options Mar 9, 2026
@kevinkim-ogp kevinkim-ogp marked this pull request as ready for review March 9, 2026 07:17
@kevinkim-ogp kevinkim-ogp requested a review from a team as a code owner March 9, 2026 07:17
@kevinkim-ogp kevinkim-ogp force-pushed the ai-builder/optimise-chat-messages branch from 3763597 to 155588b Compare March 10, 2026 09:29
@kevinkim-ogp kevinkim-ogp force-pushed the ai-builder/refactor-create-flow-modal branch 2 times, most recently from 5daf5b9 to df30b01 Compare March 11, 2026 00:23
@kevinkim-ogp kevinkim-ogp force-pushed the ai-builder/optimise-chat-messages branch from 155588b to 1683193 Compare March 11, 2026 00:23
)}
flex={1}
onClick={() => navigate(URLS.TEMPLATES)}
isSelected={createMode === 'template'}
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

nit: never used

</Tile>
)}

<FormControl>
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

no need form control

@kevinkim-ogp kevinkim-ogp changed the base branch from ai-builder/optimise-chat-messages to graphite-base/1455 March 11, 2026 08:43
@kevinkim-ogp kevinkim-ogp force-pushed the ai-builder/refactor-create-flow-modal branch from df30b01 to c3af11a Compare March 11, 2026 14:06
@kevinkim-ogp kevinkim-ogp changed the base branch from graphite-base/1455 to ai-builder/optimise-chat-messages March 11, 2026 14:06
Copy link
Copy Markdown
Contributor Author

kevinkim-ogp commented Mar 19, 2026

Merge activity

  • Mar 19, 9:21 AM UTC: A user started a stack merge that includes this pull request via Graphite.
  • Mar 19, 9:25 AM UTC: Graphite rebased this pull request as part of a merge.
  • Mar 19, 9:25 AM UTC: @kevinkim-ogp merged this pull request with Graphite.

@kevinkim-ogp kevinkim-ogp changed the base branch from ai-builder/optimise-chat-messages to graphite-base/1455 March 19, 2026 09:22
@kevinkim-ogp kevinkim-ogp changed the base branch from graphite-base/1455 to trunk/ai March 19, 2026 09:23
@kevinkim-ogp kevinkim-ogp force-pushed the ai-builder/refactor-create-flow-modal branch from c3af11a to b43a9dd Compare March 19, 2026 09:24
@kevinkim-ogp kevinkim-ogp merged commit e1dbb5f into trunk/ai Mar 19, 2026
2 checks passed
@kevinkim-ogp kevinkim-ogp deleted the ai-builder/refactor-create-flow-modal branch March 19, 2026 09:25
kevinkim-ogp added a commit that referenced this pull request Mar 26, 2026
### What changed?

- Changed modal header from "Create Pipe" to "How do you want to create your workflow?"
- Reordered UI to show creation method selection first (AI builder, templates, start from scratch)
- Added "Use a template" option that navigates directly to the templates page
- Moved pipe naming input to appear only after selecting AI or scratch creation modes
- Added NewBadge component to the AI builder option
- Replaced info box with direct template navigation
- Updated button text to consistently show "Next" with arrow icon for all creation modes
- Modified icon imports and layout components for the new design

### Tests

- [ ] 'Build with AI' shows the input to enter Pipe name
- [ ] 'Start from scratch' shows the input to enter Pipe name
- [ ] 'Next' button is only enabled after typing in the Pipe name
- [ ] 'Use a template' automatically redirects to the templates page

### Screenshots

![Screenshot 2026-03-09 at 10.14.51 AM.png](https://app.graphite.com/user-attachments/assets/55c1ae71-3b09-4b17-b5bb-7b47b7da0ff6.png)![Screenshot 2026-03-09 at 10.13.38 AM.png](https://app.graphite.com/user-attachments/assets/a0bcfc6e-ca69-4bb2-a8b4-7b17026b993a.png)![Screenshot 2026-03-09 at 10.14.43 AM.png](https://app.graphite.com/user-attachments/assets/b70037f1-7899-411a-b007-3338dd35b98a.png)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants