import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  server: {
    port: 3000,
    proxy: {
      '/api': {
        target: 'http://localhost:8000',
        changeOrigin: true,
      },
      '/ws': {
        target: 'ws://localhost:8000',
        ws: true,
      },
      '/openclaw': {
        target: 'http://localhost:8000',
        changeOrigin: true,
        ws: true,
      },
    },
  },
  build: {
    rollupOptions: {
      output: {
        manualChunks(id) {
          // Monaco Editor — only used by Scenarios page
          if (id.includes('@monaco-editor') || id.includes('monaco-editor')) {
            return 'vendor-monaco'
          }
          // @ant-design/charts — only used by Home page
          if (id.includes('@ant-design/charts')) {
            return 'vendor-charts'
          }
          // Ant Design core — used everywhere
          if (id.includes('antd') || id.includes('@ant-design/icons')) {
            return 'vendor-antd'
          }
          // React + remaining libs — used everywhere, merged to avoid circular imports
          if (id.includes('node_modules')) {
            return 'vendor'
          }
        },
      },
    },
  },
})