From 83f6142623c62bb13d52965ddab4be86a9f3056c Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Thu, 14 May 2026 18:05:11 +0000
Subject: [PATCH] Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
---
 src/components/ShareButton.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/ShareButton.tsx b/src/components/ShareButton.tsx
index 1e13caa..a1fff34 100644
--- a/src/components/ShareButton.tsx
+++ b/src/components/ShareButton.tsx
@@ -4,13 +4,18 @@ import { QRCodeSVG } from 'qrcode.react';
 import { Button } from '@/components/ui/button';
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
 import { startBroadcast, type BroadcasterHandle } from '@/lib/webrtc/broadcaster';
+import { getBroadcastSource } from '@/lib/webrtc/broadcastSource';
 import { toast } from 'sonner';
 
 interface ShareButtonProps {
   variant?: 'default' | 'compact';
+  /** Opens the dialog automatically when toggled. Used by the in-XR HUD. */
+  autoOpen?: boolean;
+  onHandleChange?: (h: BroadcasterHandle | null) => void;
+  onViewerCountChange?: (n: number) => void;
 }
 
-export function ShareButton({ variant = 'default' }: ShareButtonProps) {
+export function ShareButton({ variant = 'default', autoOpen, onHandleChange, onViewerCountChange }: ShareButtonProps) {
   const [open, setOpen] = useState(false);
   const [starting, setStarting] = useState(false);
   const [handle, setHandle] = useState<BroadcasterHandle | null>(null);