Pair Team Encounter Mode Interface

I'll create the "Encounter Mode" interface for social workers (LCMs) at Pair Team based on your requirements. This will be the interface used during phone calls with patients.

How the Encounter Mode Works

I've created a comprehensive "Encounter Mode" interface for social workers (LCMs) at Pair Team. This interface is designed to support LCMs during phone calls with patients, providing all the tools and information needed in one place. Here's how it works:

Key Components

1. Phone Call Indicator: Shows call status, duration, and a hang-up button at the top of the screen.
2. Discussion Checklist: A list of topics to cover during the call that LCMs can check off as they go.
3. Notes Area: A text area where LCMs can type and save notes during the call.
4. Live Transcription: Real-time transcription of the call using OpenAI's Whisper API (simulated in this demo).
5. Patient Problems & Interventions: An accordion view showing the patient's problems and related interventions.
6. Resource Search: A searchable database of community resources that LCMs can reference during the call.
7. SOP Chatbot: A chat interface for asking questions about standard operating procedures.
8. Complete Call Button: Ends the call and transitions to the document mode.

Technical Implementation

• The interface is built using Next.js with React Server Components
• The layout uses a three-column design for optimal information organization
• Real-time features like call duration and transcription are implemented with React hooks
• The UI is fully responsive and accessible

Next Steps

To complete the full workflow, you would need to implement:

1. Pre-Call Review Page: Showing AI-generated patient profile summary, open threads/tasks, and recent events.
2. Document Mode: For post-call review with AI-generated notes, task lists, and SMS drafting.
3. Backend Integration: Connect to your actual patient database and OpenAI Whisper API.
4. Authentication: Add user authentication for LCMs.

This implementation focuses on the "Encounter Mode" phase of your workflow, as shown in your whiteboard diagram. The interface aligns with the "During" column from your whiteboard, covering the "Engage" and "Diagnose" aspects of the call.

Pre-Call Review Page Implementation

I'll create the Pre-Call Review page that LCMs will see before starting a call with a patient. This page will include the AI-generated patient profile summary, open threads/tasks, and recent events since the last call.

Pre-Call Review Page Overview

I've implemented the Pre-Call Review page that LCMs will see before starting a call with a patient. This page provides all the essential information needed to prepare for an effective call.

Key Components

1. Patient Profile Summary

   • AI-generated summary of the patient's background
   • Key demographic and contact information
   • Medical history and current health status
   • Summary of the last encounter
   • High-priority alerts for important issues

2. Open Threads

   • List of pending tasks and follow-ups
   • Prioritized by urgency (high, medium, low)
   • Status indicators (pending, in-progress, overdue)
   • Due dates for time-sensitive items

3. Recent Events Timeline

   • Chronological view of patient activities since the last call
   • Visual timeline with categorized events (appointments, medication, housing, etc.)
   • Dates and descriptions for each event
   • Color-coded icons for quick visual scanning

Design Features

• Clean, Information-Rich Layout: Organized to maximize information density while maintaining readability
• Visual Hierarchy: Important information stands out through color coding and badges
• Responsive Design: Adapts to different screen sizes
• Consistent Styling: Maintains the same design language as the Encounter Mode

Functionality

• The "Start Call" button transitions the LCM to the Encounter Mode
• The page is designed to give LCMs a complete picture of the patient's situation before the call
• All information is presented in a way that facilitates quick scanning and preparation

This Pre-Call Review page completes the first phase of your workflow as shown in your whiteboard, covering the "Prep" column with AI summary, timeline, open threads, and patient summary.