fixup! fixup! fixup! Update license.rst

Author: pablogsal

Lib/profiling/sampling/flamegraph.css

@@ -25,6 +25,7 @@ body {
   align-items: center;
   justify-content: center;
   text-align: center;
+  gap: 20px;
 }
 
 .python-logo {
@@ -61,6 +62,37 @@ body {
   font-weight: 300;
 }
 
+.header-search {
+  width: 100%;
+  max-width: 500px;
+}
+
+.header-search #search-input {
+  width: 100%;
+  padding: 12px 20px;
+  border: 2px solid rgba(255, 255, 255, 0.2);
+  border-radius: 25px;
+  font-size: 16px;
+  font-family: inherit;
+  background: rgba(255, 255, 255, 0.95);
+  color: #2e3338;
+  transition: all 0.3s ease;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  backdrop-filter: blur(10px);
+}
+
+.header-search #search-input:focus {
+  outline: none;
+  border-color: rgba(255, 255, 255, 0.8);
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
+  transform: translateY(-2px);
+}
+
+.header-search #search-input::placeholder {
+  color: #6c757d;
+}
+
 .stats-section {
   background: #ffffff;
   padding: 24px 0;
@@ -164,32 +196,6 @@ body {
   text-align: center;
 }
 
-.search-container {
-  max-width: 1200px;
-  margin: 16px auto 0 auto;
-  padding: 0 24px;
-  text-align: center;
-}
-
-#search-input {
-  padding: 12px 20px;
-  border: 2px solid #e9ecef;
-  border-radius: 6px;
-  font-size: 14px;
-  font-family: inherit;
-  background: white;
-  transition: all 0.2s ease;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.06);
-  display: inline-block;
-  width: auto;
-  min-width: 300px;
-}
-
-#search-input:focus {
-  outline: none;
-  border-color: #3776ab;
-  box-shadow: 0 4px 12px rgba(55, 118, 171, 0.2);
-}
 
 .controls button {
   background: #3776ab;

Lib/profiling/sampling/flamegraph.js

@@ -281,16 +281,16 @@ document.addEventListener("DOMContentLoaded", function () {
 
         // Update search input style based on results
         if (matchCount > 0) {
-          searchInput.style.borderColor = "#28a745";
-          searchInput.style.boxShadow = "0 0 0 3px rgba(40, 167, 69, 0.1)";
+          searchInput.style.borderColor = "rgba(40, 167, 69, 0.8)";
+          searchInput.style.boxShadow = "0 6px 20px rgba(40, 167, 69, 0.2)";
         } else {
-          searchInput.style.borderColor = "#dc3545";
-          searchInput.style.boxShadow = "0 0 0 3px rgba(220, 53, 69, 0.1)";
+          searchInput.style.borderColor = "rgba(220, 53, 69, 0.8)";
+          searchInput.style.boxShadow = "0 6px 20px rgba(220, 53, 69, 0.2)";
         }
       } else {
         // Reset search input style
-        searchInput.style.borderColor = "#e9ecef";
-        searchInput.style.boxShadow = "0 2px 4px rgba(0, 0, 0, 0.06)";
+        searchInput.style.borderColor = "rgba(255, 255, 255, 0.2)";
+        searchInput.style.boxShadow = "0 4px 12px rgba(0, 0, 0, 0.1)";
       }
     }
 

Lib/profiling/sampling/flamegraph_template.html

@@ -15,11 +15,14 @@
       <div class="header-content">
         <div class="python-logo"><!-- INLINE_LOGO --></div>
         <div class="header-text">
-          <h1>Python Performance Flamegraph</h1>
+          <h1>Tachyon Profiler Performance Flamegraph</h1>
           <div class="subtitle">
             Interactive visualization of function call performance
           </div>
         </div>
+        <div class="header-search">
+          <input type="text" id="search-input" placeholder="🔍 Search functions..." />
+        </div>
       </div>
     </div>
 
@@ -61,9 +64,6 @@ <h1>Python Performance Flamegraph</h1>
         <button onclick="exportSVG()" class="secondary">📁 Export SVG</button>
         <button onclick="toggleLegend()">🔥 Heat Map Legend</button>
       </div>
-      <div class="search-container">
-        <input type="text" id="search-input" placeholder="🔍 Search functions..." />
-      </div>
     </div>
 
     <button id="show-info-btn" title="Show navigation guide">&#8505;</button>