From 077b0b33ac862877303515b2ebdfad716f2f5b64 Mon Sep 17 00:00:00 2001
From: Daniel Onyejesi <danielonyejesi@gmail.com>
Date: Sat, 21 Mar 2026 21:58:14 -0400
Subject: [PATCH] Fix: update all Font Awesome 5 icon names to Font Awesome 6
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

FA6 renamed many icons — using old FA5 names caused blank buttons/icons:
- fa-cloud-upload-alt    → fa-cloud-arrow-up   (Nextcloud upload button)
- fa-sign-out-alt        → fa-right-from-bracket (logout button)
- fa-magic               → fa-wand-magic-sparkles (all Generate buttons)
- fa-volume-up           → fa-volume-high      (all Read buttons + stopReading)
- fa-compress-alt        → fa-compress         (Shorter + 3-Sentence Summary)
- fa-file-medical-alt    → fa-file-waveform    (SOAP tab header)
- fa-file-alt            → fa-file-lines       (Transcript/Input cards)
- fa-shield-alt          → fa-shield-halved    (HIPAA notice + 2FA section)
- fa-sync-alt            → fa-rotate           (Admin refresh button)
- fa-ambulance           → fa-truck-medical    (ED note section)
- fa-question-circle     → fa-circle-question  (What's Missing button)
---
 public/index.html       | 70 ++++++++++++++++++++---------------------
 public/js/app.js        |  2 +-
 public/js/milestones.js |  4 +--
 3 files changed, 38 insertions(+), 38 deletions(-)

diff --git a/public/index.html b/public/index.html
index bc21b7f..9269af7 100644
--- a/public/index.html
+++ b/public/index.html
@@ -82,7 +82,7 @@
       </form>
 
       <div class="hipaa-notice">
-        <i class="fas fa-shield-alt"></i>
+        <i class="fas fa-shield-halved"></i>
         <span>HIPAA Notice: Do not enter real PHI unless your organization has a BAA with all AI providers used.</span>
       </div>
     </div>
@@ -113,7 +113,7 @@
                 <i class="fas fa-cog"></i>
               </button>
               <button id="btn-logout" class="btn-header" title="Logout">
-                <i class="fas fa-sign-out-alt"></i>
+                <i class="fas fa-right-from-bracket"></i>
               </button>
             </div>
           </div>
@@ -140,7 +140,7 @@
         <span>Chart Review</span>
       </button>
       <button class="tab-btn" data-tab="soap">
-        <i class="fas fa-file-medical-alt"></i>
+        <i class="fas fa-file-waveform"></i>
         <span>SOAP Note</span>
       </button>
       <button class="tab-btn" data-tab="milestones">
@@ -193,11 +193,11 @@
         </div>
 
         <div class="card">
-          <div class="card-header"><h3><i class="fas fa-file-alt"></i> Transcript</h3><button id="enc-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
+          <div class="card-header"><h3><i class="fas fa-file-lines"></i> Transcript</h3><button id="enc-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
           <div id="enc-transcript" class="editable-box" contenteditable="true" data-placeholder="Transcript appears here or type/paste directly..."></div>
         </div>
 
-        <button id="enc-generate-btn" class="btn-generate"><i class="fas fa-magic"></i> Generate HPI</button>
+        <button id="enc-generate-btn" class="btn-generate"><i class="fas fa-wand-magic-sparkles"></i> Generate HPI</button>
 
         <div id="enc-output" class="card output-card hidden">
           <div class="card-header output-header">
@@ -205,15 +205,15 @@
             <div class="output-actions">
               <span id="enc-model-tag" class="model-tag"></span>
               <button class="btn-sm btn-primary" onclick="copyText('enc-hpi-text')"><i class="fas fa-copy"></i> Copy</button>
-              <button class="btn-sm btn-ghost" onclick="speakText('enc-hpi-text')"><i class="fas fa-volume-up"></i> Read</button>
-              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('enc-hpi-text','hpi-encounter')"><i class="fas fa-cloud-upload-alt"></i></button>
+              <button class="btn-sm btn-ghost" onclick="speakText('enc-hpi-text')"><i class="fas fa-volume-high"></i> Read</button>
+              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('enc-hpi-text','hpi-encounter')"><i class="fas fa-cloud-arrow-up"></i></button>
             </div>
           </div>
           <div id="enc-hpi-text" class="output-text" contenteditable="true"></div>
           <div class="refine-bar">
             <input type="text" id="enc-refine-input" class="refine-input" placeholder="Tell AI to modify (e.g., 'make it shorter', 'add that patient has asthma history')">
             <button class="btn-sm btn-primary" id="enc-refine-btn"><i class="fas fa-edit"></i> Refine</button>
-            <button class="btn-sm btn-ghost" id="enc-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
+            <button class="btn-sm btn-ghost" id="enc-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
           </div>
         </div>
       </section>
@@ -250,7 +250,7 @@
         </div>
 
         <div class="card">
-          <div class="card-header"><h3><i class="fas fa-file-alt"></i> Dictation</h3><button id="dict-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
+          <div class="card-header"><h3><i class="fas fa-file-lines"></i> Dictation</h3><button id="dict-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
           <div id="dict-transcript" class="editable-box" contenteditable="true" data-placeholder="Dictation appears here or type directly..."></div>
         </div>
 
@@ -263,7 +263,7 @@
           </select>
         </div>
 
-        <button id="dict-generate-btn" class="btn-generate btn-generate-purple"><i class="fas fa-magic"></i> Generate</button>
+        <button id="dict-generate-btn" class="btn-generate btn-generate-purple"><i class="fas fa-wand-magic-sparkles"></i> Generate</button>
 
         <div id="dict-output" class="card output-card hidden">
           <div class="card-header output-header">
@@ -271,15 +271,15 @@
             <div class="output-actions">
               <span id="dict-model-tag" class="model-tag"></span>
               <button class="btn-sm btn-primary" onclick="copyText('dict-hpi-text')"><i class="fas fa-copy"></i> Copy</button>
-              <button class="btn-sm btn-ghost" onclick="speakText('dict-hpi-text')"><i class="fas fa-volume-up"></i> Read</button>
-              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('dict-hpi-text','hpi-dictation')"><i class="fas fa-cloud-upload-alt"></i></button>
+              <button class="btn-sm btn-ghost" onclick="speakText('dict-hpi-text')"><i class="fas fa-volume-high"></i> Read</button>
+              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('dict-hpi-text','hpi-dictation')"><i class="fas fa-cloud-arrow-up"></i></button>
             </div>
           </div>
           <div id="dict-hpi-text" class="output-text" contenteditable="true"></div>
           <div class="refine-bar">
             <input type="text" id="dict-refine-input" class="refine-input" placeholder="Tell AI to modify...">
             <button class="btn-sm btn-primary" id="dict-refine-btn"><i class="fas fa-edit"></i> Refine</button>
-            <button class="btn-sm btn-ghost" id="dict-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
+            <button class="btn-sm btn-ghost" id="dict-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
           </div>
         </div>
       </section>
@@ -322,7 +322,7 @@
 
         <!-- ED Note -->
         <div class="card">
-          <div class="card-header"><h3><i class="fas fa-ambulance"></i> ED Note (before admission)</h3></div>
+          <div class="card-header"><h3><i class="fas fa-truck-medical"></i> ED Note (before admission)</h3></div>
           <div class="note-entry">
             <div class="note-meta">
               <input type="date" id="hc-ed-date">
@@ -396,7 +396,7 @@
         </div>
 
         <div class="action-row">
-          <button id="hc-generate-btn" class="btn-generate btn-generate-blue"><i class="fas fa-magic"></i> Generate Hospital Course</button>
+          <button id="hc-generate-btn" class="btn-generate btn-generate-blue"><i class="fas fa-wand-magic-sparkles"></i> Generate Hospital Course</button>
         </div>
 
         <!-- Output -->
@@ -407,16 +407,16 @@
               <span id="hc-format-tag" class="model-tag"></span>
               <span id="hc-model-tag" class="model-tag"></span>
               <button class="btn-sm btn-primary" onclick="copyText('hc-course-text')"><i class="fas fa-copy"></i> Copy</button>
-              <button class="btn-sm btn-ghost" onclick="speakText('hc-course-text')"><i class="fas fa-volume-up"></i> Read</button>
-              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('hc-course-text','hospital-course')"><i class="fas fa-cloud-upload-alt"></i></button>
+              <button class="btn-sm btn-ghost" onclick="speakText('hc-course-text')"><i class="fas fa-volume-high"></i> Read</button>
+              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('hc-course-text','hospital-course')"><i class="fas fa-cloud-arrow-up"></i></button>
             </div>
           </div>
           <div id="hc-course-text" class="output-text" contenteditable="true"></div>
           <div class="refine-bar">
             <input type="text" id="hc-refine-input" class="refine-input" placeholder="Tell AI to modify or add discharge day info...">
             <button class="btn-sm btn-primary" id="hc-refine-btn"><i class="fas fa-edit"></i> Refine</button>
-            <button class="btn-sm btn-ghost" id="hc-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
-            <button class="btn-sm btn-warning" id="hc-clarify-btn"><i class="fas fa-question-circle"></i> What's Missing?</button>
+            <button class="btn-sm btn-ghost" id="hc-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
+            <button class="btn-sm btn-warning" id="hc-clarify-btn"><i class="fas fa-circle-question"></i> What's Missing?</button>
           </div>
           <div id="hc-clarify-output" class="clarify-box hidden"></div>
         </div>
@@ -489,7 +489,7 @@
           <input type="text" id="cr-instructions" class="full-input" placeholder="e.g., 'Focus on thyroid management', 'Include medication changes'">
         </div>
 
-        <button id="cr-generate-btn" class="btn-generate btn-generate-green"><i class="fas fa-magic"></i> Generate Chart Review</button>
+        <button id="cr-generate-btn" class="btn-generate btn-generate-green"><i class="fas fa-wand-magic-sparkles"></i> Generate Chart Review</button>
 
         <div id="cr-output" class="card output-card hidden">
           <div class="card-header output-header">
@@ -497,15 +497,15 @@
             <div class="output-actions">
               <span id="cr-model-tag" class="model-tag"></span>
               <button class="btn-sm btn-primary" onclick="copyText('cr-review-text')"><i class="fas fa-copy"></i> Copy</button>
-              <button class="btn-sm btn-ghost" onclick="speakText('cr-review-text')"><i class="fas fa-volume-up"></i> Read</button>
-              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('cr-review-text','chart-review')"><i class="fas fa-cloud-upload-alt"></i></button>
+              <button class="btn-sm btn-ghost" onclick="speakText('cr-review-text')"><i class="fas fa-volume-high"></i> Read</button>
+              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('cr-review-text','chart-review')"><i class="fas fa-cloud-arrow-up"></i></button>
             </div>
           </div>
           <div id="cr-review-text" class="output-text" contenteditable="true"></div>
           <div class="refine-bar">
             <input type="text" id="cr-refine-input" class="refine-input" placeholder="Tell AI to modify...">
             <button class="btn-sm btn-primary" id="cr-refine-btn"><i class="fas fa-edit"></i> Refine</button>
-            <button class="btn-sm btn-ghost" id="cr-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
+            <button class="btn-sm btn-ghost" id="cr-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
           </div>
         </div>
       </section>
@@ -513,7 +513,7 @@
       <!-- ===== TAB: SOAP ===== -->
       <section id="soap-tab" class="tab-content">
         <div class="module-header">
-          <h2><i class="fas fa-file-medical-alt"></i> SOAP Note Generator</h2>
+          <h2><i class="fas fa-file-waveform"></i> SOAP Note Generator</h2>
           <p>Generate full SOAP note or just Subjective from dictation/text</p>
         </div>
 
@@ -541,7 +541,7 @@
         </div>
 
         <div class="card">
-          <div class="card-header"><h3><i class="fas fa-file-alt"></i> Input</h3><button id="soap-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
+          <div class="card-header"><h3><i class="fas fa-file-lines"></i> Input</h3><button id="soap-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear</button></div>
           <div id="soap-transcript" class="editable-box" contenteditable="true" data-placeholder="Dictate or type encounter details..."></div>
         </div>
 
@@ -550,7 +550,7 @@
           <input type="text" id="soap-instructions" class="full-input" placeholder="e.g., 'Include assessment for otitis media', 'Add anticipatory guidance'">
         </div>
 
-        <button id="soap-generate-btn" class="btn-generate btn-generate-teal"><i class="fas fa-magic"></i> Generate SOAP Note</button>
+        <button id="soap-generate-btn" class="btn-generate btn-generate-teal"><i class="fas fa-wand-magic-sparkles"></i> Generate SOAP Note</button>
 
         <div id="soap-output" class="card output-card hidden">
           <div class="card-header output-header">
@@ -558,15 +558,15 @@
             <div class="output-actions">
               <span id="soap-model-tag" class="model-tag"></span>
               <button class="btn-sm btn-primary" onclick="copyText('soap-text')"><i class="fas fa-copy"></i> Copy</button>
-              <button class="btn-sm btn-ghost" onclick="speakText('soap-text')"><i class="fas fa-volume-up"></i> Read</button>
-              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('soap-text','soap-note')"><i class="fas fa-cloud-upload-alt"></i></button>
+              <button class="btn-sm btn-ghost" onclick="speakText('soap-text')"><i class="fas fa-volume-high"></i> Read</button>
+              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('soap-text','soap-note')"><i class="fas fa-cloud-arrow-up"></i></button>
             </div>
           </div>
           <div id="soap-text" class="output-text" contenteditable="true"></div>
           <div class="refine-bar">
             <input type="text" id="soap-refine-input" class="refine-input" placeholder="Tell AI to modify...">
             <button class="btn-sm btn-primary" id="soap-refine-btn"><i class="fas fa-edit"></i> Refine</button>
-            <button class="btn-sm btn-ghost" id="soap-shorten-btn"><i class="fas fa-compress-alt"></i> Shorter</button>
+            <button class="btn-sm btn-ghost" id="soap-shorten-btn"><i class="fas fa-compress"></i> Shorter</button>
           </div>
         </div>
       </section>
@@ -623,7 +623,7 @@
         <div class="milestone-actions" id="milestone-actions" style="display:none">
           <button id="ms-all-yes" class="btn-sm btn-success"><i class="fas fa-check-double"></i> All Yes</button>
           <button id="ms-all-clear" class="btn-sm btn-ghost"><i class="fas fa-eraser"></i> Clear All</button>
-          <button id="ms-generate-btn" class="btn-generate btn-generate-teal"><i class="fas fa-magic"></i> Generate Narrative</button>
+          <button id="ms-generate-btn" class="btn-generate btn-generate-teal"><i class="fas fa-wand-magic-sparkles"></i> Generate Narrative</button>
         </div>
 
         <div id="ms-output" class="card output-card hidden">
@@ -632,15 +632,15 @@
             <div class="output-actions">
               <span id="ms-model-tag" class="model-tag"></span>
               <button class="btn-sm btn-primary" onclick="copyText('ms-narrative-text')"><i class="fas fa-copy"></i> Copy</button>
-              <button class="btn-sm btn-ghost" onclick="speakText('ms-narrative-text')"><i class="fas fa-volume-up"></i> Read</button>
-              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('ms-narrative-text','milestones')"><i class="fas fa-cloud-upload-alt"></i></button>
+              <button class="btn-sm btn-ghost" onclick="speakText('ms-narrative-text')"><i class="fas fa-volume-high"></i> Read</button>
+              <button class="btn-sm btn-ghost" onclick="exportToNextcloud('ms-narrative-text','milestones')"><i class="fas fa-cloud-arrow-up"></i></button>
             </div>
           </div>
           <div id="ms-summary-bar" class="summary-bar hidden"></div>
           <div id="ms-narrative-text" class="output-text" contenteditable="true"></div>
           <div class="summary-section">
             <div class="summary-section-header">
-              <button id="ms-quick-summary-btn" class="btn-generate-summary"><i class="fas fa-compress-alt"></i> 3-Sentence Summary</button>
+              <button id="ms-quick-summary-btn" class="btn-generate-summary"><i class="fas fa-compress"></i> 3-Sentence Summary</button>
             </div>
             <div id="ms-quick-summary" class="hidden">
               <div class="card-header summary-output-header">
@@ -682,7 +682,7 @@
         <div class="card">
           <div class="card-header">
             <h3><i class="fas fa-users"></i> Users</h3>
-            <button id="btn-refresh-users" class="btn-sm btn-ghost"><i class="fas fa-sync-alt"></i> Refresh</button>
+            <button id="btn-refresh-users" class="btn-sm btn-ghost"><i class="fas fa-rotate"></i> Refresh</button>
           </div>
           <div style="overflow-x:auto;">
             <table class="admin-table" id="admin-users-table">
@@ -715,7 +715,7 @@
         <div class="modal-body">
           <!-- 2FA -->
           <div class="settings-section">
-            <h3><i class="fas fa-shield-alt"></i> Two-Factor Authentication</h3>
+            <h3><i class="fas fa-shield-halved"></i> Two-Factor Authentication</h3>
             <p id="2fa-status">Status: Loading...</p>
             <button id="btn-setup-2fa" class="btn-sm btn-primary">Enable 2FA</button>
             <button id="btn-disable-2fa" class="btn-sm btn-ghost hidden">Disable 2FA</button>
diff --git a/public/js/app.js b/public/js/app.js
index fc4bf73..600306d 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -183,7 +183,7 @@ function stopReading() {
   if (currentAudio) { currentAudio.pause(); currentAudio = null; }
   if (currentlyReadingId) {
     var btn = findReadButton(currentlyReadingId);
-    if (btn) { btn.classList.remove('btn-reading'); btn.innerHTML = '<i class="fas fa-volume-up"></i> Read'; }
+    if (btn) { btn.classList.remove('btn-reading'); btn.innerHTML = '<i class="fas fa-volume-high"></i> Read'; }
     currentlyReadingId = null;
   }
 }
diff --git a/public/js/milestones.js b/public/js/milestones.js
index 005477c..7ba5f50 100644
--- a/public/js/milestones.js
+++ b/public/js/milestones.js
@@ -170,14 +170,14 @@
     .then(function(r) { return r.json(); })
     .then(function(data) {
       btn.disabled = false;
-      btn.innerHTML = '<i class="fas fa-compress-alt"></i> Regenerate Summary';
+      btn.innerHTML = '<i class="fas fa-compress"></i> Regenerate Summary';
       if (data.success) {
         document.getElementById('ms-summary-text').textContent = data.summary;
         document.getElementById('ms-quick-summary').classList.remove('hidden');
         showToast('Summary generated!', 'success');
       }
     })
-    .catch(function(err) { btn.disabled = false; btn.innerHTML = '<i class="fas fa-compress-alt"></i> 3-Sentence Summary'; showToast(err.message, 'error'); });
+    .catch(function(err) { btn.disabled = false; btn.innerHTML = '<i class="fas fa-compress"></i> 3-Sentence Summary'; showToast(err.message, 'error'); });
   });
 
   console.log('✅ Milestones module loaded');