You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When customizing Shelley, I noticed some buttons are missing tooltips, especially on the chat header and input area (New Conversation, menu button, attach files, voice record, Send). Then I also notice that Delete Conversation button for archived conversation uses browser tooltip instead of Shelley-styled tooltips.
Screencast.From.2026-08-22.14-20-25.webm
I consult and got some findings:
These buttons in ChatInterface, MessageInput, and ChatOverflowMenu has aria-label but not v-tooltip, which is required for Vue/PrimeVue. This seems to be unsolved during migration from React to Vue.
The "Restore" button in ConversationDrawerRow uses v-tooltip.top="ctx.t('restore')" and gets PrimeVue styling. The "Delete Permanently" button lives in the DeleteButton render function as a plain h() vnode with title: ctx.t("deletePermanently"), so it gets the browser's native tooltip instead.
I asked further and found more buttons that hasn't had v-tooltip covered, here's the full list (including the points above):
When customizing Shelley, I noticed some buttons are missing tooltips, especially on the chat header and input area (New Conversation, menu button, attach files, voice record, Send). Then I also notice that Delete Conversation button for archived conversation uses browser tooltip instead of Shelley-styled tooltips.
Screencast.From.2026-08-22.14-20-25.webm
I consult and got some findings:
aria-labelbut notv-tooltip, which is required for Vue/PrimeVue. This seems to be unsolved during migration from React to Vue.h()vnode withtitle: ctx.t("deletePermanently"), so it gets the browser's native tooltip instead.I asked further and found more buttons that hasn't had
v-tooltipcovered, here's the full list (including the points above):ChatInterface.vue—.btn-new(newConversation), hamburger (openConversations), overflow kebab trigger (moreOptions)MessageInput.vue— attach, voice, send (both split-main and regular)newConversationbutton (line ~120)closeConversationsbutton (line ~136)title:)data-tooltip="Copy"instead ofv-tooltip)Collapse/Expandtoggle button —BashTool,GenericTool,ThinkingContent,SubagentTool,BrowserConsoleLogsTool,BrowserEmulateTool,BrowserEvalTool,BrowserNavigateTool,BrowserNetworkTool,BrowserProfileTool,BrowserResizeTool,BrowserScreencastTool,BrowserAccessibilityTool,ChangeDirTool,KeywordSearchTool,LLMOneShotTool,ReadImageTool,ScreenshotTool,WebSearchTool,SystemPromptView.My own patch haven't covered the full list, only the chat header & input buttons, so feel free to implement it!
Also I've sent the email to David on CLA signing (for my current PR)...