feat(inspector): update visual styling to match landing page (#166)

feat(inspector): update visual styling to match landing page

- Update color scheme to match website (black bg, white/10 borders)
- Add Open Sans font
- Update button styles (white primary buttons)
- Add collapsible tool results and status messages
- Replace avatar letters with icons (User, Settings, AlertTriangle)
- Add status dividers for session/turn events
- Update feature coverage badges to lighter grey
- Remove pill styling from event times
- Update popup menus to solid black background

feat(website): add Pi agent to hero diagram and update styling

- Add Pi agent with cyan color (#06B6D4) to the diagram
- Update layout to 3 agents on top row, 2 on bottom row
- Add backdrop-blur glass effects for modern look
- Add animated dot background that changes with active adapter
- Add scroll fade effect for hero section
- Update subtitle to include Pi in supported agents list
- Increase 'CONNECTED TO' label font size

feat(website): add site styling updates and SEO improvements

- Update component styling to match Rivet design (FAQ, FeatureGrid, etc.)
- Add SEO improvements (sitemap, robots.txt, meta tags, Open Graph)
- Remove CTASection component
- Update footer tagline
- Add Pi logo

frontend/packages/inspector/src/components/chat/messageUtils.tsx

@@ -0,0 +1,20 @@
+import type { UniversalItem } from "sandbox-agent";
+import { Settings, AlertTriangle, User } from "lucide-react";
+import type { ReactNode } from "react";
+
+export const getMessageClass = (item: UniversalItem) => {
+  if (item.kind === "tool_call" || item.kind === "tool_result") return "tool";
+  if (item.kind === "system" || item.kind === "status") return "system";
+  if (item.role === "user") return "user";
+  if (item.role === "tool") return "tool";
+  if (item.role === "system") return "system";
+  return "assistant";
+};
+
+export const getAvatarLabel = (messageClass: string): ReactNode => {
+  if (messageClass === "user") return <User size={14} />;
+  if (messageClass === "tool") return "T";
+  if (messageClass === "system") return <Settings size={14} />;
+  if (messageClass === "error") return <AlertTriangle size={14} />;
+  return "AI";
+};