diff --git a/apps/nextjs/src/components/assistant/assistant-panel.module.css b/apps/nextjs/src/components/assistant/assistant-panel.module.css index 2077217c5..b42abd95b 100644 --- a/apps/nextjs/src/components/assistant/assistant-panel.module.css +++ b/apps/nextjs/src/components/assistant/assistant-panel.module.css @@ -93,6 +93,8 @@ } .floatingPanel { + container-name: assistant-widget; + container-type: size; position: fixed; z-index: 290; inset-inline-start: 50%; @@ -259,6 +261,21 @@ .runtimeButton { padding-inline: 0.5rem; } + + .reasoningButton { + width: 2.5rem; + min-width: 2.5rem; + max-width: 2.5rem; + } + + .reasoningButton :global(.mantine-Button-label), + .reasoningButton :global(.mantine-Button-section[data-position="right"]) { + display: none; + } + + .reasoningButton :global(.mantine-Button-section[data-position="left"]) { + margin-inline: 0; + } } @container assistant-widget (max-width: 18rem) { diff --git a/apps/nextjs/src/components/assistant/assistant-panel.tsx b/apps/nextjs/src/components/assistant/assistant-panel.tsx index 9e28ab3a5..5e04172db 100644 --- a/apps/nextjs/src/components/assistant/assistant-panel.tsx +++ b/apps/nextjs/src/components/assistant/assistant-panel.tsx @@ -985,11 +985,11 @@ const ThreadHistory = ({ onSelect }: { onSelect: () => void }) => { {t("conversations")} - + - + ); @@ -1002,6 +1002,7 @@ const ConversationHistory = () => { setOpened(false)} position="bottom-end" width="min(22rem, calc(100vw - 1rem))" shadow="md" @@ -1016,6 +1017,12 @@ const ConversationHistory = () => { leftSection={} classNames={{ section: classes.historyButtonSection, label: classes.historyButtonLabel }} onClick={() => setOpened((current) => !current)} + onKeyDown={(event) => { + if (event.key === "Escape" && opened) { + event.stopPropagation(); + setOpened(false); + } + }} aria-label={opened ? t("closeHistory") : t("openHistory")} > {t("conversations")} diff --git a/apps/nextjs/src/components/assistant/assistant-widget.tsx b/apps/nextjs/src/components/assistant/assistant-widget.tsx index cedd55018..b5311a5d6 100644 --- a/apps/nextjs/src/components/assistant/assistant-widget.tsx +++ b/apps/nextjs/src/components/assistant/assistant-widget.tsx @@ -147,7 +147,7 @@ const CompactAssistantWidget = ({ onOpen }: { onOpen: () => void }) => {