feat(insight): Refactor code structure for improved readability and maintainability

packages/cli/assets/insight/vite.config.mjs

@@ -0,0 +1,39 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import { join, dirname } from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+export default defineConfig({
+  plugins: [react({ jsxRuntime: 'classic' })],
+  build: {
+    outDir: 'dist',
+    emptyOutDir: true,
+    minify: true,
+    target: 'es2018',
+    lib: {
+      entry: join(__dirname, 'src/App.tsx'),
+      name: 'InsightApp',
+      fileName: () => 'main.js',
+      formats: ['iife'],
+    },
+    rollupOptions: {
+      external: ['react', 'react-dom', 'react-dom/client'],
+      output: {
+        globals: {
+          react: 'React',
+          'react-dom': 'ReactDOM',
+          'react-dom/client': 'ReactDOM',
+        },
+        assetFileNames: (assetInfo) => {
+          if (assetInfo.name === 'style.css') return 'main.css';
+          return assetInfo.name;
+        },
+      },
+    },
+  },
+  define: {
+    'process.env.NODE_ENV': '"production"',
+  },
+});