ux(flow): remove facebook/line channel everywhere (scenario chosen at chat); clarify 'how to start chatting'

- Removed channel + initiation displays: Training card, Personas card, GroupEdit card,
  Chat header, and the channel select in PersonaForm (scenario now determines who opens).
- Clarified the start-training flow: GroupEdit guide now says go to the Training tab ->
  pick product -> pick a customer -> Chat -> choose scenario -> talk; Personas guide
  spells out the Chat + scenario step.
Rebuilt dist.

frontend/src/components/PersonaForm.vue

@@ -57,18 +57,9 @@
       <label>กรอบเวลาในการตัดสินใจ</label><input v-model="d.decision_timeline" />
     </div>
 
-    <!-- Section: ช่องทาง/โหมด -->
-    <div class="sec">
-      <h4>📡 ช่องทาง & โหมด</h4>
-      <div class="row">
-        <div class="f"><label>ช่องทาง</label>
-          <select v-model="d.channel"><option value="line">LINE</option><option value="facebook">Facebook</option></select>
-        </div>
-        <div class="f"><label>ใครเริ่มคุยก่อน</label>
-          <select v-model="d.initiation_mode"><option value="customer">ลูกค้าทักก่อน</option><option value="seller">เราต้องเริ่มขาย (เชิงรุก)</option></select>
-        </div>
-      </div>
-      <label class="muted" v-if="auth.isSuperAdmin && d.special">พิเศษ: {{ d.special }}</label>
+    <!-- Section: ช่องทาง/โหมด (removed — scenario chosen at chat time) -->
+    <div v-if="auth.isSuperAdmin && d.special" class="sec">
+      <label class="muted">พิเศษ: {{ d.special }}</label>
     </div>
 
     <div class="row actions">

frontend/src/views/Chat.vue

@@ -35,7 +35,6 @@
 
       <div class="row" style="align-items:center;margin-bottom:12px">
         <h2 style="margin:0">{{ persona ? persona.name : '...' }}</h2>
-        <span class="badge" :class="persona && persona.channel">{{ persona ? persona.channel : '' }}</span>
         <span class="muted" v-if="persona">{{ persona.profession }} · {{ persona.age_group }}</span>
         <span v-if="phase === 'done'" class="badge" :class="debrief && debrief.outcome">
           {{ debrief && debrief.outcome === 'won' ? i18n.t('won') : i18n.t('lost') }}

frontend/src/views/GroupEdit.vue

@@ -20,7 +20,7 @@
         <li>ระบบสร้างบุคคลต้นแบบ (ลูกค้าจำลอง) ให้อัตโนมัติแล้ว หลังกดสร้าง</li>
         <li>แต่ละการ์ดคือลูกค้าจำลอง 1 คน — กด <strong>✏️ แก้ไข</strong> เพื่อปรับรายละเอียดให้ตรงใจ</li>
         <li>อยากได้ลูกค้าจำลองเพิ่ม กด <strong>สร้างบุคคลต้นแบบเพิ่มเติม</strong></li>
-        <li>เมื่อพร้อมให้ผู้ใช้ฝึก กด <strong>เปิดใช้งาน</strong> (ยังทำในขั้นถัดไป)</li>
+        <li><strong>วิธีเริ่มฝึก:</strong> ไปที่แท็บ <strong>การฝึก</strong> → เลือกสินค้านี้ → เลือกลูกค้าจำลอง 1 คน → กด <strong>แชท</strong> → เลือกสถานการณ์ → เริ่มคุย</li>
       </ol>
     </div>
 
@@ -42,7 +42,7 @@
             <span v-for="n in 5" :key="n" class="star" :class="{ on: n <= (p.difficulty || 1) }">★</span>
           </div>
           <div class="muted">{{ p.profession }} · {{ p.age_group }} · {{ p.location }}</div>
-          <div class="muted">{{ p.channel }} · {{ p.initiation_mode === 'seller' ? 'เริ่มขายเอง' : 'ลูกค้าทักก่อน' }}</div>
+          <div class="muted">{{ p.personality }}</div>
           <button class="edit-btn" @click="openEdit(p)"><Pencil :size="15" :stroke-width="1.8" /> {{ i18n.t('edit') }}</button>
         </div>
       </div>

frontend/src/views/Personas.vue

@@ -10,7 +10,8 @@
       <ol style="margin:8px 0 0;padding-left:20px;line-height:1.8">
         <li>เลือกลูกค้าจำลอง (บุคคลต้นแบบ) คนหนึ่งที่อยากฝึกด้วย</li>
         <li>ระดับ A ง่ายสุด → ระดับ C ยากสุด (ดูจากดาว ★ ความยาก)</li>
-        <li>กดปุ่มสำหรับฝึกแชทกับลูกค้าคนนั้น (ฝึกได้คนละครั้งเท่านั้น)</li>
+        <li>กด <strong>แชท</strong> → เลือกสถานการณ์ (โซเชียล / พบหน้า-โทร / กลับมาติดต่อ) → เริ่มคุยกับลูกค้า</li>
+        <li>ลูกค้าจะตัดสินใจเองว่าซื้อหรือไม่ซื้อ (ฝึกได้คนละครั้งเท่านั้น)</li>
       </ol>
     </div>
 
@@ -34,8 +35,7 @@
           </div>
           <div class="muted">
             {{ p.profession }} · {{ p.age_group }} · {{ p.location }}<br />
-            <span class="badge" :class="p.channel">{{ p.channel }}</span>
-            <span class="muted"> · {{ p.initiation_mode === 'seller' ? i18n.t('sellerInitiated') : i18n.t('customerInitiated') }}</span>
+            <span class="muted">{{ i18n.t('difficulty') }} {{ p.difficulty || 1 }}/5</span>
           </div>
           <div class="muted" style="margin-top:6px">{{ p.product_context }}</div>
 

frontend/src/views/Training.vue

@@ -46,7 +46,6 @@
         >
           <div class="muted" style="margin:6px 0 12px">{{ productName(g) }}</div>
           <div class="row" style="gap:8px">
-            <span class="badge" :class="g.channel || 'line'">{{ g.channel || 'line' }}</span>
             <span class="muted">{{ personaCount(g) }} {{ i18n.t('personas').toLowerCase() }}</span>
           </div>
           <button class="primary" style="width:100%;margin-top:12px">