round13: manuelle vs. echte Aenderungen trennen, Scan-Uebersicht ueber Navigation persistieren, ausgeblendete Dienste als Tab, Suche ueber Geraetenamen

apps/frontend/src/routes/HomePage.tsx

@@ -5,6 +5,7 @@ import { SearchInput, StatusBadge, ResultsList, FavoritesBar, Favicon, Button }
 import { rankServices, type SearchResult } from "@launchpad/shared";
 import { useServices } from "../hooks/useServices.js";
 import { useBookmarks } from "../hooks/useBookmarks.js";
+import { useDevices } from "../hooks/useDevices.js";
 import { useBackendHealth } from "../hooks/useBackendHealth.js";
 import { useTheme } from "../hooks/useTheme.js";
 import { useCategories } from "../hooks/useCategories.js";
@@ -92,6 +93,7 @@ export function HomePage() {
   const { health, error: healthError } = useBackendHealth();
   const { data: services, isLoading: servicesLoading, isError: servicesError } = useServices();
   const { data: bookmarks, isLoading: bookmarksLoading } = useBookmarks();
+  const { data: devices } = useDevices();
   const { data: categories } = useCategories();
   const { data: recentVisits } = useRecentVisits();
   const { data: readLaterItems } = useReadLater();
@@ -138,15 +140,20 @@ export function HomePage() {
   // Ausgeblendete Dienste (z. B. Fehlerseiten/nicht erreichbare Scan-Treffer,
   // siehe Admin -> Dienste) tauchen in der Suche nicht auf.
   const allItems: SearchResult[] = useMemo(() => {
+    const deviceHostnameById = new Map((devices ?? []).map((d) => [d.id, d.hostname]));
     const visibleServices: SearchResult[] = (services ?? [])
       .filter((s) => s.visible)
-      .map((s) => ({ ...s, kind: "service" as const }));
+      .map((s) => ({
+        ...s,
+        kind: "service" as const,
+        deviceHostname: deviceHostnameById.get(s.deviceId) ?? null,
+      }));
     const bookmarkItems: SearchResult[] = (bookmarks ?? []).map((b) => ({
       ...b,
       kind: "bookmark" as const,
     }));
     return [...visibleServices, ...bookmarkItems];
-  }, [services, bookmarks]);
+  }, [services, bookmarks, devices]);
 
   const results = useMemo(() => rankServices(allItems, query), [allItems, query]);