test(ui): stabilize 0.16.3 hosts and overlay validation

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",
     );

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`

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);

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;