personal-projects/leo-claude-mktplace
Template
0
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Sprint 1] feat: Implement layout tools (3 tools) #174

New Issue
Closed
opened 2026-01-26 16:21:08 +00:00 by lmiranda · 1 comment
lmiranda commented 2026-01-26 16:21:08 +00:00
Owner
Copy Link

Description

Implement dashboard layout composition tools for building structured dashboards.

Acceptance Criteria

  • Create mcp_server/layout_tools.py
  • Implement layout_create tool:
    • Input: name: string, template?: string
    • Templates: "dashboard", "report", "form", "blank"
    • Output: Layout container reference
  • Implement layout_add_filter tool:
    • Input: layout_ref: string, filter_type: string, options: object
    • Filter types: dropdown, date_range, search, checkbox_group
    • Position: top, sidebar
  • Implement layout_set_grid tool:
    • Input: layout_ref: string, grid: object
    • Configure responsive grid (cols, rows, breakpoints)
    • Support Mantine Grid/SimpleGrid patterns
  • All tools registered in server.py

Technical Notes

Layouts are containers that hold charts and components. The grid system should map to DMC's Grid component.

# Example layout creation
layout_create(name="sales_dashboard", template="dashboard")
layout_add_filter(layout_ref="sales_dashboard", filter_type="date_range", options={"label": "Period"})
layout_set_grid(layout_ref="sales_dashboard", grid={"cols": 12, "spacing": "md"})

Dependencies

  • Depends on #170 (MCP server foundation)
## Description Implement dashboard layout composition tools for building structured dashboards. ## Acceptance Criteria - [ ] Create `mcp_server/layout_tools.py` - [ ] Implement `layout_create` tool: - Input: `name: string, template?: string` - Templates: "dashboard", "report", "form", "blank" - Output: Layout container reference - [ ] Implement `layout_add_filter` tool: - Input: `layout_ref: string, filter_type: string, options: object` - Filter types: dropdown, date_range, search, checkbox_group - Position: top, sidebar - [ ] Implement `layout_set_grid` tool: - Input: `layout_ref: string, grid: object` - Configure responsive grid (cols, rows, breakpoints) - Support Mantine Grid/SimpleGrid patterns - [ ] All tools registered in server.py ## Technical Notes Layouts are containers that hold charts and components. The grid system should map to DMC's Grid component. ```python # Example layout creation layout_create(name="sales_dashboard", template="dashboard") layout_add_filter(layout_ref="sales_dashboard", filter_type="date_range", options={"label": "Period"}) layout_set_grid(layout_ref="sales_dashboard", grid={"cols": 12, "spacing": "md"}) ``` ## Dependencies - Depends on #170 (MCP server foundation)
lmiranda commented 2026-01-26 16:50:19 +00:00
Author
Owner
Copy Link

Completed: Layout tools implemented.

Tools Added:

  1. layout_create - Create layouts with templates (dashboard, report, form, blank)
  2. layout_add_filter - Add filter controls (dropdown, date_range, search, slider, etc.)
  3. layout_set_grid - Configure responsive grid system (1-24 cols, breakpoints)

Features:

  • 4 templates: dashboard, report, form, blank
  • 9 filter types: dropdown, multi_select, date_range, date, search, checkbox_group, radio_group, slider, range_slider
  • Maps to DMC Grid/AppShell component patterns
  • Responsive breakpoints support

Commit: 057c61f

Completed: Layout tools implemented. **Tools Added:** 1. `layout_create` - Create layouts with templates (dashboard, report, form, blank) 2. `layout_add_filter` - Add filter controls (dropdown, date_range, search, slider, etc.) 3. `layout_set_grid` - Configure responsive grid system (1-24 cols, breakpoints) **Features:** - 4 templates: dashboard, report, form, blank - 9 filter types: dropdown, multi_select, date_range, date, search, checkbox_group, radio_group, slider, range_slider - Maps to DMC Grid/AppShell component patterns - Responsive breakpoints support **Commit:** 057c61f
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
Component/API
API endpoints, contracts, and integration
 Component/Auth
Authentication and authorization
 Component/Backend
Backend service code and business logic
 Component/Database
Database schemas, migrations, queries
 Component/Deploy
Deployment, infrastructure, DevOps
 Component/Docs
Documentation and guides
 Component/Frontend
User interface and client-side code
 Component/Infra
Infrastructure and system configuration
 Component/Testing
Test infrastructure and frameworks
 Tech/Docker
Docker containers and compose
 Tech/FastAPI
FastAPI backend framework
 Tech/JavaScript
JavaScript/Node.js code
 Tech/PostgreSQL
PostgreSQL database
 Tech/Python
Python language and libraries
 Tech/Redis
Redis cache and pub/sub
 Tech/Vue
Vue.js frontend framework
Complexity/Complex
High uncertainty or many dependencies
 Complexity/Medium
Some unknowns or dependencies
 Complexity/Simple
Straightforward, well-understood
 Effort/L
3-5 days
 Effort/M
1-2 days
 Effort/S
2-4 hours
 Effort/XL
> 1 week
 Effort/XS
< 2 hours
 Priority/Critical
Immediate attention required
 Priority/High
Important, needs attention soon
 Priority/Low
Nice to have, can wait
 Priority/Medium
Normal priority
 Type/Bug
Something isn't working
 Type/Chore
Maintenance tasks
 Type/Documentation
Documentation improvements
 Type/Feature
New feature or request
 Type/Refactor
Code refactoring without changing behavior
 Type/Test
Testing related
No Label Component/Backend Tech/Python Complexity/Medium Effort/M Priority/Medium Type/Feature
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
lmiranda
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: personal-projects/leo-claude-mktplace#174
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?