From 05a71da26e404dc3467f153fb30fa99a1508d700 Mon Sep 17 00:00:00 2001
From: Marvin Zhang <tikazyq>
Date: Fri, 12 Sep 2025 15:01:29 +0800
Subject: [PATCH] refactor: comment out AI chat features in NormalLayout.vue
 for future implementation

---
 .../crawlab-ui/src/layouts/NormalLayout.vue   | 37 ++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/frontend/crawlab-ui/src/layouts/NormalLayout.vue b/frontend/crawlab-ui/src/layouts/NormalLayout.vue
index ac28faf2..c397977c 100644
--- a/frontend/crawlab-ui/src/layouts/NormalLayout.vue
+++ b/frontend/crawlab-ui/src/layouts/NormalLayout.vue
@@ -6,29 +6,31 @@ const store = useStore();
 const { layout: state } = store.state as RootStoreState;
 
 const sidebarCollapsed = computed<boolean>(() => state.sidebarCollapsed);
-const chatSidebarVisible = computed<boolean>(() => state.chatbotSidebarVisible);
-const chatSidebarWidth = computed<number>(() => state.chatbotSidebarWidth);
+// Temporarily commented out - AI chat features are WIP
+// const chatSidebarVisible = computed<boolean>(() => state.chatbotSidebarVisible);
+// const chatSidebarWidth = computed<number>(() => state.chatbotSidebarWidth);
 
-const closeChatSidebar = () => {
-  store.commit('layout/setChatbotSidebarVisible', false);
-};
+// const closeChatSidebar = () => {
+//   store.commit('layout/setChatbotSidebarVisible', false);
+// };
 
-const resizeChatSidebar = (width: number) => {
-  store.commit('layout/setChatbotSidebarWidth', width);
-};
+// const resizeChatSidebar = (width: number) => {
+//   store.commit('layout/setChatbotSidebarWidth', width);
+// };
 
-const chatSidebarResizing = ref(false);
+// const chatSidebarResizing = ref(false);
 
 // Make sure the chatbotSidebarWidth is initialized from localStorage
 onBeforeMount(() => {
   store.dispatch('common/getMe');
 
-  // Ensure sidebar width is initialized from localStorage
-  const storedWidth = localStorage.getItem('chatbotSidebarWidth');
-  if (storedWidth) {
-    const width = parseInt(storedWidth);
-    store.commit('layout/setChatbotSidebarWidth', width);
-  }
+  // Temporarily commented out - AI chat features are WIP
+  // // Ensure sidebar width is initialized from localStorage
+  // const storedWidth = localStorage.getItem('chatbotSidebarWidth');
+  // if (storedWidth) {
+  //   const width = parseInt(storedWidth);
+  //   store.commit('layout/setChatbotSidebarWidth', width);
+  // }
 });
 
 defineOptions({ name: 'ClNormalLayout' });
@@ -40,10 +42,8 @@ defineOptions({ name: 'ClNormalLayout' });
     <div
       :class="[
         sidebarCollapsed ? 'collapsed' : '',
-        chatSidebarResizing ? 'chat-resizing' : '',
       ]"
       class="main-content"
-      :style="chatSidebarVisible ? { right: `${chatSidebarWidth}px` } : {}"
     >
       <cl-header />
       <cl-tabs-view />
@@ -51,6 +51,8 @@ defineOptions({ name: 'ClNormalLayout' });
         <router-view />
       </div>
     </div>
+    <!-- Temporarily commented out - AI chat features are WIP -->
+    <!--
     <cl-chat-sidebar
       :visible="chatSidebarVisible"
       :default-width="chatSidebarWidth"
@@ -64,6 +66,7 @@ defineOptions({ name: 'ClNormalLayout' });
         @close="closeChatSidebar"
       />
     </cl-chat-sidebar>
+    -->
   </div>
 </template>