add new style and global search

src/lib/components/FileHistoryPanel.svelte

@@ -74,15 +74,15 @@
 </script>
 
 <section class="panel grid grid-rows-[auto_1fr] overflow-hidden" aria-label="Selected file history">
-  <div class="section-head">
-    <div class="min-w-0 flex-1 overflow-hidden">
+  <div class="section-head file-history-head">
+    <div class="file-history-heading">
       <span class="eyebrow">{selectedExplorerLabel}</span>
       <h2
-        class="mt-0.5 text-ink text-base font-bold leading-tight truncate"
+        class="file-history-name"
         use:pathTooltip={selectedExplorerPath}
       >{selectedExplorerPath ? fileName(selectedExplorerPath) : "No file"}</h2>
     </div>
-    <span class="pill pill-count flex-shrink-0">{fileHistory.length}</span>
+    <span class="pill pill-count file-history-count">{fileHistory.length}</span>
   </div>
 
   {#if !hasRepository}
@@ -94,16 +94,16 @@
   {:else}
     <div class="history-list overflow-auto p-2">
       {#each fileHistory as item (item.hash)}
-        <article class="commit-row compact">
+        <article class="commit-row compact file-history-row">
           <div class="commit-line">
             <History size={16} aria-hidden="true" />
-            <div>
+            <div class="commit-line-text">
               <strong title={item.summary}>{item.summary}</strong>
               <span>{item.short_hash} - {item.author_name}</span>
             </div>
           </div>
 
-          <div class="commit-actions">
+          <div class="commit-actions file-history-actions">
             <time datetime={item.date}>{formatCommitDate(item.date)}</time>
             <div class="commit-action-buttons">
               <button class="btn-sm" type="button" onclick={() => onDiff(item)} disabled={isBusy} title="Show changes vs working tree">