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/GroupEdit.vue

@@ -0,0 +1,81 @@
+<template>
+  <div>
+    <div class="row" style="align-items:center;margin-bottom:16px">
+      <h2 style="margin:0">{{ i18n.t('groupBuilder') }} — {{ group && group.title }}</h2>
+      <button class="primary" style="margin-left:auto" @click="analyze" :disabled="busy">
+        {{ busy ? '...' : i18n.t('analyze') }}
+      </button>
+    </div>
+    <div class="error" v-if="error">{{ error }}</div>
+
+    <div v-for="tier in ['A','B','C']" :key="tier" style="margin-bottom:20px">
+      <h4>{{ tierLabel(tier) }}</h4>
+      <div class="grid">
+        <div v-for="p in byTier(tier)" :key="p.id" class="card pcard">
+          <div class="row">
+            <strong>{{ p.name }}</strong>
+            <span class="badge" v-if="p.special === 'wrong_text'">⚠️ wrong_text</span>
+          </div>
+          <div class="muted">{{ p.profession }} · {{ p.age_group }} · {{ p.channel }} · {{ p.initiation_mode }}</div>
+          <div class="muted" style="margin-top:4px">diff {{ p.difficulty }} · {{ p.income }} · {{ p.personality }}</div>
+          <details style="margin-top:8px" open>
+            <summary>{{ i18n.t('reveal') }}</summary>
+            <pre class="json">{{ JSON.stringify(p, null, 2) }}</pre>
+          </details>
+          <button @click="editPersona(p)">✏️ Edit</button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref } from 'vue'
+import { useRoute } from 'vue-router'
+import { api } from '../api'
+import { i18n } from '../i18n'
+
+const route = useRoute()
+const gid = route.params.gid
+const group = ref(null)
+const personas = ref([])
+const busy = ref(false)
+const error = ref('')
+
+async function load() {
+  const data = await api.getGroup(gid)
+  group.value = data.group
+  personas.value = (await api.listPersonas(gid)).personas
+}
+function byTier(t) { return personas.value.filter((p) => p.tier === t) }
+function tierLabel(t) { return i18n.t(t === 'A' ? 'tierA' : t === 'B' ? 'tierB' : 'tierC') }
+async function analyze() {
+  busy.value = true
+  error.value = ''
+  try {
+    const data = await api.analyzeGroup(gid)
+    personas.value = data.personas
+    await load()
+  } catch (e) { error.value = e.message }
+  finally { busy.value = false }
+}
+function editPersona(p) {
+  const json = prompt('Edit persona JSON (full fields):', JSON.stringify(p, null, 2))
+  if (!json) return
+  try {
+    const parsed = JSON.parse(json)
+    api.updatePersona(gid, p.id, parsed).then(load)
+  } catch (e) { error.value = 'Invalid JSON: ' + e.message }
+}
+onMounted(load)
+</script>
+
+<style scoped>
+.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
+.pcard { display: flex; flex-direction: column; }
+.pcard button { margin-top: auto; }
+.json {
+  background: #0f172a; color: #9ca3af; padding: 10px; border-radius: 8px;
+  font-size: 11px; overflow: auto; max-height: 220px;
+}
+</style>