From 921a3c10ff8a5827d7536cf727266e29e5064e86 Mon Sep 17 00:00:00 2001 From: Volodymyr Makukha Date: Fri, 24 Jul 2026 16:58:17 +0100 Subject: [PATCH 1/2] Agentic UI: fix resizer for chat input --- .../components/session-view/composer/style.module.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/apps/ui/src/ui-classic/components/session-view/composer/style.module.css b/apps/ui/src/ui-classic/components/session-view/composer/style.module.css index eead995134..a9ee5c2701 100644 --- a/apps/ui/src/ui-classic/components/session-view/composer/style.module.css +++ b/apps/ui/src/ui-classic/components/session-view/composer/style.module.css @@ -52,6 +52,8 @@ user-select: none; } +/* Invisible hit strip along the shell's top edge; the ns-resize cursor is the + pointer affordance. The indicator line only appears on keyboard focus. */ .resizeHandle { position: absolute; top: -5px; @@ -68,7 +70,6 @@ -webkit-app-region: no-drag; } -/* Thin full-width line that lights up on hover, keyboard focus, and while dragging. */ .resizeHandleIndicator { width: 100%; height: 2px; @@ -77,9 +78,7 @@ transition: opacity 120ms ease; } -.resizeHandle:hover .resizeHandleIndicator, -.resizeHandle:focus-visible .resizeHandleIndicator, -.shellResizing .resizeHandleIndicator { +.resizeHandle:focus-visible .resizeHandleIndicator { opacity: 1; } From 42fbe1c61beab89c2ab8b652fe0c487ffb771761 Mon Sep 17 00:00:00 2001 From: Volodymyr Makukha Date: Mon, 27 Jul 2026 17:40:17 +0100 Subject: [PATCH 2/2] Round corners --- .../ui-classic/components/session-view/composer/style.module.css | 1 + 1 file changed, 1 insertion(+) diff --git a/apps/ui/src/ui-classic/components/session-view/composer/style.module.css b/apps/ui/src/ui-classic/components/session-view/composer/style.module.css index a9ee5c2701..25e3a8c62d 100644 --- a/apps/ui/src/ui-classic/components/session-view/composer/style.module.css +++ b/apps/ui/src/ui-classic/components/session-view/composer/style.module.css @@ -73,6 +73,7 @@ .resizeHandleIndicator { width: 100%; height: 2px; + border-radius: 999px; background-color: var(--wpds-color-stroke-interactive-brand, #2563eb); opacity: 0; transition: opacity 120ms ease;