removed large file

.gitignore

@@ -22,3 +22,6 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+.env
+tmp

Dockerfile

@@ -0,0 +1,38 @@
+FROM python:3.9
+
+# Set up a new user named "user" with user ID 1000
+RUN useradd -m -u 1000 user
+
+# Switch to the "user" user
+USER user
+
+# Set home to the user's home directory
+ENV HOME=/home/user \
+	PATH=/home/user/.local/bin:$PATH
+
+# Set the working directory to the user's home directory
+WORKDIR $HOME/app
+
+# install nodejs
+ENV PYTHONUNBUFFERED 1
+RUN apt-get update && apt-get install nodejs
+
+COPY requirements.txt .
+
+# Try and run pip command after setting the user with `USER user` to avoid permission issues with Python
+RUN pip install --no-cache-dir --upgrade pip
+
+RUN pip install -r requirements.txt
+
+# Copy the current directory contents into the container at $HOME/app setting the owner to the user
+COPY --chown=user . $HOME/app
+
+RUN npm install
+RUN npm run build
+
+CMD ["uvicorn", "api:app", "--host", "0.0.0.0", "--port", "7860"]
+
+
+# # Download a checkpoint
+# RUN mkdir content
+# ADD --chown=user https://<SOME_ASSET_URL> content/<SOME_ASSET_NAME>

README.md

@@ -1,54 +1,8 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config({
-  extends: [
-    // Remove ...tseslint.configs.recommended and replace with this
-    ...tseslint.configs.recommendedTypeChecked,
-    // Alternatively, use this for stricter rules
-    ...tseslint.configs.strictTypeChecked,
-    // Optionally, add this for stylistic rules
-    ...tseslint.configs.stylisticTypeChecked,
-  ],
-  languageOptions: {
-    // other options...
-    parserOptions: {
-      project: ['./tsconfig.node.json', './tsconfig.app.json'],
-      tsconfigRootDir: import.meta.dirname,
-    },
-  },
-})
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config({
-  plugins: {
-    // Add the react-x and react-dom plugins
-    'react-x': reactX,
-    'react-dom': reactDom,
-  },
-  rules: {
-    // other rules...
-    // Enable its recommended typescript rules
-    ...reactX.configs['recommended-typescript'].rules,
-    ...reactDom.configs.recommended.rules,
-  },
-})
-```
+---
+title: Wikispeedia
+emoji: 🐳
+colorFrom: purple
+colorTo: gray
+sdk: docker
+app_port: 7860
+---

api.py

@@ -0,0 +1,86 @@
+import sqlite3
+import json
+import os
+from typing import Tuple, List, Optional
+from functools import lru_cache
+from fastapi import FastAPI, HTTPException
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
+from pydantic import BaseModel
+import uvicorn
+from fastapi.responses import FileResponse
+
+app = FastAPI(title="WikiSpeedia API")
+
+# Add CORS middleware
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=["*"],  # Allows all origins
+    allow_credentials=True,
+    allow_methods=["*"],  # Allows all methods
+    allow_headers=["*"],  # Allows all headers
+)
+
+class ArticleResponse(BaseModel):
+    title: str
+    links: List[str]
+
+class HealthResponse(BaseModel):
+    status: str
+    article_count: int
+
+class SQLiteDB:
+    def __init__(self, db_path: str):
+        """Initialize the database with path to SQLite database"""
+        self.db_path = db_path
+        self.conn = sqlite3.connect(db_path)
+        self.conn.row_factory = sqlite3.Row
+        self.cursor = self.conn.cursor()
+        self._article_count = self._get_article_count()
+        print(f"Connected to SQLite database with {self._article_count} articles")
+
+    def _get_article_count(self):
+        self.cursor.execute("SELECT COUNT(*) FROM core_articles")
+        return self.cursor.fetchone()[0]
+
+    @lru_cache(maxsize=8192)
+    def get_article_with_links(self, article_title: str) -> Tuple[str, List[str]]:
+        self.cursor.execute(
+            "SELECT title, links_json FROM core_articles WHERE title = ?",
+            (article_title,),
+        )
+        article = self.cursor.fetchone()
+        if not article:
+            return None, []
+
+        links = json.loads(article["links_json"])
+        return article["title"], links
+
+# Initialize database connection
+db = SQLiteDB(
+    os.getenv("WIKISPEEDIA_DB_PATH", "/Users/jts/daily/wikihop/db/data/wikihop.db")
+)
+
+@app.get("/health", response_model=HealthResponse)
+async def health_check():
+    """Health check endpoint that returns the article count"""
+    return HealthResponse(
+        status="healthy",
+        article_count=db._article_count
+    )
+
+@app.get("/get_article_with_links/{article_title}", response_model=ArticleResponse)
+async def get_article(article_title: str):
+    """Get article and its links by title"""
+    title, links = db.get_article_with_links(article_title)
+    if title is None:
+        raise HTTPException(status_code=404, detail="Article not found")
+    return ArticleResponse(title=title, links=links)
+
+
+# Mount the dist folder for static files
+app.mount("/", StaticFiles(directory="dist", html=True), name="static")
+
+
+if __name__ == "__main__":
+    uvicorn.run(app, host="0.0.0.0", port=8000)

package.json

@@ -5,21 +5,29 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "vite build",
     "deploy": "yarn build && huggingface-cli upload --repo-type space --private HuggingFaceTB/Wikispeedia dist",
     "lint": "eslint .",
     "preview": "vite preview"
   },
   "dependencies": {
+    "@huggingface/hub": "^1.1.2",
+    "@huggingface/inference": "^3.10.0",
+    "@radix-ui/react-label": "^2.1.4",
     "@radix-ui/react-select": "^2.2.2",
     "@radix-ui/react-slot": "^1.2.0",
     "@radix-ui/react-tabs": "^1.1.9",
     "@tailwindcss/vite": "^4.1.5",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "d3": "^7.9.0",
+    "jwt-decode": "^4.0.0",
     "lucide-react": "^0.503.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
+    "react-force-graph-2d": "^1.27.1",
+    "react-force-graph-3d": "^1.26.1",
+    "react-vis-force": "^0.3.1",
     "tailwind-merge": "^3.2.0",
     "tailwindcss": "^4.1.5"
   },

requirements.txt

@@ -0,0 +1,14 @@
+annotated-types==0.7.0
+anyio==4.9.0
+click==8.1.8
+exceptiongroup==1.2.2
+fastapi==0.115.12
+h11==0.16.0
+idna==3.10
+pydantic==2.11.4
+pydantic-core==2.33.2
+sniffio==1.3.1
+starlette==0.46.2
+typing-extensions==4.13.2
+typing-inspection==0.4.0
+uvicorn==0.34.2

src/App.tsx

@@ -1,11 +1,14 @@
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import ViewerTab from "@/components/viewer-tab";
 import PlayTab from "@/components/play-tab";
-
+import { SignInWithHuggingFaceButton } from "@/components/sign-in-with-hf-button";
 export default function Home() {
   return (
     <div className="container mx-auto p-4">
-      <h1 className="text-3xl font-bold mb-6">Wikispeedia</h1>
+      <div className="flex flex-row justify-between">
+        <h1 className="text-3xl font-bold mb-6">Wikispeedia</h1>
+        <SignInWithHuggingFaceButton />
+      </div>
 
       <Tabs defaultValue="view" className="w-full">
         <TabsList className="mb-4">

src/components/force-directed-graph.tsx

@@ -1,143 +1,109 @@
 "use client";
 
+import { useEffect, useRef, useState } from "react";
+import ForceGraph2D from "react-force-graph-2d";
+import { Run } from "./reasoning-trace";
+
 // This is a placeholder component for the force-directed graph
 // In a real implementation, you would use a library like D3.js or react-force-graph
 
 interface ForceDirectedGraphProps {
   runId: number | null;
+  runs: Run[];
 }
 
-export default function ForceDirectedGraph({ runId }: ForceDirectedGraphProps) {
-  if (!runId) {
+export default function ForceDirectedGraph({runs, runId }: ForceDirectedGraphProps) {
+    const [graphData, setGraphData] = useState<{nodes: {id: string}[], links: {source: string, target: string}[]}>({nodes: [], links: []});
+    const [dimensions, setDimensions] = useState({ width: 300, height: 300 });
+    const containerRef = useRef<HTMLDivElement>(null);
+
+    useEffect(() => {
+
+        const newGraphData: {nodes: {id: string}[], links: {source: string, target: string}[]} = {nodes: [], links: []};
+        const nodesSet: Set<string> = new Set();
+        const mainNodeSet: Set<string> = new Set();
+
+        if(runs) {
+            runs.forEach((run) => {
+                // add in src and dst to nodes
+
+                mainNodeSet.add(run.start_article);
+                mainNodeSet.add(run.destination_article);
+
+                for(let i = 0; i < run.steps.length - 1; i++) {
+                    const step = run.steps[i];
+                    const nextStep = run.steps[i + 1];
+
+                    if(!mainNodeSet.has(step.article)) {
+                        nodesSet.add(step.article);
+                    }
+
+                    if(!mainNodeSet.has(nextStep.article)) {
+                        nodesSet.add(nextStep.article);
+                    }
+
+                    newGraphData.links.push({source: step.article, target: nextStep.article});
+                }
+
+                const mainNodes = Array.from(mainNodeSet);
+                const radius = 200; // Radius of the circle
+                const centerX = 400; // Center X coordinate
+                const centerY = 300; // Center Y coordinate
+
+                newGraphData.nodes = mainNodes.map((id, index) => {
+                    const angle = (index * 2 * Math.PI) / mainNodes.length;
+                    return {
+                        id,
+                        fx: centerX + radius * Math.cos(angle),
+                        fy: centerY + radius * Math.sin(angle),
+                        color: "red"
+                    };
+                });
+                newGraphData.nodes.push(...Array.from(nodesSet).map((id) => ({id})));
+            });
+
+            setGraphData(newGraphData);
+        }
+    }, [runs]);
+
+    // useEffect(() => {
+    //     if (!containerRef.current) return;
+    //     const observer = new window.ResizeObserver(entries => {
+    //         for (const entry of entries) {
+    //             const { width, height } = entry.contentRect;
+    //             setDimensions({ width, height });
+    //         }
+    //     });
+    //     observer.observe(containerRef.current);
+    //     // Set initial size
+    //     setDimensions({
+    //         width: containerRef.current.offsetWidth,
+    //         height: containerRef.current.offsetHeight
+    //     });
+    //     return () => observer.disconnect();
+    // }, []);
+
+    // if (!runId) {
+    //     return (
+    //         <div className="w-full h-full flex items-center justify-center text-muted-foreground">
+    //             Select a run to view the path graph
+    //         </div>
+    //     );
+    // }
+
     return (
-      <div className="w-full h-full flex items-center justify-center text-muted-foreground">
-        Select a run to view the path graph
-      </div>
+        <div className="w-full h-full flex items-center justify-center">
+            <div ref={containerRef} className="w-full h-full">
+                <ForceGraph2D
+                    graphData={graphData}
+                    nodeLabel="id"
+                    linkLabel="id"
+                    nodeColor="color"
+                    linkColor="gray"
+                    width={dimensions.width}
+                    height={dimensions.height}
+                />
+            </div>
+        </div>
     );
-  }
-
-  // This is just a placeholder SVG - in a real implementation,
-  // you would render an actual force-directed graph
-  return (
-    <div className="w-full h-full flex items-center justify-center">
-      <svg width="100%" height="100%" viewBox="0 0 800 600">
-        {/* Center node */}
-        <circle cx="400" cy="300" r="20" fill="#ff4d4f" />
-
-        {/* Surrounding nodes */}
-        <circle cx="200" cy="150" r="15" fill="#ff9c6e" />
-        <circle cx="600" cy="150" r="15" fill="#ff9c6e" />
-        <circle cx="200" cy="450" r="15" fill="#ff9c6e" />
-        <circle cx="600" cy="450" r="15" fill="#ff9c6e" />
-        <circle cx="300" cy="100" r="15" fill="#ff9c6e" />
-        <circle cx="500" cy="100" r="15" fill="#ff9c6e" />
-        <circle cx="300" cy="500" r="15" fill="#ff9c6e" />
-        <circle cx="500" cy="500" r="15" fill="#ff9c6e" />
-
-        {/* Lines connecting nodes */}
-        <line
-          x1="400"
-          y1="300"
-          x2="200"
-          y2="150"
-          stroke="#ffa39e"
-          strokeWidth="2"
-        />
-        <line
-          x1="400"
-          y1="300"
-          x2="600"
-          y2="150"
-          stroke="#ffa39e"
-          strokeWidth="2"
-        />
-        <line
-          x1="400"
-          y1="300"
-          x2="200"
-          y2="450"
-          stroke="#ffa39e"
-          strokeWidth="2"
-        />
-        <line
-          x1="400"
-          y1="300"
-          x2="600"
-          y2="450"
-          stroke="#ffa39e"
-          strokeWidth="2"
-        />
-        <line
-          x1="400"
-          y1="300"
-          x2="300"
-          y2="100"
-          stroke="#ffa39e"
-          strokeWidth="2"
-        />
-        <line
-          x1="400"
-          y1="300"
-          x2="500"
-          y2="100"
-          stroke="#ffa39e"
-          strokeWidth="2"
-        />
-        <line
-          x1="400"
-          y1="300"
-          x2="300"
-          y2="500"
-          stroke="#ffa39e"
-          strokeWidth="2"
-        />
-        <line
-          x1="400"
-          y1="300"
-          x2="500"
-          y2="500"
-          stroke="#ffa39e"
-          strokeWidth="2"
-        />
-
-        {/* Secondary connections */}
-        <line
-          x1="200"
-          y1="150"
-          x2="300"
-          y2="100"
-          stroke="#ffa39e"
-          strokeWidth="1"
-          opacity="0.5"
-        />
-        <line
-          x1="600"
-          y1="150"
-          x2="500"
-          y2="100"
-          stroke="#ffa39e"
-          strokeWidth="1"
-          opacity="0.5"
-        />
-        <line
-          x1="200"
-          y1="450"
-          x2="300"
-          y2="500"
-          stroke="#ffa39e"
-          strokeWidth="1"
-          opacity="0.5"
-        />
-        <line
-          x1="600"
-          y1="450"
-          x2="500"
-          y2="500"
-          stroke="#ffa39e"
-          strokeWidth="1"
-          opacity="0.5"
-        />
-      </svg>
-    </div>
-  );
 }

src/components/game-component.tsx

@@ -0,0 +1,424 @@
+"use client";
+
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { Card } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Flag, Clock, Hash, BarChart, ArrowRight, Bot } from "lucide-react";
+import inference from "@/lib/inference";
+import ReasoningTrace, { Run, Step } from "./reasoning-trace";
+import ForceDirectedGraph from "./force-directed-graph";
+
+const mockRun: Run = {
+  steps: [
+    {
+      type: "start",
+      article: "Dogs",
+      metadata: {
+        message: "Starting Node",
+      },
+    },
+    {
+      type: "step",
+      article: "Dogs",
+      links: ["Dogs", "Cats", "Birds"],
+      metadata: {
+        conversation: [
+          {
+            role: "user",
+            content: "I want to go to the moon",
+          },
+          {
+            role: "assistant",
+            content: "I want to go to the moon",
+          },
+        ],
+      },
+    },
+  ],
+};
+const buildPrompt = (
+  current: string,
+  target: string,
+  path_so_far: string[],
+  links: string[]
+) => {
+  const formatted_links = links
+    .map((link, index) => `${index + 1}. ${link}`)
+    .join("\n");
+  const path_so_far_str = path_so_far.join(" -> ");
+
+  return `You are playing WikiRun, trying to navigate from one Wikipedia article to another using only links.
+
+IMPORTANT: You MUST put your final answer in <answer>NUMBER</answer> tags, where NUMBER is the link number.
+For example, if you want to choose link 3, output <answer>3</answer>.
+
+Current article: ${current}
+Target article: ${target}
+You have ${links.length} link(s) to choose from:
+${formatted_links}
+
+Your path so far: ${path_so_far_str}
+
+Think about which link is most likely to lead you toward the target article.
+First, analyze each link briefly and how it connects to your goal, then select the most promising one.
+
+Remember to format your final answer by explicitly writing out the xml number tags like this: <answer>NUMBER</answer>`;
+};
+
+const API_BASE = "http://localhost:8000";
+
+interface GameComponentProps {
+  player: "me" | "model";
+  model?: string;
+  maxHops: number;
+  startPage: string;
+  targetPage: string;
+  onReset: () => void;
+  maxTokens: number;
+  maxLinks: number;
+}
+
+export default function GameComponent({
+  player,
+  model,
+  maxHops,
+  startPage,
+  targetPage,
+  onReset,
+  maxTokens,
+  maxLinks,
+}: GameComponentProps) {
+  const [currentPage, setCurrentPage] = useState<string>(startPage);
+  const [currentPageLinks, setCurrentPageLinks] = useState<string[]>([]);
+  const [linksLoading, setLinksLoading] = useState<boolean>(false);
+  const [hops, setHops] = useState<number>(0);
+  const [timeElapsed, setTimeElapsed] = useState<number>(0);
+  const [visitedNodes, setVisitedNodes] = useState<string[]>([startPage]);
+  const [gameStatus, setGameStatus] = useState<"playing" | "won" | "lost">(
+    "playing"
+  );
+  const [reasoningTrace, setReasoningTrace] = useState<Run | null>({
+    start_article: startPage,
+    destination_article: targetPage,
+    steps: [
+      {
+        type: "start",
+        article: startPage,
+        metadata: {
+          message: "Starting Node",
+        },
+      },
+    ],
+  });
+  const [isModelThinking, setIsModelThinking] = useState<boolean>(false);
+
+  const runs = useMemo(() => {
+    return reasoningTrace ? [reasoningTrace] : [];
+  }, [reasoningTrace]);
+
+  const fetchCurrentPageLinks = useCallback(async () => {
+    setLinksLoading(true);
+    const response = await fetch(
+      `${API_BASE}/get_article_with_links/${currentPage}`
+    );
+    const data = await response.json();
+    setCurrentPageLinks(data.links.slice(0, maxLinks));
+    setLinksLoading(false);
+  }, [currentPage, maxLinks]);
+
+  useEffect(() => {
+    fetchCurrentPageLinks();
+  }, [fetchCurrentPageLinks]);
+
+  useEffect(() => {
+    if (gameStatus === "playing") {
+      const timer = setInterval(() => {
+        setTimeElapsed((prev) => prev + 1);
+      }, 1000);
+
+      return () => clearInterval(timer);
+    }
+  }, [gameStatus]);
+
+  // Check win condition
+  useEffect(() => {
+    if (currentPage === targetPage) {
+      setGameStatus("won");
+    } else if (hops >= maxHops) {
+      setGameStatus("lost");
+    }
+  }, [currentPage, targetPage, hops, maxHops]);
+
+  const addStepToReasoningTrace = (step: Step) => {
+    setReasoningTrace((prev) => {
+      if (!prev) return { steps: [step], start_article: startPage, destination_article: targetPage };
+      return { steps: [...prev.steps, step], start_article: startPage, destination_article: targetPage };
+    });
+  };
+
+  const handleLinkClick = (link: string, userClicked: boolean = true) => {
+    if (gameStatus !== "playing") return;
+
+    setCurrentPage(link);
+    setHops((prev) => prev + 1);
+    setVisitedNodes((prev) => [...prev, link]);
+    if (userClicked) {
+      addStepToReasoningTrace({
+        type: "step",
+        article: link,
+        links: currentPageLinks,
+        metadata: {
+          message: "User clicked link",
+        },
+      });
+    }
+  };
+
+  const makeModelMove = async () => {
+    setIsModelThinking(true);
+
+    const prompt = buildPrompt(
+      currentPage,
+      targetPage,
+      visitedNodes,
+      currentPageLinks
+    );
+
+    const modelResponse = await inference({
+      apiKey:
+        window.localStorage.getItem("huggingface_access_token") || undefined,
+      model: model,
+      prompt,
+      maxTokens: maxTokens,
+    });
+    console.log("Model response", modelResponse.content);
+
+    const answer = modelResponse.content?.match(/<answer>(.*?)<\/answer>/)?.[1];
+    if (!answer) {
+      console.error("No answer found in model response");
+      return;
+    }
+
+    // try parsing the answer as an integer
+    const answerInt = parseInt(answer);
+    if (isNaN(answerInt)) {
+      console.error("Invalid answer found in model response");
+      return;
+    }
+
+    if (answerInt < 1 || answerInt > currentPageLinks.length) {
+      console.error(
+        "Selected link out of bounds",
+        answerInt,
+        "from ",
+        currentPageLinks.length,
+        "links"
+      );
+      return;
+    }
+
+    const selectedLink = currentPageLinks[answerInt - 1];
+
+    console.log(
+      "Model picked selectedLink",
+      selectedLink,
+      "from ",
+      currentPageLinks
+    );
+
+    addStepToReasoningTrace({
+      type: "step",
+      article: selectedLink,
+      links: currentPageLinks,
+      metadata: {
+        message: "Model picked link",
+        conversation: [
+          {
+            role: "user",
+            content: prompt,
+          },
+          {
+            role: "assistant",
+            content: modelResponse.content || "",
+          },
+        ],
+      },
+    });
+
+    handleLinkClick(selectedLink, false);
+    setIsModelThinking(false);
+  };
+
+  const handleGiveUp = () => {
+    setGameStatus("lost");
+  };
+
+  const formatTime = (seconds: number) => {
+    const mins = Math.floor(seconds / 60);
+    const secs = seconds % 60;
+    return `${mins}:${secs < 10 ? "0" : ""}${secs}`;
+  };
+
+  return (
+    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+      <Card className="p-4 flex col-span-2">
+        <h2 className="text-xl font-bold">Game Status</h2>
+        <div className="grid grid-cols-4 gap-4 mb-4">
+          <div className="bg-muted/30 p-3 rounded-md">
+            <div className="flex items-center gap-2 text-sm font-medium text-muted-foreground mb-1">
+              <ArrowRight className="h-4 w-4" /> Current
+            </div>
+            <div className="font-medium">{currentPage}</div>
+          </div>
+          <div className="bg-muted/30 p-3 rounded-md">
+            <div className="flex items-center gap-2 text-sm font-medium text-muted-foreground mb-1">
+              <Flag className="h-4 w-4" /> Target
+            </div>
+            <div className="font-medium">{targetPage}</div>
+          </div>
+
+          <div className="bg-muted/30 p-3 rounded-md">
+            <div className="flex items-center gap-2 text-sm font-medium text-muted-foreground mb-1">
+              <Hash className="h-4 w-4" /> Hops
+            </div>
+            <div className="font-medium">
+              {hops} / {maxHops}
+            </div>
+          </div>
+
+          <div className="bg-muted/30 p-3 rounded-md">
+            <div className="flex items-center gap-2 text-sm font-medium text-muted-foreground mb-1">
+              <Clock className="h-4 w-4" /> Time
+            </div>
+            <div className="font-medium">{formatTime(timeElapsed)}</div>
+          </div>
+        </div>
+
+        {player === "model" && (
+          <div className="mb-4 bg-blue-50 border border-blue-200 rounded-md p-3">
+            <div className="flex items-center gap-2">
+              <Bot className="h-4 w-4 text-blue-500" />
+              <span className="font-medium text-blue-700">
+                {model} {isModelThinking ? "is playing..." : "is playing"}
+              </span>
+            </div>
+          </div>
+        )}
+      </Card>
+      {/* Left pane - Current page and available links */}
+      <Card className="p-4 flex flex-col">
+        <h2 className="text-xl font-bold">Available Links</h2>
+        <div className="flex justify-between items-center mb-4">
+          {gameStatus !== "playing" && (
+            <Button onClick={onReset} variant="outline">
+              New Game
+            </Button>
+          )}
+        </div>
+
+        {/* Wikipedia iframe (mocked) */}
+        {/* <div className="bg-muted/30 rounded-md flex-1 mb-4 overflow-hidden">
+          <div className="bg-white p-4 border-b">
+            <h2 className="text-xl font-bold">{currentPage}</h2>
+            <p className="text-sm text-muted-foreground">
+              https://en.wikipedia.org/wiki/{currentPage.replace(/\s+/g, "_")}
+            </p>
+          </div>
+          <div className="p-4">
+            <p className="text-sm">
+              This is a mock Wikipedia page for {currentPage}. In the actual
+              implementation, this would be an iframe showing the real Wikipedia
+              page.
+            </p>
+          </div>
+        </div> */}
+
+        {/* Available links */}
+        {gameStatus === "playing" && (
+          <>
+            <div className="grid grid-cols-2 sm:grid-cols-3 gap-2 mb-4 overflow-y-auto max-h-[200px]">
+              {currentPageLinks
+                .sort((a, b) => a.localeCompare(b))
+                .map((link) => (
+                  <Button
+                    key={link}
+                    variant="outline"
+                    size="sm"
+                    className="justify-start overflow-hidden text-ellipsis whitespace-nowrap"
+                    onClick={() => handleLinkClick(link)}
+                    disabled={player === "model" || isModelThinking}
+                  >
+                    {link}
+                  </Button>
+                ))}
+            </div>
+
+            {player === "model" && (
+              <Button
+                onClick={makeModelMove}
+                disabled={isModelThinking || linksLoading}
+              >
+                Make Move
+              </Button>
+            )}
+          </>
+        )}
+
+        {player === "model" && isModelThinking && gameStatus === "playing" && (
+          <div className="flex items-center gap-2 text-sm animate-pulse mb-4">
+            <Bot className="h-4 w-4" />
+            <span>{model} is thinking...</span>
+          </div>
+        )}
+
+        {gameStatus === "playing" && player === "me" && (
+          <Button
+            onClick={handleGiveUp}
+            variant="destructive"
+            className="mt-auto"
+          >
+            Give Up
+          </Button>
+        )}
+
+        {gameStatus === "won" && (
+          <div className="bg-green-100 text-green-800 p-4 rounded-md mt-auto">
+            <h3 className="font-bold">
+              {player === "model" ? `${model} won!` : "You won!"}
+            </h3>
+            <p>
+              {player === "model" ? "It" : "You"} reached {targetPage} in {hops}{" "}
+              hops.
+            </p>
+          </div>
+        )}
+
+        {gameStatus === "lost" && (
+          <div className="bg-red-100 text-red-800 p-4 rounded-md mt-auto">
+            <h3 className="font-bold">Game Over</h3>
+            <p>
+              {player === "model" ? `${model} didn't` : "You didn't"} reach{" "}
+              {targetPage} within {maxHops} hops.
+            </p>
+          </div>
+        )}
+      </Card>
+
+      <Card className="p-4 flex flex-col max-h-[500px] overflow-y-auto">
+        <ReasoningTrace run={reasoningTrace} />
+      </Card>
+
+      {/* Right pane - Game stats and graph */}
+      <Card className="p-4 flex flex-col">
+        <div className="flex-1 bg-muted/30 rounded-md p-4">
+          <div className="flex items-center gap-2 text-sm font-medium text-muted-foreground mb-2">
+            <BarChart className="h-4 w-4" /> Path Visualization
+          </div>
+
+          <ForceDirectedGraph runs={runs} runId={null} />
+        </div>
+      </Card>
+    </div>
+  );
+}
+

src/components/play-tab.tsx

@@ -1,7 +1,266 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { Card } from "@/components/ui/card";
+import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Button } from "@/components/ui/button";
+import { Sun } from "lucide-react";
+import { Wifi, WifiOff } from "lucide-react";
+import GameComponent from "@/components/game-component";
+import {
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
+const API_BASE = "http://localhost:8000/";
+
+// Available AI models
+const aiModels = [
+  { id: "gpt-4o", name: "GPT-4o", category: "OpenAI" },
+  { id: "claude-3-5-sonnet", name: "Claude 3.5 Sonnet", category: "Anthropic" },
+  { id: "gemini-1.5-pro", name: "Gemini 1.5 Pro", category: "Google" },
+  { id: "llama-3-70b", name: "Llama 3 70B", category: "Meta" },
+  { id: "mistral-large", name: "Mistral Large", category: "Mistral AI" },
+];
+
 export default function PlayTab() {
+  const [player, setPlayer] = useState<"me" | "model">("me");
+  const [selectedModel, setSelectedModel] = useState<string | undefined>();
+  const [maxHops, setMaxHops] = useState<number>(20);
+  const [nodeList, setNodeList] = useState<string>("default");
+  const [isGameStarted, setIsGameStarted] = useState<boolean>(false);
+  const [startPage, setStartPage] = useState<string>("Dogs");
+  const [targetPage, setTargetPage] = useState<string>("Canada");
+  const [maxTokens, setMaxTokens] = useState<number>(1024);
+  const [maxLinks, setMaxLinks] = useState<number>(200);
+  const [isServerConnected, setIsServerConnected] = useState<boolean>(false);
+  const [modelList, setModelList] = useState<{id: string, name: string, author: string, likes: number, trendingScore: number}[]>([]);
+
+  // Server connection check
+  useEffect(() => {
+    fetchAvailableModels();
+    const checkServerConnection = async () => {
+      try {
+        const response = await fetch(API_BASE);
+        setIsServerConnected(response.ok);
+      } catch {
+        setIsServerConnected(false);
+      }
+    };
+
+    // Check immediately and then every 30 seconds
+    checkServerConnection();
+    const interval = setInterval(checkServerConnection, 30000);
+
+    return () => clearInterval(interval);
+  }, []);
+
+  const handleStartGame = () => {
+    setIsGameStarted(true);
+  };
+
+  const handleResetGame = () => {
+    setIsGameStarted(false);
+  };
+
+  const handlePlayerChange = (value: string) => {
+    setPlayer(value as "me" | "model");
+  };
+
+  const fetchAvailableModels = async () => {
+    const response = await fetch(
+      "https://huggingface.co/api/models?inference_provider=all&pipeline_tag=text-generation"
+    );
+    const models = await response.json()
+    const filteredModels = models.filter((m: any) => m.tags.includes('text-generation'))
+    const modelList = filteredModels.map((m: any) => ({
+        id: m.id,
+        likes: m.likes,
+        trendingScore: m.trendingScore,
+        author: m.id.split('/')[0],
+        name: m.id.split('/')[1],
+    }));
+    console.log("got model list", modelList);
+    setModelList(modelList);
+  }
+
   return (
-    <div className="flex items-center justify-center h-[600px] bg-muted/30 rounded-md">
-      <p className="text-muted-foreground">Play tab coming soon...</p>
+    <div className="space-y-4">
+      {!isGameStarted ? (
+        <Card className="p-6">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+            <div className="space-y-4">
+              <div>
+                <Label htmlFor="player-select" className="block mb-2">
+                  Player
+                </Label>
+                <Tabs
+                  defaultValue="me"
+                  value={player}
+                  onValueChange={handlePlayerChange}
+                  className="w-full"
+                >
+                  <TabsList className="grid w-full grid-cols-2">
+                    <TabsTrigger value="me">Me</TabsTrigger>
+                    <TabsTrigger value="model">Model</TabsTrigger>
+                  </TabsList>
+                </Tabs>
+              </div>
+
+              <div className="flex items-center gap-2">
+                <div className="flex items-center gap-1 text-sm">
+                  {isServerConnected ? (
+                    <Wifi className="h-4 w-4 text-green-500" />
+                  ) : (
+                    <WifiOff className="h-4 w-4 text-red-500" />
+                  )}
+                  <span
+                    className={
+                      isServerConnected ? "text-green-500" : "text-red-500"
+                    }
+                  >
+                    {isServerConnected ? "Connected" : "Disconnected"}
+                  </span>
+                </div>
+              </div>
+            </div>
+
+            <div>
+              <Label htmlFor="max-hops" className="block mb-2">
+                Max Hops
+              </Label>
+              <Input
+                id="max-hops"
+                type="number"
+                value={maxHops}
+                onChange={(e) => setMaxHops(Number.parseInt(e.target.value))}
+                min={1}
+                max={100}
+              />
+            </div>
+
+            <div>
+              <Label htmlFor="node-list" className="block mb-2">
+                Node List
+              </Label>
+              <Tabs
+                defaultValue="default"
+                value={nodeList}
+                onValueChange={setNodeList}
+                className="w-full"
+              >
+                <TabsList className="grid w-full grid-cols-2">
+                  <TabsTrigger value="default">Default</TabsTrigger>
+                  <TabsTrigger value="custom">Custom</TabsTrigger>
+                </TabsList>
+              </Tabs>
+            </div>
+
+            {player === "model" && (
+              <div className="md:col-span-3 animate-in fade-in slide-in-from-top-5 duration-300 grid grid-cols-1 md:grid-cols-3 gap-4 mt-2">
+                <div>
+                  <Label htmlFor="model-select" className="block mb-2">
+                    Select Model
+                  </Label>
+                  <Select
+                    value={selectedModel}
+                    onValueChange={setSelectedModel}
+                  >
+                    <SelectTrigger className="w-full">
+                      <SelectValue placeholder={`Select a model (${modelList.length} models available)`} />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {modelList.map((model) => (
+                        <SelectItem key={model.id} value={model.id}>
+                          {model.id}
+                        </SelectItem>
+                      ))}
+                    </SelectContent>
+                  </Select>
+                </div>
+                <div>
+                  <Label htmlFor="max-tokens" className="block mb-2">
+                    Max Tokens
+                  </Label>
+                  <Input
+                    id="max-tokens" 
+                    type="number"
+                    value={maxTokens}
+                    onChange={(e) => setMaxTokens(Number.parseInt(e.target.value))}
+                    min={1}
+                    max={10000}
+                  />
+                </div>
+                <div>
+                  <Label htmlFor="max-links" className="block mb-2">
+                    Max Links
+                  </Label>
+                  <Input
+                    id="max-links"
+                    type="number"
+                    value={maxLinks}
+                    onChange={(e) => setMaxLinks(Number.parseInt(e.target.value))}
+                    min={1}
+                    max={1000}
+                  />
+                </div>
+              </div>
+            )}
+          </div>
+
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-6 mt-6">
+            <div>
+              <Label htmlFor="start-page" className="block mb-2">
+                Start Page
+              </Label>
+              <Input
+                id="start-page"
+                value={startPage}
+                onChange={(e) => setStartPage(e.target.value)}
+                placeholder="e.g. Dogs"
+              />
+            </div>
+
+            <div className="flex items-end gap-2">
+              <div className="flex-1">
+                <Label
+                  htmlFor="target-page"
+                  className="flex items-center gap-1 mb-2"
+                >
+                  Target Page <Sun className="h-4 w-4 text-yellow-500" />
+                </Label>
+                <Input
+                  id="target-page"
+                  value={targetPage}
+                  onChange={(e) => setTargetPage(e.target.value)}
+                  placeholder="e.g. Canada"
+                />
+              </div>
+              <Button onClick={handleStartGame} className="mb-0.5">
+                Start Game
+              </Button>
+            </div>
+          </div>
+        </Card>
+      ) : (
+        <GameComponent
+          player={player}
+          model={player === "model" ? selectedModel : undefined}
+          maxHops={maxHops}
+          startPage={startPage}
+          targetPage={targetPage}
+          onReset={handleResetGame}
+          maxTokens={maxTokens}
+          maxLinks={maxLinks}
+        />
+      )}
     </div>
   );
 }

src/components/reasoning-trace.tsx

@@ -1,67 +1,109 @@
 "use client";
 
 import { useState } from "react";
-import { Input } from "@/components/ui/input";
 import { Button } from "@/components/ui/button";
-import { Send } from "lucide-react";
+
+interface Message {
+  role: "user" | "assistant";
+  content: string;
+}
+
+interface StepMetadata {
+  message?: string;
+  conversation?: Message[];
+}
+
+export interface Step {
+  type: string;
+  article: string;
+  links?: unknown[];
+  metadata?: StepMetadata;
+}
+
+export interface Run {
+  steps: Step[];
+  start_article: string;
+  destination_article: string;
+}
 
 interface ReasoningTraceProps {
-  runId: number | null;
+  run: Run | null | undefined;
 }
 
-export default function ReasoningTrace({ runId }: ReasoningTraceProps) {
-  const [userInput, setUserInput] = useState("");
+const MAX_MESSAGE_LENGTH = 200;
+
+function ExpandableMessage({ message }: { message: Message }) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const isLongMessage = message.content.length > MAX_MESSAGE_LENGTH;
 
-  if (!runId) {
+  const toggleExpand = () => setIsExpanded(!isExpanded);
+
+  return (
+    <div
+      className={`p-3 rounded-lg max-w-[80%] ${
+        message.role === "user"
+          ? "bg-primary/10 ml-auto"
+          : "bg-secondary/10 mr-auto"
+      }`}
+    >
+      <p className="text-xs font-semibold mb-1 capitalize text-muted-foreground">
+        {message.role}
+      </p>
+      <p className="text-sm whitespace-pre-wrap">
+        {isLongMessage && !isExpanded
+          ? `${message.content.substring(0, MAX_MESSAGE_LENGTH)}...`
+          : message.content}
+      </p>
+      {isLongMessage && (
+        <Button
+          variant="link"
+          size="sm"
+          className="p-0 h-auto text-xs mt-1"
+          onClick={toggleExpand}
+        >
+          {isExpanded ? "Show Less" : "Show More"}
+        </Button>
+      )}
+    </div>
+  );
+}
+
+export default function ReasoningTrace({ run }: ReasoningTraceProps) {
+  if (!run?.steps) {
     return (
       <div className="w-full h-full flex items-center justify-center text-muted-foreground">
-        Select a run to view the reasoning trace
+        {run === undefined ? "Loading..." : "Select a run to view the reasoning trace"}
       </div>
     );
   }
 
   return (
     <div className="flex flex-col h-full">
-      <h3 className="text-lg font-medium mb-4">LLM Reasoning Trace</h3>
+      <h3 className="text-lg font-semibold mb-4 px-1">LLM Reasoning Trace</h3>
 
-      <div className="flex-1 overflow-y-auto mb-4 bg-muted/30 rounded-md p-4">
-        <div className="space-y-4">
-          <div className="bg-primary/10 p-3 rounded-lg max-w-[80%]">
-            <p className="text-sm">Hello! How can I help you today?</p>
-          </div>
+      <div className="flex-1 overflow-y-auto space-y-4 p-1">
+        {run.steps.map((step, index) => (
+          <div key={index} className="py-4 px-2">
+            <div>
+              <h4 className="text-base font-semibold">Step {index + 1} - {step.article}</h4>
+              {step.metadata?.message && (
+                 <p className="text-sm text-muted-foreground pt-1 italic">"{step.metadata.message}"</p>
+              )}
+            </div>
 
-          <div className="bg-primary/10 p-3 rounded-lg max-w-[80%] ml-auto">
-            <p className="text-sm">How can I deploy a website to Vercel?</p>
-          </div>
+            {step.metadata?.conversation && step.metadata.conversation.length > 0 && (
+               <div className="space-y-2 mt-3 pt-3">
+                {step.metadata.conversation.map((message, msgIndex) => (
+                  <ExpandableMessage key={msgIndex} message={message} />
+                ))}
+               </div>
+            )}
 
-          <div className="bg-primary/10 p-3 rounded-lg max-w-[80%]">
-            <p className="text-sm">
-              To deploy a website to Vercel, follow these steps:
-              <br />
-              <br />
-              1. Sign up for a Vercel account: Go to https://vercel.com/signup
-              and sign up using your GitHub, GitLab, or Bitbucket account, or
-              with your email address.
-              <br />
-              <br />
-              2. Install the Vercel command-line interface (CLI) by running the
-              following command in your terminal or command prompt:
-              <br />
-              <code className="bg-muted p-1 rounded">
-                npm install -g vercel
-              </code>
-              <br />
-              <br />
-              Make sure you have Node.js and npm installed on your system before
-              running this command.
-              <br />
-              <br />
-              3. Authenticate with Vercel: Run the following command:
-              <br />
-              <code className="bg-muted p-1 rounded">vercel login</code>
-            </p>
+            {index < run.steps.length - 1 && (
+              <hr className="my-6" />
+            )}
           </div>
-        </div>
+        ))}
       </div>
     </div>
   );

src/components/runs-list.tsx

@@ -4,10 +4,9 @@ import { Card } from "@/components/ui/card";
 import { cn } from "@/lib/utils";
 
 interface Run {
-  id: number;
-  start: string;
-  end: string;
-  hops: number;
+  start_article: string;
+  destination_article: string;
+  steps: string[];
 }
 
 interface RunsListProps {
@@ -23,21 +22,21 @@ export default function RunsList({
 }: RunsListProps) {
   return (
     <div className="h-[600px] overflow-y-auto space-y-2 pr-1">
-      {runs.map((run) => (
+      {runs.map((run, index) => (
         <Card
-          key={run.id}
+          key={index}
           className={cn(
             "p-3 cursor-pointer transition-all border",
-            selectedRunId === run.id
+            selectedRunId === index
               ? "bg-primary/10 border-primary/50 shadow-sm"
               : "hover:bg-muted/80 border-transparent"
           )}
-          onClick={() => onSelectRun(run.id)}
+          onClick={() => onSelectRun(index)}
         >
           <div className="flex items-center justify-between">
             <div>
               <p className="font-medium flex items-center">
-                <span>{run.start}</span>
+                <span>{run.start_article}</span>
                 <svg
                   xmlns="http://www.w3.org/2000/svg"
                   width="16"
@@ -53,11 +52,11 @@ export default function RunsList({
                   <path d="M5 12h14" />
                   <path d="m12 5 7 7-7 7" />
                 </svg>
-                <span>{run.end}</span>
+                <span>{run.destination_article}</span>
               </p>
-              <p className="text-sm text-muted-foreground">{run.hops} hops</p>
+              <p className="text-sm text-muted-foreground">{run.steps.length} hops</p>
             </div>
-            {selectedRunId === run.id && (
+            {selectedRunId === index && (
               <div
                 className="h-2 w-2 rounded-full bg-primary"
                 aria-hidden="true"

src/components/sign-in-with-hf-button.tsx

@@ -0,0 +1,85 @@
+// Use the code query parameter to get an access token and id token from https://huggingface.co/oauth/token (POST request with client_id, code, grant_type=authorization_code and redirect_uri as form data, and with Authorization: Basic {base64(client_id:client_secret)} as a header).
+import { useState } from "react";
+import { useEffect } from "react";
+import { jwtDecode } from "jwt-decode";
+
+const CLIENT_ID = "a67ef241-fb7e-4300-a6bd-8430a7565c9a";
+const REDIRECT_URI = "http://localhost:5173/auth/callback";
+const SCOPE = "openid%20profile%20email%20inference-api";
+const STATE = "1234567890";
+const SSO_URL = `https://huggingface.co/oauth/authorize?client_id=${CLIENT_ID}&redirect_uri=${REDIRECT_URI}&response_type=code&scope=${SCOPE}&prompt=consent&state=${STATE}`;
+const API_BASE = "https://huggingface.co/oauth/token";
+const CLIENT_SECRET = import.meta.env.VITE_HUGGINGFACE_CLIENT_SECRET; // THIS IS UNSAFE, must fix before real deploy
+
+export const SignInWithHuggingFaceButton = () => {
+  const [isSignedIn, setIsSignedIn] = useState(false);
+  const [isLoading, setIsLoading] = useState(false);
+  const [name, setName] = useState<string | null>(null);
+
+  useEffect(() => {
+    const idToken = window.localStorage.getItem("huggingface_id_token");
+    const accessToken = window.localStorage.getItem("huggingface_access_token");
+    
+    if (idToken && accessToken) {
+      const idTokenObject = JSON.parse(idToken);
+      if (idTokenObject.exp > Date.now() / 1000) {
+        setIsSignedIn(true);
+        setName(idTokenObject.name);
+
+        return;
+      }
+    }
+
+
+    async function fetchToken() {
+      const code = new URLSearchParams(window.location.search).get("code");
+      if (code) {
+        // remove the code from the url
+        window.history.replaceState({}, "", window.location.pathname);
+        setIsLoading(true);
+        const response = await fetch(`${API_BASE}`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/x-www-form-urlencoded",
+            Authorization: `Basic ${btoa(`${CLIENT_ID}:${CLIENT_SECRET}`)}`,
+          },
+          body: new URLSearchParams({
+            client_id: CLIENT_ID,
+            code,
+            grant_type: "authorization_code",
+            redirect_uri: REDIRECT_URI
+          }).toString(),
+        });
+        const data = await response.json();
+        window.localStorage.setItem("huggingface_access_token", data.access_token);
+
+        // parse the id_token
+        const idToken = jwtDecode(data.id_token);
+        console.log(idToken);
+        window.localStorage.setItem("huggingface_id_token", JSON.stringify(idToken));
+        setName(idToken.name);
+        setIsSignedIn(true);
+        setIsLoading(false);
+      }
+    }
+
+    fetchToken();
+  }, []);
+
+  if (isLoading) {
+    return <div>Loading...</div>;
+  }
+
+  if (isSignedIn) {
+    return <div>Welcome, {name}</div>;
+  }
+
+  return (
+    <a href={SSO_URL} rel="nofollow">
+      <img
+        src="https://huggingface.co/datasets/huggingface/badges/resolve/main/sign-in-with-huggingface-xl.svg"
+        alt="Sign in with Hugging Face"
+      />
+    </a>
+  );
+};

src/components/ui/label.tsx

@@ -0,0 +1,22 @@
+import * as React from "react"
+import * as LabelPrimitive from "@radix-ui/react-label"
+
+import { cn } from "@/lib/utils"
+
+function Label({
+  className,
+  ...props
+}: React.ComponentProps<typeof LabelPrimitive.Root>) {
+  return (
+    <LabelPrimitive.Root
+      data-slot="label"
+      className={cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+export { Label }

src/components/viewer-tab.tsx

@@ -1,5 +1,10 @@
 "use client";
 
+import * as hub from "@huggingface/hub";
+import type { RepoDesignation } from "@huggingface/hub";
+
+import mockResults from "../../qwen3-final-results.json";
+
 import { useState } from "react";
 import {
   Select,
@@ -8,11 +13,19 @@ import {
   SelectTrigger,
   SelectValue,
 } from "@/components/ui/select";
+import { Button } from "@/components/ui/button";
 import { Card } from "@/components/ui/card";
 import ForceDirectedGraph from "@/components/force-directed-graph";
 import ReasoningTrace from "@/components/reasoning-trace";
 import RunsList from "@/components/runs-list";
 
+type Run = {
+  id: number;
+  start: string;
+  end: string;
+  hops: number;
+};
+
 // Sample data - would be fetched from HuggingFace dataset in a real implementation
 const sampleRuns = [
   { id: 1, start: "Pokemon", end: "Canada", hops: 16 },
@@ -23,13 +36,45 @@ const sampleRuns = [
 ];
 
 const datasets = [
-  { id: "dataset1", name: "Wikispeedia Paths" },
-  { id: "dataset2", name: "LLM Generated Paths" },
+  { id: "dataset1", name: "Eureka-Lab/PHYBench" },
+  { id: "dataset2", name: "Eureka-Lab/PHYBench-LLM" },
 ];
 
 export default function ViewerTab() {
   const [selectedDataset, setSelectedDataset] = useState<string>("");
   const [selectedRun, setSelectedRun] = useState<number | null>(null);
+  const [runs, setRuns] = useState<Run[]>([]);
+  const [loading, setLoading] = useState<boolean>(false);
+
+  const fetchDataset = async () => {
+    console.log("Fetching dataset...");
+    console.log(Object.keys(mockResults));
+    setRuns(mockResults.runs.slice(0, 10));
+
+    return;
+    setLoading(true);
+
+    // https://huggingface.co/datasets/HuggingFaceTB/wikispeedia-traces/resolve/main/qwen3-final-results.json
+    // const response = await fetch("https://huggingface.co/datasets/HuggingFaceTB/wikispeedia-traces/resolve/main/qwen3-final-results.json");
+    // const json = await response.json();
+    // setRuns(json.runs);
+    // setLoading(false);
+
+    // const repo: RepoDesignation = {
+    //   type: "dataset",
+    //   name: "HuggingFaceTB/wikispeedia-traces",
+    // };
+    // const file = await hub.downloadFile({ repo, path: "qwen3-final-results.json" });
+    // if (!file) {
+    //   console.error("Failed to download file");
+    //   return;
+    // }
+    // const text = await file.text();
+    // console.log("GOT FILE!", text);
+    // const json = JSON.parse(text);
+    // setRuns(json.runs);
+    // setLoading(false);
+  };
 
   const handleDatasetChange = (value: string) => {
     setSelectedDataset(value);
@@ -56,6 +101,8 @@ export default function ViewerTab() {
               ))}
             </SelectContent>
           </Select>
+          <Button onClick={fetchDataset}>Fetch Dataset</Button>
+          {loading && <p>Loading...</p>}
         </div>
 
         <div className="bg-card rounded-lg p-3 border">
@@ -63,7 +110,7 @@ export default function ViewerTab() {
             Available Runs
           </h3>
           <RunsList
-            runs={sampleRuns}
+            runs={runs}
             onSelectRun={handleRunSelect}
             selectedRunId={selectedRun}
           />
@@ -72,13 +119,13 @@ export default function ViewerTab() {
 
       <div className="md:col-span-5">
         <Card className="w-full h-[600px] flex items-center justify-center">
-          <ForceDirectedGraph runId={selectedRun} />
+          <ForceDirectedGraph runs={runs} runId={selectedRun} />
         </Card>
       </div>
 
       <div className="md:col-span-4">
         <Card className="w-full h-[600px] p-4">
-          <ReasoningTrace runId={selectedRun} />
+          <ReasoningTrace run={runs[selectedRun]} />
         </Card>
       </div>
     </div>

src/lib/inference.tsx

@@ -0,0 +1,39 @@
+import { InferenceClient } from "@huggingface/inference";
+
+export default async function inference({
+  prompt,
+  model = "Qwen/Qwen3-235B-A22B",
+  apiKey,
+  maxTokens = 512
+}: {
+  prompt: string,
+  model?: string,
+  apiKey?: string,
+  maxTokens?: number
+}) {
+  if (!apiKey) {
+    const token = window.localStorage.getItem("huggingface_access_token");
+    if (!token) {
+      throw new Error("You must be signed in to use the inference API!");
+    }
+    apiKey = token;
+  }
+
+  console.log("Inference", prompt, model, apiKey);
+  const client = new InferenceClient(apiKey);
+
+  const chatCompletion = await client.chatCompletion({
+    provider: "fireworks-ai",
+    model: model,
+    messages: [
+      {
+        role: "user",
+        content: prompt,
+      },
+    ],
+    max_tokens: maxTokens,
+  });
+
+  console.log("Inference response", chatCompletion.choices[0].message);
+  return chatCompletion.choices[0].message;
+}

tsconfig.app.json

@@ -23,7 +23,7 @@
     "jsx": "react-jsx",
 
     /* Linting */
-    "strict": true,
+    "strict": false,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,

yarn.lock

@@ -2,6 +2,17 @@
 # yarn lockfile v1
 
 
+"3d-force-graph@^1.76":
+  version "1.77.0"
+  resolved "https://registry.yarnpkg.com/3d-force-graph/-/3d-force-graph-1.77.0.tgz#10a47db13179371409ee42d82dba59ec7315058b"
+  integrity sha512-w2MlrCeMJxXwhz5gtRZ7mLU4xW5DD2U6VSEfFv8pvnvSNPYPuAIKjbJoZekfv7yFmMaWnNy/2RfRcgC5oGr2KQ==
+  dependencies:
+    accessor-fn "1"
+    kapsule "^1.16"
+    three ">=0.118 <1"
+    three-forcegraph "1"
+    three-render-objects "^1.35"
+
 "@ampproject/remapping@^2.2.0":
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/@ampproject/remapping/-/remapping-2.3.0.tgz#ed441b6fa600072520ce18b43d2c8cc8caecc7f4"
@@ -133,6 +144,11 @@
   dependencies:
     "@babel/helper-plugin-utils" "^7.27.1"
 
+"@babel/runtime@^7.17.8":
+  version "7.27.1"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.27.1.tgz#9fce313d12c9a77507f264de74626e87fd0dc541"
+  integrity sha512-1x3D2xEk2fRo3PAhwQwu5UubzgiVWSXTBfWpVd2Mx2AzRqJuDJCsgaDVZ7HB5iGzDW1Hl1sWN2mFyKjmR9uAog==
+
 "@babel/template@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/template/-/template-7.27.1.tgz#b9e4f55c17a92312774dfbdde1b3c01c547bbae2"
@@ -403,6 +419,36 @@
   resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.9.tgz#50dea3616bc8191fb8e112283b49eaff03e78429"
   integrity sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==
 
+"@huggingface/hub@^1.1.2":
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/@huggingface/hub/-/hub-1.1.2.tgz#390d3a6b7efe98acd146c6ccc6d178b7605cfc27"
+  integrity sha512-Jf4GhvVj9ABDw4Itb3BV1T7f22iewuZva476qTicQ4kOTbosuUuFDhsVH7ZH6rVNgg20Ll9kaNBF5CXjySIT+w==
+  dependencies:
+    "@huggingface/tasks" "^0.18.2"
+
+"@huggingface/inference@^3.10.0":
+  version "3.10.0"
+  resolved "https://registry.yarnpkg.com/@huggingface/inference/-/inference-3.10.0.tgz#2fe1eb8a79198fdde56d00b6c2e540b0c7b060db"
+  integrity sha512-nouLdl5Tu4gdTzIKv9zAr7HPziXV8rXbVONjYKQ7u9F78KgWVsYmhEM+ZhTbhg4fV4N1gdgywOAHrd9uOV5tRQ==
+  dependencies:
+    "@huggingface/jinja" "^0.4.0"
+    "@huggingface/tasks" "^0.19.0"
+
+"@huggingface/jinja@^0.4.0":
+  version "0.4.1"
+  resolved "https://registry.yarnpkg.com/@huggingface/jinja/-/jinja-0.4.1.tgz#a71deab443c4badb6498d28e784ea1cd5eb369e2"
+  integrity sha512-3WXbMFaPkk03LRCM0z0sylmn8ddDm4ubjU7X+Hg4M2GOuMklwoGAFXp9V2keq7vltoB/c7McE5aHUVVddAewsw==
+
+"@huggingface/tasks@^0.18.2":
+  version "0.18.12"
+  resolved "https://registry.yarnpkg.com/@huggingface/tasks/-/tasks-0.18.12.tgz#44fc9de0cb77e36b7a724b9f1a1f1debf16d13e4"
+  integrity sha512-hUEYhXJzJCUhLSBNglW+Sji5fuzMnpBimp3kbdcGor+MaN9xb+qrcLnMC7X8aOcZaZdCErwYYIqz2oSP2EM4Bg==
+
+"@huggingface/tasks@^0.19.0":
+  version "0.19.1"
+  resolved "https://registry.yarnpkg.com/@huggingface/tasks/-/tasks-0.19.1.tgz#03f133140e0de97bb28a1094e8cfe117dd821721"
+  integrity sha512-cocq5+jkmh8+qIvWDCyC9nkf7qCpmBRrJL/WPWhfIMXWEv2dMYMY62ylFv+dq/vRwpe+/5h0WlnZGOSIa+3OJg==
+
 "@humanfs/core@^0.19.1":
   version "0.19.1"
   resolved "https://registry.yarnpkg.com/@humanfs/core/-/core-0.19.1.tgz#17c55ca7d426733fe3c561906b8173c336b40a77"
@@ -567,6 +613,13 @@
   dependencies:
     "@radix-ui/react-use-layout-effect" "1.1.1"
 
+"@radix-ui/react-label@^2.1.4":
+  version "2.1.4"
+  resolved "https://registry.yarnpkg.com/@radix-ui/react-label/-/react-label-2.1.4.tgz#e89607486b82381f2d28ce1ce022e7fb5f5a158c"
+  integrity sha512-wy3dqizZnZVV4ja0FNnUhIWNwWdoldXrneEyUcVtLYDAt8ovGS4ridtMAOGgXBBIfggL4BOveVWsjXDORdGEQg==
+  dependencies:
+    "@radix-ui/react-primitive" "2.1.0"
+
 "@radix-ui/[email protected]":
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/@radix-ui/react-popper/-/react-popper-1.2.4.tgz#8fd6d954fca9e5d1341c7d9153cc88e05d5ed84e"
@@ -936,6 +989,11 @@
     "@tailwindcss/oxide" "4.1.5"
     tailwindcss "4.1.5"
 
+"@tweenjs/tween.js@18 - 25":
+  version "25.0.0"
+  resolved "https://registry.yarnpkg.com/@tweenjs/tween.js/-/tween.js-25.0.0.tgz#7266baebcc3affe62a3a54318a3ea82d904cd0b9"
+  integrity sha512-XKLA6syeBUaPzx4j3qwMqzzq+V4uo72BnlbOjmuljLrRqdsd3qnzvZZoxvMHZ23ndsRS4aufU6JOZYpCbU6T1A==
+
 "@tybys/wasm-util@^0.9.0":
   version "0.9.0"
   resolved "https://registry.yarnpkg.com/@tybys/wasm-util/-/wasm-util-0.9.0.tgz#3e75eb00604c8d6db470bf18c37b7d984a0e3355"
@@ -1097,6 +1155,11 @@
     "@types/babel__core" "^7.20.5"
     react-refresh "^0.17.0"
 
+accessor-fn@1:
+  version "1.5.3"
+  resolved "https://registry.yarnpkg.com/accessor-fn/-/accessor-fn-1.5.3.tgz#5e2549d291d4ac022f532da9a554358dc525b0f7"
+  integrity sha512-rkAofCwe/FvYFUlMB0v0gWmhqtfAtV1IUkdPbfhTUyYniu5LrC0A0UJkTH0Jv3S8SvwkmfuAlY+mQIJATdocMA==
+
 acorn-jsx@^5.3.2:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
@@ -1141,6 +1204,11 @@ balanced-match@^1.0.0:
   resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
   integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==
 
+"bezier-js@3 - 6":
+  version "6.1.4"
+  resolved "https://registry.yarnpkg.com/bezier-js/-/bezier-js-6.1.4.tgz#c7828f6c8900562b69d5040afb881bcbdad82001"
+  integrity sha512-PA0FW9ZpcHbojUCMu28z9Vg/fNkwTj5YhusSAjHHDfHDGLxJ6YUKrAN2vk1fP2MMOxVw4Oko16FMlRGVBGqLKg==
+
 brace-expansion@^1.1.7:
   version "1.1.11"
   resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"
@@ -1183,6 +1251,13 @@ caniuse-lite@^1.0.30001688:
   resolved "https://registry.yarnpkg.com/caniuse-lite/-/caniuse-lite-1.0.30001716.tgz#39220dfbc58c85d9d4519e7090b656aa11ca4b85"
   integrity sha512-49/c1+x3Kwz7ZIWt+4DvK3aMJy9oYXXG6/97JKsnjdCk/6n9vVyWL8NAwVt95Lwt9eigI10Hl782kDfZUUlRXw==
 
+canvas-color-tracker@^1.3:
+  version "1.3.2"
+  resolved "https://registry.yarnpkg.com/canvas-color-tracker/-/canvas-color-tracker-1.3.2.tgz#b924cf94b33441b82692938fca5b936be971a46d"
+  integrity sha512-ryQkDX26yJ3CXzb3hxUVNlg1NKE4REc5crLBq661Nxzr8TNd236SaEf2ffYLXyI5tSABSeguHLqcVq4vf9L3Zg==
+  dependencies:
+    tinycolor2 "^1.6.0"
+
 chalk@^4.0.0:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-4.1.2.tgz#aac4e2b7734a740867aeb16bf02aad556a1e7a01"
@@ -1215,6 +1290,11 @@ color-name@~1.1.4:
   resolved "https://registry.yarnpkg.com/color-name/-/color-name-1.1.4.tgz#c2a09a87acbde69543de6f63fa3995c826c536a2"
   integrity sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==
 
+commander@7:
+  version "7.2.0"
+  resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
+  integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
+
 [email protected]:
   version "0.0.1"
   resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b"
@@ -1239,6 +1319,308 @@ csstype@^3.0.2:
   resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
   integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
+"d3-array@1 - 3", "d3-array@2 - 3", "[email protected] - 3", "[email protected] - 3", d3-array@3, d3-array@^3.2.0:
+  version "3.2.4"
+  resolved "https://registry.yarnpkg.com/d3-array/-/d3-array-3.2.4.tgz#15fec33b237f97ac5d7c986dc77da273a8ed0bb5"
+  integrity sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==
+  dependencies:
+    internmap "1 - 2"
+
+d3-axis@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-axis/-/d3-axis-3.0.0.tgz#c42a4a13e8131d637b745fc2973824cfeaf93322"
+  integrity sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw==
+
+d3-binarytree@1:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/d3-binarytree/-/d3-binarytree-1.0.2.tgz#ed43ebc13c70fbabfdd62df17480bc5a425753cc"
+  integrity sha512-cElUNH+sHu95L04m92pG73t2MEJXKu+GeKUN1TJkFsu93E5W8E9Sc3kHEGJKgenGvj19m6upSn2EunvMgMD2Yw==
+
+d3-brush@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-brush/-/d3-brush-3.0.0.tgz#6f767c4ed8dcb79de7ede3e1c0f89e63ef64d31c"
+  integrity sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ==
+  dependencies:
+    d3-dispatch "1 - 3"
+    d3-drag "2 - 3"
+    d3-interpolate "1 - 3"
+    d3-selection "3"
+    d3-transition "3"
+
+d3-chord@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-chord/-/d3-chord-3.0.1.tgz#d156d61f485fce8327e6abf339cb41d8cbba6966"
+  integrity sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g==
+  dependencies:
+    d3-path "1 - 3"
+
+d3-collection@1:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/d3-collection/-/d3-collection-1.0.7.tgz#349bd2aa9977db071091c13144d5e4f16b5b310e"
+  integrity sha512-ii0/r5f4sjKNTfh84Di+DpztYwqKhEyUlKoPrzUFfeSkWxjW49xU2QzO9qrPrNkpdI0XJkfzvmTu8V2Zylln6A==
+
+"d3-color@1 - 3", d3-color@3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-color/-/d3-color-3.1.0.tgz#395b2833dfac71507f12ac2f7af23bf819de24e2"
+  integrity sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==
+
+d3-contour@4:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/d3-contour/-/d3-contour-4.0.2.tgz#bb92063bc8c5663acb2422f99c73cbb6c6ae3bcc"
+  integrity sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA==
+  dependencies:
+    d3-array "^3.2.0"
+
+d3-delaunay@6:
+  version "6.0.4"
+  resolved "https://registry.yarnpkg.com/d3-delaunay/-/d3-delaunay-6.0.4.tgz#98169038733a0a5babbeda55054f795bb9e4a58b"
+  integrity sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A==
+  dependencies:
+    delaunator "5"
+
+d3-dispatch@1:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/d3-dispatch/-/d3-dispatch-1.0.6.tgz#00d37bcee4dd8cd97729dd893a0ac29caaba5d58"
+  integrity sha512-fVjoElzjhCEy+Hbn8KygnmMS7Or0a9sI2UzGwoB7cCtvI1XpVN9GpoYlnb3xt2YV66oXYb1fLJ8GMvP4hdU1RA==
+
+"d3-dispatch@1 - 3", d3-dispatch@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-dispatch/-/d3-dispatch-3.0.1.tgz#5fc75284e9c2375c36c839411a0cf550cbfc4d5e"
+  integrity sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg==
+
+"d3-drag@2 - 3", d3-drag@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-drag/-/d3-drag-3.0.0.tgz#994aae9cd23c719f53b5e10e3a0a6108c69607ba"
+  integrity sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg==
+  dependencies:
+    d3-dispatch "1 - 3"
+    d3-selection "3"
+
+"d3-dsv@1 - 3", d3-dsv@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-dsv/-/d3-dsv-3.0.1.tgz#c63af978f4d6a0d084a52a673922be2160789b73"
+  integrity sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q==
+  dependencies:
+    commander "7"
+    iconv-lite "0.6"
+    rw "1"
+
+"d3-ease@1 - 3", d3-ease@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-ease/-/d3-ease-3.0.1.tgz#9658ac38a2140d59d346160f1f6c30fda0bd12f4"
+  integrity sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==
+
+d3-fetch@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-fetch/-/d3-fetch-3.0.1.tgz#83141bff9856a0edb5e38de89cdcfe63d0a60a22"
+  integrity sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw==
+  dependencies:
+    d3-dsv "1 - 3"
+
+"d3-force-3d@2 - 3":
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/d3-force-3d/-/d3-force-3d-3.0.6.tgz#7ea4c26d7937b82993bd9444f570ed52f661d4aa"
+  integrity sha512-4tsKHUPLOVkyfEffZo1v6sFHvGFwAIIjt/W8IThbp08DYAsXZck+2pSHEG5W1+gQgEvFLdZkYvmJAbRM2EzMnA==
+  dependencies:
+    d3-binarytree "1"
+    d3-dispatch "1 - 3"
+    d3-octree "1"
+    d3-quadtree "1 - 3"
+    d3-timer "1 - 3"
+
+d3-force@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-force/-/d3-force-3.0.0.tgz#3e2ba1a61e70888fe3d9194e30d6d14eece155c4"
+  integrity sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg==
+  dependencies:
+    d3-dispatch "1 - 3"
+    d3-quadtree "1 - 3"
+    d3-timer "1 - 3"
+
+d3-force@^1.0.2:
+  version "1.2.1"
+  resolved "https://registry.yarnpkg.com/d3-force/-/d3-force-1.2.1.tgz#fd29a5d1ff181c9e7f0669e4bd72bdb0e914ec0b"
+  integrity sha512-HHvehyaiUlVo5CxBJ0yF/xny4xoaxFxDnBXNvNcfW9adORGZfyNF1dj6DGLKyk4Yh3brP/1h3rnDzdIAwL08zg==
+  dependencies:
+    d3-collection "1"
+    d3-dispatch "1"
+    d3-quadtree "1"
+    d3-timer "1"
+
+"d3-format@1 - 3", d3-format@3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-format/-/d3-format-3.1.0.tgz#9260e23a28ea5cb109e93b21a06e24e2ebd55641"
+  integrity sha512-YyUI6AEuY/Wpt8KWLgZHsIU86atmikuoOmCfommt0LYHiQSPjvX2AcFc38PX0CBpr2RCyZhjex+NS/LPOv6YqA==
+
+d3-geo@3:
+  version "3.1.1"
+  resolved "https://registry.yarnpkg.com/d3-geo/-/d3-geo-3.1.1.tgz#6027cf51246f9b2ebd64f99e01dc7c3364033a4d"
+  integrity sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q==
+  dependencies:
+    d3-array "2.5.0 - 3"
+
+d3-hierarchy@3:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/d3-hierarchy/-/d3-hierarchy-3.1.2.tgz#b01cd42c1eed3d46db77a5966cf726f8c09160c6"
+  integrity sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA==
+
+"d3-interpolate@1 - 3", "[email protected] - 3", d3-interpolate@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-interpolate/-/d3-interpolate-3.0.1.tgz#3c47aa5b32c5b3dfb56ef3fd4342078a632b400d"
+  integrity sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==
+  dependencies:
+    d3-color "1 - 3"
+
+d3-octree@1:
+  version "1.1.0"
+  resolved "https://registry.yarnpkg.com/d3-octree/-/d3-octree-1.1.0.tgz#f07e353b76df872644e7130ab1a74c5ef2f4287e"
+  integrity sha512-F8gPlqpP+HwRPMO/8uOu5wjH110+6q4cgJvgJT6vlpy3BEaDIKlTZrgHKZSp/i1InRpVfh4puY/kvL6MxK930A==
+
+"d3-path@1 - 3", d3-path@3, d3-path@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-path/-/d3-path-3.1.0.tgz#22df939032fb5a71ae8b1800d61ddb7851c42526"
+  integrity sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==
+
+d3-polygon@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-polygon/-/d3-polygon-3.0.1.tgz#0b45d3dd1c48a29c8e057e6135693ec80bf16398"
+  integrity sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg==
+
+d3-quadtree@1:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/d3-quadtree/-/d3-quadtree-1.0.7.tgz#ca8b84df7bb53763fe3c2f24bd435137f4e53135"
+  integrity sha512-RKPAeXnkC59IDGD0Wu5mANy0Q2V28L+fNe65pOCXVdVuTJS3WPKaJlFHer32Rbh9gIo9qMuJXio8ra4+YmIymA==
+
+"d3-quadtree@1 - 3", d3-quadtree@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-quadtree/-/d3-quadtree-3.0.1.tgz#6dca3e8be2b393c9a9d514dabbd80a92deef1a4f"
+  integrity sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw==
+
+d3-random@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-random/-/d3-random-3.0.1.tgz#d4926378d333d9c0bfd1e6fa0194d30aebaa20f4"
+  integrity sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ==
+
+"d3-scale-chromatic@1 - 3", d3-scale-chromatic@3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-scale-chromatic/-/d3-scale-chromatic-3.1.0.tgz#34c39da298b23c20e02f1a4b239bd0f22e7f1314"
+  integrity sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ==
+  dependencies:
+    d3-color "1 - 3"
+    d3-interpolate "1 - 3"
+
+"d3-scale@1 - 4", d3-scale@4:
+  version "4.0.2"
+  resolved "https://registry.yarnpkg.com/d3-scale/-/d3-scale-4.0.2.tgz#82b38e8e8ff7080764f8dcec77bd4be393689396"
+  integrity sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==
+  dependencies:
+    d3-array "2.10.0 - 3"
+    d3-format "1 - 3"
+    d3-interpolate "1.2.0 - 3"
+    d3-time "2.1.1 - 3"
+    d3-time-format "2 - 4"
+
+"d3-selection@2 - 3", d3-selection@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-selection/-/d3-selection-3.0.0.tgz#c25338207efa72cc5b9bd1458a1a41901f1e1b31"
+  integrity sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ==
+
+d3-shape@3:
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/d3-shape/-/d3-shape-3.2.0.tgz#a1a839cbd9ba45f28674c69d7f855bcf91dfc6a5"
+  integrity sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==
+  dependencies:
+    d3-path "^3.1.0"
+
+"d3-time-format@2 - 4", d3-time-format@4:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/d3-time-format/-/d3-time-format-4.1.0.tgz#7ab5257a5041d11ecb4fe70a5c7d16a195bb408a"
+  integrity sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==
+  dependencies:
+    d3-time "1 - 3"
+
+"d3-time@1 - 3", "[email protected] - 3", d3-time@3:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/d3-time/-/d3-time-3.1.0.tgz#9310db56e992e3c0175e1ef385e545e48a9bb5c7"
+  integrity sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==
+  dependencies:
+    d3-array "2 - 3"
+
+d3-timer@1:
+  version "1.0.10"
+  resolved "https://registry.yarnpkg.com/d3-timer/-/d3-timer-1.0.10.tgz#dfe76b8a91748831b13b6d9c793ffbd508dd9de5"
+  integrity sha512-B1JDm0XDaQC+uvo4DT79H0XmBskgS3l6Ve+1SBCfxgmtIb1AVrPIoqd+nPSv+loMX8szQ0sVUhGngL7D5QPiXw==
+
+"d3-timer@1 - 3", d3-timer@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-timer/-/d3-timer-3.0.1.tgz#6284d2a2708285b1abb7e201eda4380af35e63b0"
+  integrity sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==
+
+"d3-transition@2 - 3", d3-transition@3:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/d3-transition/-/d3-transition-3.0.1.tgz#6869fdde1448868077fdd5989200cb61b2a1645f"
+  integrity sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w==
+  dependencies:
+    d3-color "1 - 3"
+    d3-dispatch "1 - 3"
+    d3-ease "1 - 3"
+    d3-interpolate "1 - 3"
+    d3-timer "1 - 3"
+
+"d3-zoom@2 - 3", d3-zoom@3:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/d3-zoom/-/d3-zoom-3.0.0.tgz#d13f4165c73217ffeaa54295cd6969b3e7aee8f3"
+  integrity sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw==
+  dependencies:
+    d3-dispatch "1 - 3"
+    d3-drag "2 - 3"
+    d3-interpolate "1 - 3"
+    d3-selection "2 - 3"
+    d3-transition "2 - 3"
+
+d3@^7.9.0:
+  version "7.9.0"
+  resolved "https://registry.yarnpkg.com/d3/-/d3-7.9.0.tgz#579e7acb3d749caf8860bd1741ae8d371070cd5d"
+  integrity sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA==
+  dependencies:
+    d3-array "3"
+    d3-axis "3"
+    d3-brush "3"
+    d3-chord "3"
+    d3-color "3"
+    d3-contour "4"
+    d3-delaunay "6"
+    d3-dispatch "3"
+    d3-drag "3"
+    d3-dsv "3"
+    d3-ease "3"
+    d3-fetch "3"
+    d3-force "3"
+    d3-format "3"
+    d3-geo "3"
+    d3-hierarchy "3"
+    d3-interpolate "3"
+    d3-path "3"
+    d3-polygon "3"
+    d3-quadtree "3"
+    d3-random "3"
+    d3-scale "4"
+    d3-scale-chromatic "3"
+    d3-selection "3"
+    d3-shape "3"
+    d3-time "3"
+    d3-time-format "4"
+    d3-timer "3"
+    d3-transition "3"
+    d3-zoom "3"
+
+data-bind-mapper@1:
+  version "1.0.3"
+  resolved "https://registry.yarnpkg.com/data-bind-mapper/-/data-bind-mapper-1.0.3.tgz#275e55fd170331b1146479f3c7eb4256b8239481"
+  integrity sha512-QmU3lyEnbENQPo0M1F9BMu4s6cqNNp8iJA+b/HP2sSb7pf3dxwF3+EP1eO69rwBfH9kFJ1apmzrtogAmVt2/Xw==
+  dependencies:
+    accessor-fn "1"
+
 debug@^4.1.0, debug@^4.3.1, debug@^4.3.2, debug@^4.3.4:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-4.4.0.tgz#2b3f2aea2ffeb776477460267377dc8710faba8a"
@@ -1251,6 +1633,13 @@ deep-is@^0.1.3:
   resolved "https://registry.yarnpkg.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
   integrity sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==
 
+delaunator@5:
+  version "5.0.1"
+  resolved "https://registry.yarnpkg.com/delaunator/-/delaunator-5.0.1.tgz#39032b08053923e924d6094fe2cde1a99cc51278"
+  integrity sha512-8nvh+XBe96aCESrGOqMp/84b13H9cdKbG5P2ejQCh4d4sK9RL4371qou9drQjMhvnPmhWl5hnmqbEE0fXr9Xnw==
+  dependencies:
+    robust-predicates "^3.0.2"
+
 detect-libc@^2.0.3:
   version "2.0.4"
   resolved "https://registry.yarnpkg.com/detect-libc/-/detect-libc-2.0.4.tgz#f04715b8ba815e53b4d8109655b6508a6865a7e8"
@@ -1261,6 +1650,11 @@ detect-node-es@^1.1.0:
   resolved "https://registry.yarnpkg.com/detect-node-es/-/detect-node-es-1.1.0.tgz#163acdf643330caa0b4cd7c21e7ee7755d6fa493"
   integrity sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==
 
+dom-walk@^0.1.0:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/dom-walk/-/dom-walk-0.1.2.tgz#0c548bef048f4d1f2a97249002236060daa3fd84"
+  integrity sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==
+
 electron-to-chromium@^1.5.73:
   version "1.5.145"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.5.145.tgz#abd50700ac2c809e40a4694584f66711ee937fb6"
@@ -1490,6 +1884,36 @@ flatted@^3.2.9:
   resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.3.3.tgz#67c8fad95454a7c7abebf74bb78ee74a44023358"
   integrity sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==
 
+float-tooltip@^1.6, float-tooltip@^1.7:
+  version "1.7.5"
+  resolved "https://registry.yarnpkg.com/float-tooltip/-/float-tooltip-1.7.5.tgz#7083bf78f0de5a97f9c2d6aa8e90d2139f34047f"
+  integrity sha512-/kXzuDnnBqyyWyhDMH7+PfP8J/oXiAavGzcRxASOMRHFuReDtofizLLJsf7nnDLAfEaMW4pVWaXrAjtnglpEkg==
+  dependencies:
+    d3-selection "2 - 3"
+    kapsule "^1.16"
+    preact "10"
+
+force-graph@^1.49:
+  version "1.49.5"
+  resolved "https://registry.yarnpkg.com/force-graph/-/force-graph-1.49.5.tgz#8736402701838b119637c31ee55687702fecad8e"
+  integrity sha512-mCTLxsaOPfp4Jq4FND8sHTpa8aZDLNXgkwAN98IDZ8Ve3nralz0gNsmE4Nx6NFm48olJ0gzCQYYLJrrYDqifew==
+  dependencies:
+    "@tweenjs/tween.js" "18 - 25"
+    accessor-fn "1"
+    bezier-js "3 - 6"
+    canvas-color-tracker "^1.3"
+    d3-array "1 - 3"
+    d3-drag "2 - 3"
+    d3-force-3d "2 - 3"
+    d3-scale "1 - 4"
+    d3-scale-chromatic "1 - 3"
+    d3-selection "2 - 3"
+    d3-zoom "2 - 3"
+    float-tooltip "^1.6"
+    index-array-by "1"
+    kapsule "^1.16"
+    lodash-es "4"
+
 fsevents@~2.3.2, fsevents@~2.3.3:
   version "2.3.3"
   resolved "https://registry.yarnpkg.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
@@ -1519,6 +1943,14 @@ glob-parent@^6.0.2:
   dependencies:
     is-glob "^4.0.3"
 
+global@^4.3.0:
+  version "4.4.0"
+  resolved "https://registry.yarnpkg.com/global/-/global-4.4.0.tgz#3e7b105179006a323ed71aafca3e9c57a5cc6406"
+  integrity sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==
+  dependencies:
+    min-document "^2.19.0"
+    process "^0.11.10"
+
 globals@^11.1.0:
   version "11.12.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-11.12.0.tgz#ab8795338868a0babd8525758018c2a7eb95c42e"
@@ -1549,6 +1981,13 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
+[email protected]:
+  version "0.6.3"
+  resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501"
+  integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==
+  dependencies:
+    safer-buffer ">= 2.1.2 < 3.0.0"
+
 ignore@^5.2.0, ignore@^5.3.1:
   version "5.3.2"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
@@ -1567,6 +2006,16 @@ imurmurhash@^0.1.4:
   resolved "https://registry.yarnpkg.com/imurmurhash/-/imurmurhash-0.1.4.tgz#9218b9b2b928a238b13dc4fb6b6d576f231453ea"
   integrity sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==
 
+index-array-by@1:
+  version "1.4.2"
+  resolved "https://registry.yarnpkg.com/index-array-by/-/index-array-by-1.4.2.tgz#d6f82e9fbff3201c4dab64ba415d4d2923242fea"
+  integrity sha512-SP23P27OUKzXWEC/TOyWlwLviofQkCSCKONnc62eItjp69yCZZPqDQtr3Pw5gJDnPeUMqExmKydNZaJO0FU9pw==
+
+"internmap@1 - 2":
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/internmap/-/internmap-2.0.3.tgz#6685f23755e43c524e251d29cbc97248e3061009"
+  integrity sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==
+
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.yarnpkg.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
@@ -1589,12 +2038,17 @@ isexe@^2.0.0:
   resolved "https://registry.yarnpkg.com/isexe/-/isexe-2.0.0.tgz#e8fbf374dc556ff8947a10dcb0572d633f2cfa10"
   integrity sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==
 
+jerrypick@^1.1.1:
+  version "1.1.2"
+  resolved "https://registry.yarnpkg.com/jerrypick/-/jerrypick-1.1.2.tgz#eb5016304aeb9ac9b7dea6714aa5fe85b24cb8ad"
+  integrity sha512-YKnxXEekXKzhpf7CLYA0A+oDP8V0OhICNCr5lv96FvSsDEmrb0GKM776JgQvHTMjr7DTTPEVv/1Ciaw0uEWzBA==
+
 jiti@^2.4.2:
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/jiti/-/jiti-2.4.2.tgz#d19b7732ebb6116b06e2038da74a55366faef560"
   integrity sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==
 
-js-tokens@^4.0.0:
+"js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
   integrity sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==
@@ -1631,6 +2085,18 @@ json5@^2.2.3:
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
+jwt-decode@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.yarnpkg.com/jwt-decode/-/jwt-decode-4.0.0.tgz#2270352425fd413785b2faf11f6e755c5151bd4b"
+  integrity sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==
+
+kapsule@^1.16:
+  version "1.16.3"
+  resolved "https://registry.yarnpkg.com/kapsule/-/kapsule-1.16.3.tgz#5684ed89838b6658b30d0f2cc056dffc3ba68c30"
+  integrity sha512-4+5mNNf4vZDSwPhKprKwz3330iisPrb08JyMgbsdFrimBCKNHecua/WBwvVg3n7vwx0C1ARjfhwIpbrbd9n5wg==
+  dependencies:
+    lodash-es "4"
+
 keyv@^4.5.4:
   version "4.5.4"
   resolved "https://registry.yarnpkg.com/keyv/-/keyv-4.5.4.tgz#a879a99e29452f942439f2a405e3af8b31d4de93"
@@ -1721,11 +2187,28 @@ locate-path@^6.0.0:
   dependencies:
     p-locate "^5.0.0"
 
+lodash-es@4:
+  version "4.17.21"
+  resolved "https://registry.yarnpkg.com/lodash-es/-/lodash-es-4.17.21.tgz#43e626c46e6591b7750beb2b50117390c609e3ee"
+  integrity sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==
+
 lodash.merge@^4.6.2:
   version "4.6.2"
   resolved "https://registry.yarnpkg.com/lodash.merge/-/lodash.merge-4.6.2.tgz#558aa53b43b661e1925a0afdfa36a9a1085fe57a"
   integrity sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==
 
+lodash.reduce@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.yarnpkg.com/lodash.reduce/-/lodash.reduce-4.6.0.tgz#f1ab6b839299ad48f784abbf476596f03b914d3b"
+  integrity sha512-6raRe2vxCYBhpBu+B+TtNGUzah+hQjVdu3E17wfusjyrXBka2nBS8OH/gjVZ5PvHOhWmIZTYri09Z6n/QfnNMw==
+
+loose-envify@^1.4.0:
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
+  integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
+  dependencies:
+    js-tokens "^3.0.0 || ^4.0.0"
+
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -1751,6 +2234,13 @@ micromatch@^4.0.8:
     braces "^3.0.3"
     picomatch "^2.3.1"
 
+min-document@^2.19.0:
+  version "2.19.0"
+  resolved "https://registry.yarnpkg.com/min-document/-/min-document-2.19.0.tgz#7bd282e3f5842ed295bb748cdd9f1ffa2c824685"
+  integrity sha512-9Wy1B3m3f66bPPmU5hdA4DR4PB2OfDU/+GS3yAB7IQozE3tqXaVv2zOjgla7MEGSRv95+ILmOuvhLkOK6wJtCQ==
+  dependencies:
+    dom-walk "^0.1.0"
+
 minimatch@^3.1.2:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
@@ -1780,11 +2270,47 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==
 
+ngraph.events@^1.0.0, ngraph.events@^1.2.1:
+  version "1.2.2"
+  resolved "https://registry.yarnpkg.com/ngraph.events/-/ngraph.events-1.2.2.tgz#3ceb92d676a04a4e7ce60a09fa8e17a4f0346d7f"
+  integrity sha512-JsUbEOzANskax+WSYiAPETemLWYXmixuPAlmZmhIbIj6FH/WDgEGCGnRwUQBK0GjOnVm8Ui+e5IJ+5VZ4e32eQ==
+
+ngraph.forcelayout@3:
+  version "3.3.1"
+  resolved "https://registry.yarnpkg.com/ngraph.forcelayout/-/ngraph.forcelayout-3.3.1.tgz#981e1baee5e0593c490bc27219169f9cedfa4f8b"
+  integrity sha512-MKBuEh1wujyQHFTW57y5vd/uuEOK0XfXYxm3lC7kktjJLRdt/KEKEknyOlc6tjXflqBKEuYBBcu7Ax5VY+S6aw==
+  dependencies:
+    ngraph.events "^1.0.0"
+    ngraph.merge "^1.0.0"
+    ngraph.random "^1.0.0"
+
+ngraph.graph@20:
+  version "20.0.1"
+  resolved "https://registry.yarnpkg.com/ngraph.graph/-/ngraph.graph-20.0.1.tgz#579470d1d805583239704dc913e2095540aaf371"
+  integrity sha512-VFsQ+EMkT+7lcJO1QP8Ik3w64WbHJl27Q53EO9hiFU9CRyxJ8HfcXtfWz/U8okuoYKDctbciL6pX3vG5dt1rYA==
+  dependencies:
+    ngraph.events "^1.2.1"
+
+ngraph.merge@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/ngraph.merge/-/ngraph.merge-1.0.0.tgz#d763cdfa48b1bbd4270ea246f06c9c8ff5d3477c"
+  integrity sha512-5J8YjGITUJeapsomtTALYsw7rFveYkM+lBj3QiYZ79EymQcuri65Nw3knQtFxQBU1r5iOaVRXrSwMENUPK62Vg==
+
+ngraph.random@^1.0.0:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/ngraph.random/-/ngraph.random-1.2.0.tgz#3864ffbb9971e920db6c5f33ce5abc3d2439e3d2"
+  integrity sha512-4EUeAGbB2HWX9njd6bP6tciN6ByJfoaAvmVL9QTaZSeXrW46eNGA9GajiXiPBbvFqxUWFkEbyo6x5qsACUuVfA==
+
 node-releases@^2.0.19:
   version "2.0.19"
   resolved "https://registry.yarnpkg.com/node-releases/-/node-releases-2.0.19.tgz#9e445a52950951ec4d177d843af370b411caf314"
   integrity sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw==
 
+object-assign@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.yarnpkg.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
+  integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
+
 optionator@^0.9.3:
   version "0.9.4"
   resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.4.tgz#7ea1c1a5d91d764fb282139c88fe11e182a3a734"
@@ -1843,6 +2369,13 @@ picomatch@^4.0.2:
   resolved "https://registry.yarnpkg.com/picomatch/-/picomatch-4.0.2.tgz#77c742931e8f3b8820946c76cd0c1f13730d1dab"
   integrity sha512-M7BAV6Rlcy5u+m6oPhAPFgJTzAioX/6B0DxyvDlo9l8+T3nLKbrczg2WLUyzd45L8RqfUMyGPzekbMvX2Ldkwg==
 
+polished@4:
+  version "4.3.1"
+  resolved "https://registry.yarnpkg.com/polished/-/polished-4.3.1.tgz#5a00ae32715609f83d89f6f31d0f0261c6170548"
+  integrity sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==
+  dependencies:
+    "@babel/runtime" "^7.17.8"
+
 postcss@^8.5.3:
   version "8.5.3"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.3.tgz#1463b6f1c7fb16fe258736cba29a2de35237eafb"
@@ -1852,11 +2385,30 @@ postcss@^8.5.3:
     picocolors "^1.1.1"
     source-map-js "^1.2.1"
 
+preact@10:
+  version "10.26.5"
+  resolved "https://registry.yarnpkg.com/preact/-/preact-10.26.5.tgz#7e1e998af178f139e4c7cb53f441bf2179f44ad2"
+  integrity sha512-fmpDkgfGU6JYux9teDWLhj9mKN55tyepwYbxHgQuIxbWQzgFg5vk7Mrrtfx7xRxq798ynkY4DDDxZr235Kk+4w==
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
+process@^0.11.10:
+  version "0.11.10"
+  resolved "https://registry.yarnpkg.com/process/-/process-0.11.10.tgz#7332300e840161bda3e69a1d1d91a7d4bc16f182"
+  integrity sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==
+
+prop-types@15, prop-types@^15.5.10:
+  version "15.8.1"
+  resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5"
+  integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==
+  dependencies:
+    loose-envify "^1.4.0"
+    object-assign "^4.1.1"
+    react-is "^16.13.1"
+
 punycode@^2.1.0:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/punycode/-/punycode-2.3.1.tgz#027422e2faec0b25e1549c3e1bd8309b9133b6e5"
@@ -1874,6 +2426,36 @@ react-dom@^19.0.0:
   dependencies:
     scheduler "^0.26.0"
 
+react-force-graph-2d@^1.27.1:
+  version "1.27.1"
+  resolved "https://registry.yarnpkg.com/react-force-graph-2d/-/react-force-graph-2d-1.27.1.tgz#3c8be8c3a3295f8f10c1489fe1369aa52254d6dd"
+  integrity sha512-/b1k+HbW9QCzGILJibyzN2PVZdDWTFuEylqcJGkUTBs0uLcK0h2LgOUuVU+GpRGpuXmj9sBAt43zz+PTETFHGg==
+  dependencies:
+    force-graph "^1.49"
+    prop-types "15"
+    react-kapsule "^2.5"
+
+react-force-graph-3d@^1.26.1:
+  version "1.26.1"
+  resolved "https://registry.yarnpkg.com/react-force-graph-3d/-/react-force-graph-3d-1.26.1.tgz#b138adc13412da6d0c89ea4e85a59ef85ae5ed49"
+  integrity sha512-Ff520+ngcja441fAyop+oiPPEcXaRhzvTqA+4ve6Kr341g3TIg0+s/i7pafCtYhgpPXcbjiDet0wskzGaNhIlQ==
+  dependencies:
+    "3d-force-graph" "^1.76"
+    prop-types "15"
+    react-kapsule "^2.5"
+
+react-is@^16.13.1:
+  version "16.13.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
+  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+
+react-kapsule@^2.5:
+  version "2.5.7"
+  resolved "https://registry.yarnpkg.com/react-kapsule/-/react-kapsule-2.5.7.tgz#dcd957ae8e897ff48055fc8ff48ed04ebe3c5bd2"
+  integrity sha512-kifAF4ZPD77qZKc4CKLmozq6GY1sBzPEJTIJb0wWFK6HsePJatK3jXplZn2eeAt3x67CDozgi7/rO8fNQ/AL7A==
+  dependencies:
+    jerrypick "^1.1.1"
+
 react-refresh@^0.17.0:
   version "0.17.0"
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.17.0.tgz#b7e579c3657f23d04eccbe4ad2e58a8ed51e7e53"
@@ -1906,6 +2488,16 @@ react-style-singleton@^2.2.2, react-style-singleton@^2.2.3:
     get-nonce "^1.0.0"
     tslib "^2.0.0"
 
+react-vis-force@^0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/react-vis-force/-/react-vis-force-0.3.1.tgz#c7bc96a4e872409f5d4c0fa93fe89c94554d47b7"
+  integrity sha512-YmAe02LAwkxeWceyL6Kq8C7RLQBWtgXtrVgDV9Uq9vgfeyh8z9U2+gH/i4KDgaZdSd2bVxIwr2CgkVdEOOMygQ==
+  dependencies:
+    d3-force "^1.0.2"
+    global "^4.3.0"
+    lodash.reduce "^4.6.0"
+    prop-types "^15.5.10"
+
 react@^19.0.0:
   version "19.1.0"
   resolved "https://registry.yarnpkg.com/react/-/react-19.1.0.tgz#926864b6c48da7627f004795d6cce50e90793b75"
@@ -1921,6 +2513,11 @@ reusify@^1.0.4:
   resolved "https://registry.yarnpkg.com/reusify/-/reusify-1.1.0.tgz#0fe13b9522e1473f51b558ee796e08f11f9b489f"
   integrity sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==
 
+robust-predicates@^3.0.2:
+  version "3.0.2"
+  resolved "https://registry.yarnpkg.com/robust-predicates/-/robust-predicates-3.0.2.tgz#d5b28528c4824d20fc48df1928d41d9efa1ad771"
+  integrity sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg==
+
 rollup@^4.34.9:
   version "4.40.1"
   resolved "https://registry.yarnpkg.com/rollup/-/rollup-4.40.1.tgz#03d6c53ebb6a9c2c060ae686a61e72a2472b366f"
@@ -1957,6 +2554,16 @@ run-parallel@^1.1.9:
   dependencies:
     queue-microtask "^1.2.2"
 
+rw@1:
+  version "1.3.3"
+  resolved "https://registry.yarnpkg.com/rw/-/rw-1.3.3.tgz#3f862dfa91ab766b14885ef4d01124bfda074fb4"
+  integrity sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ==
+
+"safer-buffer@>= 2.1.2 < 3.0.0":
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
+  integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
+
 scheduler@^0.26.0:
   version "0.26.0"
   resolved "https://registry.yarnpkg.com/scheduler/-/scheduler-0.26.0.tgz#4ce8a8c2a2095f13ea11bf9a445be50c555d6337"
@@ -2016,6 +2623,43 @@ tapable@^2.2.0:
   resolved "https://registry.yarnpkg.com/tapable/-/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
+three-forcegraph@1:
+  version "1.42.13"
+  resolved "https://registry.yarnpkg.com/three-forcegraph/-/three-forcegraph-1.42.13.tgz#4827338dece4b027532fe2f006d802b9271cf725"
+  integrity sha512-BoG5fB3nlAFeIyiLuFquvWIjt8DA2gdPWlqW/8V8xQcEO7otMmeN2/WWHCP7cWzKEImULxpJ6bNLmmt7TTJaiw==
+  dependencies:
+    accessor-fn "1"
+    d3-array "1 - 3"
+    d3-force-3d "2 - 3"
+    d3-scale "1 - 4"
+    d3-scale-chromatic "1 - 3"
+    data-bind-mapper "1"
+    kapsule "^1.16"
+    ngraph.forcelayout "3"
+    ngraph.graph "20"
+    tinycolor2 "1"
+
+three-render-objects@^1.35:
+  version "1.40.0"
+  resolved "https://registry.yarnpkg.com/three-render-objects/-/three-render-objects-1.40.0.tgz#d4f48800cbce9061a90814c2e60346f55e4171d3"
+  integrity sha512-Ub2IebRGrV+ctxkOe7lkLzIraJDTtz5s31Z2rvaQb7sHAXfofv02CwtEJmIPIkEy6jpGreuqJbCGEnQpvKKDFw==
+  dependencies:
+    "@tweenjs/tween.js" "18 - 25"
+    accessor-fn "1"
+    float-tooltip "^1.7"
+    kapsule "^1.16"
+    polished "4"
+
+"three@>=0.118 <1":
+  version "0.176.0"
+  resolved "https://registry.yarnpkg.com/three/-/three-0.176.0.tgz#a30c1974e46db5745e4f96dd9ee2028d71e16ecf"
+  integrity sha512-PWRKYWQo23ojf9oZSlRGH8K09q7nRSWx6LY/HF/UUrMdYgN9i1e2OwJYHoQjwc6HF/4lvvYLC5YC1X8UJL2ZpA==
+
+tinycolor2@1, tinycolor2@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.6.0.tgz#f98007460169b0263b97072c5ae92484ce02d09e"
+  integrity sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==
+
 tinyglobby@^0.2.13:
   version "0.2.13"
   resolved "https://registry.yarnpkg.com/tinyglobby/-/tinyglobby-0.2.13.tgz#a0e46515ce6cbcd65331537e57484af5a7b2ff7e"