chore(DATAGO-122393): enhance workflows list view #856
Open
jessieli-ux wants to merge 57 commits intomainfrom
Open
chore(DATAGO-122393): enhance workflows list view #856jessieli-ux wants to merge 57 commits intomainfrom
jessieli-ux wants to merge 57 commits intomainfrom
Conversation
Adds the foundational data models and utilities required by the Prescriptive Workflows feature: - StructuredInvocationRequest/Result data parts - WorkflowExecution* data parts for visualization - Extension URI constants - Agent card schema utilities
Adds the Pydantic models that define the YAML schema for workflow definitions with Argo Workflows-compatible syntax: - Node types: AgentNode, ConditionalNode, SwitchNode, LoopNode, MapNode - WorkflowDefinition with DAG validation - RetryStrategy and ExitHandler models
Enables agents to be invoked with schema-validated input/output: - StructuredInvocationHandler for schema validation and retry - Integration with SamAgentComponent - Result embed pattern for structured output - A2A event handler integration for structured invocation detection
Adds ADK Tool that allows agents to invoke workflows: - Dynamic tool generation from workflow schema - Dual-mode invocation (parameters or artifact) - Long-running execution with polling - LLM callback integration for workflow tool instructions
Adds the WorkflowExecutorComponent that coordinates execution: - Component lifecycle and message routing - Agent card generation with schemas - Event publishing for visualization - A2A protocol message handlers
Adds the core DAG execution engine: - Dependency graph building and validation - Node execution dispatch - Template resolution for data flow - Conditional expression evaluation - Execution context management
Adds the AgentCaller for invoking agents via A2A: - Input template resolution - A2A message construction - Artifact creation for input data
Adds backend integration and comprehensive test coverage: - Gateway workflow event forwarding - Example workflows (all_node_types, jira_bug_triage) - Unit tests for pure functions (~1,770 lines) - Integration tests for error scenarios (~2,000 lines) - Declarative test workflows (8 YAML files) - Test fixtures for workflow apps
Adds all frontend changes for workflow visualization: - Layout engine for positioning nodes - FlowChart components (panel, renderer, edges) - Node components for all node types - NodeDetailsCard sidebar - Task visualizer processor - Provider updates - Agent utilities for workflow detection - Mermaid diagram modal
Remove legacy FlowChart visualization files that were replaced by the new workflow activities visualization system. These files are no longer needed with the new Activities-based architecture. Files removed: - FlowChart/customEdges/GenericFlowEdge.tsx - FlowChart/customNodes/*.tsx (6 node types) - FlowChart/edgeAnimationService.ts - FlowChart/taskToFlowData.helpers.ts - FlowChart/taskToFlowData.ts - FlowChartPanel.tsx
Add tests to verify that workflow configurations are correctly serialized to JSON for inclusion in agent card extensions. Tests cover: - Simple agent workflows - Workflows with input/output schemas - Switch nodes with cases and defaults - Map nodes with items - Loop nodes with conditions and max_iterations - Agent nodes with explicit input mappings - JSON serialization round-trip
- Rename sidebar navigation from "Agents" to "Agent Mesh" - Add tabbed navigation with "Agents" and "Workflows" tabs - Create WorkflowList component with table view, filtering, and pagination - Create WorkflowDetailPanel with markdown description and JSON schema viewer - Create WorkflowOnboardingBanner with dismissible intro and docs link - Filter agents by type using isWorkflowAgent() helper - Remove stale MermaidDiagramModal export
Add optional instruction field to AgentNode that allows workflow creators
to provide additional context/guidance to target agents. The instruction
supports template expressions (e.g., {{workflow.input.context}}) that are
resolved at runtime.
Changes:
- Add instruction field to AgentNode model in app.py
- Add _resolve_string_with_templates() to handle embedded templates
- Update workflow_schema.json with instruction property
- Add unit tests for instruction field
- Add integration test validating instruction appears in LLM requests
- Add example usage in all_node_types_workflow.yaml
- Fix deprecated conditional node type in test fixtures
DATAGO-121520
Resolved conflicts in: - WorkflowVisualizationPage.tsx (kept handleBack function) - LoopNode.tsx (whitespace) - MapNode.tsx (whitespace) - SwitchNode.tsx (whitespace) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
…improve styling in WorkflowList
… improve side panel width transition
… for improved responsiveness
…prove WorkflowOnboardingBanner button styling
…nd improve WorkflowOnboardingBanner text
…flowOnboardingBanner
lgh-solace
reviewed
Jan 26, 2026
client/webui/frontend/src/lib/components/workflows/WorkflowDetailPanel.tsx
Outdated
Show resolved
Hide resolved
client/webui/frontend/src/lib/components/workflows/WorkflowDetailPanel.tsx
Outdated
Show resolved
Hide resolved
| {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */} | ||
| <JSONViewer data={config.input_schema as any} maxDepth={2} className="border-none text-xs" /> | ||
| {/* Tab buttons */} | ||
| <div className="mb-3 flex border-b" role="tablist"> |
Collaborator
There was a problem hiding this comment.
We need to add this kind of tabs component... we are using it several places so the pattern is being duplicated. I will create a Jira for that.
|
|
||
| {/* Output Mapping */} | ||
| {config?.output_mapping && ( | ||
| <div> |
Collaborator
There was a problem hiding this comment.
Not for this PR, but we should update this area to not duplicate code if possible.
client/webui/frontend/src/lib/components/workflows/WorkflowList.tsx
Outdated
Show resolved
Hide resolved
client/webui/frontend/src/lib/components/workflows/WorkflowList.tsx
Outdated
Show resolved
Hide resolved
client/webui/frontend/src/lib/components/workflows/WorkflowList.tsx
Outdated
Show resolved
Hide resolved
solace-pjones
changed the base branch from
ed/DATAGO-121940/pr-review-fixes
to
feature/prescriptive-workflows
solace-pjones
changed the base branch from
feature/prescriptive-workflows
to
ed/DATAGO-121940/pr-review-fixes
solace-pjones
changed the base branch from
ed/DATAGO-121940/pr-review-fixes
to
feat/workflows
solace-pjones
changed the base branch from
feat/workflows
to
ed/DATAGO-121940/pr-review-fixes
solace-pjones
changed the base branch from
ed/DATAGO-121940/pr-review-fixes
to
feat/workflows
…cription with PO suggestion
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Enhances the workflows list view with improved UI/UX including:
Key Changes
WorkflowDetailPanel
text-xstotext-smfor better readabilityWorkflowOnboardingBanner
WORKFLOW_HEADER,WORKFLOW_DESCRIPTION,WORKFLOW_LEARN_MORE_TEXT)learning-w10/learning-w20colorsWorkflowList
primary-w60color in dark modeTest Plan