feat(nav): collapsible sidebar + mobile drawer, user menu, breadcrumbs, polished cmd+k, header search

artifacts/toolrate/src/pages/tool-detail.tsx

@@ -59,6 +59,7 @@ import {
   AlertDialogTitle,
 } from "@/components/ui/alert-dialog";
 import { customFetch } from "@workspace/api-client-react";
+import { recordRecentTool } from "@/lib/recent-tools";
 
 const ratingSchema = z.object({
   usefulness: z.number().min(1).max(5),
@@ -202,6 +203,10 @@ export default function ToolDetail() {
     query: { enabled: !!id, queryKey: getGetToolQueryKey(id) }
   });
 
+  useEffect(() => {
+    if (tool?.id && tool.name) recordRecentTool(tool.id, tool.name);
+  }, [tool]);
+
   const { data: ratings, isLoading: loadingRatings } = useListToolRatings(id, {
     query: { enabled: !!id, queryKey: getListToolRatingsQueryKey(id) }
   });