feat: Add multi-canvas system with project canvas support

- Add project_canvas and canvas_components tables for persistent canvas storage
- Add ProjectCanvas store with full CRUD operations
- Add ProjectCanvasPage for rendering saved canvas with components
- Add ProjectsPage for managing canvas list (create, clone, delete)
- Add HomePage that loads default canvas or falls back to dynamic canvas
- Add toolbar support for displaying canvas as pages with custom icons
- Add component usage validation to prevent deletion of components in use
- Add MCP tools for canvas management (list, create, update, delete, clone)
- Update router with /canvas/:id and /projects routes
- Update Toolbar to show dynamic canvas pages from database
This commit is contained in:
2026-02-13 06:32:46 -06:00
parent 2e64dceb1e
commit 8a017db777
13 changed files with 2016 additions and 13 deletions

View File

@@ -19,8 +19,13 @@ import {
setRouter,
GLOBAL_TOOLS
} from './tools/globalTools'
import {
registerProjectCanvasTools,
unregisterProjectCanvasTools,
PROJECT_CANVAS_TOOLS
} from './tools/projectCanvasTools'
type PageName = 'canvas' | 'components' | 'themes'
type PageName = 'home' | 'canvas' | 'components' | 'themes' | 'projects' | 'project-canvas'
interface PageToolSet {
register: () => void
@@ -29,10 +34,23 @@ interface PageToolSet {
}
const pageTools: Record<PageName, PageToolSet> = {
home: {
register: () => {
registerCanvasTools()
registerComponentTools()
registerProjectCanvasTools()
},
unregister: () => {
unregisterCanvasTools()
unregisterComponentTools()
unregisterProjectCanvasTools()
},
toolNames: [...CANVAS_TOOLS, ...COMPONENT_TOOLS, ...PROJECT_CANVAS_TOOLS]
},
canvas: {
register: () => {
registerCanvasTools()
registerComponentTools() // Canvas también puede guardar/cargar
registerComponentTools()
},
unregister: () => {
unregisterCanvasTools()
@@ -40,6 +58,24 @@ const pageTools: Record<PageName, PageToolSet> = {
},
toolNames: [...CANVAS_TOOLS, ...COMPONENT_TOOLS]
},
'project-canvas': {
register: () => {
registerCanvasTools()
registerComponentTools()
registerProjectCanvasTools()
},
unregister: () => {
unregisterCanvasTools()
unregisterComponentTools()
unregisterProjectCanvasTools()
},
toolNames: [...CANVAS_TOOLS, ...COMPONENT_TOOLS, ...PROJECT_CANVAS_TOOLS]
},
projects: {
register: registerProjectCanvasTools,
unregister: unregisterProjectCanvasTools,
toolNames: PROJECT_CANVAS_TOOLS
},
components: {
register: registerComponentTools,
unregister: unregisterComponentTools,