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

// dashboard-v2 → served by `claw-store serve` under /v2/*.
// Base path lines up with the cutover plan in docs/dashboard-v2.md.
// During local dev the daemon proxies /api/v2/* on :7700 so
// `vite dev` on :5173 can hit it via server.proxy.
export default defineConfig({
  // Absolute base tied to the deploy path. Prior try was `./`
  // (fully relative) which broke when the user hit `/clawstor`
  // without trailing slash — browser resolves `./assets/…`
  // against `/clawstor` treated as a file, gives `/assets/…`,
  // 404 from Tailscale. Absolute `/clawstor/` sidesteps the
  // slash / no-slash ambiguity.
  base: '/clawstor/',
  plugins: [react()],
  server: {
    port: 5173,
    proxy: {
      '/api/v2': {
        target: 'http://127.0.0.1:7700',
        changeOrigin: true,
      },
    },
  },
  build: {
    outDir: 'dist',
    emptyOutDir: true,
  },
});