Architecture: Which two Angular Element widgets would best complement the ...
Documentation for Sessions
🏗️ Architecture: Which two Angular Element widgets would best complement the ...
Date: 2026-03-26
Time: 16:20:18 UTC
Session: gspace1-271.13
Agent: angular
Confidence: 93%
Status: ✅ Documented
📋 Decision Context
Question:
Which two Angular Element widgets would best complement the existing kanban + calendar suite and provide the most universal business value?
Task: Select and implement two new Angular Element widgets for S271
🎯 Decision Made
Chosen:
Data Grid (pe-data-grid) + Gantt Timeline (pe-gantt). Data Grid is the most universally needed widget in any business app; Gantt completes a full project-management suite alongside Kanban and Calendar.
Options Considered:
- Data Grid + Gantt (chosen)
- Data Grid + Form Builder
- Gantt + Stats Dashboard
- File Manager + Data Grid
💭 Reasoning
The existing 4 widgets covered rich-text editing, charts, task boards, and scheduling. The most common remaining needs in business apps are: (1) a powerful data table for viewing/editing any entity — universally needed and complex enough to warrant Angular (CDK-free but with sort/filter/inline-edit/pagination/selection/export); (2) a Gantt timeline for project planning — complex enough to need Angular (pixel-based drag, computed layout geometry, milestone markers) and a natural complement to Kanban+Calendar. A Gantt requires native mouse event drag (not CDK DragDrop, which is list-based) and real-time computed pixel positions from signal-based date math — both Angular-native strengths. Alternatives considered: Form Builder (too similar to existing platform-crud element), Stats Dashboard (partially covered by pe-chart), File Manager (out of scope for platform-elements).
📁 Files Involved
libs/libs-structural/platform-elements-angular/src/lib/components/data-grid-widget/data-grid-widget.component.tslibs/libs-structural/platform-elements-angular/src/lib/components/gantt-widget/gantt-widget.component.tslibs/libs-structural/platform-elements-angular/src/lib/register-all.ts
🔗 Related
- Decision ID:
dev_1774542018813_3x1a9w3 - Session: 271
- Workspace: gspace1
Auto-generated by MCP Smart Consolidation