Update static/demo/index.html

static/demo/index.html

@@ -6,6 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>Responsible Prompting – Multi‐Turn Chat + Graph</title>
 
+    <script type="text/javascript" src="static/demo/js/d3.v7.min.js"></script>
+    <script type="text/javascript" src="static/demo/js/jquery-3.7.1.min.js"></script>
     <!-- Carbon CSS (for tabs and tags) -->
     <link rel="stylesheet" href="https://unpkg.com/carbon-components/css/carbon-components.min.css" />
 
@@ -24,7 +26,6 @@
             flex-direction: column;
         }
 
-        /* Container for the header (title + tabs) */
         .header-container {
             background: white;
             padding: 1rem;
@@ -238,14 +239,8 @@
         </ol>
     </div>
 
-    <!-- ===== Tab Content: Chat or Graph ===== -->
     <div class="tab-content">
-        <!-- Chat Content -->
         <div id="chat-content">
-            <!-- Intro paragraph about responsible prompting -->
-
-
-            <!-- Chat container (messages appear here) -->
             <div id="chat" class="chat-container"></div>
 
             <!-- Input area -->
@@ -261,20 +256,13 @@
             </div>
         </div>
 
-        <!-- Graph Content -->
         <div id="graph-content">
             <div id="graph"></div>
         </div>
     </div>
 
-    <!-- Dependencies -->
-    <script type="text/javascript" src="static/demo/js/d3.v7.min.js"></script>
-    <script type="text/javascript" src="static/demo/js/jquery-3.7.1.min.js"></script>
 
     <script>
-        // =============================
-        // 1. State & Dimensions for D3
-        // =============================
         let lastRecommendations = null; // stores latest /recommend response
 
         const width = 600;
@@ -560,9 +548,6 @@
         // Initially show “no data” message
         renderGraph(null);
 
-        // =============================
-        // 2. Multi‐Turn Chat + Recommendation Logic
-        // =============================
         const conversation = []; // stores { role, content, recs? }
         let currentRecs = [];
         let debounceId = null;
@@ -800,9 +785,6 @@
             }
         });
 
-        // =============================
-        // 3. Tab Switching (Chat <-> Graph)
-        // =============================
         $("#tab-chat").on("click", function () {
             $(this).addClass("bx--tabs__nav-item--selected");
             $("#tab-graph").removeClass("bx--tabs__nav-item--selected");