feat: Enhance session processing and metrics

- Updated session processing commands in documentation for clarity.
- Removed transcript content fetching from session processing, allowing on-demand retrieval.
- Improved session metrics calculations and added new metrics for dashboard.
- Refactored processing scheduler to handle sessions in parallel with concurrency limits.
- Added manual trigger API for processing unprocessed sessions with admin checks.
- Implemented scripts for fetching and parsing transcripts, checking transcript content, and testing processing status.
- Updated Prisma schema to enforce default values for processed sessions.
- Added error handling and logging improvements throughout the processing workflow.

components/DateRangePicker.tsx

@@ -31,12 +31,12 @@ export default function DateRangePicker({
       setStartDate(minDate);
       return;
     }
-    
+
     // Ensure start date is not after end date
     if (newStartDate > endDate) {
       setEndDate(newStartDate);
     }
-    
+
     setStartDate(newStartDate);
   };
 
@@ -46,12 +46,12 @@ export default function DateRangePicker({
       setEndDate(maxDate);
       return;
     }
-    
+
     // Ensure end date is not before start date
     if (newEndDate < startDate) {
       setStartDate(newEndDate);
     }
-    
+
     setEndDate(newEndDate);
   };
 
@@ -64,7 +64,7 @@ export default function DateRangePicker({
     const thirtyDaysAgo = new Date();
     thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30);
     const thirtyDaysAgoStr = thirtyDaysAgo.toISOString().split('T')[0];
-    
+
     // Use the later of 30 days ago or minDate
     const newStartDate = thirtyDaysAgoStr > minDate ? thirtyDaysAgoStr : minDate;
     setStartDate(newStartDate);
@@ -75,7 +75,7 @@ export default function DateRangePicker({
     const sevenDaysAgo = new Date();
     sevenDaysAgo.setDate(sevenDaysAgo.getDate() - 7);
     const sevenDaysAgoStr = sevenDaysAgo.toISOString().split('T')[0];
-    
+
     // Use the later of 7 days ago or minDate
     const newStartDate = sevenDaysAgoStr > minDate ? sevenDaysAgoStr : minDate;
     setStartDate(newStartDate);
@@ -89,7 +89,7 @@ export default function DateRangePicker({
           <label className="text-sm font-medium text-gray-700 whitespace-nowrap">
             Date Range:
           </label>
-          
+
           <div className="flex flex-col sm:flex-row gap-2 items-start sm:items-center">
             <div className="flex items-center gap-2">
               <label htmlFor="start-date" className="text-sm text-gray-600">
@@ -105,7 +105,7 @@ export default function DateRangePicker({
                 className="px-3 py-1.5 border border-gray-300 rounded-md text-sm focus:outline-none focus:ring-2 focus:ring-sky-500 focus:border-sky-500"
               />
             </div>
-            
+
             <div className="flex items-center gap-2">
               <label htmlFor="end-date" className="text-sm text-gray-600">
                 To:
@@ -122,7 +122,7 @@ export default function DateRangePicker({
             </div>
           </div>
         </div>
-        
+
         <div className="flex flex-wrap gap-2">
           <button
             onClick={setLast7Days}
@@ -144,7 +144,7 @@ export default function DateRangePicker({
           </button>
         </div>
       </div>
-      
+
       <div className="mt-2 text-xs text-gray-500">
         Available data: {new Date(minDate).toLocaleDateString()} - {new Date(maxDate).toLocaleDateString()}
       </div>

components/TopQuestionsChart.tsx

@@ -26,11 +26,11 @@ export default function TopQuestionsChart({ data, title = "Top 5 Asked Questions
   return (
     <div className="bg-white p-6 rounded-lg shadow-sm border border-gray-200">
       <h3 className="text-lg font-semibold text-gray-900 mb-4">{title}</h3>
-      
+
       <div className="space-y-4">
         {data.map((question, index) => {
           const percentage = maxCount > 0 ? (question.count / maxCount) * 100 : 0;
-          
+
           return (
             <div key={index} className="relative">
               {/* Question text */}
@@ -42,7 +42,7 @@ export default function TopQuestionsChart({ data, title = "Top 5 Asked Questions
                   {question.count}
                 </span>
               </div>
-              
+
               {/* Progress bar */}
               <div className="w-full bg-gray-200 rounded-full h-2">
                 <div
@@ -50,7 +50,7 @@ export default function TopQuestionsChart({ data, title = "Top 5 Asked Questions
                   style={{ width: `${percentage}%` }}
                 />
               </div>
-              
+
               {/* Rank indicator */}
               <div className="absolute -left-2 top-0 w-6 h-6 bg-blue-600 text-white text-xs font-bold rounded-full flex items-center justify-center">
                 {index + 1}
@@ -59,7 +59,7 @@ export default function TopQuestionsChart({ data, title = "Top 5 Asked Questions
           );
         })}
       </div>
-      
+
       {/* Summary */}
       <div className="mt-6 pt-4 border-t border-gray-200">
         <div className="flex justify-between text-sm text-gray-600">