feat: visual improvements

package.json

@@ -78,7 +78,7 @@
     "codemirror": "^6.0.1",
     "color": "^5.0.0",
     "dompurify": "^3.2.4",
-    "embeddia": "^1.1.3",
+    "embeddia": "^1.1.4",
     "embla-carousel-autoplay": "^8.5.2",
     "embla-carousel-svelte": "^8.5.2",
     "events": "^3.3.0",

src/plugins/built-in/globalSearch/src/components/SearchBar.svelte

@@ -111,6 +111,11 @@
     isLoading = true;
     selectedIndex = 0;
 
+    tick().then(() => {
+      const selectedElement = resultsList?.querySelector(`li:nth-child(1)`);
+      selectedElement?.scrollIntoView({ block: 'nearest' });
+    });
+
     const term = searchTerm.trim().toLowerCase();
     
     if (commandsFuse && dynamicContentFuse) {
@@ -143,20 +148,12 @@
       searchTerm = '';
       selectedIndex = 0;
       combinedResults = [];
-      tick().then(() => {
-        const selectedElement = resultsList?.querySelector(`li:nth-child(1)`);
-        selectedElement?.scrollIntoView({ block: 'nearest' });
-      });
     }
   });
 
   $effect(() => {
     if (combinedResults.length === 0 && calculatorResult && commandPalleteOpen) {
       selectedIndex = 0;
-      tick().then(() => {
-        const selectedElement = resultsList?.querySelector(`li:nth-child(1)`);
-        selectedElement?.scrollIntoView({ block: 'nearest' });
-      });
     }
   });
 
@@ -232,7 +229,7 @@
          role="button"
          tabindex="0">
       <div
-        class="w-full max-w-2xl overflow-clip rounded-xl ring-1 shadow-2xl ring-black/5 dark:ring-white/10 { transparencyEffects ? 'bg-white/80 dark:bg-zinc-900/80 backdrop-blur' : 'bg-white dark:bg-zinc-900' }"
+        class="w-full max-w-2xl overflow-clip rounded-xl ring-1 shadow-2xl ring-black/5 dark:ring-white/10 { transparencyEffects ? 'bg-white/80 dark:bg-zinc-900/80 backdrop-blur-xl' : 'bg-white dark:bg-zinc-900' }"
         transition:scale={{ duration: 100, start: 0.95, opacity: 0, easing: circOut }}
         onclick={(e: MouseEvent) => {
           e.stopPropagation();
@@ -276,7 +273,7 @@
                 {#if result.type === 'command'}
                   {@const staticItem = item as StaticCommandItem}
                   <button
-                    class="w-full flex items-center px-2 py-1.5 rounded-lg select-none cursor-pointer group 
+                    class="w-full flex items-center px-2 py-1.5 rounded-lg select-none cursor-pointer group transition-colors duration-100
                     {isSelected ? 'bg-zinc-900/5 dark:bg-white/10 text-zinc-900 dark:text-white' : 'hover:bg-zinc-500/5 dark:hover:bg-white/5 text-zinc-800 dark:text-zinc-200'}"
                     onclick={() => executeItemAction(staticItem)}
                   >

src/plugins/built-in/globalSearch/src/components/items/AssessmentItem.svelte

@@ -12,7 +12,7 @@
 </script>
 
 <button
-  class="w-full flex flex-col px-2 py-1.5 rounded-lg select-none cursor-pointer group 
+  class="w-full flex flex-col px-2 py-1.5 rounded-lg select-none cursor-pointer group transition-colors duration-100
   {isSelected ? 'bg-zinc-900/5 dark:bg-white/10 text-zinc-900 dark:text-white' : 'hover:bg-zinc-500/5 dark:hover:bg-white/5 text-zinc-800 dark:text-zinc-200'}"
   >
   <div class="flex items-center w-full">

src/plugins/built-in/globalSearch/src/components/items/ForumItem.svelte

@@ -12,7 +12,7 @@
 </script>
 
 <button
-  class="w-full flex flex-col px-2 py-1.5 rounded-lg select-none cursor-pointer group 
+  class="w-full flex flex-col px-2 py-1.5 rounded-lg select-none cursor-pointer group transition-colors duration-100
   {isSelected ? 'bg-zinc-900/5 dark:bg-white/10 text-zinc-900 dark:text-white' : 'hover:bg-zinc-500/5 dark:hover:bg-white/5 text-zinc-800 dark:text-zinc-200'}"
   >
   <div class="flex items-center w-full">

src/plugins/built-in/globalSearch/src/indexing/jobs/forums.ts

@@ -18,8 +18,7 @@ export const forumsJob: Job = {
   id: "forums",
   label: "Forums",
   renderComponentId: "forum",
-  //frequency: { type: "expiry", afterMs: 30 * 24 * 60 * 60 * 1000 }, // 30 days
-  frequency: { type: "interval", ms: 1000 }, // 1s
+  frequency: { type: "expiry", afterMs: 30 * 24 * 60 * 60 * 1000 }, // 30 days
 
   run: async (ctx) => {
     const existingIds = new Set(

src/plugins/built-in/globalSearch/src/indexing/renderComponents.ts

@@ -9,7 +9,4 @@ export const renderComponentMap: Record<string, typeof SvelteComponent> = {
   forum: ForumItem as unknown as typeof SvelteComponent,
   // subject: SubjectComponent,
   // etc...
-};
-
-void AssessmentItem;
-void ForumItem;
+};