import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      name: 'home',
      component: () => import('../pages/HomePage.vue')
    },
    {
      path: '/dynamic/canvas',
      name: 'canvas',
      component: () => import('../pages/CanvasPage.vue')
    },
    {
      path: '/canvas/:id',
      name: 'project-canvas',
      component: () => import('../pages/ProjectCanvasPage.vue'),
      props: true
    },
    {
      path: '/components',
      name: 'components',
      component: () => import('../pages/ComponentsPage.vue')
    },
    {
      path: '/themes',
      name: 'themes',
      component: () => import('../pages/ThemesPage.vue')
    },
    {
      path: '/database',
      name: 'database',
      component: () => import('../pages/DatabasePage.vue')
    },
    {
      path: '/source',
      name: 'source',
      component: () => import('../pages/SourceCodePage.vue')
    },
    {
      path: '/tools',
      name: 'tools',
      component: () => import('../pages/ToolsPage.vue')
    },
    {
      path: '/git',
      name: 'git',
      component: () => import('../pages/GitPage.vue')
    },
    {
      path: '/agents',
      name: 'agents',
      component: () => import('../pages/AgentsPage.vue')
    },
    {
      path: '/transcript-debug',
      name: 'transcript-debug',
      component: () => import('../pages/TranscriptDebugPage.vue')
    }
  ]
})

export default router
