decision_agent 0.3.0 → 1.1.0

data/lib/decision_agent/web/public/dmn-editor.js

@@ -1,11 +1,36 @@
 // DMN Editor JavaScript
 
+// Helper to get the base path for API calls
+function getDmnBasePath() {
+    const baseTag = document.querySelector('base');
+    if (baseTag && baseTag.href) {
+        try {
+            const baseUrl = new URL(baseTag.href, window.location.href);
+            let path = baseUrl.pathname;
+            if (path && !path.endsWith('/')) path += '/';
+            return window.location.origin + path;
+        } catch (e) {
+            // fallback
+        }
+    }
+    const pathname = window.location.pathname;
+    const dirPath = pathname.substring(0, pathname.lastIndexOf('/') + 1);
+    return window.location.origin + (dirPath || '/');
+}
+
+function getDmnAuthHeaders() {
+    const token = localStorage.getItem('auth_token');
+    const headers = { 'Content-Type': 'application/json' };
+    if (token) headers['Authorization'] = `Bearer ${token}`;
+    return headers;
+}
+
 // State
 const state = {
     currentModel: null,
     currentDecision: null,
     models: [],
-    baseUrl: window.location.origin
+    baseUrl: getDmnBasePath()
 };
 
 // Initialize
@@ -45,6 +70,10 @@ function initializeEventListeners() {
 
     // Table controls
     document.getElementById('add-input-btn').addEventListener('click', () => {
+        if (!state.currentModel || !state.currentDecision) {
+            showNotification('Please select or create a model and decision first', 'error');
+            return;
+        }
         document.getElementById('column-type').value = 'input';
         document.getElementById('column-modal-title').textContent = 'Add Input Column';
         document.getElementById('expression-group').style.display = 'block';
@@ -52,6 +81,10 @@ function initializeEventListeners() {
     });
 
     document.getElementById('add-output-btn').addEventListener('click', () => {
+        if (!state.currentModel || !state.currentDecision) {
+            showNotification('Please select or create a model and decision first', 'error');
+            return;
+        }
         document.getElementById('column-type').value = 'output';
         document.getElementById('column-modal-title').textContent = 'Add Output Column';
         document.getElementById('expression-group').style.display = 'none';
@@ -79,16 +112,14 @@ function initializeEventListeners() {
 async function apiCall(endpoint, method = 'GET', data = null) {
     const options = {
         method,
-        headers: {
-            'Content-Type': 'application/json'
-        }
+        headers: getDmnAuthHeaders()
     };
 
     if (data) {
         options.body = JSON.stringify(data);
     }
 
-    const response = await fetch(`${state.baseUrl}/api/dmn${endpoint}`, options);
+    const response = await fetch(`${state.baseUrl}api/dmn${endpoint}`, options);
 
     if (!response.ok) {
         const error = await response.json();
@@ -208,6 +239,11 @@ async function addDecision(e) {
 }
 
 async function loadDecision(decisionId) {
+    if (!state.currentModel || !state.currentModel.decisions) {
+        console.error('Cannot load decision: No model selected');
+        return;
+    }
+
     const decision = state.currentModel.decisions.find(d => d.id === decisionId);
     if (!decision) return;
 
@@ -281,6 +317,12 @@ function renderDecisionTable(table) {
 async function addColumn(e) {
     e.preventDefault();
 
+    // Validate that model and decision are selected
+    if (!state.currentModel || !state.currentDecision) {
+        showNotification('Please select or create a model and decision first', 'error');
+        return;
+    }
+
     const columnType = document.getElementById('column-type').value;
     const id = document.getElementById('column-id-input').value;
     const label = document.getElementById('column-label-input').value;
@@ -317,7 +359,10 @@ async function addColumn(e) {
 }
 
 async function addRule() {
-    if (!state.currentDecision || !state.currentDecision.decision_table) return;
+    if (!state.currentModel || !state.currentDecision || !state.currentDecision.decision_table) {
+        showNotification('Please select or create a model and decision first', 'error');
+        return;
+    }
 
     const table = state.currentDecision.decision_table;
     const ruleId = `rule_${Date.now()}`;
@@ -341,6 +386,11 @@ async function addRule() {
 }
 
 async function updateRuleEntry(ruleId, type, index, value) {
+    if (!state.currentModel || !state.currentDecision || !state.currentDecision.decision_table) {
+        showNotification('Please select or create a model and decision first', 'error');
+        return;
+    }
+
     try {
         const rule = state.currentDecision.decision_table.rules.find(r => r.id === ruleId);
         if (!rule) return;
@@ -361,6 +411,11 @@ async function updateRuleEntry(ruleId, type, index, value) {
 }
 
 async function deleteRule(ruleId) {
+    if (!state.currentModel || !state.currentDecision) {
+        showNotification('Please select or create a model and decision first', 'error');
+        return;
+    }
+
     if (!confirm('Are you sure you want to delete this rule?')) return;
 
     try {
@@ -376,7 +431,10 @@ async function deleteRule(ruleId) {
 }
 
 async function updateHitPolicy(e) {
-    if (!state.currentDecision || !state.currentDecision.decision_table) return;
+    if (!state.currentModel || !state.currentDecision || !state.currentDecision.decision_table) {
+        showNotification('Please select or create a model and decision first', 'error');
+        return;
+    }
 
     try {
         await apiCall(`/models/${state.currentModel.id}/decisions/${state.currentDecision.id}`, 'PUT', {
@@ -473,7 +531,10 @@ async function visualizeGraph() {
 }
 
 async function visualizeTree() {
-    if (!state.currentDecision) return;
+    if (!state.currentModel || !state.currentDecision) {
+        showNotification('Please select or create a model and decision first', 'error');
+        return;
+    }
 
     try {
         const svg = await apiCall(`/models/${state.currentModel.id}/decisions/${state.currentDecision.id}/visualize/tree`);
@@ -490,6 +551,11 @@ function copyXml() {
 }
 
 function downloadXml() {
+    if (!state.currentModel) {
+        showNotification('No model selected', 'warning');
+        return;
+    }
+
     const xmlContent = document.getElementById('xml-content').textContent;
     const blob = new Blob([xmlContent], { type: 'text/xml' });
     const url = URL.createObjectURL(blob);

data/lib/decision_agent/web/public/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>DecisionAgent Rule Builder</title>
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="/styles.css">
 </head>
 <body>
     <div class="container">
@@ -13,6 +13,8 @@
             <p class="subtitle">Visual rule editor for non-technical users</p>
             <div class="header-links">
                 <a href="/dmn/editor" class="btn btn-link">📊 DMN Editor</a>
+                <a href="/simulation" class="btn btn-link">🧪 Simulation</a>
+                <a href="/testing/batch" class="btn btn-link">📊 Batch Testing</a>
             </div>
         </header>
 
@@ -21,7 +23,10 @@
             <div class="panel builder-panel">
                 <div class="panel-header">
                     <h2>Rule Configuration</h2>
-                    <button class="btn btn-secondary" id="loadExampleBtn">Load Example</button>
+                    <div>
+                        <button class="btn btn-secondary" id="loadExampleBtn">Load Example</button>
+                        <a href="/sample_rules.json" download class="btn btn-secondary" style="margin-left: 10px; text-decoration: none;">📥 Sample JSON</a>
+                    </div>
                 </div>
 
                 <!-- Ruleset Metadata -->
@@ -51,6 +56,7 @@
                 <!-- Action Buttons -->
                 <div class="actions">
                     <button class="btn btn-success" id="validateBtn">✓ Validate Rules</button>
+                    <button class="btn btn-info" id="testRuleBtn">🧪 Test Rule</button>
                     <button class="btn btn-primary" id="saveVersionBtn">💾 Save Version</button>
                     <button class="btn btn-secondary" id="clearBtn">Clear All</button>
                 </div>
@@ -188,14 +194,28 @@
                             <option value="sin">sin (trigonometric)</option>
                             <option value="cos">cos (trigonometric)</option>
                             <option value="tan">tan (trigonometric)</option>
+                            <option value="asin">asin (arc sine)</option>
+                            <option value="acos">acos (arc cosine)</option>
+                            <option value="atan">atan (arc tangent)</option>
+                            <option value="atan2">atan2 (arc tangent of y/x)</option>
+                            <option value="sinh">sinh (hyperbolic sine)</option>
+                            <option value="cosh">cosh (hyperbolic cosine)</option>
+                            <option value="tanh">tanh (hyperbolic tangent)</option>
                             <option value="sqrt">sqrt (square root)</option>
+                            <option value="cbrt">cbrt (cube root)</option>
                             <option value="power">power (exponentiation)</option>
                             <option value="exp">exp (exponential)</option>
                             <option value="log">log (natural logarithm)</option>
+                            <option value="log10">log10 (base 10 logarithm)</option>
+                            <option value="log2">log2 (base 2 logarithm)</option>
                             <option value="round">round</option>
                             <option value="floor">floor</option>
                             <option value="ceil">ceil</option>
+                            <option value="truncate">truncate</option>
                             <option value="abs">abs (absolute value)</option>
+                            <option value="factorial">factorial</option>
+                            <option value="gcd">gcd (greatest common divisor)</option>
+                            <option value="lcm">lcm (least common multiple)</option>
                             <option value="min">min (array minimum)</option>
                             <option value="max">max (array maximum)</option>
                         </optgroup>
@@ -333,12 +353,58 @@
                 </div>
             </div>
         </div>
+
+        <!-- Test Rule Modal -->
+        <div id="testRuleModal" class="modal hidden">
+            <div class="modal-content modal-large">
+                <div class="modal-header">
+                    <h2>🧪 Test Rule</h2>
+                    <button class="close-btn" id="closeTestRuleBtn">&times;</button>
+                </div>
+                <div class="modal-body">
+                    <div class="form-group">
+                        <label for="testContext">Test Context (JSON):</label>
+                        <textarea id="testContext" class="input" rows="8" placeholder='{"field1": "value1", "field2": 123}'></textarea>
+                        <small class="form-hint">Enter context data as JSON to test your rules</small>
+                    </div>
+                    <div class="actions" style="margin-top: 1rem;">
+                        <button class="btn btn-primary" id="runTestBtn">Run Test</button>
+                    </div>
+                    <div id="testResults" class="test-results hidden" style="margin-top: 2rem;">
+                        <h3>Test Results</h3>
+                        <div id="testDecision" class="test-result-item">
+                            <strong>Decision:</strong> <span id="testDecisionValue">-</span>
+                        </div>
+                        <div id="testConfidence" class="test-result-item">
+                            <strong>Confidence:</strong> <span id="testConfidenceValue">-</span>
+                        </div>
+                        <div id="testReason" class="test-result-item">
+                            <strong>Reason:</strong> <span id="testReasonValue">-</span>
+                        </div>
+                        <div id="testExplainability" class="test-explainability" style="margin-top: 1.5rem;">
+                            <h4>Explainability</h4>
+                            <div id="testBecause" class="test-because">
+                                <strong>Because (conditions that led to decision):</strong>
+                                <ul id="testBecauseList"></ul>
+                            </div>
+                            <div id="testFailedConditions" class="test-failed" style="margin-top: 1rem;">
+                                <strong>Failed Conditions:</strong>
+                                <ul id="testFailedList"></ul>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button class="btn btn-secondary" id="closeTestRuleModalBtn">Close</button>
+                </div>
+            </div>
+        </div>
     </div>
 
     <footer class="footer">
         <p>DecisionAgent Rule Builder | <a href="https://github.com/samaswin/decision_agent" target="_blank">Documentation</a></p>
     </footer>
 
-    <script src="app.js"></script>
+    <script src="/app.js"></script>
 </body>
 </html>

data/lib/decision_agent/web/public/login.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Login - DecisionAgent</title>
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="/styles.css">
     <style>
         .login-container {
             max-width: 400px;

data/lib/decision_agent/web/public/sample_batch.csv

@@ -0,0 +1,11 @@
+id,user_id,amount,transaction_type,account_age_days,risk_score,country,expected_decision,expected_confidence
+test_001,user_123,1500,purchase,365,0.2,US,approve,0.95
+test_002,user_456,5000,withdrawal,730,0.3,US,approve,0.85
+test_003,user_789,15000,transfer,90,0.7,BR,manual_review,0.75
+test_004,user_321,50000,withdrawal,45,0.85,NG,reject,0.90
+test_005,user_654,2500,purchase,1095,0.15,CA,approve,0.95
+test_006,user_987,8000,transfer,180,0.55,GB,manual_review,0.80
+test_007,user_111,500,purchase,1825,0.1,US,approve,0.98
+test_008,user_222,75000,withdrawal,30,0.95,RU,reject,0.95
+test_009,user_333,3000,purchase,548,0.25,DE,approve,0.90
+test_010,user_444,12000,transfer,274,0.45,FR,approve,0.85

data/lib/decision_agent/web/public/sample_impact.csv

@@ -0,0 +1,11 @@
+id,user_id,amount,transaction_type,account_age_days,risk_score,country,baseline_decision,new_decision,impact_category
+imp_001,user_123,1500,purchase,365,0.2,US,approve,approve,no_change
+imp_002,user_456,5000,withdrawal,730,0.3,US,approve,approve,no_change
+imp_003,user_789,15000,transfer,90,0.7,BR,manual_review,reject,higher_security
+imp_004,user_321,50000,withdrawal,45,0.85,NG,reject,reject,no_change
+imp_005,user_654,2500,purchase,1095,0.15,CA,approve,approve,no_change
+imp_006,user_987,8000,transfer,180,0.55,GB,approve,manual_review,higher_security
+imp_007,user_111,500,purchase,1825,0.1,US,approve,approve,no_change
+imp_008,user_222,75000,withdrawal,30,0.95,RU,reject,reject,no_change
+imp_009,user_333,3000,purchase,548,0.25,DE,approve,approve,no_change
+imp_010,user_444,12000,transfer,274,0.45,FR,manual_review,approve,lower_friction

data/lib/decision_agent/web/public/sample_replay.csv

@@ -0,0 +1,11 @@
+id,timestamp,user_id,amount,transaction_type,account_age_days,risk_score,country,decision_v1,decision_v2
+hist_001,2024-01-15T10:30:00Z,user_123,1500,purchase,365,0.2,US,approve,approve
+hist_002,2024-01-15T11:45:00Z,user_456,5000,withdrawal,730,0.3,US,approve,approve
+hist_003,2024-01-15T12:20:00Z,user_789,15000,transfer,90,0.7,BR,manual_review,reject
+hist_004,2024-01-15T13:10:00Z,user_321,50000,withdrawal,45,0.85,NG,reject,reject
+hist_005,2024-01-15T14:05:00Z,user_654,2500,purchase,1095,0.15,CA,approve,approve
+hist_006,2024-01-15T15:30:00Z,user_987,8000,transfer,180,0.55,GB,manual_review,manual_review
+hist_007,2024-01-15T16:15:00Z,user_111,500,purchase,1825,0.1,US,approve,approve
+hist_008,2024-01-15T17:45:00Z,user_222,75000,withdrawal,30,0.95,RU,reject,reject
+hist_009,2024-01-15T18:20:00Z,user_333,3000,purchase,548,0.25,DE,approve,approve
+hist_010,2024-01-15T19:00:00Z,user_444,12000,transfer,274,0.45,FR,approve,manual_review

data/lib/decision_agent/web/public/sample_rules.json

@@ -0,0 +1,118 @@
+{
+  "version": "1.0",
+  "ruleset": "transaction_approval",
+  "description": "Sample ruleset for transaction approval with fraud detection",
+  "rules": [
+    {
+      "id": "rule_001",
+      "name": "High Risk Country Block",
+      "if": {
+        "all": [
+          {
+            "field": "country",
+            "op": "in",
+            "value": ["NG", "RU", "CN"]
+          },
+          {
+            "field": "risk_score",
+            "op": "gte",
+            "value": 0.7
+          }
+        ]
+      },
+      "then": {
+        "decision": "reject",
+        "weight": 0.95,
+        "reason": "High risk country with elevated risk score"
+      }
+    },
+    {
+      "id": "rule_002",
+      "name": "Large Amount Manual Review",
+      "if": {
+        "field": "amount",
+        "op": "gte",
+        "value": 10000
+      },
+      "then": {
+        "decision": "manual_review",
+        "weight": 0.85,
+        "reason": "Large transaction amount requires manual review"
+      }
+    },
+    {
+      "id": "rule_003",
+      "name": "New Account Large Transaction",
+      "if": {
+        "all": [
+          {
+            "field": "account_age_days",
+            "op": "lt",
+            "value": 90
+          },
+          {
+            "field": "amount",
+            "op": "gte",
+            "value": 5000
+          }
+        ]
+      },
+      "then": {
+        "decision": "manual_review",
+        "weight": 0.80,
+        "reason": "New account with large transaction"
+      }
+    },
+    {
+      "id": "rule_004",
+      "name": "Low Risk Auto Approve",
+      "if": {
+        "all": [
+          {
+            "field": "risk_score",
+            "op": "lte",
+            "value": 0.3
+          },
+          {
+            "field": "account_age_days",
+            "op": "gte",
+            "value": 365
+          },
+          {
+            "field": "amount",
+            "op": "lte",
+            "value": 5000
+          }
+        ]
+      },
+      "then": {
+        "decision": "approve",
+        "weight": 0.95,
+        "reason": "Low risk profile, established account, reasonable amount"
+      }
+    },
+    {
+      "id": "rule_005",
+      "name": "Medium Risk Review",
+      "if": {
+        "all": [
+          {
+            "field": "risk_score",
+            "op": "gt",
+            "value": 0.5
+          },
+          {
+            "field": "risk_score",
+            "op": "lt",
+            "value": 0.7
+          }
+        ]
+      },
+      "then": {
+        "decision": "manual_review",
+        "weight": 0.75,
+        "reason": "Medium risk score requires review"
+      }
+    }
+  ]
+}

data/lib/decision_agent/web/public/sample_shadow.csv

@@ -0,0 +1,11 @@
+id,timestamp,user_id,amount,transaction_type,account_age_days,risk_score,country,production_decision
+shadow_001,2024-01-20T10:00:00Z,user_123,1200,purchase,400,0.18,US,approve
+shadow_002,2024-01-20T10:15:00Z,user_456,4500,withdrawal,800,0.28,GB,approve
+shadow_003,2024-01-20T10:30:00Z,user_789,18000,transfer,120,0.65,BR,manual_review
+shadow_004,2024-01-20T10:45:00Z,user_321,55000,withdrawal,50,0.88,NG,reject
+shadow_005,2024-01-20T11:00:00Z,user_654,2800,purchase,1200,0.12,CA,approve
+shadow_006,2024-01-20T11:15:00Z,user_987,9500,transfer,200,0.58,FR,manual_review
+shadow_007,2024-01-20T11:30:00Z,user_111,600,purchase,2000,0.08,US,approve
+shadow_008,2024-01-20T11:45:00Z,user_222,80000,withdrawal,25,0.98,RU,reject
+shadow_009,2024-01-20T12:00:00Z,user_333,3500,purchase,600,0.22,DE,approve
+shadow_010,2024-01-20T12:15:00Z,user_444,11000,transfer,300,0.48,GB,approve

data/lib/decision_agent/web/public/sample_whatif.csv

@@ -0,0 +1,11 @@
+scenario_name,user_id,amount,transaction_type,account_age_days,risk_score,country
+low_risk_small,user_123,1000,purchase,730,0.1,US
+low_risk_large,user_123,10000,purchase,730,0.1,US
+medium_risk_small,user_456,1000,purchase,365,0.6,GB
+medium_risk_large,user_456,10000,purchase,365,0.6,GB
+high_risk_small,user_789,1000,purchase,90,0.9,NG
+high_risk_large,user_789,10000,purchase,90,0.9,NG
+new_account_small,user_321,500,purchase,30,0.3,US
+new_account_large,user_321,5000,purchase,30,0.3,US
+established_account,user_654,7500,withdrawal,1825,0.2,CA
+risky_country,user_987,3000,transfer,365,0.4,RU

data/lib/decision_agent/web/public/simulation.html

@@ -0,0 +1,146 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>DecisionAgent Simulation Dashboard</title>
+    <link rel="stylesheet" href="/styles.css">
+    <style>
+        .simulation-dashboard {
+            max-width: 1400px;
+            margin: 0 auto;
+            padding: 20px;
+        }
+
+        .feature-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 20px;
+            margin-top: 30px;
+        }
+
+        .feature-card {
+            background: var(--panel-bg);
+            border-radius: 10px;
+            padding: 25px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+            transition: transform 0.2s, box-shadow 0.2s;
+            cursor: pointer;
+            text-decoration: none;
+            color: inherit;
+            display: block;
+        }
+
+        .feature-card:hover {
+            transform: translateY(-2px);
+            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
+        }
+
+        .feature-icon {
+            font-size: 3rem;
+            margin-bottom: 15px;
+        }
+
+        .feature-title {
+            font-size: 1.5rem;
+            font-weight: 600;
+            margin-bottom: 10px;
+            color: var(--primary-color);
+        }
+
+        .feature-description {
+            color: var(--text-secondary);
+            line-height: 1.6;
+        }
+
+        .dashboard-header .header-links {
+            display: flex;
+            gap: 1rem;
+            align-items: center;
+            margin-top: 1.5rem;
+            padding-top: 1rem;
+            border-top: 1px solid rgba(255, 255, 255, 0.1);
+            position: static;
+        }
+
+        .dashboard-header .header-links a {
+            padding: 0.5rem 1rem;
+            border-radius: 6px;
+            text-decoration: none;
+            color: white;
+            background: rgba(255, 255, 255, 0.1);
+            transition: all 0.2s;
+            font-size: 0.9rem;
+            border: 1px solid rgba(255, 255, 255, 0.2);
+        }
+
+        .dashboard-header .header-links a:hover {
+            background: rgba(255, 255, 255, 0.2);
+            transform: translateY(-1px);
+        }
+    </style>
+</head>
+<body>
+    <div class="simulation-dashboard">
+        <header class="dashboard-header">
+            <h1>🧪 DecisionAgent Simulation Dashboard</h1>
+            <p class="subtitle">Test rule changes, predict impact, and validate decisions before deployment</p>
+            <div class="header-links">
+                <a href="/">🏠 Rule Builder</a>
+                <a href="/testing/batch">📊 Batch Testing</a>
+                <a href="/dmn/editor">📋 DMN Editor</a>
+            </div>
+        </header>
+
+        <div class="feature-grid">
+            <a href="/simulation/replay" class="feature-card">
+                <div class="feature-icon">🔄</div>
+                <div class="feature-title">Historical Replay / Backtesting</div>
+                <div class="feature-description">
+                    Replay historical decisions with different rule versions to see how outcomes would change. 
+                    Compare baseline vs. proposed versions and analyze decision changes.
+                </div>
+            </a>
+
+            <a href="/simulation/whatif" class="feature-card">
+                <div class="feature-icon">❓</div>
+                <div class="feature-title">What-If Analysis</div>
+                <div class="feature-description">
+                    Simulate different scenarios and analyze how decisions change based on input variations. 
+                    Perform sensitivity analysis to identify which inputs matter most.
+                </div>
+            </a>
+
+            <a href="/simulation/impact" class="feature-card">
+                <div class="feature-icon">📊</div>
+                <div class="feature-title">Impact Analysis</div>
+                <div class="feature-description">
+                    Quantify the impact of rule changes before deploying to production. 
+                    Get risk scores, decision distribution changes, and confidence shifts.
+                </div>
+            </a>
+
+            <a href="/simulation/shadow" class="feature-card">
+                <div class="feature-icon">👻</div>
+                <div class="feature-title">Shadow Testing</div>
+                <div class="feature-description">
+                    Compare new rules against production without affecting actual outcomes. 
+                    Test on production traffic with zero impact on real decisions.
+                </div>
+            </a>
+        </div>
+
+        <div style="margin-top: 40px; padding: 20px; background: var(--panel-bg); border-radius: 10px;">
+            <h2>Quick Start</h2>
+            <p>Choose a simulation type above to get started:</p>
+            <ul style="line-height: 2;">
+                <li><strong>Historical Replay:</strong> Upload historical data (CSV/JSON) and replay with different rule versions</li>
+                <li><strong>What-If Analysis:</strong> Define scenarios and see how decisions change</li>
+                <li><strong>Impact Analysis:</strong> Compare two rule versions to assess change impact</li>
+                <li><strong>Shadow Testing:</strong> Test new rules alongside production without affecting outcomes</li>
+            </ul>
+        </div>
+    </div>
+</body>
+</html>
+