hsienberg/browser-symptom-pattern-explorer-template
0
1<!doctype html>2<html lang="en">3 <head>4 <meta charset="UTF-8" />5 <meta name="viewport" content="width=device-width, initial-scale=1.0" />6 <title>Browser Symptom Pattern Explorer</title>7 <link rel="stylesheet" href="./styles.css" />8 </head>9 <body>10 <main>11 <header>12 <p class="eyebrow">Transformers.js v4 feasibility prototype</p>13 <h1>Browser Symptom Pattern Explorer</h1>14 <p><strong>Starter revision: S1-2026-07-29</strong></p>15 <p class="lede">16 A bounded research instrument that ranks ten condition labels using a17 small model running on your device.18 </p>19 </header>20 21 <aside class="boundary">22 <strong>Not a diagnostic or triage tool.</strong> It cannot determine23 what condition a person has, rule out emergencies, or recommend care.24 Use fictional or published test cases, never private patient data.25 </aside>26 27 <section class="workbench">28 <form id="analysis-form">29 <label for="symptoms">Fictional symptom description</label>30 <textarea31 id="symptoms"32 rows="8"33 placeholder="Example: fever, dry cough, fatigue, body aches"34 ></textarea>35 <div class="actions">36 <button type="submit">Run local model</button>37 <button type="button" id="compare" class="secondary" disabled>38 Test reversed symptom order39 </button>40 </div>41 </form>42 43 <div class="output">44 <p class="output-label">Ranked model signals</p>45 <ol id="results" class="results">46 <li class="empty">No run yet.</li>47 </ol>48 <p class="score-note">49 Scores show the model's fit to each label. They are not calibrated50 probabilities, accuracy estimates, or medical confidence.51 </p>52 </div>53 </section>54 55 <div id="red-flags" class="red-flags" hidden></div>56 57 <section class="instrument">58 <div>59 <span>Runtime</span>60 <strong id="runtime">Model not loaded</strong>61 </div>62 <div>63 <span>Status</span>64 <strong id="status">Ready for a fictional test case.</strong>65 </div>66 <button type="button" id="download" class="secondary" disabled>67 Download local run log68 </button>69 </section>70 </main>71 <script type="module" src="./src/app.js"></script>72 </body>73</html>74