/**
 * Vite config for the UI component.
 *
 * Kazzle owns HOST/PORT (`kazzleAppVite`) and production PWA (`kazzleAppPwa`)
 * in `@kazzle/app/vite`. This template declares a backend `server` component; the
 * browser calls relative owned routes (/chat, /image, …) and the helper proxies
 * them to the sibling component. Add new backend routes to `proxyPaths`. Do not
 * expose Kazzle's internal component URLs to the browser.
 */

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import tailwindcss from '@tailwindcss/vite';
import { kazzleAppVite, kazzleAppPwa } from '@kazzle/app/vite';

export default defineConfig(({ command }) => ({
  plugins: [react(), tailwindcss(), ...kazzleAppPwa()],
  ...kazzleAppVite(command, {
    apiComponent: 'server',
    proxyPaths: ['/chat', '/image', '/speech', '/transcribe', '/video', '/health'],
  }),
}));