UI: move persona selectors into panels + add AI role toggle

backend/api/conversation_service.py

@@ -50,6 +50,7 @@ logger = logging.getLogger(__name__)
 _SENTENCE_SEGMENTER = pysbd.Segmenter(language="en", clean=False)
 
 SURVEYOR_MAX_TOKENS = 140
+PATIENT_MAX_TOKENS = 220
 
 SURVEYOR_STYLE_GUIDANCE = (
     "Constraints:\n"
@@ -59,6 +60,13 @@ SURVEYOR_STYLE_GUIDANCE = (
     "- Avoid long explanations or multi-paragraph monologues.\n"
 )
 
+PATIENT_STYLE_GUIDANCE = (
+    "Constraints:\n"
+    "- Be concise (1–3 short sentences).\n"
+    "- Answer the question as the patient; avoid medical advice.\n"
+    "- Stay consistent with your persona and scenario.\n"
+)
+
 
 def _split_sentences(text: str) -> List[str]:
     normalized = " ".join((text or "").split())
@@ -291,6 +299,7 @@ class HumanChatInfo:
     patient_prompt_addition: Optional[str] = None
     surveyor_attributes: List[str] = field(default_factory=list)
     surveyor_question_bank: Optional[str] = None
+    ai_role: str = "surveyor"  # "surveyor" or "patient"
     asked_question_ids: List[str] = field(default_factory=list)
     lock: asyncio.Lock = field(default_factory=asyncio.Lock)
     client: Any = None
@@ -333,6 +342,7 @@ class ConversationService:
         patient_prompt_addition: Optional[str] = None,
         surveyor_attributes: Optional[List[str]] = None,
         surveyor_question_bank: Optional[str] = None,
+        ai_role: Optional[str] = None,
     ) -> bool:
         """Start a new human-to-surveyor chat session."""
         if conversation_id in self.active_conversations or conversation_id in self.active_human_chats:
@@ -349,6 +359,8 @@ class ConversationService:
         resolved_model = model or self.settings.llm.model
         resolved_backend = self.settings.llm.backend
 
+        resolved_ai_role = ai_role if ai_role in ("surveyor", "patient") else "surveyor"
+
         chat_info = HumanChatInfo(
             conversation_id=conversation_id,
             surveyor_persona_id=surveyor_persona_id,
@@ -359,6 +371,7 @@ class ConversationService:
             patient_prompt_addition=patient_prompt_addition,
             surveyor_attributes=[s.strip() for s in (surveyor_attributes or []) if isinstance(s, str) and s.strip()],
             surveyor_question_bank=surveyor_question_bank if isinstance(surveyor_question_bank, str) and surveyor_question_bank.strip() else None,
+            ai_role=resolved_ai_role,
             status=ConversationStatus.STARTING,
             created_at=datetime.now(),
         )
@@ -374,25 +387,26 @@ class ConversationService:
         await self._send_status_update(conversation_id, ConversationStatus.STARTING)
         await self._send_status_update(conversation_id, ConversationStatus.RUNNING)
 
-        # Optional: generate an initial greeting + first question.
-        try:
-            greeting = await self._generate_human_chat_surveyor_message(
-                chat_info,
-                transcript=[],
-                user_prompt=(
-                    "Please greet the patient briefly and ask your first survey question.\n\n"
-                    f"{SURVEYOR_STYLE_GUIDANCE}"
-                ),
-            )
-            await self._append_and_broadcast_transcript(
-                conversation_id=conversation_id,
-                role="surveyor",
-                persona=surveyor_persona.get("name", "Surveyor"),
-                content=greeting,
-            )
-        except Exception as e:
-            logger.error(f"Failed to generate human-chat greeting: {e}")
-            # It's OK to proceed without a greeting.
+        # If the AI is the surveyor, we can optionally generate an initial greeting + first question.
+        if chat_info.ai_role == "surveyor":
+            try:
+                greeting = await self._generate_human_chat_surveyor_message(
+                    chat_info,
+                    transcript=[],
+                    user_prompt=(
+                        "Please greet the patient briefly and ask your first survey question.\n\n"
+                        f"{SURVEYOR_STYLE_GUIDANCE}"
+                    ),
+                )
+                await self._append_and_broadcast_transcript(
+                    conversation_id=conversation_id,
+                    role="surveyor",
+                    persona=surveyor_persona.get("name", "Surveyor"),
+                    content=greeting,
+                )
+            except Exception as e:
+                logger.error(f"Failed to generate human-chat greeting: {e}")
+                # It's OK to proceed without a greeting.
 
         return True
 
