From 66d76b5d02308dc7a8e3ff218bb0301bc20c0c2a Mon Sep 17 00:00:00 2001
From: Julius Marminge <julius0216@outlook.com>
Date: Thu, 9 Apr 2026 17:40:27 -0700
Subject: [PATCH] Fix composer footer focus ring overflow (#1865)

Co-authored-by: Julius Marminge <julius@macmini.local>
Co-authored-by: codex <codex@users.noreply.github.com>
---
 apps/web/src/components/chat/ChatComposer.tsx |  3 +-
 .../settings/SettingsPanels.browser.tsx       | 30 +++++++++----------
 2 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/apps/web/src/components/chat/ChatComposer.tsx b/apps/web/src/components/chat/ChatComposer.tsx
index f46ce0f78849c4b534719cbf9c687cdfd3aebec4..26413937d65aed5611d22b520921ac42593e40b8 100644
--- a/apps/web/src/components/chat/ChatComposer.tsx
+++ b/apps/web/src/components/chat/ChatComposer.tsx
@@ -199,6 +199,7 @@ const ComposerFooterModeControls = memo(function ComposerFooterModeControls(prop
         <SelectTrigger
           variant="ghost"
           size="sm"
+          className="font-medium"
           aria-label="Runtime mode"
           title={runtimeModeOption.description}
         >
@@ -1798,7 +1799,7 @@ export const ChatComposer = memo(
                 data-chat-composer-footer="true"
                 data-chat-composer-footer-compact={isComposerFooterCompact ? "true" : "false"}
                 className={cn(
-                  "flex min-w-0 flex-nowrap items-center justify-between gap-2 overflow-hidden px-2.5 pb-2.5 sm:px-3 sm:pb-3",
+                  "flex min-w-0 flex-nowrap items-center justify-between gap-2 overflow-visible px-2.5 pb-2.5 sm:px-3 sm:pb-3",
                   isComposerFooterCompact ? "gap-1.5" : "gap-2 sm:gap-0",
                 )}
               >
diff --git a/apps/web/src/components/settings/SettingsPanels.browser.tsx b/apps/web/src/components/settings/SettingsPanels.browser.tsx
index e6a6759f88d68574d9558dcb7eefc86d1f6d73f4..cb4c0e37fb66b0860face10d02eb8ac31c8e5ba3 100644
--- a/apps/web/src/components/settings/SettingsPanels.browser.tsx
+++ b/apps/web/src/components/settings/SettingsPanels.browser.tsx
@@ -361,8 +361,8 @@ describe("GeneralSettingsPanel observability", () => {
             browser: "Chrome",
             ipAddress: "127.0.0.1",
           },
-          issuedAt: "2026-04-07T00:00:00.000Z",
-          expiresAt: "2026-05-07T00:00:00.000Z",
+          issuedAt: "2036-04-07T00:00:00.000Z",
+          expiresAt: "2036-05-07T00:00:00.000Z",
           connected: true,
           current: true,
         }),
@@ -377,7 +377,7 @@ describe("GeneralSettingsPanel observability", () => {
             auth: createBaseServerConfig().auth,
             role: "owner",
             sessionMethod: "browser-session-cookie",
-            expiresAt: "2026-05-07T00:00:00.000Z",
+            expiresAt: "2036-05-07T00:00:00.000Z",
           }),
           {
             status: 200,
@@ -458,8 +458,8 @@ describe("GeneralSettingsPanel observability", () => {
           browser: "Electron",
           ipAddress: "127.0.0.1",
         },
-        issuedAt: "2026-04-07T00:00:00.000Z",
-        expiresAt: "2026-05-07T00:00:00.000Z",
+        issuedAt: "2036-04-07T00:00:00.000Z",
+        expiresAt: "2036-05-07T00:00:00.000Z",
         connected: true,
         current: true,
       }),
@@ -481,8 +481,8 @@ describe("GeneralSettingsPanel observability", () => {
               role: "client",
               subject: "one-time-token",
               label: "Julius iPhone",
-              createdAt: "2026-04-07T00:00:00.000Z",
-              expiresAt: "2026-04-10T00:05:00.000Z",
+              createdAt: "2036-04-07T00:00:00.000Z",
+              expiresAt: "2036-04-10T00:05:00.000Z",
             }),
           ];
           clientSessions = [
@@ -499,8 +499,8 @@ describe("GeneralSettingsPanel observability", () => {
                 browser: "Safari",
                 ipAddress: "192.168.1.88",
               },
-              issuedAt: "2026-04-07T00:01:00.000Z",
-              expiresAt: "2026-05-07T00:01:00.000Z",
+              issuedAt: "2036-04-07T00:01:00.000Z",
+              expiresAt: "2036-05-07T00:01:00.000Z",
               connected: false,
               current: false,
             }),
@@ -514,7 +514,7 @@ describe("GeneralSettingsPanel observability", () => {
               id: "pairing-link-1",
               credential: "pairing-token",
               label: "Julius iPhone",
-              expiresAt: "2026-04-10T00:05:00.000Z",
+              expiresAt: "2036-04-10T00:05:00.000Z",
             }),
             {
               status: 200,
@@ -547,7 +547,7 @@ describe("GeneralSettingsPanel observability", () => {
       .element(page.getByText("Client · Mobile · iOS · Safari · 192.168.1.88"))
       .toBeInTheDocument();
     await expect
-      .element(page.getByRole("button", { name: "Copy", exact: true }))
+      .element(page.getByRole("button", { name: /^(Copy|Show link)$/ }))
       .toBeInTheDocument();
     await expect.element(page.getByText("Revoke others")).toBeInTheDocument();
   });
@@ -572,8 +572,8 @@ describe("GeneralSettingsPanel observability", () => {
           os: "macOS",
           browser: "Electron",
         },
-        issuedAt: "2026-04-05T00:00:00.000Z",
-        expiresAt: "2026-05-05T00:00:00.000Z",
+        issuedAt: "2036-04-05T00:00:00.000Z",
+        expiresAt: "2036-05-05T00:00:00.000Z",
         connected: true,
         current: true,
       }),
@@ -589,8 +589,8 @@ describe("GeneralSettingsPanel observability", () => {
           browser: "Safari",
           ipAddress: "192.168.1.88",
         },
-        issuedAt: "2026-04-05T00:01:00.000Z",
-        expiresAt: "2026-05-05T00:01:00.000Z",
+        issuedAt: "2036-04-05T00:01:00.000Z",
+        expiresAt: "2036-05-05T00:01:00.000Z",
         connected: false,
         current: false,
       }),
-- 
2.54.0