@@ -195,8 +195,8 @@ function TargetMenuPanel(props: TargetMenuPanelProps & SharedTargetMenuProps) {
195195 < div class = "flex gap-3 justify-between items-center mt-3" >
196196 < div
197197 onClick = { ( ) => props . onBack ( ) }
198- class = "flex gap-1 items-center rounded-md px-1.5 text-xs
199- text-gray-11 transition-opacity hover:opacity-70 hover:text-gray-12
198+ class = "flex gap-1 items-center rounded-md px-1.5 text-xs
199+ text-gray-11 transition-opacity hover:opacity-70 hover:text-gray-12
200200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-9 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-1"
201201 >
202202 < IconLucideArrowLeft class = "size-3 text-gray-11" />
@@ -383,6 +383,7 @@ function Page() {
383383 reconcile ( { variant : "display" , id : target . id } ) ,
384384 ) ;
385385 setOptions ( "targetMode" , "display" ) ;
386+ commands . openTargetSelectOverlays ( rawOptions . captureTarget ) ;
386387 setDisplayMenuOpen ( false ) ;
387388 displayTriggerRef ?. focus ( ) ;
388389 } ;
@@ -393,6 +394,7 @@ function Page() {
393394 reconcile ( { variant : "window" , id : target . id } ) ,
394395 ) ;
395396 setOptions ( "targetMode" , "window" ) ;
397+ commands . openTargetSelectOverlays ( rawOptions . captureTarget ) ;
396398 setWindowMenuOpen ( false ) ;
397399 windowTriggerRef ?. focus ( ) ;
398400
@@ -412,7 +414,10 @@ function Page() {
412414 createUpdateCheck ( ) ;
413415
414416 onMount ( async ( ) => {
415- setOptions ( { targetMode : ( window as any ) . __CAP__ . initialTargetMode } ) ;
417+ const targetMode = ( window as any ) . __CAP__ . initialTargetMode ;
418+ setOptions ( { targetMode } ) ;
419+ if ( rawOptions . targetMode ) commands . openTargetSelectOverlays ( null ) ;
420+ else commands . closeTargetSelectOverlays ( ) ;
416421
417422 const currentWindow = getCurrentWindow ( ) ;
418423
@@ -444,11 +449,6 @@ function Page() {
444449 if ( ! monitor ) return ;
445450 } ) ;
446451
447- createEffect ( ( ) => {
448- if ( rawOptions . targetMode ) commands . openTargetSelectOverlays ( ) ;
449- else commands . closeTargetSelectOverlays ( ) ;
450- } ) ;
451-
452452 const cameras = useQuery ( ( ) => listVideoDevices ) ;
453453 const mics = useQuery ( ( ) => listAudioDevices ) ;
454454
@@ -649,6 +649,9 @@ function Page() {
649649 setOptions ( "targetMode" , ( v ) =>
650650 v === "display" ? null : "display" ,
651651 ) ;
652+ if ( rawOptions . targetMode )
653+ commands . openTargetSelectOverlays ( null ) ;
654+ else commands . closeTargetSelectOverlays ( ) ;
652655 } }
653656 name = "Display"
654657 class = "flex-1 rounded-none focus-visible:ring-0 focus-visible:ring-offset-0"
@@ -691,6 +694,9 @@ function Page() {
691694 setOptions ( "targetMode" , ( v ) =>
692695 v === "window" ? null : "window" ,
693696 ) ;
697+ if ( rawOptions . targetMode )
698+ commands . openTargetSelectOverlays ( null ) ;
699+ else commands . closeTargetSelectOverlays ( ) ;
694700 } }
695701 name = "Window"
696702 class = "flex-1 rounded-none focus-visible:ring-0 focus-visible:ring-offset-0"
@@ -724,6 +730,9 @@ function Page() {
724730 onClick = { ( ) => {
725731 if ( isRecording ( ) ) return ;
726732 setOptions ( "targetMode" , ( v ) => ( v === "area" ? null : "area" ) ) ;
733+ if ( rawOptions . targetMode )
734+ commands . openTargetSelectOverlays ( null ) ;
735+ else commands . closeTargetSelectOverlays ( ) ;
727736 } }
728737 name = "Area"
729738 />
0 commit comments