diff --git a/.env.development b/.env.development
index 6de142a30..c333da04b 100644
--- a/.env.development
+++ b/.env.development
@@ -3,3 +3,6 @@ VITE_BASE_URL=/api
 VITE_PROXY_URL=https://dev.eigent.ai
 
 VITE_USE_LOCAL_PROXY=false
+
+# VITE_PROXY_URL=http://localhost:3001
+# VITE_USE_LOCAL_PROXY=true
\ No newline at end of file
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index 48616c358..8c84c5fd0 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -12,7 +12,7 @@ body:
     id: version
     attributes:
       label: What version of eigent are you using?
-      placeholder: E.g., 0.0.48
+      placeholder: E.g., 0.0.49
     validations:
       required: true
 
diff --git a/README.md b/README.md
index f90046486..f96ffbab7 100644
--- a/README.md
+++ b/README.md
@@ -354,7 +354,7 @@ For more information please contact info@eigent.ai
 
 [camel-github]: https://github.com/camel-ai/camel
 [eigent-github]: https://github.com/eigent-ai/eigent
-[contribution-link]: https:/github.com/eigent-ai/eigent/blob/master/CONTRIBUTING.md
+[contribution-link]: https://github.com/eigent-ai/eigent/blob/main/CONTRIBUTING.md
 
 [social-x-link]: https://x.com/Eigent_AI
 [social-x-shield]: https://img.shields.io/badge/-%40Eigent_AI-white?labelColor=gray&logo=x&logoColor=white&style=plastic
diff --git a/backend/app/utils/toolkit/hybrid_browser_python_toolkit.py b/backend/app/utils/toolkit/hybrid_browser_python_toolkit.py
index e679cac65..911a6dd87 100644
--- a/backend/app/utils/toolkit/hybrid_browser_python_toolkit.py
+++ b/backend/app/utils/toolkit/hybrid_browser_python_toolkit.py
@@ -83,7 +83,7 @@ class BrowserSession(BaseHybridBrowserSession):
             await self.get_new_tab()
             logger.debug(json.dumps([item.url for item in self._context.pages]))
             if not self._page:
-                raise ProgramException("Electron does't has page")
+                raise ProgramException("Maximum Window Limit Reached.")
 
         # Apply stealth modifications if enabled
         if self._stealth and self._stealth_script:
