fix drawer

frontend/src/lib/components/common/drawer/Drawer.svelte

@@ -44,8 +44,7 @@
 
 	// Calculate adjusted offset based on global chat status
 	$: adjustedOffset = $globalChatOpen && placement === 'right' ? $globalChatSize : 0
-	$: adjustedSize = parseInt(size) - adjustedOffset + 100
-	$: style = `--duration: ${duration}s; --size: ${adjustedSize}px; --adjusted-offset: ${adjustedOffset}px;`
+	$: style = `--duration: ${duration}s; --size: ${size}; --adjusted-offset: ${adjustedOffset}px;`
 
 	function scrollLock(open: boolean) {
 		if (BROWSER) {
@@ -117,7 +116,6 @@
 
 	.drawer.open {
 		height: 100%;
-		width: 100%;
 		z-index: var(--zIndex);
 		right: 0;
 		width: calc(100% - var(--adjusted-offset));
@@ -138,7 +136,7 @@
 	}
 
 	.drawer.respect-global-chat.global-chat-open > .overlay {
-		width: calc(100% - var(--adjusted-offset));
+		width: 100%;
 		right: var(--adjusted-offset);
 		left: auto;
 	}
@@ -176,6 +174,7 @@
 
 	.drawer.respect-global-chat.global-chat-open > .panel.right {
 		right: var(--adjusted-offset);
+		width: calc(100vw - var(--adjusted-offset));
 	}
 
 	.panel.top {

frontend/src/lib/components/copilot/chat/navigator/core.ts

@@ -43,6 +43,8 @@ IMPORTANT CONSIDERATIONS:
   - If he provides any other information but its script settings, do the changes.
   - Close the settings once the changes are done.
   - Then if the user have described what he wanted the script to do, search for the script ai chat in the page and input it's request in it.
+- If you navigate to a flow creation page, consider this:
+  - If the user have described what he wanted the flow to do, search for the flow ai chat in the page and input it's request in it.
 
 Always use the provided tools purposefully and appropriately to achieve the user's goals.
 Your actions only allow you to navigate the application through the provided tools.

frontend/src/routes/(root)/(logged)/+layout.svelte

@@ -655,8 +655,7 @@
 			class={classNames(
 				'w-full flex flex-col flex-1 h-full',
 				devOnly || $userStore?.operator ? '!pl-0' : isCollapsed ? 'md:pl-12' : 'md:pl-40',
-				'transition-all ease-in-out duration-200',
-				$globalChatOpen ? 'chat-open' : ''
+				'transition-all ease-in-out duration-200'
 			)}
 			style={`padding-right: ${$globalChatOpen ? $globalChatSize : 0}px`}
 		>
@@ -697,9 +696,7 @@
 
 	<!-- Global Chat Panel -->
 	<div class="fixed-chat-panel" class:open={$globalChatOpen} style={`width: ${$globalChatSize}px`}>
-		<div class="chat-panel-container">
-			<GlobalChat />
-		</div>
+		<GlobalChat />
 	</div>
 
 	<style>
@@ -716,16 +713,6 @@
 		.fixed-chat-panel.open {
 			transform: translateX(0);
 		}
-
-		.chat-panel-container {
-			height: 100%;
-			width: 100%;
-			box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
-		}
-
-		:global(.chat-open) {
-			transition: padding-right 0.3s ease-in-out;
-		}
 	</style>
 {:else}
 	<CenteredModal title="Loading user...">