From 2f48a3d7d5ade5d8f09e1b3d12e8c79a7eb3ab5f Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Wed, 13 Aug 2025 02:53:32 +0530
Subject: [PATCH] (feat:chunks) consistent path header

---
 frontend/src/components/Chunks.tsx            |  4 ++--
 frontend/src/components/FileTreeComponent.tsx | 13 ++++---------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/Chunks.tsx b/frontend/src/components/Chunks.tsx
index e464b9d0..5c9c25b8 100644
--- a/frontend/src/components/Chunks.tsx
+++ b/frontend/src/components/Chunks.tsx
@@ -284,8 +284,8 @@ const Chunks: React.FC<ChunksProps> = ({
 
   const renderPathNavigation = () => {
     return (
-      <div className="mb-4 flex flex-col sm:flex-row sm:items-center sm:justify-between text-base gap-2">
-        <div className="flex items-center">
+      <div className="mb-0 min-h-[38px] flex flex-col sm:flex-row sm:items-center sm:justify-between text-base gap-2">
+        <div className="flex w-full items-center sm:w-auto">
           <button
             className="mr-3 flex h-[29px] w-[29px] items-center justify-center rounded-full border p-2 text-sm text-gray-400 dark:border-0 dark:bg-[#28292D] dark:text-gray-500 dark:hover:bg-[#2E2F34] transition-all duration-200 font-medium"
             onClick={editingChunk ? () => setEditingChunk(null) : isAddingChunk ? () => setIsAddingChunk(false) : handleGoBack}
diff --git a/frontend/src/components/FileTreeComponent.tsx b/frontend/src/components/FileTreeComponent.tsx
index 714810c6..1aecc773 100644
--- a/frontend/src/components/FileTreeComponent.tsx
+++ b/frontend/src/components/FileTreeComponent.tsx
@@ -443,7 +443,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
 
   const renderPathNavigation = () => {
     return (
-      <div className="mb-4 flex flex-col gap-3 text-sm sm:flex-row sm:items-center sm:justify-between">
+      <div className="mb-0 min-h-[38px] flex flex-col gap-2 text-base sm:flex-row sm:items-center sm:justify-between">
         {/* Left side with path navigation */}
         <div className="flex w-full items-center sm:w-auto">
           <button
@@ -454,12 +454,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
           </button>
   
           <div className="flex flex-wrap items-center">
-            <img
-              src={OutlineSource}
-              alt="source"
-              className="mr-2 h-5 w-5 flex-shrink-0"
-            />
-            <span className="text-purple-30 font-medium break-words">
+            <span className="text-[#7D54D1] font-semibold break-words">
               {sourceName}
             </span>
             {currentPath.length > 0 && (
@@ -491,7 +486,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
         </div>
 
         {/* Right side with search and add button */}
-        <div className="flex items-center space-x-4">
+        <div className="flex flex-row flex-nowrap items-center gap-2 w-full sm:w-auto justify-end mt-2 sm:mt-0 overflow-x-auto">
           {/* Upload status indicator */}
           {processingRef.current && (
             <div className="text-sm text-gray-500">
@@ -502,7 +497,7 @@ const FileTreeComponent: React.FC<FileTreeComponentProps> = ({
           )}
           
           {/* Search element with fixed width matching Figma specs */}
-          <div className="w-[198px]">
+          <div className="hidden lg:block w-[198px]">
             {renderFileSearch()}
           </div>