mcp_playground_ui

Shared UI components, dialogs, drawers, controllers, and services for MCP Playground (mcp_playground_flutter) and GenUI Playground (genui_mcp_playground).

✨ Features

  • PlaygroundController – Full lifecycle and state manager for agent conversations, tool execution, MCP server synchronization, and inspector tracing.
  • Workflow Automation & Execution – Define, save, load, and run multi-step agent workflows (WorkflowDef, WorkflowSaveDialog, WorkflowLoadDialog, WorkflowStep, sub-prompt pipelines).
  • Skills System & Skill Wizard – Comprehensive skill authoring and discovery (SkillsManagerDialog, SkillWizardDialog, SkillDetailsDialog, ActiveSkillBanner, SkillStorageAdapter, ZIP import/export).
  • LLM Configuration & Settings – LlmConfigForm, SettingsDrawer, SubPromptListEditor.
  • MCP Server & Tool Management – McpServerRegistryTab, EditMcpDialog, RemoteMcpDialog, RegisteredToolsDialog, ServerToolsDialog.
  • On-Device Embedded LLMs – EmbeddedModelManager, EmbeddedModelPickerWidget, HfDiscoverDialog, AddGgufDialog.
  • Inspector Panel – AgentInspector side pane for real-time observability of tool executions, raw JSON payloads, and system prompts.
  • Localization – Full English & German strings via McpPlaygroundLocalizations (McpLocalizations).

🎥 Demo

Watch the AI Agent Playground in action executing tasks with local tools and embedded models:

GenUI MCP Demo

📦 Installation

Add to your pubspec.yaml:

dependencies:
  mcp_playground_ui: ^0.3.0
  mcp_playground_dart: ^0.3.0

Libraries

mcp_playground_ui
playground_controller