@@ -3,11 +3,10 @@ import {
3
3
ArrowUturnLeftIcon ,
4
4
ArrowUturnRightIcon ,
5
5
Bars3Icon ,
6
- ChatBubbleBottomCenterIcon ,
6
+ ChatBubbleOvalLeftEllipsisIcon ,
7
7
Cog8ToothIcon ,
8
8
FolderIcon ,
9
9
QuestionMarkCircleIcon ,
10
- QueueListIcon ,
11
10
TrashIcon ,
12
11
} from '@heroicons/react/24/solid' ;
13
12
import { useAtom , useAtomValue } from 'jotai' ;
@@ -196,10 +195,24 @@ export function OverlayUI() {
196
195
197
196
return (
198
197
< div className = "fixed pointer-events-none my-6 px-4 z-10 h-screen w-screen bg-transparent" >
199
- < div className = "flex justify-between w-full h-fit" >
198
+ < div
199
+ className = { `flex w-full h-fit items-center ${
200
+ uiLayout === 'agent' ? 'justify-between' : 'justify-normal'
201
+ } `}
202
+ >
203
+ < div className = "pointer-events-auto" >
204
+ < Button
205
+ onClick = { ( ) =>
206
+ setUiLayout ( ( l ) => ( l === 'agent' ? 'execution' : 'agent' ) )
207
+ }
208
+ >
209
+ < ChatBubbleOvalLeftEllipsisIcon title = "Toggle chat UI" />
210
+ </ Button >
211
+ </ div >
212
+
200
213
< MenuHolder >
201
214
< Dropdown >
202
- < DropdownButton >
215
+ < DropdownButton className = { uiLayout === 'agent' ? 'ml-4' : '' } >
203
216
< Bars3Icon />
204
217
</ DropdownButton >
205
218
< DropdownMenu
@@ -270,20 +283,7 @@ export function OverlayUI() {
270
283
</ Dropdown >
271
284
</ MenuHolder >
272
285
273
- < div className = "pointer-events-auto" >
274
- < Button
275
- outline
276
- onClick = { ( ) =>
277
- setUiLayout ( ( l ) => ( l === 'agent' ? 'execution' : 'agent' ) )
278
- }
279
- >
280
- { uiLayout === 'agent' ? (
281
- < QueueListIcon title = "Switch to execution UI" />
282
- ) : (
283
- < ChatBubbleBottomCenterIcon title = "Switch to agent UI" />
284
- ) }
285
- </ Button >
286
- </ div >
286
+ { uiLayout === 'agent' ? < div className = "flex" /> : < > </ > }
287
287
</ div >
288
288
289
289
{ /* Pipeline reset dialog */ }
0 commit comments