Click to copy tags and graph error handling

Author: craquet

package-lock.json

@@ -60,6 +60,7 @@
     "swr": "^2.3.0",
     "tailwind-merge": "^2.5.5",
     "tailwindcss-animate": "^1.0.7",
+    "usehooks-ts": "^3.1.0",
     "zod": "^3.24.1",
     "zustand": "^5.0.2"
   },

package.json

@@ -249,22 +249,27 @@ export function GenericResultView({
 
     const fetchRelatedItems = useCallback(
         async (term: string, amount: number) => {
-            const search = await elasticConnector?.onSearch(
-                { searchTerm: term, resultsPerPage: amount + 5 },
-                {
-                    result_fields: {},
-                    searchTerm: term,
-                    search_fields: relatedItemsPrefetch?.searchFields ?? { [pidField ?? "pid"]: {} },
-                    resultsPerPage: amount
-                }
-            )
+            try {
+                const search = await elasticConnector?.onSearch(
+                    { searchTerm: term, resultsPerPage: amount + 5 },
+                    {
+                        result_fields: {},
+                        searchTerm: term,
+                        search_fields: relatedItemsPrefetch?.searchFields ?? { [pidField ?? "pid"]: {} },
+                        resultsPerPage: amount
+                    }
+                )
 
-            if (search) {
-                for (const entry of search.results) {
-                    const pid = autoUnwrap(entry[pidField ?? "pid"])
-                    if (!pid) continue
-                    addToResultCache(pid, entry)
+                if (search) {
+                    for (const entry of search.results) {
+                        const pid = autoUnwrap(entry[pidField ?? "pid"])
+                        if (!pid) continue
+                        addToResultCache(pid, entry)
+                    }
                 }
+            } catch (e) {
+                console.warn("Failed to fetch related items", e)
+                alert("Failed to fetch related items, graph may be incomplete")
             }
         },
         [addToResultCache, elasticConnector, pidField, relatedItemsPrefetch?.searchFields]

src/components/result/GenericResultView.tsx

@@ -3,6 +3,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip
 import { Badge } from "@/components/ui/badge"
 import { SearchResult } from "@elastic/search-ui"
 import { autoUnwrap } from "@/components/result/utils"
+import { useCopyToClipboard } from "usehooks-ts"
 
 export interface GenericResultViewTagProps {
     field: string
@@ -20,17 +21,19 @@ export function GenericResultViewTag({ field, result, icon, label, valueMapper }
         else return value
     }, [field, result, valueMapper])
 
+    const [_, copy] = useCopyToClipboard()
+
     const base = useCallback(
         (value: string) => {
             return (
-                <Badge variant="secondary" className="rfs-truncate">
+                <Badge variant="secondary" className="rfs-truncate" onClick={() => copy(value)}>
                     <span className="rfs-flex rfs-truncate">
                         {icon} {value}
                     </span>
                 </Badge>
             )
         },
-        [icon]
+        [copy, icon]
     )
 
     if (!label) return base(value)