From 7c57f653d80e20058c4de5d8b44725e22e5b9788 Mon Sep 17 00:00:00 2001
From: mesalogo <pettygay757@gmail.com>
Date: Wed, 14 Oct 2026 10:38:21 +0800
Subject: [PATCH] test(ui): stabilize 0.16.3 hosts and overlay validation

---
 src/renderer/src/App.test.tsx           | 8 +++++---
 src/renderer/src/WorkspaceMenu.tsx      | 2 +-
 src/renderer/src/application-center.css | 4 +++-
 src/renderer/src/workspace-menu.css     | 1 +
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/App.test.tsx b/src/renderer/src/App.test.tsx
index 84e6f839..9e52cf68 100644
--- a/src/renderer/src/App.test.tsx
+++ b/src/renderer/src/App.test.tsx
@@ -5405,7 +5405,7 @@ describe("App", () => {
     });
     expect(
       screen
-        .getByText("正在准备请求")
+        .getByRole("status", { name: "正在准备请求" })
         .querySelector(".message__status-dot"),
     ).not.toHaveClass("message__status-dot--active");
     const userMessage = screen
@@ -9222,7 +9222,7 @@ describe("App", () => {
       }
       expect(
         screen
-          .getByText("正在准备请求")
+          .getByRole("status", { name: "正在准备请求" })
           .querySelector(".message__status-dot"),
       ).not.toHaveClass("message__status-dot--active");
       expect(screen.getByLabelText("加入待发送队列")).toBeInTheDocument();
@@ -11212,7 +11212,9 @@ describe("App", () => {
 
     render(<App />);
 
-    const completedStatus = await screen.findByText("任务已完成");
+    const completedStatus = await screen.findByRole("status", {
+      name: "任务已完成",
+    });
     expect(completedStatus.querySelector(".message__status-dot")).toHaveClass(
       "message__status-dot",
     );
diff --git a/src/renderer/src/WorkspaceMenu.tsx b/src/renderer/src/WorkspaceMenu.tsx
index a43c4cac..a3836895 100644
--- a/src/renderer/src/WorkspaceMenu.tsx
+++ b/src/renderer/src/WorkspaceMenu.tsx
@@ -174,7 +174,7 @@ export function WorkspaceMenu({
       const rect = anchor.getBoundingClientRect()
       const width = Math.min(680, window.innerWidth - 32)
       menu.style.width = `${width}px`
-      menu.style.left = `${Math.max(14, Math.min(rect.left - 2, window.innerWidth - width - 16))}px`
+      menu.style.left = `${Math.max(16, Math.min(rect.left - 2, window.innerWidth - width - 16))}px`
       const top = Math.max(16, rect.bottom + 8)
       menu.style.top = `${top}px`
       menu.style.maxHeight = `${Math.max(0, window.innerHeight - top - 16)}px`
diff --git a/src/renderer/src/application-center.css b/src/renderer/src/application-center.css
index 0532469b..0485f749 100644
--- a/src/renderer/src/application-center.css
+++ b/src/renderer/src/application-center.css
@@ -140,7 +140,9 @@
   min-height: 36px;
 }
 .application-settings .inline-help-label > .toggle-row {
-  display: contents;
+  display: flex;
+  flex: 0 0 auto;
+  width: auto;
 }
 .application-settings .settings-notice {
   margin: 0 0 var(--space-2);
diff --git a/src/renderer/src/workspace-menu.css b/src/renderer/src/workspace-menu.css
index 673a20ba..94e02ee4 100644
--- a/src/renderer/src/workspace-menu.css
+++ b/src/renderer/src/workspace-menu.css
@@ -1,4 +1,5 @@
 .project-switcher__menu.workspace-menu {
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   height: 640px;