refactor: Cleaner frontend packaging

commitlint.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
 	parserPreset: "conventional-changelog-conventionalcommits",
 	rules: {
 		"subject-empty": [2, "never"],

flow/hooks.py

@@ -7,8 +7,8 @@
 
 export_python_type_annotations = True
 
-# Vite-built (frontend/) AI panel bundle. Served directly from public/ — the
-# /assets path bypasses the desk's esbuild pipeline. Run `yarn build` in frontend/.
+# Vite-built (frontend/src) AI panel bundle. Served directly from public/ — the
+# /assets path bypasses the desk's esbuild pipeline. Run `yarn build` in the app root.
 # /assets URLs get no cache-busting query from Frappe, so append ?v=<mtime>:
 # the stable filename keeps the hook simple while a rebuild invalidates the cache.
 import os as _os

package.json

@@ -1,8 +1,23 @@
 {
+  "name": "flow",
   "private": true,
+  "type": "module",
+  "description": "AI assistant slide-in panel for the Frappe desk (frappe-ui)",
   "scripts": {
-    "postinstall": "cd frontend && yarn install",
-    "dev": "cd frontend && yarn dev",
-    "build": "cd frontend && yarn build"
+    "dev": "vite build --watch",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "frappe-ui": "1.0.0-beta.3",
+    "vue": "^3.5.13",
+    "vue-router": "^4.4.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.1",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.49",
+    "postcss-prefix-selector": "^2.1.1",
+    "tailwindcss": "^3.4.17",
+    "vite": "^5.4.11"
   }
 }

frontend/tailwind.config.js → tailwind.config.js

@@ -9,8 +9,7 @@ export default {
 	// Tailwind v3 ignores `content` declared inside presets, so the frappe-ui
 	// source globs must be listed here for its component classes to be emitted.
 	content: [
-		"./index.html",
-		"./src/**/*.{vue,js}",
+		"./frontend/src/**/*.{vue,js}",
 		"./node_modules/frappe-ui/src/components/**/*.{vue,js,ts}",
 		"./node_modules/frappe-ui/src/composables/**/*.{vue,js,ts}",
 		"./node_modules/frappe-ui/src/utils/**/*.{vue,js,ts}",

frontend/vite.config.js → vite.config.js

@@ -16,7 +16,7 @@ export default defineConfig({
 	plugins: [vue()],
 	resolve: {
 		alias: [
-			{ find: "@", replacement: fileURLToPath(new URL("./src", import.meta.url)) },
+			{ find: "@", replacement: fileURLToPath(new URL("./frontend/src", import.meta.url)) },
 			// frappe-ui's package `exports` map hides its source; alias it so we can import
 			// individual components without dragging in the whole index (tiptap, echarts, …).
 			{
@@ -28,13 +28,13 @@ export default defineConfig({
 		],
 	},
 	build: {
-		outDir: fileURLToPath(new URL("../flow/public/flow_panel", import.meta.url)),
+		outDir: fileURLToPath(new URL("./flow/public/flow_panel", import.meta.url)),
 		emptyOutDir: true,
 		cssCodeSplit: false,
 		sourcemap: false,
 		target: "es2017",
 		lib: {
-			entry: fileURLToPath(new URL("./src/main.js", import.meta.url)),
+			entry: fileURLToPath(new URL("./frontend/src/main.js", import.meta.url)),
 			formats: ["iife"],
 			name: "FlowPanel",
 			fileName: () => "flow_panel.js",