diff --git a/src/components/insights/coach-panel/coach-drawer.tsx b/src/components/insights/coach-panel/coach-drawer.tsx index e4522d3a3..07ccf139b 100644 --- a/src/components/insights/coach-panel/coach-drawer.tsx +++ b/src/components/insights/coach-panel/coach-drawer.tsx @@ -148,10 +148,18 @@ export function CoachDrawer({ "flex h-[100dvh] flex-col gap-0", )} > - {/* Header (full width). Title + new-chat button + settings. */} + {/* Header (full width). Title + new-chat button. Settings cog + sits next to the avatar on the LEFT — the previous layout + painted it next to the new-chat button on the right, where + Radix Sheet's default close-X (absolute top-4 right-4) + overlapped the cog and made it visually un-clickable. The + new layout keeps the cog inside the visible header column + and reserves the right edge for the close-X alone. + v1.4.20.1: pr-12 ensures the new-chat button never slides + under the close-X on narrower viewports either. */} + + + + + + + {t("insights.coach.settingsTooltip")} + + +
{drawerTitle} @@ -173,36 +204,13 @@ export function CoachDrawer({ size="sm" onClick={handleNewChat} data-slot="coach-drawer-new-chat" - className="gap-1.5" + className="shrink-0 gap-1.5" >