diff --git a/docs/test-types-reference.md b/docs/test-types-reference.md
new file mode 100644
index 0000000..bda2fc0
--- /dev/null
+++ b/docs/test-types-reference.md
@@ -0,0 +1,434 @@
+# ๐ Test Types & Reference Types Guide
+
+> **Quick Overview**: This guide helps you understand the different types of tests and how to display them in the frontend.
+
+---
+
+## ๐ฏ What Are Test Types?
+
+Think of test types as "categories" that determine how a test behaves and what information it needs.
+
+### Quick Reference Card
+
+```
+โโโโโโโโโโโโโโโฌโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฌโโโโโโโโโโโโโโโโโโโโโโโโโ
+โ Type โ Use This For... โ Example โ
+โโโโโโโโโโโโโโโผโโโโโโโโโโโโโโโโโโโโโโโโโโโโโผโโโโโโโโโโโโโโโโโโโโโโโโโค
+โ TEST โ Standard lab tests โ Blood Glucose, CBC โ
+โ PARAM โ Components of a test โ WBC count (in CBC) โ
+โ CALC โ Formula-based results โ BMI, eGFR โ
+โ GROUP โ Panels/batteries โ Lipid Panel, CMP โ
+โ TITLE โ Section headers โ "Hematology Results" โ
+โโโโโโโโโโโโโโโดโโโโโโโโโโโโโโโโโโโโโโโโโโโโโดโโโโโโโโโโโโโโโโโโโโโโโโโ
+```
+
+---
+
+## ๐งช Detailed Test Types
+
+### 1. TEST - Standard Laboratory Test
+**Icon**: ๐งซ **Color**: Blue
+
+Use this for regular tests that have:
+- Reference ranges (normal values)
+- Units (mg/dL, mmol/L, etc.)
+- Collection requirements
+
+**Example**: Blood Glucose, Hemoglobin, Cholesterol
+
+**What to Display**:
+- Test code and name
+- Reference range
+- Units
+- Collection instructions
+- Expected turnaround time
+
+---
+
+### 2. PARAM - Parameter
+**Icon**: ๐ **Color**: Light Blue
+
+Use this for individual components within a larger test.
+
+**Example**:
+- Complete Blood Count (GROUP) contains:
+ - WBC (PARAM)
+ - RBC (PARAM)
+ - Hemoglobin (PARAM)
+
+**What to Display**:
+- Same as TEST, but shown indented under parent
+- Often part of a GROUP
+
+---
+
+### 3. CALC - Calculated Test
+**Icon**: ๐งฎ **Color**: Purple
+
+Use this for tests computed from other test results using formulas.
+
+**Example**:
+- BMI (calculated from height & weight)
+- eGFR (calculated from creatinine, age, etc.)
+
+**What to Display**:
+- Formula description
+- Input parameters (which tests feed into this)
+- Result value
+- Reference range (if applicable)
+
+**Special Fields**:
+- `FormulaInput` - What values go in?
+- `FormulaCode` - How is it calculated?
+
+---
+
+### 4. GROUP - Group Test (Panel/Battery)
+**Icon**: ๐ฆ **Color**: Green
+
+Use this to bundle multiple related tests together.
+
+**Example**:
+- Lipid Panel (GROUP) contains:
+ - Total Cholesterol (PARAM)
+ - HDL (PARAM)
+ - LDL (PARAM)
+ - Triglycerides (PARAM)
+
+**What to Display**:
+- Group name
+- List of member tests
+- Individual results for each member
+
+**Structure**:
+```
+๐ฆ Lipid Panel (GROUP)
+ โโโ Total Cholesterol (PARAM): 180 mg/dL
+ โโโ HDL (PARAM): 55 mg/dL
+ โโโ LDL (PARAM): 110 mg/dL
+ โโโ Triglycerides (PARAM): 150 mg/dL
+```
+
+---
+
+### 5. TITLE - Section Header
+**Icon**: ๐ **Color**: Gray
+
+Use this for organizing tests into sections on reports.
+
+**Example**: "Hematology", "Chemistry", "Urinalysis"
+
+**What to Display**:
+- Just the title text
+- No results or values
+- Used for organization only
+
+---
+
+## ๐ Reference Types Explained
+
+Reference types tell you **how to interpret the results** - what "normal" looks like.
+
+### Choose Your Reference Type:
+
+```
+ โโโโโโโโโโโโโโโโโโโโโโโโ
+ โ Reference Type? โ
+ โโโโโโโโโโโโฌโโโโโโโโโโโโ
+ โ
+ โโโโโโโโโโโโโโโโโโโโโผโโโโโโโโโโโโโโโโโโโโ
+ โ โ โ
+ Numbers? Text values? Threshold?
+ โ โ โ
+ โโโโโโโโผโโโโโโโ โโโโโโโโผโโโโโโโ โโโโโโโโผโโโโโโโ
+ โ NMRC โ โ TEXT โ โ THOLD โ
+ โ (Numeric) โ โ (Text) โ โ (Threshold) โ
+ โโโโโโโโฌโโโโโโโ โโโโโโโโฌโโโโโโโ โโโโโโโโฌโโโโโโโ
+ โ โ โ
+ โโโโโโโโผโโโโโโโ โโโโโโโโผโโโโโโโ โโโโโโโโผโโโโโโโ
+ โ RANGE โ โ Free โ โ Positive/ โ
+ โ (Min-Max) โ โ Text โ โ Negative โ
+ โ OR โ โ OR โ โ OR โ
+ โ THOLD โ โ VSET โ โ < > = โ
+ โ (Threshold) โ โ (Dropdown) โ โ cutoff โ
+ โโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโ โโโโโโโโโโโโโโโ
+```
+
+### Reference Type Details
+
+| Type | Visual | Example |
+|------|--------|---------|
+| **NMRC** - Numeric Range | `70 - 100 mg/dL` | Blood glucose: 70-100 mg/dL |
+| **TEXT** - Text Value | `"Normal"` or `"Positive"` | Urinalysis: "Clear", "Cloudy" |
+| **THOLD** - Threshold | `> 60` or `< 5.5` | eGFR: > 60 (normal) |
+| **VSET** - Value Set | Dropdown options | Organism: [E.coli, Staph, etc.] |
+
+---
+
+## ๐จ Frontend Display Patterns
+
+### Pattern 1: Test List View
+
+```javascript
+// When showing a list of tests
+function renderTestCard(test) {
+ const typeIcon = getIcon(test.TestType);
+ const typeColor = getColor(test.TestType);
+
+ return `
+
+ ${typeIcon}
+
${test.TestSiteName}
+ ${test.TestTypeLabel}
+ ${test.TestSiteCode}
+
+ `;
+}
+```
+
+### Pattern 2: Reference Range Display
+
+```javascript
+// Show reference range based on type
+function renderReferenceRange(test) {
+ switch(test.RefType) {
+ case 'NMRC':
+ return `${test.MinValue} - ${test.MaxValue} ${test.Unit}`;
+
+ case 'TEXT':
+ return test.ReferenceText || 'See report';
+
+ case 'THOLD':
+ return `${test.ThresholdOperator} ${test.ThresholdValue}`;
+
+ case 'VSET':
+ return 'Select from list';
+ }
+}
+```
+
+### Pattern 3: Group Test Expansion
+
+```javascript
+// Expandable group test
+function renderGroupTest(test) {
+ return `
+
+
+
+ ${test.testdefgrp.map(member => renderTestRow(member)).join('')}
+
+