save

src/App.svelte

@@ -5,7 +5,7 @@
   let backtraceData = "";
   let threads = [];
   let filteredThreads = [];
-  let filterText = "";
+  let filterText = "hf-xet-";
   let visibleThreads = new Set();
 
   // Parse the backtrace file format
@@ -328,34 +328,39 @@
           <div class="backtrace">
             {#each thread.collapsibleBacktrace as backtraceLine (backtraceLine.id)}
               {#if !backtraceLine.hidden}
-                <div
-                  class="backtrace-line"
-                  class:has-section={backtraceLine.hasSection}
-                  class:section-collapsed={backtraceLine.sectionCollapsed}
-                  on:click={backtraceLine.hasSection
-                    ? () => toggleSection(thread.id, backtraceLine.id)
-                    : undefined}
-                  on:keydown={backtraceLine.hasSection
-                    ? (e) =>
-                        e.key === "Enter" &&
-                        toggleSection(thread.id, backtraceLine.id)
-                    : undefined}
-                  role={backtraceLine.hasSection ? "button" : undefined}
-                  tabindex={backtraceLine.hasSection ? "0" : undefined}
-                >
-                  <span class="indent">{backtraceLine.parsed.indent}</span
-                  >{#if backtraceLine.hasSection}
+                {#if backtraceLine.hasSection}
+                  <div
+                    class="backtrace-line has-section"
+                    class:section-collapsed={backtraceLine.sectionCollapsed}
+                    on:click={() => toggleSection(thread.id, backtraceLine.id)}
+                    on:keydown={(e) =>
+                      e.key === "Enter" &&
+                      toggleSection(thread.id, backtraceLine.id)}
+                    role="button"
+                    tabindex="0"
+                  >
+                    <span class="indent">{backtraceLine.parsed.indent}</span>
                     <span class="collapse-indicator">
                       {backtraceLine.sectionCollapsed ? "▶" : "▼"}
                     </span>
-                  {/if}{#if backtraceLine.parsed.sampleCount}<span
-                      class="sample-count"
-                      >{backtraceLine.parsed.sampleCount}</span
-                    >
-                  {/if}<span class="content"
-                    >{backtraceLine.parsed.content}</span
-                  >
-                </div>
+                    {#if backtraceLine.parsed.sampleCount}
+                      <span class="sample-count"
+                        >{backtraceLine.parsed.sampleCount}</span
+                      >
+                    {/if}
+                    <span class="content">{backtraceLine.parsed.content}</span>
+                  </div>
+                {:else}
+                  <div class="backtrace-line">
+                    <span class="indent">{backtraceLine.parsed.indent}</span>
+                    {#if backtraceLine.parsed.sampleCount}
+                      <span class="sample-count"
+                        >{backtraceLine.parsed.sampleCount}</span
+                      >
+                    {/if}
+                    <span class="content">{backtraceLine.parsed.content}</span>
+                  </div>
+                {/if}
               {/if}
             {/each}
           </div>