Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: implement group block in agent editor to support vendor block - WF-181 #772

Open
wants to merge 3 commits into
base: dev
Choose a base branch
from

Conversation

FabienArcellier
Copy link
Collaborator

@FabienArcellier FabienArcellier commented Mar 12, 2025

Agent editor blocks can be grouped. The developer customizes the action in the block's context menu.

  • Attributes are copied when the block is copied
  • The block can be customized at any time

image

@FabienArcellier FabienArcellier force-pushed the WF-181-implement-group-block-in-workflows-to-support-vendor-block branch from 81441d1 to d2492d8 Compare March 12, 2025 08:39
@FabienArcellier FabienArcellier self-assigned this Mar 12, 2025
@FabienArcellier FabienArcellier added the enhancement New feature or request label Mar 12, 2025
@FabienArcellier FabienArcellier marked this pull request as draft March 12, 2025 08:40
* feat: update ActionSelect logic to use new action name retrieval method
* feat: add utility functions isGroupNode, getGroupType, and getActionName in core index
* fix: ensure correct conditionals for selecting component definitions based on group level
* chore: pass group-level attribute in BuilderSettingsBlockProperties template for more explicit rendering
* fix: correct v-if conditions in BuilderSettingsMain to use groupNode instead of hasAction
* feat: add new Vue components `BuilderSettingsBlockProperties.vue` and `BuilderSettingsGroupBlockProperties.vue`
* refactor: update component property handling to accommodate group levels in settings properties components
* feat: implement `getComponentFieldsForGroupLevel` function to retrieve fields based on component group levels
* show the settings of workflows_workflow
* display outs only when they exists
* show only action selection when it has subtypes
* display the action in workflow block
* feat: add WorkflowsNodeGroup.vue component for workflows feature
* refactor: restructure AirtableManipulateRecord and AirtableQueryRecords to include group "Airtable"
* add python-dotenv as dev dependency
* implement workflow blocks
* implement functional tests
* remove backend external test, too complicate to maintain
@FabienArcellier FabienArcellier force-pushed the WF-181-implement-group-block-in-workflows-to-support-vendor-block branch 4 times, most recently from 752fb51 to dfdaf53 Compare March 17, 2025 11:10
@FabienArcellier FabienArcellier force-pushed the WF-181-implement-group-block-in-workflows-to-support-vendor-block branch from dfdaf53 to 4cc6e17 Compare March 17, 2025 11:10
@FabienArcellier FabienArcellier marked this pull request as ready for review March 17, 2025 11:35
@FabienArcellier FabienArcellier changed the title feat: implement group block in workflows to support vendor block - WF-181 feat: implement group block in agent editor to support vendor block - WF-181 Mar 17, 2025
Comment on lines +62 to +117
@import "../sharedStyles.css";
.form {
display: flex;
flex-direction: column;
gap: 4px;
}

.title__label {
font-size: 14px;
font-weight: 500;
line-height: 20px;
}

.selector-container {
position: relative;
}

.input {
width: 100%;
border: 1px solid #ccc;
border-radius: 8px;
padding: 8px;

display: flex;
flex-direction: row;
gap: 4px;
}

.selector-input {
width: 100%;
border: none;
outline: none;
}

.suggestions-list {
position: absolute;
left: 0;
right: 0;
background: white;
border: 1px solid #ccc;
border-top: none;
border-radius: 0 0 4px 4px;
max-height: 200px;
overflow-y: auto;
z-index: 1000;
margin: 0 24px;
}

.suggestion-item {
padding: 8px;
cursor: pointer;
}

.suggestion-item:hover {
background-color: #f0f0f0;
}
Copy link
Collaborator

Choose a reason for hiding this comment

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

You can remove this dead code

Suggested change
@import "../sharedStyles.css";
.form {
display: flex;
flex-direction: column;
gap: 4px;
}
.title__label {
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.selector-container {
position: relative;
}
.input {
width: 100%;
border: 1px solid #ccc;
border-radius: 8px;
padding: 8px;
display: flex;
flex-direction: row;
gap: 4px;
}
.selector-input {
width: 100%;
border: none;
outline: none;
}
.suggestions-list {
position: absolute;
left: 0;
right: 0;
background: white;
border: 1px solid #ccc;
border-top: none;
border-radius: 0 0 4px 4px;
max-height: 200px;
overflow-y: auto;
z-index: 1000;
margin: 0 24px;
}
.suggestion-item {
padding: 8px;
cursor: pointer;
}
.suggestion-item:hover {
background-color: #f0f0f0;
}
.selector-container {
position: relative;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants