Merge remote-tracking branch 'origin/yona_dev'

yontank · yontank · commit ef9fe09e7bdd · 2025-11-20T23:05:42.000+02:00
diff --git a/index.html b/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/cpu.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>mips_visualizer</title>
+    <title>MIPS Visualizer</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/public/cpu.svg b/public/cpu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="cyan" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cpu-icon lucide-cpu"><path d="M12 20v2"/><path d="M12 2v2"/><path d="M17 20v2"/><path d="M17 2v2"/><path d="M2 12h2"/><path d="M2 17h2"/><path d="M2 7h2"/><path d="M20 12h2"/><path d="M20 17h2"/><path d="M20 7h2"/><path d="M7 20v2"/><path d="M7 2v2"/><rect x="4" y="4" width="16" height="16" rx="2"/><rect x="8" y="8" width="8" height="8" rx="1"/></svg>
diff --git a/src/components/DebugUI.tsx b/src/components/DebugUI.tsx
@@ -1,5 +1,6 @@
 import {
   BugPlayIcon,
+  FileQuestionMark,
   PlayIcon,
   PlusIcon,
   SquareIcon,
@@ -28,6 +29,7 @@ import { neg } from "@/logic/nodeTypes/neg"
 import type { NodeType } from "@/logic/simulation"
 import { PopoverClose } from "@radix-ui/react-popover"
 import { not } from "@/logic/nodeTypes/not"
+import { Dialog, DialogContent, DialogTrigger } from "./ui/dialog"
 
 type NodeInfo = {
   name: string
@@ -271,6 +273,28 @@ function DebugUI() {
             </Tooltip>
           </ButtonGroup>
         </TooltipProvider>
+
+        <ButtonGroup>
+          <Dialog>
+            <DialogTrigger>
+              <Tooltip delayDuration={500}>
+                <TooltipTrigger asChild>
+                  <Button
+                    variant={"outline"}
+                    className="hover:text-gray-600 cursor-pointer"
+                  >
+                    <FileQuestionMark />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent>
+                  {/* TODO: Add Video Here */}
+                  <p>Help</p>
+                </TooltipContent>
+              </Tooltip>
+            </DialogTrigger>
+            <DialogContent>Help</DialogContent>
+          </Dialog>
+        </ButtonGroup>
       </ButtonGroup>
       <div className="absolute top-10 text-muted-foreground text-nowrap pointer-events-none">
         {placingNode