@@ -410,6 +424,38 @@ class ConversationService:
             patient_persona = self.persona_system.get_persona(chat_info.patient_persona_id) or {}
             surveyor_persona = self.persona_system.get_persona(chat_info.surveyor_persona_id) or {}
 
+            transcript = self.transcripts.get(conversation_id, [])
+
+            if chat_info.ai_role == "patient":
+                # Human is the surveyor; AI responds as the patient.
+                await self._append_and_broadcast_transcript(
+                    conversation_id=conversation_id,
+                    role="surveyor",
+                    persona=f"{surveyor_persona.get('name', 'Surveyor')} (Human)",
+                    content=text,
+                )
+
+                transcript = self.transcripts.get(conversation_id, [])
+                last_surveyor_msg = next((m for m in reversed(transcript) if m.get("role") == "surveyor"), None)
+                last_text = (last_surveyor_msg or {}).get("content", text)
+                reply = await self._generate_human_chat_patient_message(
+                    chat_info,
+                    transcript=transcript,
+                    user_prompt=(
+                        f"The interviewer just said: '{last_text}'. "
+                        "Please respond naturally as your persona would.\n\n"
+                        f"{PATIENT_STYLE_GUIDANCE}"
+                    ),
+                )
+                await self._append_and_broadcast_transcript(
+                    conversation_id=conversation_id,
+                    role="patient",
+                    persona=patient_persona.get("name", "Patient"),
+                    content=reply,
+                )
+                return
+
+            # Default: Human is the patient; AI responds as the surveyor.
             patient_label = patient_persona.get("name", "Patient")
             await self._append_and_broadcast_transcript(
                 conversation_id=conversation_id,
@@ -563,6 +609,36 @@ class ConversationService:
 
         return cleaned or "I apologize—I'm having trouble responding right now. Could you repeat that?"
 
+    async def _generate_human_chat_patient_message(
+        self,
+        chat_info: HumanChatInfo,
+        *,
+        transcript: List[Dict[str, Any]],
+        user_prompt: str,
+    ) -> str:
+        conversation_history = [
+            {"role": "assistant" if msg.get("role") == "patient" else "user", "content": msg.get("content", "")}
+            for msg in (transcript or [])
+        ]
+
+        system_prompt, prompt_with_history = self.persona_system.build_conversation_prompt(
+            persona_id=chat_info.patient_persona_id,
+            conversation_history=conversation_history,
+            user_prompt=user_prompt,
+        )
+
+        system_prompt = (system_prompt or "").strip()
+        if chat_info.patient_prompt_addition:
+            system_prompt = (system_prompt + "\n\nAdditional instructions:\n" + chat_info.patient_prompt_addition).strip()
+
+        response = await chat_info.client.generate(
+            prompt=prompt_with_history,
+            system_prompt=system_prompt,
+            max_tokens=PATIENT_MAX_TOKENS,
+            temperature=0.7,
+        )
+        return (response or "").strip() or "I'm sorry—I'm having trouble responding right now."
+
     async def start_conversation(self,
                                conversation_id: str,
                                surveyor_persona_id: str,

backend/api/conversation_ws.py

@@ -386,6 +386,7 @@ async def handle_start_human_chat(data: dict, conversation_id: str):
         patient_persona_id = data.get("patient_persona_id")
         host = data.get("host")
         model = data.get("model")
+        ai_role = data.get("ai_role")
         patient_prompt_addition = data.get("patient_prompt_addition")
         surveyor_attributes = data.get("surveyor_attributes")
         surveyor_question_bank = data.get("surveyor_question_bank")
@@ -407,6 +408,7 @@ async def handle_start_human_chat(data: dict, conversation_id: str):
             patient_prompt_addition=patient_prompt_addition,
             surveyor_attributes=surveyor_attributes,
             surveyor_question_bank=surveyor_question_bank,
+            ai_role=ai_role,
         )
 
         if success:

frontend/pages/main_page.py

@@ -115,7 +115,10 @@ def get_main_page_html(auth_enabled: bool = False) -> str:
 	            const bucket = (run && run[kind] && typeof run[kind] === 'object') ? run[kind] : {};
 	            return {
 	                surveyor_persona_id: bucket.surveyor_persona_id || cfg?.surveyor_persona_id || 'friendly_researcher_001',
-	                patient_persona_id: bucket.patient_persona_id || cfg?.patient_persona_id || 'cooperative_senior_001'
+	                patient_persona_id: bucket.patient_persona_id || cfg?.patient_persona_id || 'cooperative_senior_001',
+	                ai_role: (kind === 'human_to_ai')
+	                    ? (bucket.ai_role || 'surveyor')
+	                    : undefined
 	            };
 	        }
 
