Updated demo video in Readme

Author: Shyaam Karodiya

README.md

@@ -19,7 +19,9 @@ Built using local LLM inference with Ollama and Qwen 2.5, the system provides ex
 ![Qwen2.5](https://img.shields.io/badge/Qwen_2.5-7A42F4?style=for-the-badge)
 ![Pydantic](https://img.shields.io/badge/Pydantic-E92063?style=for-the-badge&logo=pydantic&logoColor=white)
 
-**[🎥 Watch the Live Demo Video Here](YOUR_VIDEO_LINK_HERE)**
+## Demo Video
+
+[![Watch Demo](assets/screenshots/dashboard.png)](assets/videos/Aegion-recording.mov)
 
 ---
 

assets/videos/Aegion-recording.mov

@@ -7,7 +7,8 @@ export default function MedicineTagInput({
   onChange,
   label = 'Medicines to Prescribe',
   placeholder = 'Search medicines…',
-  allowCustom = false
+  allowCustom = false,
+  searchFn = null
 }) {
   const [query, setQuery] = useState('')
   const [suggestions, setSuggestions] = useState([])
@@ -18,15 +19,17 @@ export default function MedicineTagInput({
 
   useEffect(() => {
     if (query.length >= 1) {
-      const results = searchMedicines(query, value)
+      const fn = searchFn ?? searchMedicines
+      const results = fn(query, value)
       setSuggestions(results)
       setHighlightIdx(0)
-      setOpen(results.length > 0)
+      // Keep the dropdown open even with no suggestions when allowCustom is true
+      setOpen(results.length > 0 || allowCustom)
     } else {
       setSuggestions([])
       setOpen(false)
     }
-  }, [query, value])
+  }, [query, value, allowCustom, searchFn])
 
   const addMedicine = (med) => {
     if (!value.includes(med)) {
@@ -145,6 +148,16 @@ export default function MedicineTagInput({
               {highlightMatch(med, query)}
             </button>
           ))}
+          {/* Custom entry hint — shown when no exact match exists in the list */}
+          {allowCustom && query.trim() && !suggestions.some(m => m.toLowerCase() === query.trim().toLowerCase()) && (
+            <button
+              onMouseDown={(e) => { e.preventDefault(); addMedicine(query.trim()) }}
+              className="w-full text-left px-3 py-2 text-sm text-txt-3 hover:bg-surface-2 border-t border-border/50 flex items-center gap-2 italic"
+            >
+              <span className="text-accent font-semibold not-italic">+</span>
+              Add &ldquo;{query.trim()}&rdquo; as custom
+            </button>
+          )}
         </div>
       )}
     </div>

frontend/src/components/form/MedicineTagInput.jsx

@@ -1,6 +1,6 @@
 import { User, Scan, Weight, Heart } from 'lucide-react'
 import MedicineTagInput from './MedicineTagInput'
-import TagInput from './TagInput'
+import { searchConditions } from '../../constants/conditions'
 
 export default function PrescriptionForm({ formData, setFormData, onAnalyze, loading }) {
   const update = (field, value) => setFormData(prev => ({ ...prev, [field]: value }))
@@ -44,6 +44,7 @@ export default function PrescriptionForm({ formData, setFormData, onAnalyze, loa
           <MedicineTagInput
             value={formData.medicines}
             onChange={(v) => update('medicines', v)}
+            allowCustom={true}
           />
 
           {/* Patient Details — Two Column */}
@@ -91,11 +92,13 @@ export default function PrescriptionForm({ formData, setFormData, onAnalyze, loa
           />
 
           {/* Conditions */}
-          <TagInput
+          <MedicineTagInput
             label="Conditions"
             value={formData.patient_history.conditions}
             onChange={(v) => updateHistory('conditions', v)}
-            placeholder="e.g. Diabetes"
+            placeholder="Search conditions…"
+            allowCustom={true}
+            searchFn={searchConditions}
           />
 
           {/* Submit */}

frontend/src/components/form/PrescriptionForm.jsx

@@ -0,0 +1,53 @@
+// Common medical conditions for autocomplete — curated for clinical relevance
+export const CONDITIONS = [
+  // Cardiovascular
+  'Hypertension', 'Heart Failure', 'Coronary Artery Disease', 'Atrial Fibrillation', 'Angina',
+  'Myocardial Infarction', 'Peripheral Artery Disease', 'Deep Vein Thrombosis', 'Pulmonary Embolism',
+  'Cardiomyopathy', 'Arrhythmia', 'Bradycardia', 'Tachycardia',
+  // Metabolic & Endocrine
+  'Type 1 Diabetes', 'Type 2 Diabetes', 'Hypothyroidism', 'Hyperthyroidism', 'Obesity',
+  'Hyperlipidemia', 'Hyperuricemia', 'Metabolic Syndrome', 'Cushing Syndrome', 'Addison Disease',
+  // Respiratory
+  'Asthma', 'COPD', 'Pneumonia', 'Pulmonary Fibrosis', 'Sleep Apnea', 'Bronchitis',
+  'Tuberculosis', 'Pleural Effusion', 'Lung Cancer', 'Emphysema',
+  // Renal & Urological
+  'Chronic Kidney Disease', 'Acute Kidney Injury', 'Urinary Tract Infection', 'Nephrolithiasis',
+  'Nephrotic Syndrome', 'Benign Prostatic Hyperplasia', 'Glomerulonephritis',
+  // Gastrointestinal
+  'GERD', 'Peptic Ulcer Disease', 'Crohn Disease', 'Ulcerative Colitis', 'Irritable Bowel Syndrome',
+  'Cirrhosis', 'Hepatitis B', 'Hepatitis C', 'Pancreatitis', 'Celiac Disease', 'Cholecystitis',
+  // Neurological
+  'Epilepsy', 'Migraine', 'Stroke', 'Parkinson Disease', 'Alzheimer Disease', 'Multiple Sclerosis',
+  'Peripheral Neuropathy', 'Dementia', 'Transient Ischemic Attack',
+  // Psychiatric
+  'Depression', 'Anxiety Disorder', 'Bipolar Disorder', 'Schizophrenia', 'PTSD', 'OCD', 'ADHD',
+  'Insomnia', 'Panic Disorder',
+  // Musculoskeletal
+  'Rheumatoid Arthritis', 'Osteoarthritis', 'Osteoporosis', 'Gout', 'Fibromyalgia',
+  'Ankylosing Spondylitis', 'Systemic Lupus Erythematosus',
+  // Haematological
+  'Anaemia', 'Iron Deficiency Anaemia', 'Sickle Cell Disease', 'Thalassemia', 'Thrombocytopenia',
+  'Leukaemia', 'Lymphoma',
+  // Dermatological
+  'Psoriasis', 'Eczema', 'Acne', 'Rosacea', 'Urticaria',
+  // Oncological
+  'Breast Cancer', 'Prostate Cancer', 'Colorectal Cancer', 'Cervical Cancer', 'Liver Cancer',
+  // Infectious
+  'HIV / AIDS', 'Malaria', 'Dengue Fever', 'Typhoid', 'COVID-19',
+]
+
+export function searchConditions(query, exclude = []) {
+  if (!query || query.length < 1) return []
+  const q = query.toLowerCase()
+  return CONDITIONS
+    .filter(c => !exclude.includes(c))
+    .filter(c => c.toLowerCase().includes(q))
+    .sort((a, b) => {
+      const aStarts = a.toLowerCase().startsWith(q)
+      const bStarts = b.toLowerCase().startsWith(q)
+      if (aStarts && !bStarts) return -1
+      if (!aStarts && bStarts) return 1
+      return a.localeCompare(b)
+    })
+    .slice(0, 8)
+}