Sales Trainer v0.1: corporate sales-training simulator (Flask+Vue, 15 personas, chat simulator, judge, analytics)

- Auth/roles (no self-reg), admin user provision, JWT
- Analyze: sales kit + initial pain-fit from form/upload
- Persona generator: 15 personas (5/tier) w/ pain variety, negotiation, init mode, channel, latent/revealable, wrong_text special
- Chat simulator: per-mode initiation, one-shot, hidden signals, judge-LLM debrief+coaching
- Trainee loop: win/lose board, weak-areas, user-generated personas
- Admin analytics; EN+TH Vue SPA served by Flask
- Deploy: Dockerfile, docker-compose, README, eng-log + HANDOFF
- Tests (mock LLM): m0/m1/routes/e2e all pass

frontend/src/views/GroupBuilder.vue

@@ -0,0 +1,75 @@
+<template>
+  <div class="card">
+    <h2>{{ i18n.t('groupBuilder') }}</h2>
+    <label>{{ i18n.t('product') }}</label>
+    <textarea v-model="form.product" rows="3" placeholder="e.g. Cloud POS for small restaurants"></textarea>
+
+    <label>{{ i18n.t('segment') }}</label>
+    <input v-model="form.segment" />
+
+    <label>{{ i18n.t('description') }}</label>
+    <textarea v-model="form.description" rows="3"></textarea>
+
+    <div class="row">
+      <div style="flex:1">
+        <label>{{ i18n.t('channel') }}</label>
+        <select v-model="form.channel">
+          <option value="facebook">{{ i18n.t('facebook') }}</option>
+          <option value="line">{{ i18n.t('line') }}</option>
+        </select>
+      </div>
+      <div style="flex:1">
+        <label>{{ i18n.t('language') }}</label>
+        <select v-model="form.language">
+          <option value="th">{{ i18n.t('thai') }}</option>
+          <option value="en">{{ i18n.t('english') }}</option>
+        </select>
+      </div>
+    </div>
+
+    <label>📎 Files (.pdf/.md/.txt) — {{ i18n.t('product') }} can come from here</label>
+    <input type="file" multiple accept=".pdf,.md,.txt" @change="onFiles" />
+
+    <div class="error" v-if="error">{{ error }}</div>
+    <button class="primary" style="margin-top:16px" :disabled="busy || (!form.product && !files.length)" @click="create">
+      {{ busy ? '...' : i18n.t('create') }}
+    </button>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import { api } from '../api'
+import { i18n } from '../i18n'
+
+const router = useRouter()
+const form = ref({ product: '', segment: '', description: '', channel: 'facebook', language: 'th' })
+const files = ref([])
+const error = ref('')
+const busy = ref(false)
+
+function onFiles(e) {
+  files.value = Array.from(e.target.files || [])
+}
+async function create() {
+  busy.value = true
+  error.value = ''
+  try {
+    const fd = new FormData()
+    fd.append('product', form.value.product)
+    fd.append('segment', form.value.segment)
+    fd.append('description', form.value.description)
+    fd.append('channel', form.value.channel)
+    fd.append('language', form.value.language)
+    files.value.forEach((f) => fd.append('files', f))
+    const data = await api.createGroup(fd)
+    const gid = data.group.id
+    router.push(`/admin/groups/${gid}/edit`)
+  } catch (e) {
+    error.value = e.message
+  } finally {
+    busy.value = false
+  }
+}
+</script>