diff --git a/backend/pyproject.toml b/backend/pyproject.toml
index 0f6b9c049..517a2e9b7 100644
--- a/backend/pyproject.toml
+++ b/backend/pyproject.toml
@@ -5,7 +5,7 @@ description = "Add your description here"
 readme = "README.md"
 requires-python = "==3.10.16"
 dependencies = [
-    "camel-ai[eigent]>=0.2.75a2",
+    "camel-ai[eigent]>=0.2.75a3",
     "fastapi>=0.115.12",
     "fastapi-babel>=1.0.0",
     "uvicorn[standard]>=0.34.2",
diff --git a/backend/uv.lock b/backend/uv.lock
index 208e3cc0b..2f838f8cd 100644
--- a/backend/uv.lock
+++ b/backend/uv.lock
@@ -252,7 +252,7 @@ dev = [
 [package.metadata]
 requires-dist = [
     { name = "aiofiles", specifier = ">=24.1.0" },
-    { name = "camel-ai", extras = ["eigent"], specifier = ">=0.2.75a2" },
+    { name = "camel-ai", extras = ["eigent"], specifier = ">=0.2.75a3" },
     { name = "fastapi", specifier = ">=0.115.12" },
     { name = "fastapi-babel", specifier = ">=1.0.0" },
     { name = "httpx", extras = ["socks"], specifier = ">=0.28.1" },
@@ -281,9 +281,18 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/50/cd/30110dc0ffcf3b131156077b90e9f60ed75711223f306da4db08eff8403b/beautifulsoup4-4.13.4-py3-none-any.whl", hash = "sha256:9bbbb14bfde9d79f38b8cd5f8c7c85f4b8f2523190ebed90e950a8dea4cb1c4b", size = 187285, upload-time = "2025-04-15T17:05:12.221Z" },
 ]
 
+[[package]]
+name = "cachetools"
+version = "5.5.2"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/6c/81/3747dad6b14fa2cf53fcf10548cf5aea6913e96fab41a3c198676f8948a5/cachetools-5.5.2.tar.gz", hash = "sha256:1a661caa9175d26759571b2e19580f9d6393969e5dfca11fdb1f947a23e640d4", size = 28380, upload-time = "2025-02-20T21:01:19.524Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/72/76/20fa66124dbe6be5cafeb312ece67de6b61dd91a0247d1ea13db4ebb33c2/cachetools-5.5.2-py3-none-any.whl", hash = "sha256:d26a22bcc62eb95c3beabd9f1ee5e820d3d2704fe2967cbe350e20c8ffcd3f0a", size = 10080, upload-time = "2025-02-20T21:01:16.647Z" },
+]
+
 [[package]]
 name = "camel-ai"
-version = "0.2.75a2"
+version = "0.2.75a3"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
     { name = "colorama" },
@@ -297,9 +306,9 @@ dependencies = [
     { name = "pydantic" },
     { name = "tiktoken" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/c0/cf/0fbec7b2b29f9cd26f826fd39c04919b0cc4e85aa25494450073d8f5077f/camel_ai-0.2.75a2.tar.gz", hash = "sha256:30e09726b83a4d6dab58b91e74861813a921b6d63ed9711fb62716f04fbb090f", size = 893153, upload-time = "2025-08-08T00:46:24.22Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/e9/01/8ef700aa28b7ec0bdb0b2e5d3fa46e8d247ca0c0c5d5a885946a095a8952/camel_ai-0.2.75a3.tar.gz", hash = "sha256:6fac8b64822a02c80de8fc97a19927c535024126d416f5cd0ae0c278c4b43102", size = 893165, upload-time = "2025-08-13T10:31:24.793Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/bd/86/158ab4487c4e092eb2404a687baf5df097148fe07bf77a47f3e43b17fbea/camel_ai-0.2.75a2-py3-none-any.whl", hash = "sha256:8605c4c4a00afb6fa0ea1050dbccf28d77e7daee9cb72b9d963ecf1549c1f0bf", size = 1319681, upload-time = "2025-08-08T00:46:22.174Z" },
+    { url = "https://files.pythonhosted.org/packages/e4/91/cfd1f438ba94e1f90daa96e40d01bb86e9bc167f8db0d29ff36db9ac9db2/camel_ai-0.2.75a3-py3-none-any.whl", hash = "sha256:a93a6e4a1fa29e1620d89188da3f5cf7c9baa32b944e22ead8b5db25ad987844", size = 1319684, upload-time = "2025-08-13T10:31:22.145Z" },
 ]
 
 [package.optional-dependencies]
@@ -313,6 +322,7 @@ eigent = [
     { name = "duckduckgo-search" },
     { name = "exa-py" },
     { name = "ffmpeg-python" },
+    { name = "google-api-python-client" },
     { name = "html2text" },
     { name = "imageio", extra = ["pyav"] },
     { name = "markitdown", extra = ["all"] },
@@ -815,6 +825,77 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/da/71/ae30dadffc90b9006d77af76b393cb9dfbfc9629f339fc1574a1c52e6806/future-1.0.0-py3-none-any.whl", hash = "sha256:929292d34f5872e70396626ef385ec22355a1fae8ad29e1a734c3e43f9fbc216", size = 491326, upload-time = "2024-02-21T11:52:35.956Z" },
 ]
 
+[[package]]
+name = "google-api-core"
+version = "2.25.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "google-auth" },
+    { name = "googleapis-common-protos" },
+    { name = "proto-plus" },
+    { name = "protobuf" },
+    { name = "requests" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/dc/21/e9d043e88222317afdbdb567165fdbc3b0aad90064c7e0c9eb0ad9955ad8/google_api_core-2.25.1.tar.gz", hash = "sha256:d2aaa0b13c78c61cb3f4282c464c046e45fbd75755683c9c525e6e8f7ed0a5e8", size = 165443, upload-time = "2025-06-12T20:52:20.439Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/14/4b/ead00905132820b623732b175d66354e9d3e69fcf2a5dcdab780664e7896/google_api_core-2.25.1-py3-none-any.whl", hash = "sha256:8a2a56c1fef82987a524371f99f3bd0143702fecc670c72e600c1cda6bf8dbb7", size = 160807, upload-time = "2025-06-12T20:52:19.334Z" },
+]
+
+[[package]]
+name = "google-api-python-client"
+version = "2.166.0"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "google-api-core" },
+    { name = "google-auth" },
+    { name = "google-auth-httplib2" },
+    { name = "httplib2" },
+    { name = "uritemplate" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/c4/c9/eac7b4e843039f0a54a563c2328d43de6f02e426a11b6a7e378996f667db/google_api_python_client-2.166.0.tar.gz", hash = "sha256:b8cf843bd9d736c134aef76cf1dc7a47c9283a2ef24267b97207b9dd43b30ef7", size = 12680525, upload-time = "2025-03-26T20:15:34.016Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/b4/44/ae1528a6ca296d89704c8febb72b3e263c28b4e50ab29b9202df7a0f273d/google_api_python_client-2.166.0-py2.py3-none-any.whl", hash = "sha256:dd8cc74d9fc18538ab05cbd2e93cb4f82382f910c5f6945db06c91f1deae6e45", size = 13190078, upload-time = "2025-03-26T20:15:29.647Z" },
+]
+
+[[package]]
+name = "google-auth"
+version = "2.40.3"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "cachetools" },
+    { name = "pyasn1-modules" },
+    { name = "rsa" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/9e/9b/e92ef23b84fa10a64ce4831390b7a4c2e53c0132568d99d4ae61d04c8855/google_auth-2.40.3.tar.gz", hash = "sha256:500c3a29adedeb36ea9cf24b8d10858e152f2412e3ca37829b3fa18e33d63b77", size = 281029, upload-time = "2025-06-04T18:04:57.577Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/17/63/b19553b658a1692443c62bd07e5868adaa0ad746a0751ba62c59568cd45b/google_auth-2.40.3-py2.py3-none-any.whl", hash = "sha256:1370d4593e86213563547f97a92752fc658456fe4514c809544f330fed45a7ca", size = 216137, upload-time = "2025-06-04T18:04:55.573Z" },
+]
+
+[[package]]
+name = "google-auth-httplib2"
+version = "0.2.0"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "google-auth" },
+    { name = "httplib2" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/56/be/217a598a818567b28e859ff087f347475c807a5649296fb5a817c58dacef/google-auth-httplib2-0.2.0.tar.gz", hash = "sha256:38aa7badf48f974f1eb9861794e9c0cb2a0511a4ec0679b1f886d108f5640e05", size = 10842, upload-time = "2023-12-12T17:40:30.722Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/be/8a/fe34d2f3f9470a27b01c9e76226965863f153d5fbe276f83608562e49c04/google_auth_httplib2-0.2.0-py2.py3-none-any.whl", hash = "sha256:b65a0a2123300dd71281a7bf6e64d65a0759287df52729bdd1ae2e47dc311a3d", size = 9253, upload-time = "2023-12-12T17:40:13.055Z" },
+]
+
+[[package]]
+name = "googleapis-common-protos"
+version = "1.70.0"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "protobuf" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/39/24/33db22342cf4a2ea27c9955e6713140fedd51e8b141b5ce5260897020f1a/googleapis_common_protos-1.70.0.tar.gz", hash = "sha256:0e1b44e0ea153e6594f9f394fef15193a68aaaea2d843f83e2742717ca753257", size = 145903, upload-time = "2025-04-14T10:17:02.924Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/86/f1/62a193f0227cf15a920390abe675f386dec35f7ae3ffe6da582d3ade42c7/googleapis_common_protos-1.70.0-py3-none-any.whl", hash = "sha256:b8bfcca8c25a2bb253e0e0b0adaf8c00773e5e6af6fd92397576680b807e0fd8", size = 294530, upload-time = "2025-04-14T10:17:01.271Z" },
+]
+
 [[package]]
 name = "greenlet"
 version = "3.2.3"
@@ -903,6 +984,18 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/7e/f5/f66802a942d491edb555dd61e3a9961140fd64c90bce1eafd741609d334d/httpcore-1.0.9-py3-none-any.whl", hash = "sha256:2d400746a40668fc9dec9810239072b40b4484b640a8c38fd654a024c7a1bf55", size = 78784, upload-time = "2025-04-24T22:06:20.566Z" },
 ]
 
+[[package]]
+name = "httplib2"
+version = "0.22.0"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "pyparsing" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/3d/ad/2371116b22d616c194aa25ec410c9c6c37f23599dcd590502b74db197584/httplib2-0.22.0.tar.gz", hash = "sha256:d7a10bc5ef5ab08322488bde8c726eeee5c8618723fdb399597ec58f3d82df81", size = 351116, upload-time = "2023-03-21T22:29:37.214Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/a8/6c/d2fbdaaa5959339d53ba38e94c123e4e84b8fbc4b84beb0e70d7c1608486/httplib2-0.22.0-py3-none-any.whl", hash = "sha256:14ae0a53c1ba8f3d37e9e27cf37eabb0fb9980f435ba405d546948b009dd64dc", size = 96854, upload-time = "2023-03-21T22:29:35.683Z" },
+]
+
 [[package]]
 name = "httptools"
 version = "0.6.4"
