update things

Author: CloseChoice

dev/bundle.js

@@ -302,7 +302,6 @@ def _generate_html_content(
         with open(output_path, 'w', encoding='utf-8') as f:
             f.write(html_content)
 
-        import pdb; pdb.set_trace()
         with open('test_report.html', 'w', encoding='utf-8') as f:
             f.write(html_content)
 

dev/bundle.js.map

@@ -34,6 +34,8 @@
     let currentPage = $state(0);
     let totalObservations = shapValues.length;
     let totalPages = Math.ceil(totalObservations / maxDisplayedValues);
+    let filterText = $state("");
+    let dropdownOpen = $state(false);
 
     console.log('DeepDiveManager: 1/3 command in file');
     let pagedObservations = $derived(
@@ -60,6 +62,17 @@
             currentPage -= 1;
         }
     }
+    function handleInputFocus() {
+        dropdownOpen = true;
+    }
+    function handleInputBlur(event: FocusEvent) {
+        // Delay closing to allow click selection
+        setTimeout(() => { dropdownOpen = false; }, 100);
+    }
+    function handleObservationClick(idx: number) {
+        selectedObservationIndex = idx;
+        dropdownOpen = false;
+    }
 
     $effect(() => {
         console.log('Selected observation index:', selectedObservationIndex);
@@ -74,18 +87,41 @@
         console.log('Current page:', currentPage);
         console.log('Total pages:', totalPages);
     });
+
+    let allObservations = $derived(
+        Array.from({length: totalObservations}, (_, idx) => ({
+            name: `Observation ${idx + 1}`,
+            index: idx
+        }))
+    );
+
+    let filteredObservations = $derived(
+        allObservations.filter(obs =>
+            obs.name.toLowerCase().includes(filterText.toLowerCase()) ||
+            obs.index.toString().includes(filterText)
+        ).slice(0, maxDisplayedValues)
+    );
 </script>
 
 <div>
-<div class="observation-dropdown">
-    <label for="observation-select">Select Observation:</label>
-    <select id="observation-select" bind:value={selectedObservationIndex}>
-        {#each pagedObservations as obs}
-            <option value={obs.index}>{obs.name}</option>
-        {/each}
-    </select>
-    <button on:click={prevPage} disabled={currentPage === 0}>Prev</button>
-    <button on:click={nextPage} disabled={currentPage === totalPages - 1}>Next</button>
+<div class="observation-dropdown" style="position:relative;max-width:300px;">
+    <label for="observation-filter">Filter Observations:</label>
+    <input id="observation-filter" type="text" bind:value={filterText} placeholder="Type to filter..."
+        on:focus={handleInputFocus} on:blur={handleInputBlur} autocomplete="off" />
+    {#if dropdownOpen}
+        <ul class="dropdown-list" style="position:absolute;z-index:10;top:40px;left:0;width:100%;background:white;border:1px solid #ccc;max-height:200px;overflow-y:auto;padding:0;margin:0;list-style:none;">
+            {#each filteredObservations as obs}
+                <li style="padding:8px;cursor:pointer;" on:mousedown={() => handleObservationClick(obs.index)}>{obs.name}</li>
+            {/each}
+            {#if filteredObservations.length === 0}
+                <li style="padding:8px;color:#888;">No matches</li>
+            {/if}
+        </ul>
+    {/if}
+    <div style="margin-top:8px;">
+        <button on:click={prevPage} disabled={currentPage === 0}>Prev</button>
+        <button on:click={nextPage} disabled={currentPage === totalPages - 1}>Next</button>
+    </div>
 </div>
 <DeepDiveChart
     shapValues={shapValues}

src/xaiflow/mlflow_plugin.py

@@ -55,7 +55,7 @@ def test_plugin():
         rfc.fit(X, y)
         ex = shap.TreeExplainer(rfc)
         shap_values = ex(X)
-        import pdb; pdb.set_trace()
+        
         plugin = XaiflowPlugin()
         print("✅ Plugin initialized successfully")