perf(api,frontend): index hot queries, paginate chats, fix realtime

frontend/src/lib/components/jobs/JobsPanel.svelte

@@ -9,6 +9,7 @@
   import JobList from "$lib/components/jobs/JobList.svelte";
   import Button from "$lib/components/ui/Button.svelte";
   import Icon from "$lib/components/ui/Icon.svelte";
+  import { createChatPicker } from "$lib/stores/chat-picker.svelte";
   import { chats } from "$lib/stores/chats.svelte";
   import { toasts } from "$lib/stores/toasts.svelte";
 
@@ -23,13 +24,18 @@
   let syncing = $state(false);
   let syncingContacts = $state(false);
 
-  const availableChats = $derived(
-    chats.list
-      .filter((c) =>
-        (c.title ?? "").toLowerCase().includes(filter.trim().toLowerCase())
-      )
-      .slice(0, 40)
-  );
+  const picker = createChatPicker();
+  const availableChats = $derived(picker.results);
+
+  $effect(() => {
+    picker.search(filter);
+  });
+
+  $effect(() => {
+    if (selected !== null) {
+      chats.ensure(selected);
+    }
+  });
 
   function chatTitle(id: number | null): string {
     if (id === null) {