fix: Restore Command Console logic and finalize side-by-side layout

dashboard/index.html

@@ -67,35 +67,68 @@
 
             <section class="control-panel card">
                 <h3><span class="i-icon">ℹ️</span> Command Console</h3>
-                <div class="card metric-card">
-                    <h3>Carbon Footprint</h3>
-                    <div class="gauge-container">
-                        <div id="carbon-gauge" class="gauge">
-                            <span id="carbon-value">0</span><small>kg</small>
+                
+                <div class="operation-sections">
+                    <!-- Section 1: Logistics -->
+                    <div id="section-order" class="op-section">
+                        <h4>📦 Supply Logistics</h4>
+                        <div class="op-row">
+                            <select id="part-select">
+                                <option value="chips">Order Microchips</option>
+                                <option value="sensors">Order Sensors</option>
+                            </select>
+                            <select id="mode-select">
+                                <option value="sea">SEA ($50, 10d, 0.5kg)</option>
+                                <option value="rail">RAIL ($125, 5d, 2.5kg)</option>
+                                <option value="air">AIR ($250, 2d, 10kg)</option>
+                            </select>
+                            <button onclick="execute('order_parts')" class="btn btn-primary small">Order</button>
                         </div>
                     </div>
-                    <p class="limit">Limit: <span id="carbon-limit">1000</span>kg</p>
-                </div>
 
-                <div class="card metric-card">
-                    <h3>Capital Balance</h3>
-                    <div class="value-large">$<span id="cash-value">0</span></div>
-                    <div class="trend" id="cash-trend">Fulfillment: <span id="orders-done">0</span></div>
-                </div>
+                    <hr class="divider">
 
-                <div class="card metric-card">
-                    <h3>Raw Inventory</h3>
-                    <div class="inventory-grid">
-                        <div class="inv-item">
-                            <span class="label">Chips</span>
-                            <span id="chips-count" class="count">0</span>
+                    <!-- Section 2: Manufacturing -->
+                    <div id="section-produce" class="op-section">
+                        <h4>🏭 Manufacturing</h4>
+                        <div class="op-row">
+                            <select id="product-select">
+                                <option value="EcoPhone">Produce EcoPhone</option>
+                                <option value="GreenTab">Produce GreenTab</option>
+                            </select>
+                            <button onclick="execute('produce')" class="btn btn-primary small">Start Run</button>
                         </div>
-                        <div class="inv-item">
-                            <span class="label">Sensors</span>
-                            <span id="sensors-count" class="count">0</span>
+                    </div>
+
+                    <hr class="divider">
+
+                    <!-- Section 3: ESG / Offsetting -->
+                    <div id="section-offset" class="op-section">
+                        <h4>🌳 ESG Strategy</h4>
+                        <div class="op-row">
+                            <span class="op-text">Carbon Offset Purchase (100 units)</span>
+                            <button onclick="execute('offset')" class="btn btn-primary small">Buy Offset</button>
                         </div>
                     </div>
                 </div>
+
+                <div id="impact-preview" class="impact-preview">
+                    <span class="preview-label">Live Estimate:</span>
+                    <span id="preview-cost" class="val">$0</span>
+                    <span class="sep">|</span>
+                    <span id="preview-carbon" class="val">0kg CO2</span>
+                </div>
+
+                <div class="time-controls">
+                    <button id="skip-btn" class="btn btn-secondary">Next Day</button>
+                    <button id="trigger-btn" class="btn btn-danger">Suez Jam</button>
+                    <button id="reset-btn" class="btn btn-outline">Reset</button>
+                </div>
+
+                <div id="news-alert" class="news-alert hidden">
+                    <span class="warning-icon">⚠️</span>
+                    <span id="news-text"></span>
+                </div>
             </section>
 
             <section class="details-section">