@@ -274,6 +277,7 @@ def get_main_page_html(auth_enabled: bool = False) -> str:
 	            const [mainPatientId, setMainPatientId] = useState(() => getRunPersonaSelection(loadConfig() || {}, 'ai_to_ai').patient_persona_id);
 	            const [humanSurveyorId, setHumanSurveyorId] = useState(() => getRunPersonaSelection(loadConfig() || {}, 'human_to_ai').surveyor_persona_id);
 	            const [humanPatientId, setHumanPatientId] = useState(() => getRunPersonaSelection(loadConfig() || {}, 'human_to_ai').patient_persona_id);
+	            const [humanAiRole, setHumanAiRole] = useState(() => getRunPersonaSelection(loadConfig() || {}, 'human_to_ai').ai_role || 'surveyor');
 
             const [historyBusy, setHistoryBusy] = useState(false);
             const [historyError, setHistoryError] = useState(null);
@@ -712,6 +716,7 @@ def get_main_page_html(auth_enabled: bool = False) -> str:
                     if (wsRef.current && wsRef.current.readyState === WebSocket.OPEN) {
 	                        wsRef.current.send(JSON.stringify({
 	                            type: 'start_human_chat',
+	                            ai_role: humanAiRole || 'surveyor',
 	                            surveyor_persona_id: surveyorId,
 	                            patient_persona_id: patientId,
 	                            surveyor_question_bank: surveyorQuestionBank || undefined,
@@ -1035,78 +1040,6 @@ def get_main_page_html(auth_enabled: bool = False) -> str:
 			                        <div className="bg-white rounded-lg shadow-lg p-4 mb-6">
 			                            <div className="flex items-center justify-between gap-4">
 			                                <PageNav active={activePage} onChange={setActivePage} />
-			                                {activePage === 'main' && (
-			                                    <div className="flex items-end gap-3">
-			                                        <div>
-			                                            <div className="text-xs font-semibold text-slate-600 mb-1">Surveyor</div>
-			                                            <select
-			                                                className="border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white"
-			                                                value={mainSurveyorId}
-			                                                onChange={(e) => {
-			                                                    const next = e.target.value;
-			                                                    setMainSurveyorId(next);
-			                                                    persistRunSelection('ai_to_ai', { surveyor_persona_id: next });
-			                                                }}
-			                                            >
-			                                                {(personaCatalog.surveyors.length ? personaCatalog.surveyors : [{id: 'friendly_researcher_001', name: 'Alex Thompson'}]).map(p => (
-			                                                    <option key={p.id} value={p.id}>{p.name} ({p.id})</option>
-			                                                ))}
-			                                            </select>
-			                                        </div>
-			                                        <div>
-			                                            <div className="text-xs font-semibold text-slate-600 mb-1">Patient</div>
-			                                            <select
-			                                                className="border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white"
-			                                                value={mainPatientId}
-			                                                onChange={(e) => {
-			                                                    const next = e.target.value;
-			                                                    setMainPatientId(next);
-			                                                    persistRunSelection('ai_to_ai', { patient_persona_id: next });
-			                                                }}
-			                                            >
-			                                                {(personaCatalog.patients.length ? personaCatalog.patients : [{id: 'cooperative_senior_001', name: 'Margaret Thompson'}]).map(p => (
-			                                                    <option key={p.id} value={p.id}>{p.name} ({p.id})</option>
-			                                                ))}
-			                                            </select>
-			                                        </div>
-			                                    </div>
-			                                )}
-			                                {activePage === 'human' && (
-			                                    <div className="flex items-end gap-3">
-			                                        <div>
-			                                            <div className="text-xs font-semibold text-slate-600 mb-1">Surveyor</div>
-			                                            <select
-			                                                className="border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white"
-			                                                value={humanSurveyorId}
-			                                                onChange={(e) => {
-			                                                    const next = e.target.value;
-			                                                    setHumanSurveyorId(next);
-			                                                    persistRunSelection('human_to_ai', { surveyor_persona_id: next });
-			                                                }}
-			                                            >
-			                                                {(personaCatalog.surveyors.length ? personaCatalog.surveyors : [{id: 'friendly_researcher_001', name: 'Alex Thompson'}]).map(p => (
-			                                                    <option key={p.id} value={p.id}>{p.name} ({p.id})</option>
-			                                                ))}
-			                                            </select>
-			                                        </div>
-			                                        <div>
-			                                            <div className="text-xs font-semibold text-slate-600 mb-1">Patient scenario</div>
-			                                            <select
-			                                                className="border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white"
-			                                                value={humanPatientId}
-			                                                onChange={(e) => {
-			                                                    const next = e.target.value;
-			                                                    setHumanPatientId(next);
-			                                                    persistRunSelection('human_to_ai', { patient_persona_id: next });
-			                                                }}
-			                                            >
-			                                                {(personaCatalog.patients.length ? personaCatalog.patients : [{id: 'cooperative_senior_001', name: 'Margaret Thompson'}]).map(p => (
-			                                                    <option key={p.id} value={p.id}>{p.name} ({p.id})</option>
-			                                                ))}
-			                                            </select>
-			                                        </div>
-			                                    </div>
-			                                )}
 			                                {(activePage === 'main' || activePage === 'human' || activePage === 'analyze' || activePage === 'history') && activeStatus === 'complete' && activeResources && (
 			                                    <div className="flex items-center gap-2">
 			                                        <button
@@ -1263,26 +1196,38 @@ def get_main_page_html(auth_enabled: bool = False) -> str:
 	                            </div>
 	                        ) : (
 	                            <div className="grid grid-cols-[2fr_1fr_2fr] gap-6 items-start">
-	                                {(activePage === 'human') ? (
-	                                    <HumanChatPanel
-	                                        humanChatActive={humanChatActive}
-	                                        humanDraft={humanDraft}
-	                                        setHumanDraft={setHumanDraft}
-	                                        sendHumanChatMessage={sendHumanChatMessage}
-	                                        transcriptContainerRef={transcriptContainerRef}
-	                                        onTranscriptScroll={onTranscriptScroll}
+		                                {(activePage === 'human') ? (
+		                                    <HumanChatPanel
+		                                        humanChatActive={humanChatActive}
+		                                        aiRole={humanAiRole}
+		                                        setAiRole={(next) => { setHumanAiRole(next); persistRunSelection('human_to_ai', { ai_role: next }); }}
+		                                        personaCatalog={personaCatalog}
+		                                        surveyorId={humanSurveyorId}
+		                                        setSurveyorId={(next) => { setHumanSurveyorId(next); persistRunSelection('human_to_ai', { surveyor_persona_id: next }); }}
+		                                        patientId={humanPatientId}
+		                                        setPatientId={(next) => { setHumanPatientId(next); persistRunSelection('human_to_ai', { patient_persona_id: next }); }}
+		                                        humanDraft={humanDraft}
+		                                        setHumanDraft={setHumanDraft}
+		                                        sendHumanChatMessage={sendHumanChatMessage}
+		                                        transcriptContainerRef={transcriptContainerRef}
+		                                        onTranscriptScroll={onTranscriptScroll}
 	                                        activeMessages={activeMessages}
 	                                        highlightedEvidence={highlightedEvidence}
 	                                        renderHighlightedText={renderHighlightedText}
 	                                    />
-	                                ) : (
-	                                    <ConversationUploadPanel
-	                                        activePage={activePage}
-	                                        conversationActive={conversationActive}
-	                                        analysisBusy={analysisBusy}
-	                                        analysisText={analysisText}
-	                                        setAnalysisText={setAnalysisText}
-	                                        analysisSourceName={analysisSourceName}
+		                                ) : (
+		                                    <ConversationUploadPanel
+		                                        activePage={activePage}
+		                                        conversationActive={conversationActive}
+		                                        personaCatalog={personaCatalog}
+		                                        surveyorId={mainSurveyorId}
+		                                        setSurveyorId={(next) => { setMainSurveyorId(next); persistRunSelection('ai_to_ai', { surveyor_persona_id: next }); }}
+		                                        patientId={mainPatientId}
+		                                        setPatientId={(next) => { setMainPatientId(next); persistRunSelection('ai_to_ai', { patient_persona_id: next }); }}
+		                                        analysisBusy={analysisBusy}
+		                                        analysisText={analysisText}
+		                                        setAnalysisText={setAnalysisText}
+		                                        analysisSourceName={analysisSourceName}
 	                                        loadTextFile={loadTextFile}
 	                                        runTextAnalysis={runTextAnalysis}
 	                                        analysisStatus={analysisStatus}

frontend/pages/shared_views.py

@@ -1,13 +1,18 @@
 def get_shared_views_js() -> str:
     return r"""
-        function ConversationUploadPanel(props) {
-            const {
-                activePage,
-                conversationActive,
-                analysisBusy,
-                analysisText,
-                setAnalysisText,
-                analysisSourceName,
+	        function ConversationUploadPanel(props) {
+	            const {
+	                activePage,
+	                conversationActive,
+	                personaCatalog,
+	                surveyorId,
+	                setSurveyorId,
+	                patientId,
+	                setPatientId,
+	                analysisBusy,
+	                analysisText,
+	                setAnalysisText,
+	                analysisSourceName,
                 loadTextFile,
                 runTextAnalysis,
                 analysisStatus,
@@ -20,13 +25,44 @@ def get_shared_views_js() -> str:
             } = props;
 
             return (
-                <div className="bg-white rounded-lg shadow-lg p-6">
-                    <div className="flex items-center gap-2 mb-4">
-                        <span className="text-2xl">{activePage === 'analyze' ? '🧾' : '💬'}</span>
-                        <h2 className="text-xl font-bold text-slate-800">{activePage === 'analyze' ? 'Upload Text' : 'AI-to-AI'}</h2>
-                        {activePage === 'main' && conversationActive && <span className="ml-auto text-green-600 font-medium animate-pulse">● LIVE</span>}
-                        {activePage === 'analyze' && analysisBusy && <span className="ml-auto text-purple-600 font-medium animate-pulse">● RUNNING</span>}
-                    </div>
+	                <div className="bg-white rounded-lg shadow-lg p-6">
+	                    <div className="flex items-center gap-2 mb-4">
+	                        <span className="text-2xl">{activePage === 'analyze' ? '🧾' : '💬'}</span>
+	                        <h2 className="text-xl font-bold text-slate-800">{activePage === 'analyze' ? 'Upload Text' : 'AI-to-AI'}</h2>
+	                        {activePage === 'main' && conversationActive && <span className="ml-auto text-green-600 font-medium animate-pulse">● LIVE</span>}
+	                        {activePage === 'analyze' && analysisBusy && <span className="ml-auto text-purple-600 font-medium animate-pulse">● RUNNING</span>}
+	                    </div>
+	
+	                    {activePage === 'main' && (
+	                        <div className="mb-4 grid grid-cols-2 gap-3">
+	                            <div>
+	                                <div className="text-xs font-semibold text-slate-600 mb-1">Surveyor</div>
+	                                <select
+	                                    className="w-full border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white"
+	                                    value={surveyorId}
+	                                    disabled={conversationActive}
+	                                    onChange={(e) => setSurveyorId(e.target.value)}
+	                                >
+	                                    {(personaCatalog?.surveyors?.length ? personaCatalog.surveyors : [{id: 'friendly_researcher_001', name: 'Alex Thompson'}]).map(p => (
+	                                        <option key={p.id} value={p.id}>{p.name} ({p.id})</option>
+	                                    ))}
+	                                </select>
+	                            </div>
+	                            <div>
+	                                <div className="text-xs font-semibold text-slate-600 mb-1">Patient scenario</div>
+	                                <select
+	                                    className="w-full border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white"
+	                                    value={patientId}
+	                                    disabled={conversationActive}
+	                                    onChange={(e) => setPatientId(e.target.value)}
+	                                >
+	                                    {(personaCatalog?.patients?.length ? personaCatalog.patients : [{id: 'cooperative_senior_001', name: 'Margaret Thompson'}]).map(p => (
+	                                        <option key={p.id} value={p.id}>{p.name} ({p.id})</option>
+	                                    ))}
+	                                </select>
+	                            </div>
+	                        </div>
+	                    )}
 
                     {activePage === 'analyze' && (
                         <div className="mb-4 space-y-3">
@@ -93,13 +129,20 @@ def get_shared_views_js() -> str:
             );
         }
 
-        function HumanChatPanel(props) {
-            const {
-                humanChatActive,
-                humanDraft,
-                setHumanDraft,
-                sendHumanChatMessage,
-                transcriptContainerRef,
+	        function HumanChatPanel(props) {
+	            const {
+	                humanChatActive,
+	                aiRole,
+	                setAiRole,
+	                personaCatalog,
+	                surveyorId,
+	                setSurveyorId,
+	                patientId,
+	                setPatientId,
+	                humanDraft,
+	                setHumanDraft,
+	                sendHumanChatMessage,
+	                transcriptContainerRef,
                 onTranscriptScroll,
                 activeMessages,
                 highlightedEvidence,
@@ -113,28 +156,80 @@ def get_shared_views_js() -> str:
                 }
             };
 
-            return (
-                <div className="bg-white rounded-lg shadow-lg p-6">
-                    <div className="flex items-center gap-2 mb-4">
-                        <span className="text-2xl">🧑‍💬</span>
-                        <h2 className="text-xl font-bold text-slate-800">Human-to-AI</h2>
-                        {humanChatActive && <span className="ml-auto text-green-600 font-medium animate-pulse">● LIVE</span>}
-                    </div>
+	            return (
+	                <div className="bg-white rounded-lg shadow-lg p-6">
+	                    <div className="flex items-center gap-2 mb-4">
+	                        <span className="text-2xl">🧑‍💬</span>
+	                        <h2 className="text-xl font-bold text-slate-800">Human-to-AI</h2>
+	                        {humanChatActive && <span className="ml-auto text-green-600 font-medium animate-pulse">● LIVE</span>}
+	                    </div>
+	
+	                    <div className="mb-4 grid grid-cols-2 gap-3">
+	                        <div>
+	                            <div className="text-xs font-semibold text-slate-600 mb-1">AI role</div>
+	                            <div className="flex gap-2">
+	                                <button
+	                                    type="button"
+	                                    disabled={humanChatActive}
+	                                    onClick={() => setAiRole('surveyor')}
+	                                    className={`${aiRole === 'surveyor' ? 'bg-slate-900 text-white border-slate-900' : 'bg-white text-slate-700 border-slate-300'} border px-3 py-2 rounded-lg text-sm font-semibold transition-colors disabled:opacity-50`}
+	                                >
+	                                    Surveyor
+	                                </button>
+	                                <button
+	                                    type="button"
+	                                    disabled={humanChatActive}
+	                                    onClick={() => setAiRole('patient')}
+	                                    className={`${aiRole === 'patient' ? 'bg-slate-900 text-white border-slate-900' : 'bg-white text-slate-700 border-slate-300'} border px-3 py-2 rounded-lg text-sm font-semibold transition-colors disabled:opacity-50`}
+	                                >
+	                                    Patient
+	                                </button>
+	                            </div>
+	                        </div>
+	                        <div className="grid grid-cols-2 gap-2">
+	                            <div>
+	                                <div className="text-xs font-semibold text-slate-600 mb-1">Surveyor</div>
+	                                <select
+	                                    className="w-full border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white"
+	                                    value={surveyorId}
+	                                    disabled={humanChatActive}
+	                                    onChange={(e) => setSurveyorId(e.target.value)}
+	                                >
+	                                    {(personaCatalog?.surveyors?.length ? personaCatalog.surveyors : [{id: 'friendly_researcher_001', name: 'Alex Thompson'}]).map(p => (
+	                                        <option key={p.id} value={p.id}>{p.name} ({p.id})</option>
+	                                    ))}
+	                                </select>
+	                            </div>
+	                            <div>
+	                                <div className="text-xs font-semibold text-slate-600 mb-1">Patient</div>
+	                                <select
+	                                    className="w-full border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white"
+	                                    value={patientId}
+	                                    disabled={humanChatActive}
+	                                    onChange={(e) => setPatientId(e.target.value)}
+	                                >
+	                                    {(personaCatalog?.patients?.length ? personaCatalog.patients : [{id: 'cooperative_senior_001', name: 'Margaret Thompson'}]).map(p => (
+	                                        <option key={p.id} value={p.id}>{p.name} ({p.id})</option>
+	                                    ))}
+	                                </select>
+	                            </div>
+	                        </div>
+	                    </div>
 
-                    <div className="mb-4">
-                        {!humanChatActive ? (
-                            <div className="text-sm text-slate-500">
-                                Click “Start” to begin. Type as the patient. Use “End session” to run analysis.
-                            </div>
-                        ) : (
-                            <div className="flex items-end gap-3">
-                                <textarea
-                                    className="flex-1 border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white h-20"
-                                    placeholder="Type your message as the patient… (Ctrl/⌘+Enter to send)"
-                                    value={humanDraft}
-                                    onChange={(e) => setHumanDraft(e.target.value)}
-                                    onKeyDown={onKeyDown}
-                                />
+	                    <div className="mb-4">
+	                        {!humanChatActive ? (
+	                            <div className="text-sm text-slate-500">
+	                                Click “Start” to begin. {aiRole === 'patient' ? 'Type as the surveyor.' : 'Type as the patient.'} Use “End session” to run analysis.
+	                            </div>
+	                        ) : (
+	                            <div className="flex items-end gap-3">
+	                                <textarea
+	                                    className="flex-1 border border-slate-300 rounded-lg px-3 py-2 text-sm bg-white h-20"
+	                                    placeholder={aiRole === 'patient' ? "Type your message as the surveyor… (Ctrl/⌘+Enter to send)" : "Type your message as the patient… (Ctrl/⌘+Enter to send)"}
+	                                    value={humanDraft}
+	                                    onChange={(e) => setHumanDraft(e.target.value)}
+	                                    onKeyDown={onKeyDown}
+	                                />
                                 <button
                                     type="button"
                                     onClick={sendHumanChatMessage}

frontend/react_gradio_hybrid.py

@@ -185,6 +185,7 @@ async def frontend_websocket(websocket: WebSocket, conversation_id: str):
                     manager.send_message({
                         "type": "start_human_chat",
                         "content": "start",
+                        "ai_role": data.get("ai_role"),
                         "surveyor_persona_id": data.get("surveyor_persona_id", "friendly_researcher_001"),
                         "patient_persona_id": data.get("patient_persona_id", "cooperative_senior_001"),
                         "surveyor_question_bank": data.get("surveyor_question_bank"),