feat: UI/UX redesign for MCP Apps - 3 new apps + enhanced existing (#583)

Add workflow-list, execution-history, and health-dashboard apps.
Redesign operation-result with operation-aware headers, detail panels,
and copy-to-clipboard. Fix React hooks violations in validation-summary
and execution-history (useMemo after early returns). Add local preview
harness for development. Update tests for 5-app config.

Conceived by Romuald Członkowski - www.aiadvisors.pl/en

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Romuald Członkowski
2026-02-09 03:36:27 +01:00
committed by GitHub
parent c601581714
commit 89146186d8
25 changed files with 1614 additions and 122 deletions

View File

@@ -98,8 +98,29 @@ describe('UI_APP_CONFIGS', () => {
expect(config!.toolPatterns).toContain('n8n_validate_workflow');
});
it('should have exactly 2 configs', () => {
expect(UI_APP_CONFIGS.length).toBe(2);
it('should have exactly 5 configs', () => {
expect(UI_APP_CONFIGS.length).toBe(5);
});
it('should contain the workflow-list config', () => {
const config = UI_APP_CONFIGS.find(c => c.id === 'workflow-list');
expect(config).toBeDefined();
expect(config!.displayName).toBe('Workflow List');
expect(config!.toolPatterns).toContain('n8n_list_workflows');
});
it('should contain the execution-history config', () => {
const config = UI_APP_CONFIGS.find(c => c.id === 'execution-history');
expect(config).toBeDefined();
expect(config!.displayName).toBe('Execution History');
expect(config!.toolPatterns).toContain('n8n_executions');
});
it('should contain the health-dashboard config', () => {
const config = UI_APP_CONFIGS.find(c => c.id === 'health-dashboard');
expect(config).toBeDefined();
expect(config!.displayName).toBe('Health Dashboard');
expect(config!.toolPatterns).toContain('n8n_health_check');
});
it('should have IDs that are valid URI path segments (no spaces or special chars)', () => {