UI: Show number of the list item in big font

Author: jvm123

scripts/static/js/list.js

@@ -61,11 +61,22 @@ export function renderNodeList(nodes) {
       </div>
     `;
     container.innerHTML = '';
-    filtered.forEach(node => {
+    filtered.forEach((node, idx) => {
         const row = document.createElement('div');
         row.className = 'node-list-item' + (selectedProgramId === node.id ? ' selected' : '') + (highlightIds.has(node.id) ? ' highlighted' : '');
         row.setAttribute('data-node-id', node.id);
         row.tabIndex = 0;
+
+        const numDiv = document.createElement('div');
+        numDiv.textContent = `#${idx + 1}`;
+        numDiv.style.fontSize = '2.2em';
+        numDiv.style.fontWeight = 'bold';
+        numDiv.style.color = '#444';
+        numDiv.style.flex = '0 0 70px';
+        numDiv.style.display = 'flex';
+        numDiv.style.alignItems = 'center';
+        numDiv.style.justifyContent = 'center';
+        row.appendChild(numDiv);
         let selectedMetricRow = '';
         if (node.metrics && metric in node.metrics) {
             let val = (typeof node.metrics[metric] === 'number' && isFinite(node.metrics[metric])) ? node.metrics[metric].toFixed(4) : node.metrics[metric];

scripts/static/js/sidebar.js

@@ -36,7 +36,7 @@ export function showSidebarContent(d, fromHover = false) {
     const children = allNodeData.filter(n => n.parent_id === d.id);
     if (children.length > 0) tabNames.push('Children');
 
-    // --- CLONES TAB LOGIC ---
+    // Handle nodes with "-copyN" IDs
     function getBaseId(id) {
         return id.includes('-copy') ? id.split('-copy')[0] : id;
     }
@@ -52,10 +52,9 @@ export function showSidebarContent(d, fromHover = false) {
             return `<pre class="sidebar-code-pre">${d.code}</pre>`;
         }
         if (tabName === 'Prompts') {
-            // --- Prompt select logic ---
+            // Prompt select logic
             let promptOptions = [];
             let promptMap = {};
-            // Prompts
             if (d.prompts && typeof d.prompts === 'object') {
                 for (const [k, v] of Object.entries(d.prompts)) {
                     if (v && typeof v === 'object' && !Array.isArray(v)) {