@@ -1654,6 +1747,18 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/d9/fd/8d84d75832b0983cecf3aff7ae48362fe96fc8ab6ebca9dcf3cefd87e79c/Protego-0.4.0-py2.py3-none-any.whl", hash = "sha256:37640bc0ebe37572d624453a21381d05e9d86e44f89ff1e81794d185a0491666", size = 8553, upload-time = "2025-01-17T15:48:18.332Z" },
 ]
 
+[[package]]
+name = "proto-plus"
+version = "1.26.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "protobuf" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/f4/ac/87285f15f7cce6d4a008f33f1757fb5a13611ea8914eb58c3d0d26243468/proto_plus-1.26.1.tar.gz", hash = "sha256:21a515a4c4c0088a773899e23c7bbade3d18f9c66c73edd4c7ee3816bc96a012", size = 56142, upload-time = "2025-03-10T15:54:38.843Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/4e/6d/280c4c2ce28b1593a19ad5239c8b826871fc6ec275c21afc8e1820108039/proto_plus-1.26.1-py3-none-any.whl", hash = "sha256:13285478c2dcf2abb829db158e1047e2f1e8d63a077d94263c2b88b043c75a66", size = 50163, upload-time = "2025-03-10T15:54:37.335Z" },
+]
+
 [[package]]
 name = "protobuf"
 version = "5.29.5"
@@ -1699,6 +1804,27 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/ab/32/340238be1eb5037e7b5de7e640ee22334417239bc347eadefaf8c373936d/pyarrow-20.0.0-cp310-cp310-win_amd64.whl", hash = "sha256:4a8b029a07956b8d7bd742ffca25374dd3f634b35e46cc7a7c3fa4c75b297191", size = 25770759, upload-time = "2025-04-27T12:28:33.702Z" },
 ]
 
+[[package]]
+name = "pyasn1"
+version = "0.6.1"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/ba/e9/01f1a64245b89f039897cb0130016d79f77d52669aae6ee7b159a6c4c018/pyasn1-0.6.1.tar.gz", hash = "sha256:6f580d2bdd84365380830acf45550f2511469f673cb4a5ae3857a3170128b034", size = 145322, upload-time = "2024-09-10T22:41:42.55Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/c8/f1/d6a797abb14f6283c0ddff96bbdd46937f64122b8c925cab503dd37f8214/pyasn1-0.6.1-py3-none-any.whl", hash = "sha256:0d632f46f2ba09143da3a8afe9e33fb6f92fa2320ab7e886e2d0f7672af84629", size = 83135, upload-time = "2024-09-11T16:00:36.122Z" },
+]
+
+[[package]]
+name = "pyasn1-modules"
+version = "0.4.2"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "pyasn1" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/e9/e6/78ebbb10a8c8e4b61a59249394a4a594c1a7af95593dc933a349c8d00964/pyasn1_modules-0.4.2.tar.gz", hash = "sha256:677091de870a80aae844b1ca6134f54652fa2c8c5a52aa396440ac3106e941e6", size = 307892, upload-time = "2025-03-28T02:41:22.17Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/47/8d/d529b5d697919ba8c11ad626e835d4039be708a35b0d22de83a269a6682c/pyasn1_modules-0.4.2-py3-none-any.whl", hash = "sha256:29253a9207ce32b64c3ac6600edc75368f98473906e8fd1043bd6b5b1de2c14a", size = 181259, upload-time = "2025-03-28T02:41:19.028Z" },
+]
+
 [[package]]
 name = "pyautogui"
 version = "0.9.54"
@@ -1916,6 +2042,15 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/80/28/2659c02301b9500751f8d42f9a6632e1508aa5120de5e43042b8b30f8d5d/pyopenssl-25.1.0-py3-none-any.whl", hash = "sha256:2b11f239acc47ac2e5aca04fd7fa829800aeee22a2eb30d744572a157bd8a1ab", size = 56771, upload-time = "2025-05-17T16:28:29.197Z" },
 ]
 
+[[package]]
+name = "pyparsing"
+version = "3.2.3"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/bb/22/f1129e69d94ffff626bdb5c835506b3a5b4f3d070f17ea295e12c2c6f60f/pyparsing-3.2.3.tar.gz", hash = "sha256:b9c13f1ab8b3b542f72e28f634bad4de758ab3ce4546e4301970ad6fa77c38be", size = 1088608, upload-time = "2025-03-25T05:01:28.114Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/05/e7/df2285f3d08fee213f2d041540fa4fc9ca6c2d44cf36d3a035bf2a8d2bcc/pyparsing-3.2.3-py3-none-any.whl", hash = "sha256:a749938e02d6fd0b59b356ca504a24982314bb090c383e3cf201c95ef7e2bfcf", size = 111120, upload-time = "2025-03-25T05:01:24.908Z" },
+]
+
 [[package]]
 name = "pyperclip"
 version = "1.9.0"
@@ -2181,6 +2316,18 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/41/b3/728a08ff6f5e06fe3bb9af2e770e9d5fd20141af45cff8dfc62da4b2d0b3/rpds_py-0.25.1-pp310-pypy310_pp73-win_amd64.whl", hash = "sha256:f73ce1512e04fbe2bc97836e89830d6b4314c171587a99688082d090f934d20a", size = 231651, upload-time = "2025-05-21T12:45:24.72Z" },
 ]
 
+[[package]]
+name = "rsa"
+version = "4.9.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "pyasn1" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/da/8a/22b7beea3ee0d44b1916c0c1cb0ee3af23b700b6da9f04991899d0c555d4/rsa-4.9.1.tar.gz", hash = "sha256:e7bdbfdb5497da4c07dfd35530e1a902659db6ff241e39d9953cad06ebd0ae75", size = 29034, upload-time = "2025-04-16T09:51:18.218Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/64/8d/0133e4eb4beed9e425d9a98ed6e081a55d195481b7632472be1af08d2f6b/rsa-4.9.1-py3-none-any.whl", hash = "sha256:68635866661c6836b8d39430f97a996acbd61bfa49406748ea243539fe239762", size = 34696, upload-time = "2025-04-16T09:51:17.142Z" },
+]
+
 [[package]]
 name = "rubicon-objc"
 version = "0.5.1"
@@ -2421,6 +2568,15 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/17/69/cd203477f944c353c31bade965f880aa1061fd6bf05ded0726ca845b6ff7/typing_inspection-0.4.1-py3-none-any.whl", hash = "sha256:389055682238f53b04f7badcb49b989835495a96700ced5dab2d8feae4b26f51", size = 14552, upload-time = "2025-05-21T18:55:22.152Z" },
 ]
 
