Agentic Workbench Overview

The Agentic Workbench (frontend/agentic-workbench/) is the largest frontend application with 85 components, providing a comprehensive environment for creating, configuring, deploying, and monitoring AI agents. It includes an Agent Studio wizard, workflow canvas, agent registry, marketplace, approval workflows, dbt IDE, notebook IDE, pipeline editor, rollback controls, chain-of-thought visualization, and cost tracking.

Architecture

agentic-workbench/src/
  components/
    AgentStudio/           # 16 components: wizard, prompts, tools, guardrails, workflow
    AgentCanvas/           # DAG-based agent flow builder
    AgentRegistry/         # Agent catalog with detail panels
    ApprovalWorkflow/      # Multi-stage approval system
    ChainOfThought/        # LLM reasoning visualization
    ChatInterface/         # Conversational AI interface
    DeploymentPipeline/    # Multi-stage deployment tracking
    DbtIDE/                # Full dbt development environment
    NotebookIDE/           # Notebook editor with versioning
    PipelineEditor/        # Data pipeline DAG editor
    Marketplace/           # Agent/tool marketplace
    RollbackControls/      # Version rollback management
    WorkflowTracking/      # Execution monitoring dashboard
    CostTracker/           # LLM token cost tracking
    DataProfiling/         # Data preview and schema visualization
    ... (15+ more)
  hooks/
    useAgentStudio.ts      # Agent studio API integration
    useApprovalWorkflow.ts # Approval workflow state
    useDataProfiling.ts    # Data profiling operations
    useDbtIDE.ts           # dbt IDE state management
    useDeploymentPipeline.ts # Deployment tracking
    useNotebook.ts         # Notebook operations
    usePipelineDAG.ts      # Pipeline DAG state
    useRollback.ts         # Rollback operations
    useWorkflowGeneration.ts # AI workflow generation
    useWorkflowSuggestions.ts # Workflow suggestions
    useWorkflowTracking.ts # Execution tracking

Key Features

Feature	Section	Components
Agent Studio	Agent creation wizard	16 components
Workflow Canvas	Visual workflow design	WorkflowCanvas, WorkflowDesigner
Agent Registry	Agent catalog	AgentRegistry, AgentCard, AgentDetailPanel
Deployment Pipeline	Multi-stage deployment	DeploymentPipelineView, DeploymentTracker
Marketplace	Agent/tool marketplace	MarketplaceHome, ItemCard, ItemDetail
Approval Workflows	Governance approvals	ApprovalWorkflowView, ApprovalDashboard
dbt IDE	dbt development	DbtIDEView, DbtSqlEditor, DbtProjectExplorer
Notebook IDE	Notebook editing	NotebookEditor, NotebookVersioning
Pipeline Editor	Pipeline DAG	PipelineEditorView, PipelineNode
Rollback	Version management	RollbackConfirmation, RollbackHistory
Chain of Thought	LLM transparency	ChainOfThoughtViewer
Workflow Tracking	Execution monitoring	WorkflowTrackingDashboard, LogViewer
Cost Tracking	Token cost analysis	TokenBreakdown

Agentic Workbench Agent Studio