Add link to devtools (#213)

* Add link to devtools

* Use current window hostname and port

Author: markmiro

src/components/notebook/DebugPanel.tsx

@@ -9,7 +9,7 @@ import {
   schema,
   events,
 } from "@runt/schema";
-import { Bug } from "lucide-react";
+import { Bug, Database } from "lucide-react";
 import { Button } from "@/components/ui/button";
 
 interface DebugPanelProps {
@@ -77,6 +77,16 @@ const DebugPanel: React.FC<DebugPanelProps> = ({
         </h3>
       </div>
 
+      <a
+        target="_blank"
+        rel="noopener noreferrer"
+        href={`${window.location.protocol}//${window.location.hostname}${window.location.port ? `:${window.location.port}` : ""}/_livestore/web/${store.storeId}/${store.clientSession.clientId}/${store.sessionId}/default`}
+        className="hover:bg-muted flex items-center gap-1 border-b px-4 py-2 text-sm text-blue-500 hover:underline"
+      >
+        <Database className="size-4" />
+        LiveStore DevTools →
+      </a>
+
       <div className="space-y-4 p-4">
         {/* Available Tables */}
         <div>