Feature: IPO Discount, Greenshoe, & Ownership Logic

static/script.js

@@ -1,6 +1,12 @@
 async function runAnalysis() {
     const query = document.getElementById('query').value;
     const lastPrivate = document.getElementById('last-private').value;
+
+    // NEW STRUCTURING INPUTS
+    const ipoDiscount = document.getElementById('ipo-discount').value;
+    const greenshoe = document.getElementById('greenshoe').checked;
+    const primaryShares = document.getElementById('primary-shares').value;
+
     const loader = document.getElementById('loader');
     const dashboard = document.getElementById('dashboard');
 
@@ -11,10 +17,12 @@ async function runAnalysis() {
     // Prepare form data
     const formData = new FormData();
     formData.append('query', query);
-    // Only append if value exists
-    if (lastPrivate) {
-        formData.append('last_private', lastPrivate);
-    }
+    if (lastPrivate) formData.append('last_private', lastPrivate);
+
+    // Append Structuring Levers
+    formData.append('ipo_discount', ipoDiscount);
+    formData.append('greenshoe', greenshoe);
+    formData.append('primary_shares', primaryShares);
 
     try {
         const response = await fetch('/analyze', {
@@ -38,18 +46,18 @@ async function runAnalysis() {
 
         // UI State: Done
         loader.style.display = 'none';
-        dashboard.style.display = 'flex'; // Changed to flex to match CSS
+        dashboard.style.display = 'flex'; // Flex layout
 
     } catch (e) {
         console.error(e);
-        alert("System Error: Could not reach quantitative engine. \nDetail: " + e.message);
+        alert("System Error: " + e.message);
         loader.style.display = 'none';
     }
 }
 
 function updateDashboard(data) {
     // 1. Executive Commentary
-    if (data.advisory && data.advisory.commentary) {
+    if (data.advisory) {
         document.getElementById('exec-summary-content').innerHTML = data.advisory.commentary;
         document.getElementById('m-price').textContent = `$${data.advisory.low} - $${data.advisory.high}`;
 
@@ -57,37 +65,67 @@ function updateDashboard(data) {
         statusEl.textContent = data.advisory.sentiment;
         statusEl.style.color = data.advisory.color;
 
-        // --- METRICS MAPPING ---
-
-        // Row 1: Classics
+        // --- METRICS ---
         document.getElementById('m-momentum').textContent = (data.metrics.avg_momentum ? data.metrics.avg_momentum.toFixed(1) + "%" : "--");
         document.getElementById('m-beta').textContent = (data.metrics.avg_beta ? data.metrics.avg_beta.toFixed(2) : "--");
-
-        // Row 2: V2 Intelligence
         document.getElementById('m-rule-40').textContent = (data.metrics.avg_rule_40 ? data.metrics.avg_rule_40.toFixed(0) : "--");
         document.getElementById('m-vix').textContent = (data.macro ? data.macro.vix.toFixed(2) : "--");
 
-        // --- RISK CHECKLIST RENDER ---
+        // --- RISK CHECKLIST ---
         const riskBody = document.querySelector('#risk-table tbody');
-        if (riskBody) {
-            riskBody.innerHTML = ''; // Clear
-            if (data.advisory.risk_matrix) {
-                data.advisory.risk_matrix.forEach(r => {
-                    const row = `
-                        <tr style="border-bottom: 1px solid rgba(255,255,255,0.05);">
-                            <td style="padding:8px 0; color:#ccc;">${r.factor}</td>
-                            <td style="padding:8px 0;">${r.status}</td>
-                            <td style="padding:8px 0; color:var(--text-muted); font-style:italic;">${r.impact}</td>
-                        </tr>
-                    `;
-                    riskBody.innerHTML += row;
-                });
-            }
+        if (riskBody && data.advisory.risk_matrix) {
+            riskBody.innerHTML = '';
+            data.advisory.risk_matrix.forEach(r => {
+                const row = `
+                    <tr style="border-bottom: 1px solid rgba(255,255,255,0.05);">
+                        <td style="padding:8px 0; color:#ccc;">${r.factor}</td>
+                        <td style="padding:8px 0;">${r.status}</td>
+                        <td style="padding:8px 0; color:var(--text-muted); font-style:italic;">${r.impact}</td>
+                    </tr>
+                `;
+                riskBody.innerHTML += row;
+            });
         }
     }
 
+    // 2. IPO STRUCTURING (The Pro Layer)
+    if (data.structure) {
+        document.getElementById('s-final-price').textContent = `$${data.structure.final_price.toFixed(2)}`;
+        document.getElementById('s-dilution').textContent = `${data.structure.dilution}%`;
+
+        // Down-Round Alert
+        const drAlert = document.getElementById('dr-alert');
+        if (data.down_round && data.down_round.is_active) {
+            drAlert.style.display = 'block';
+            drAlert.innerHTML = data.down_round.text;
+        } else {
+            drAlert.style.display = 'none';
+        }
+
+        // Ownership Pie Chart
+        const ownerData = [{
+            values: [data.structure.ownership["Existing Shareholders"], data.structure.ownership["New Public Investors"]],
+            labels: ['Existing Holders', 'New Public Investors'],
+            type: 'pie',
+            marker: { colors: ['#333', '#FFD700'] }, // Grey vs Gold
+            textinfo: 'label+percent',
+            hole: 0.4
+        }];
+
+        const ownerLayout = {
+            paper_bgcolor: 'rgba(0,0,0,0)',
+            plot_bgcolor: 'rgba(0,0,0,0)',
+            font: { color: '#ccc' },
+            showlegend: false,
+            margin: { t: 10, b: 10, l: 10, r: 10 },
+            height: 250
+        };
+
+        Plotly.newPlot('ownership-chart', ownerData, ownerLayout, { responsive: true });
+    }
+
 
-    // 3. Chart
+    // 3. Main Chart
     const layout = {
         plot_bgcolor: '#0E1117',
         paper_bgcolor: '#1E1E1E',
@@ -100,8 +138,7 @@ function updateDashboard(data) {
         legend: { orientation: 'h', y: 1.1 }
     };
 
-    const config = { responsive: true };
-    Plotly.newPlot('main-chart', data.chart_json, layout, config);
+    Plotly.newPlot('main-chart', data.chart_json, layout, { responsive: true });
 
     // 4. Table
     const tbody = document.querySelector('#comps-table tbody');