From bb100a0a2212c00c7036e0a47fd8764de6aae06d Mon Sep 17 00:00:00 2001
From: Nicolas Varrot <contact@nicolasvarrot.fr>
Date: Sun, 15 Feb 2026 17:56:22 +0000
Subject: [PATCH] fix: min-width on bubbles to prevent button wrap, fix session
 tooltip clickable, fix compact scope (v1.63.3)

---
 src/components/ChatMessage.tsx | 4 ++--
 src/components/Header.tsx      | 2 ++
 src/lib/gateway.ts             | 2 +-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ChatMessage.tsx b/src/components/ChatMessage.tsx
index d15d459..863fcca 100644
--- a/src/components/ChatMessage.tsx
+++ b/src/components/ChatMessage.tsx
@@ -501,7 +501,7 @@ export const ChatMessageComponent = memo(function ChatMessageComponent({ message
 
       {/* Bubble */}
       <div className={`min-w-0 max-w-[80%] ${isUser ? 'text-right' : ''}`}>
-        <div className={`group relative inline-block text-left rounded-3xl px-4 py-3 text-sm leading-relaxed max-w-full overflow-hidden ${
+        <div className={`group relative inline-block text-left rounded-3xl px-4 py-3 text-sm leading-relaxed max-w-full min-w-[8rem] overflow-hidden ${
           isUser
             ? (isLight
                 ? 'bg-[rgba(var(--pc-accent-rgb),0.12)] text-pc-text border border-[rgba(var(--pc-accent-rgb),0.3)]'
@@ -509,7 +509,7 @@ export const ChatMessageComponent = memo(function ChatMessageComponent({ message
             : 'bg-pc-elevated/40 text-pc-text border border-pc-border shadow-[0_0_0_1px_rgba(255,255,255,0.03)]'
         }`}>
           {/* Action buttons — bottom-right toolbar, inside the bubble */}
-          <div className={`flex gap-1 justify-end mt-1.5 -mb-1 opacity-0 group-hover:opacity-100 transition-all`}>
+          <div className={`flex flex-nowrap gap-0.5 justify-end mt-1.5 -mb-1 opacity-0 group-hover:opacity-100 transition-all`}>
             {!isUser && !message.isStreaming && getPlainText(message).trim() && (
               <button
                 onClick={() => { navigator.clipboard.writeText(getPlainText(message)); }}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 8ee9a2f..1da85ab 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -193,6 +193,8 @@ function SessionInfoPopover({ session, sessionKey, messageCount, onClose }: { se
       className="absolute top-full left-0 mt-2 z-50 w-72 rounded-xl border border-pc-border bg-[var(--pc-bg-surface)] shadow-xl backdrop-blur-xl animate-in fade-in slide-in-from-top-2 duration-200"
       role="dialog"
       aria-label={t('header.sessionInfo')}
+      onClick={(e) => e.stopPropagation()}
+      onMouseDown={(e) => e.stopPropagation()}
     >
       <div className="p-3 border-b border-pc-border flex items-center justify-between">
         <span className="text-xs font-semibold text-pc-text">{t('header.sessionInfo')}</span>
diff --git a/src/lib/gateway.ts b/src/lib/gateway.ts
index b14f122..c14e0b7 100644
--- a/src/lib/gateway.ts
+++ b/src/lib/gateway.ts
@@ -106,7 +106,7 @@ export class GatewayClient {
       maxProtocol: 3,
       client: { id: 'webchat', version: __APP_VERSION__, platform: 'web', mode: 'webchat' },
       role: 'operator',
-      scopes: ['operator.read', 'operator.write'],
+      scopes: ['operator.read', 'operator.write', 'operator.admin'],
       caps: [],
       commands: [],
       permissions: {},