+[[package]]
+name = "uritemplate"
+version = "4.2.0"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/98/60/f174043244c5306c9988380d2cb10009f91563fc4b31293d27e17201af56/uritemplate-4.2.0.tar.gz", hash = "sha256:480c2ed180878955863323eea31b0ede668795de182617fef9c6ca09e6ec9d0e", size = 33267, upload-time = "2025-06-02T15:12:06.318Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/a9/99/3ae339466c9183ea5b8ae87b34c0b897eda475d2aec2307cae60e5cd4f29/uritemplate-4.2.0-py3-none-any.whl", hash = "sha256:962201ba1c4edcab02e60f9a0d3821e82dfc5d2d6662a21abd533879bdb8a686", size = 11488, upload-time = "2025-06-02T15:12:03.405Z" },
+]
+
 [[package]]
 name = "urllib3"
 version = "2.5.0"
diff --git a/electron/main/index.ts b/electron/main/index.ts
index 096671fc0..32ae646b3 100644
--- a/electron/main/index.ts
+++ b/electron/main/index.ts
@@ -269,7 +269,7 @@ const handleDependencyInstallation = async () => {
 
     log.info(' install dependencies success, check tool installed status...');
     const isToolInstalled = await checkToolInstalled();
-
+    log.info('isToolInstalled && !python_process', isToolInstalled && !python_process);
     if (isToolInstalled && !python_process) {
       log.info(' tool installed, start backend service...');
       python_process = await startBackend((port) => {
@@ -304,7 +304,10 @@ const handleDependencyInstallation = async () => {
 
 function registerIpcHandlers() {
   // ==================== basic info handler ====================
-  ipcMain.handle('get-browser-port', () => browser_port);
+  ipcMain.handle('get-browser-port', () => {
+    log.info('Starting new task')
+    return browser_port
+  });
   ipcMain.handle('get-app-version', () => app.getVersion());
   ipcMain.handle('get-backend-port', () => backendPort);
   ipcMain.handle('get-system-language', getSystemLanguage);
@@ -461,7 +464,7 @@ function registerIpcHandlers() {
       const { MCP_REMOTE_CONFIG_DIR } = getEmailFolderPath(email);
       const logFolderName = `task_${sanitizedTaskId}`;
       const logFolderPath = path.join(MCP_REMOTE_CONFIG_DIR, logFolderName);
-      
+
       // Check if log folder exists
       if (!fs.existsSync(logFolderPath)) {
         return { success: false, error: 'Log folder not found' };
@@ -902,6 +905,8 @@ async function createWindow() {
     title: 'Eigent',
     width: 1200,
     height: 800,
+    minWidth: 1200,
+    minHeight: 800,
     frame: false,
     transparent: true,
     vibrancy: 'sidebar',
@@ -1041,7 +1046,7 @@ const cleanupPythonProcess = async () => {
     if (python_process?.pid) {
       const pid = python_process.pid;
       log.info('Cleaning up Python process', { pid });
-      
+
       await new Promise<void>((resolve) => {
         kill(pid, 'SIGINT', (err) => {
           if (err) {
@@ -1068,7 +1073,7 @@ const cleanupPythonProcess = async () => {
         log.error('Error handling port file:', error);
       }
     }
-    
+
     python_process = null;
   } catch (error) {
     log.error('Error occurred while cleaning up process:', error);
diff --git a/electron/main/init.ts b/electron/main/init.ts
index 70dbb7824..ac364dbf8 100644
--- a/electron/main/init.ts
+++ b/electron/main/init.ts
@@ -426,25 +426,33 @@ function checkPortAvailable(port: number): Promise<boolean> {
 export async function killProcessOnPort(port: number): Promise<boolean> {
     try {
         const platform = process.platform;
-        let command: string;
 
         if (platform === 'win32') {
-            // Windows command to find and kill process
-            command = `
-                for /f "tokens=5" %%a in ('netstat -ano ^| findstr :${port}') do (
-                    echo Killing PID: %%a
-                    taskkill /F /PID %%a
-                )
-            `;
-        } else if (platform === 'darwin') {
-            // macOS command
-            command = `lsof -ti:${port} | xargs kill -9 2>/dev/null || true`;
-        } else {
-            // Linux command
-            command = `fuser -k ${port}/tcp 2>/dev/null || true`;
+            // 1. get pid of process listen on port
+            const { stdout: netstatOut } = await execAsync(`netstat -ano | findstr LISTENING | findstr :${port}`);
+            const lines = netstatOut.trim().split(/\r?\n/).filter(Boolean);
+            if (lines.length === 0) {
+                console.log(`no process listen on port ${port}`);
+                return true;
+            }
+
+            // get pid from last field
+            const pid = lines[0].trim().split(/\s+/).pop();
+            if (!pid || isNaN(Number(pid))) {
+                console.log(`Invalid PID extracted for port ${port}: ${pid}`);
+                return false;
+            }
+
+            console.log(`Killing PID: ${pid}`);
+            await execAsync(`taskkill /F /PID ${pid}`);
+        } 
+        else if (platform === 'darwin') {
+            await execAsync(`lsof -ti:${port} | xargs kill -9 2>/dev/null || true`);
+        } 
+        else {
+            await execAsync(`fuser -k ${port}/tcp 2>/dev/null || true`);
         }
 
-        await execAsync(command);
 
         // Wait a bit for the process to be killed
         await new Promise(resolve => setTimeout(resolve, 500));
diff --git a/package.json b/package.json
index 3d18525b0..84f6ef415 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "eigent",
-  "version": "0.0.48",
+  "version": "0.0.49",
   "main": "dist-electron/main/index.js",
   "description": "Eigent",
   "author": "Eigent.AI",
@@ -69,6 +69,7 @@
     "next-themes": "^0.4.6",
     "papaparse": "^5.5.3",
     "react-markdown": "^10.1.0",
+    "react-resizable-panels": "^3.0.4",
     "react-router-dom": "^7.6.0",
     "remark-gfm": "^4.0.1",
     "sonner": "^2.0.6",
diff --git a/src/components/ChatBox/BottomInput.tsx b/src/components/ChatBox/BottomInput.tsx
index c05e8d281..f56f0f38b 100644
--- a/src/components/ChatBox/BottomInput.tsx
+++ b/src/components/ChatBox/BottomInput.tsx
@@ -36,6 +36,7 @@ export const BottomInput = ({
 	privacy,
 	isTakeControl,
 	setIsTakeControl,
+	useCloudModelInDev
 }: {
 	message: string;
 	onMessageChange: (v: string) => void;
@@ -49,12 +50,13 @@ export const BottomInput = ({
 	privacy?: boolean;
 	isTakeControl?: boolean;
 	setIsTakeControl?: (v: boolean) => void;
+	useCloudModelInDev: boolean;
 }) => {
 	const chatStore = useChatStore();
-
 	const [isConfirm, setIsConfirm] = useState(true);
 	const [hasSubTask, setHasSubTask] = useState(false);
 
+
 	useEffect(() => {
 		const message = chatStore.tasks[
 			chatStore.activeTaskId as string
@@ -111,9 +113,7 @@ export const BottomInput = ({
 		try {
 			const result = await window.electronAPI.selectFile({
 				title: "Select File",
-				filters: [
-					{ name: "All Files", extensions: ["*"] },
-				],
+				filters: [{ name: "All Files", extensions: ["*"] }],
 			});
 
 			if (result.success && result.files && result.files.length > 0) {
@@ -310,7 +310,7 @@ export const BottomInput = ({
 			) : (
 				<div className="mr-2 relative z-10  h-auto min-h-[82px] rounded-2xl bg-input-bg-default !px-2 !pb-2 gap-0 space-x-1 shadow-none border-solid border border-zinc-300">
 					<Textarea
-						disabled={!privacy || isPending}
+						disabled={!privacy || isPending || useCloudModelInDev}
 						ref={textareaRef}
 						value={message}
 						onChange={(e) => onMessageChange(e.target.value)}
@@ -384,7 +384,7 @@ export const BottomInput = ({
 					<div className="flex items-center justify-between">
 						<div className="flex items-center gap-1">
 							<Button
-								disabled={!privacy || isPending}
+								disabled={!privacy || isPending || useCloudModelInDev}
 								onClick={handleFileSelect}
 								variant="ghost"
 								size="icon"
@@ -398,6 +398,7 @@ export const BottomInput = ({
 							</Button>
 						</div>
 						<Button
+							disabled={!privacy || isPending || useCloudModelInDev}
 							onClick={() => {
 								if (isPending) {
 									if (isTakeControl) {
diff --git a/src/components/ChatBox/MessageCard.tsx b/src/components/ChatBox/MessageCard.tsx
index a1a60164a..b5d109ebd 100644
--- a/src/components/ChatBox/MessageCard.tsx
+++ b/src/components/ChatBox/MessageCard.tsx
@@ -58,7 +58,7 @@ export function MessageCard({
 			} w-full rounded-xl border px-4 py-3 ${className || ""} group`}
 		>
 			{role === "user" && (
-				<div className="absolute bottom-[-30px] right-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
+				<div className="absolute bottom-[0px] right-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
 					<Button onClick={handleCopy} variant="ghost" size="icon">
 						<Copy />
 					</Button>
diff --git a/src/components/ChatBox/index.tsx b/src/components/ChatBox/index.tsx
index a5359fdd0..b205e1c34 100644
--- a/src/components/ChatBox/index.tsx
+++ b/src/components/ChatBox/index.tsx
@@ -30,6 +30,18 @@ export default function ChatBox(): JSX.Element {
 	const [hasSearchKey, setHasSearchKey] = useState<any>(false);
 	const [privacyDialogOpen, setPrivacyDialogOpen] = useState(false);
 	const { modelType } = useAuthStore();
+	const [useCloudModelInDev, setUseCloudModelInDev] = useState(false);
+
+	useEffect(() => {
+		if (
+			import.meta.env.VITE_USE_LOCAL_PROXY === "true" &&
+			modelType === "cloud"
+		) {
+			setUseCloudModelInDev(true);
+		} else {
+			setUseCloudModelInDev(false);
+		}
+	}, [modelType]);
 	useEffect(() => {
 		proxyFetchGet("/api/user/privacy")
 			.then((res) => {
@@ -120,24 +132,24 @@ export default function ChatBox(): JSX.Element {
 					chatStore.addMessages(_taskId, message!);
 				}
 			} else {
-									if (chatStore.tasks[_taskId as string]?.hasWaitComfirm) {
-						// If the task has not started yet (pending status), start it normally
-						if (chatStore.tasks[_taskId as string].status === "pending") {
-							chatStore.setIsPending(_taskId, true);
-							chatStore.startTask(_taskId);
-							// keep hasWaitComfirm as true so that follow-up improves work as usual
-						} else {
-							// Task already started and is waiting for user confirmation – use improve API
-							fetchPost(`/chat/${_taskId}`, {
-								question: tempMessageContent,
-							});
-							chatStore.setIsPending(_taskId, true);
-						}
-					} else {
+				if (chatStore.tasks[_taskId as string]?.hasWaitComfirm) {
+					// If the task has not started yet (pending status), start it normally
+					if (chatStore.tasks[_taskId as string].status === "pending") {
 						chatStore.setIsPending(_taskId, true);
 						chatStore.startTask(_taskId);
-						chatStore.setHasWaitComfirm(_taskId as string, true);
+						// keep hasWaitComfirm as true so that follow-up improves work as usual
+					} else {
+						// Task already started and is waiting for user confirmation – use improve API
+						fetchPost(`/chat/${_taskId}`, {
+							question: tempMessageContent,
+						});
+						chatStore.setIsPending(_taskId, true);
 					}
+				} else {
+					chatStore.setIsPending(_taskId, true);
+					chatStore.startTask(_taskId);
+					chatStore.setHasWaitComfirm(_taskId as string, true);
+				}
 			}
 		} catch (error) {
 			console.error("error:", error);
@@ -232,18 +244,18 @@ export default function ChatBox(): JSX.Element {
 
 	return (
 		<div className="w-full h-full flex flex-col items-center justify-center">
-			<PrivacyDialog 
-				open={privacyDialogOpen} 
-				onOpenChange={setPrivacyDialogOpen} 
+			<PrivacyDialog
+				open={privacyDialogOpen}
+				onOpenChange={setPrivacyDialogOpen}
 			/>
 			{(chatStore.activeTaskId &&
 				chatStore.tasks[chatStore.activeTaskId].messages.length > 0) ||
 			chatStore.tasks[chatStore.activeTaskId as string]?.hasMessages ? (
-				<div className="w-full h-[calc(100vh-54px)] flex flex-col rounded-[12px] border border-zinc-200 p-2 pr-0  border-solid  relative overflow-hidden">
-					<div className="absolute inset-0 blur-bg bg-bg-surface-primary pointer-events-none rounded-xl"></div>
+				<div className="w-full h-[calc(100vh-54px)] flex flex-col rounded-xl border border-border-disabled p-2 pr-0  border-solid relative overflow-hidden">
+					<div className="absolute inset-0 blur-bg bg-bg-surface-secondary pointer-events-none"></div>
 					<div
 						ref={scrollContainerRef}
-						className="flex-1 relative z-10 flex flex-col overflow-y-auto scrollbar pr-2 gap-6"
+						className="flex-1 relative z-10 flex flex-col overflow-y-auto scrollbar pr-2 gap-2"
 					>
 						{chatStore.activeTaskId &&
 							chatStore.tasks[chatStore.activeTaskId].messages.map(
@@ -476,20 +488,21 @@ export default function ChatBox(): JSX.Element {
 							textareaRef={textareaRef}
 							loading={loading}
 							onStartTask={() => handleConfirmTask()}
+							useCloudModelInDev={useCloudModelInDev}
 						/>
 					)}
 				</div>
 			) : (
-				<div 
-					className="w-full h-[calc(100vh-54px)] flex items-center  rounded-[12px] border border-zinc-200 p-2 pr-0  border-solid  relative overflow-hidden"
+				<div
+					className="w-full h-[calc(100vh-54px)] flex items-center rounded-xl border border-border-disabled p-2 pr-0  border-solid  relative overflow-hidden"
 					onClick={() => {
 						if (!privacy) {
 							setPrivacyDialogOpen(true);
 						}
 					}}
-					style={{ cursor: !privacy ? 'pointer' : 'default' }}
+					style={{ cursor: !privacy ? "pointer" : "default" }}
 				>
-					<div className="absolute inset-0 blur-bg bg-bg-surface-primary pointer-events-none rounded-xl"></div>
+					<div className="absolute inset-0 blur-bg bg-bg-surface-secondary pointer-events-none"></div>
 					<div className=" w-full flex flex-col relative z-10">
 						<div className="flex flex-col items-center gap-1 h-[210px] justify-end">
 							<div className="text-xl leading-[30px] text-zinc-800 text-center font-bold">
@@ -513,9 +526,10 @@ export default function ChatBox(): JSX.Element {
 								onSend={handleSend}
 								textareaRef={textareaRef}
 								loading={loading}
+								useCloudModelInDev={useCloudModelInDev}
 							/>
 						)}
-						<div className="h-[210px] flex justify-center items-start gap-2 mt-3">
+						<div className="h-[210px] flex justify-center items-start gap-2 mt-3 pr-2">
 							{!privacy ? (
 								<div className="flex items-center gap-2">
 									<div
@@ -534,6 +548,21 @@ export default function ChatBox(): JSX.Element {
 										</span>
 									</div>
 								</div>
+							) : useCloudModelInDev ? (
+								<div className="flex items-center gap-2">
+									<div
+										onClick={() => {
+											navigate("/setting/models");
+										}}
+										className="cursor-pointer flex items-center gap-1 px-sm py-xs rounded-md bg-surface-information"
+									>
+										<span className="text-text-information text-sm font-medium leading-[22px]">
+											You're in Self-hosted mode. Cloud models can't be used
+											here — set up your own local cloud model to keep things
+											running.
+										</span>
+									</div>
+								</div>
 							) : (
 								!hasSearchKey &&
 								modelType !== "cloud" && (
@@ -553,7 +582,7 @@ export default function ChatBox(): JSX.Element {
 									</div>
 								)
 							)}
-							{privacy && (hasSearchKey || modelType === "cloud") && (
+							{!useCloudModelInDev && privacy && (hasSearchKey || modelType === "cloud") && (
 								<div className="mr-2 flex flex-col items-center gap-2">
 									{[
 										{
diff --git a/src/components/Folder/index.tsx b/src/components/Folder/index.tsx
index 424a0cb9f..f8bbf7463 100644
--- a/src/components/Folder/index.tsx
+++ b/src/components/Folder/index.tsx
@@ -84,8 +84,8 @@ const FileTree: React.FC<FileTreeProps> = ({
 									onSelectFile(fileInfo);
 								}
 							}}
-							className={`w-full flex items-center gap-2 p-2 text-sm rounded-md bg-transparent text-primary hover:bg-white-50 transition-colors text-left ${
-								selectedFile?.path === child.path && "bg-white-50"
+							className={`w-full flex items-center justify-start p-2 text-sm rounded-xl bg-fill-fill-transparent text-primary hover:bg-fill-fill-transparent-active transition-colors text-left backdrop-blur-lg ${
+								selectedFile?.path === child.path ? "bg-fill-fill-transparent-active" : ""
 							}`}
 						>
 							{child.isFolder && (
@@ -100,11 +100,11 @@ const FileTree: React.FC<FileTreeProps> = ({
 							{!child.isFolder && <span className="w-4" />}
 
 							{child.isFolder ? (
-								<FolderIcon className="w-5 h-5 flex-shrink-0 text-yellow-600" />
+								<FolderIcon className="w-5 h-5 mr-2flex-shrink-0 text-yellow-600" />
 							) : child.icon ? (
-								<child.icon className="w-5 h-5 flex-shrink-0" />
+								<child.icon className="w-5 h-5 mr-2 flex-shrink-0" />
 							) : (
-								<FileText className="w-5 h-5 flex-shrink-0" />
+								<FileText className="w-5 h-5 mr-2 flex-shrink-0" />
 							)}
 
 							<span
@@ -284,7 +284,7 @@ export default function Folder({ data }: { data?: Agent }) {
 				chatStore.activeTaskId as string
 			);
 			let tree: any = null;
-			if ((res && res.length > 0) || import.meta.env.DEV) {
+			if ((res && res.length > 0) || import.meta.env.VITE_USE_LOCAL_PROXY === "true") {
 				tree = buildFileTree(res || []);
 			} else {
 				res = await proxyFetchGet("/api/chat/files", {
@@ -423,7 +423,7 @@ export default function Folder({ data }: { data?: Agent }) {
 									<button
 										key={file.name}
 										onClick={() => selecetdFileChange(file, isShowSourceCode)}
-										className={`w-full flex items-center justify-center p-2 rounded-md hover:bg-zinc-100 transition-colors ${
+										className={`w-full flex items-center justify-center p-2 rounded-md hover:bg-fill-fill-primary-hover transition-colors ${
 											selectedFile?.name === file.name
 												? "bg-blue-50 text-blue-700"
 												: "text-zinc-600"
@@ -447,8 +447,8 @@ export default function Folder({ data }: { data?: Agent }) {
 			<div className="flex-1 flex flex-col min-w-0 overflow-hidden">
 				{/* head */}
 				{selectedFile && (
-					<div className="p-4 border-b border-zinc-200 flex-shrink-0">
-						<div className="flex items-center justify-between gap-2">
+					<div className="px-4 py-2 border-b border-zinc-200 flex-shrink-0">
+						<div className="flex h-[30px] items-center justify-between gap-2">
 							<div
 								onClick={() => {
 									// if file is remote, don't call reveal-in-folder
@@ -483,7 +483,7 @@ export default function Folder({ data }: { data?: Agent }) {
 				)}
 
 				{/* content */}
-				<div className="flex-1 overflow-y-auto min-h-0">
+				<div className="flex-1 overflow-y-auto min-h-0 scrollbar">
 					<div className="p-6 h-full">
 						{selectedFile ? (
 							!loading ? (
diff --git a/src/components/HistorySidebar/SearchInput.tsx b/src/components/HistorySidebar/SearchInput.tsx
index 8b83de7e9..75f1778d7 100644
--- a/src/components/HistorySidebar/SearchInput.tsx
+++ b/src/components/HistorySidebar/SearchInput.tsx
@@ -19,19 +19,19 @@ export default function SearchInput({ value, onChange }: SearchInputProps) {
 				onChange={onChange}
 				onFocus={() => setIsFocused(true)}
 				onBlur={() => setIsFocused(false)}
-				className="h-6 pl-12 pr-4 py-2 bg-bg-surface-tertiary rounded-[24px] border-none shadow-none focus-visible:ring-0 focus-visible:ring-transparent focus-visible:border-none text-gray-900"
+				className="h-6 pl-8 pr-4 py-2 bg-bg-surface-tertiary rounded-full border-none shadow-none text-sm focus-visible:ring-0 focus-visible:ring-transparent focus-visible:border-none text-gray-900"
 				style={{ textAlign: value || isFocused ? "left" : "center" }}
 			/>
 			{/* placeholder */}
 			{!value && !isFocused && (
-				<span className="pointer-events-none absolute inset-0 flex items-center justify-center text-text-secondary select-none">
-					<Search className="w-4 h-4 mr-2 text-icon-secondary" />
+				<span className="pointer-events-none absolute inset-0 flex items-center justify-center text-sm text-text-label select-none cursor-text">
+					<Search className="w-4 h-4 mr-1 text-icon-secondary" />
 					Search
 				</span>
 			)}
 			
 			{(value || isFocused) && (
-				<span className="absolute left-4 top-[calc(50%+4px)] -translate-y-1/2 text-icon-secondary">
+				<span className="absolute left-2 top-[calc(50%+4px)] -translate-y-1/2 text-icon-secondary">
 					<Search className="w-5 h-5" />
 				</span>
 			)}
diff --git a/src/components/HistorySidebar/index.tsx b/src/components/HistorySidebar/index.tsx
index d76511587..9fbdb1a62 100644
--- a/src/components/HistorySidebar/index.tsx
+++ b/src/components/HistorySidebar/index.tsx
@@ -225,7 +225,7 @@ export default function HistorySidebar() {
 						exit={{ x: "-100%" }}
 						transition={{ type: "spring", damping: 25, stiffness: 200 }}
 						onMouseLeave={close}
-						className="backdrop-blur-xl flex flex-col fixed left-2 bottom-2 pb-4 top-[40px] h-full w-[316px] bg-bg-surface-tertiary rounded-xl p-sm pl-0 z-50"
+						className="backdrop-blur-xl flex flex-col fixed left-0 bottom-2 pb-4 top-[40px] h-full w-[324px] bg-bg-surface-tertiary rounded-xl p-sm z-50 perfect-shadow"
 					>
 						<div className="flex items-center justify-between px-sm">
 							<Button
@@ -239,7 +239,7 @@ export default function HistorySidebar() {
 							>
 								<ArrowLeft size={16} />
 								<span className="text-text-primary text-sm font-bold leading-13">
-									Dashboard
+									Task Hub 
 								</span>
 							</Button>
 							<Button
diff --git a/src/components/InstallStep/InstallDependencies.tsx b/src/components/InstallStep/InstallDependencies.tsx
index 27412a0f2..d18318204 100644
--- a/src/components/InstallStep/InstallDependencies.tsx
+++ b/src/components/InstallStep/InstallDependencies.tsx
@@ -158,7 +158,6 @@ export const InstallDependencies: React.FC<{
 					</DialogHeader>
 					<DialogFooter>
 						<Button onClick={handleInstall}>Retry</Button>
-						<Button onClick={handleInstall}>Retry</Button>
 					</DialogFooter>
 				</DialogContent>
 			</Dialog>
diff --git a/src/components/WorkFlow/index.tsx b/src/components/WorkFlow/index.tsx
index 5ff22ccce..e1f59ea15 100644
--- a/src/components/WorkFlow/index.tsx
+++ b/src/components/WorkFlow/index.tsx
@@ -336,7 +336,7 @@ export default function Workflow({
 					>
 						<SquareStack />
 					</Button> */}
-					<div className=" p-1 rounded-md bg-menutabs-bg-default border border-solid border-menutabs-border-active flex items-center justify-cneter gap-1">
+					<div className=" p-1 rounded-lg bg-menutabs-bg-default border border-solid border-menutabs-border-active flex items-center justify-cneter gap-1">
 						<Button
 							variant="ghost"
 							size="icon"
@@ -368,7 +368,7 @@ export default function Workflow({
 					</div>
 					{chatStore.tasks[chatStore.activeTaskId as string]?.status ===
 						"finished" && (
-						<div className="flex items-center justify-center p-1 rounded-sm border border-solid border-menutabs-border-active bg-menutabs-bg-default">
+						<div className="flex items-center justify-center p-1 rounded-lg border border-solid border-menutabs-border-active bg-menutabs-bg-default">
 							<Button
 								variant="ghost"
 								size="sm"
diff --git a/src/components/WorkSpaceMenu/index.tsx b/src/components/WorkSpaceMenu/index.tsx
index 8b440068c..85b006b17 100644
--- a/src/components/WorkSpaceMenu/index.tsx
+++ b/src/components/WorkSpaceMenu/index.tsx
@@ -94,7 +94,22 @@ export function WorkSpaceMenu() {
 					const activeAgentIndex = taskAssigning.findIndex((item) =>
 						item.tasks.find((task) => task.id === hasUrl?.processTaskId)
 					);
-					if (activeAgentIndex !== -1) {
+					
+					if (activeAgentIndex === -1) {
+						const searchAgentIndex = taskAssigning.findIndex((item) => item.type === 'search_agent');
+						if (searchAgentIndex !== -1) {
+							taskAssigning[searchAgentIndex].activeWebviewIds?.push({
+								id,
+								url,
+								img: "",
+								processTaskId: hasUrl?.processTaskId || "",
+							});
+							chatStore.setTaskAssigning(
+								chatStore.activeTaskId as string,
+								taskAssigning
+							);
+						}
+					} else {
 						taskAssigning[activeAgentIndex].activeWebviewIds?.push({
 							id,
 							url,
@@ -113,6 +128,21 @@ export function WorkSpaceMenu() {
 					chatStore.setWebViewUrls(chatStore.activeTaskId as string, [
 						...webViewUrls,
 					]);
+				} else {
+					// If no URL match found, also try to add to search_agent
+					const searchAgentIndex = taskAssigning.findIndex((item) => item.type === 'search_agent');
+					if (searchAgentIndex !== -1 && webViewUrls.length > 0) {
+						taskAssigning[searchAgentIndex].activeWebviewIds?.push({
+							id,
+							url,
+							img: "",
+							processTaskId: webViewUrls[0]?.processTaskId || "",
+						});
+						chatStore.setTaskAssigning(
+							chatStore.activeTaskId as string,
+							taskAssigning
+						);
+					}
 				}
 			}
 
diff --git a/src/components/ui/resizable.tsx b/src/components/ui/resizable.tsx
new file mode 100644
index 000000000..12bbd0b8b
--- /dev/null
+++ b/src/components/ui/resizable.tsx
@@ -0,0 +1,56 @@
+"use client"
+
+import * as React from "react"
+import { GripVerticalIcon } from "lucide-react"
+import * as ResizablePrimitive from "react-resizable-panels"
+
+import { cn } from "@/lib/utils"
+
+function ResizablePanelGroup({
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {
+  return (
+    <ResizablePrimitive.PanelGroup
+      data-slot="resizable-panel-group"
+      className={cn(
+        "flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
+        className
+      )}
+      {...props}
+    />
+  )
+}
+
+function ResizablePanel({
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {
+  return <ResizablePrimitive.Panel data-slot="resizable-panel" {...props} />
+}
+
+function ResizableHandle({
+  withHandle,
+  className,
+  ...props
+}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+  withHandle?: boolean
+}) {
+  return (
+    <ResizablePrimitive.PanelResizeHandle
+      data-slot="resizable-handle"
+      className={cn(
+        "bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
+        className
+      )}
+      {...props}
+    >
+      {withHandle && (
+        <div className="bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border">
+          <GripVerticalIcon className="size-2.5" />
+        </div>
+      )}
+    </ResizablePrimitive.PanelResizeHandle>
+  )
+}
+
+export { ResizablePanelGroup, ResizablePanel, ResizableHandle }
diff --git a/src/components/ui/toggle.tsx b/src/components/ui/toggle.tsx
index 33d2dd943..770d3558a 100644
--- a/src/components/ui/toggle.tsx
+++ b/src/components/ui/toggle.tsx
@@ -7,7 +7,7 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const toggleVariants = cva(
-  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors border border-transparent border-solid hover:bg-menubutton-fill-active focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:border-menubutton-border-active data-[state=on]:bg-menubutton-fill-active data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium transition-colors border border-transparent border-solid hover:bg-menubutton-fill-active focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:border-menubutton-border-active data-[state=on]:bg-menubutton-fill-active data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
       variant: {
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index 90e969cc7..fa4367aa2 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -11,6 +11,11 @@ import TerminalAgentWrokSpace from "@/components/TerminalAgentWrokSpace";
 import { useSidebarStore } from "@/store/sidebarStore";
 import UpdateElectron from "@/components/update";
 import { proxyFetchPost } from "@/api/http";
+import {
+  ResizableHandle,
+  ResizablePanel,
+  ResizablePanelGroup,
+} from "@/components/ui/resizable"
 
 export default function Home() {
 	const { toggle } = useSidebarStore();
@@ -34,7 +39,22 @@ export default function Home() {
 			}
 		});
 
-		if (taskAssigning.length === 0 || webviews.length === 0) return;
+		if (taskAssigning.length === 0) {
+			return;
+		}
+		
+		if (webviews.length === 0) {
+			const searchAgent = taskAssigning.find(agent => agent.type === 'search_agent');
+			if (searchAgent && searchAgent.activeWebviewIds && searchAgent.activeWebviewIds.length > 0) {
+				searchAgent.activeWebviewIds.forEach((webview, index) => {
+					webviews.push({ ...webview, agent_id: searchAgent.agent_id, index });
+				});
+			}
+		}
+		
+		if (webviews.length === 0) {
+			return;
+		}
 
 		// capture webview
 		const captureWebview = async () => {
@@ -153,13 +173,15 @@ export default function Home() {
 			<ReactFlowProvider>
 				<div className="h-full flex flex-col">
 					<div className="flex-1 flex items-center justify-center gap-2 relative">
+						<ResizablePanelGroup direction="horizontal">
+						<ResizablePanel defaultSize={30} minSize={20}>
 						{/* left transparent area */}
 						<div
 							style={{
 								position: "absolute",
-								left: 0,
+								left: -8,
 								top: 0,
-								width: "5px",
+								width: "12px",
 								height: "100%",
 								background: "transparent",
 								zIndex: 20,
@@ -170,15 +192,13 @@ export default function Home() {
 							}}
 						/>
 						<div
-							className={`${
-								chatStore.tasks[chatStore.activeTaskId as string]
-									?.activeWorkSpace
-									? "min-w-[316px] w-[316px]"
-									: "min-w-[469px] w-[469px]"
-							} h-full flex flex-col items-center justify-center transition-all duration-300`}
+							className="w-full h-full flex flex-col items-center justify-center transition-all duration-300"
 						>
 							<ChatBox />
 						</div>
+						</ResizablePanel>
+							<ResizableHandle withHandle={true} className="custom-resizable-handle" />
+						<ResizablePanel>
 						{chatStore.tasks[chatStore.activeTaskId as string]
 							?.activeWorkSpace && (
 							<div className="w-full h-full flex-1 flex flex-col animate-in fade-in-0 slide-in-from-right-2 duration-300">
@@ -266,6 +286,8 @@ export default function Home() {
 								<BottomBar />
 							</div>
 						)}
+						</ResizablePanel>
+						</ResizablePanelGroup>
 					</div>
 				</div>
 			</ReactFlowProvider>
diff --git a/src/style/index.css b/src/style/index.css
index 4969d39e4..46a11b36a 100644
--- a/src/style/index.css
+++ b/src/style/index.css
@@ -77,6 +77,36 @@ body {
     2px 2px 100px rgba(29, 29, 29, 0.1) inset;
 }
 
+/* Perfect Shadow */
+.perfect-shadow {
+  box-shadow: 0 8px 20px -2px rgba(29, 33, 41, 0.10), 0 32px 48px -12px rgba(29, 33, 41, 0.12), 0 96px 120px -12px rgba(65, 74, 92, 0.06), 0 108px 72px -16px rgba(65, 74, 92, 0.08), 0 32px 64px -8px rgba(113, 153, 189, 0.12), 0 8px 10px 0 rgba(113, 153, 189, 0.12);
+}
+
+/* Custom ResizableHandle Styles */
+.custom-resizable-handle {
+  width: 4px;
+  height: 100%;
+  background: transparent;
+  transition: all 0.2s ease;
+  position: relative;
+}
+
+.custom-resizable-handle:hover {
+  background: var(--border-primary);
+  width: 4px;
+  border-radius: 20px;
+  height: 100%;
+  transform: none;
+}
+
+.custom-resizable-handle div {
+  display: none !important;
+}
+
+.custom-resizable-handle svg {
+  display: none !important;
+}
+
 .radix-alert-dialog {
   position: fixed;
   top: 0px;