From e7f78017e76b6dee77d39c8fb19ca8e91fe51f05 Mon Sep 17 00:00:00 2001
From: centdix <farhadg110@gmail.com>
Date: Mon, 2 Jun 2025 16:17:13 +0200
Subject: [PATCH] fix drawer

---
 .../lib/components/common/drawer/Drawer.svelte  |  7 +++----
 .../components/copilot/chat/navigator/core.ts   |  2 ++
 .../src/routes/(root)/(logged)/+layout.svelte   | 17 ++---------------
 3 files changed, 7 insertions(+), 19 deletions(-)

diff --git a/frontend/src/lib/components/common/drawer/Drawer.svelte b/frontend/src/lib/components/common/drawer/Drawer.svelte
index 813870dbef..271ce458d1 100644
--- a/frontend/src/lib/components/common/drawer/Drawer.svelte
+++ b/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 {
diff --git a/frontend/src/lib/components/copilot/chat/navigator/core.ts b/frontend/src/lib/components/copilot/chat/navigator/core.ts
index 1d8c997d3e..3778be02f8 100644
--- a/frontend/src/lib/components/copilot/chat/navigator/core.ts
+++ b/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.
diff --git a/frontend/src/routes/(root)/(logged)/+layout.svelte b/frontend/src/routes/(root)/(logged)/+layout.svelte
index 4afcc9f55f..b85e378fc9 100644
--- a/frontend/src/routes/(root)/(logged)/+layout.svelte
+++ b/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...">