github/OpenHands
1
0
Fork 0
mirror of https://github.com/OpenHands/OpenHands.git synced 2025-12-26 05:48:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

frontend: update browser tab title with conversation title (#7694)

Browse Source 
Co-authored-by: openhands <openhands@all-hands.dev>
This commit is contained in:
Xingyao Wang 2025-04-03 14:13:10 -07:00 committed by GitHub
parent e8fe9ae67e
commit 8bceee9e42
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 10 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/context/conversation-context.tsx
View File

@ -24,7 +24,11 @@ export function ConversationProvider({
const value = useMemo(() => ({ conversationId }), [conversationId]);
return <ConversationContext value={value}>{children}</ConversationContext>;
return (
<ConversationContext.Provider value={value}>
{children}
</ConversationContext.Provider>
);
}
export function useConversation() {

2
frontend/src/hooks/use-document-title-from-state.ts
View File

@ -18,7 +18,7 @@ export function useDocumentTitleFromState(suffix = "OpenHands") {
useEffect(() => {
if (conversation?.title) {
lastValidTitleRef.current = conversation.title;
document.title = `${conversation.title} - ${suffix}`;
document.title = `${conversation.title} | ${suffix}`;
} else {
document.title = suffix;
}

4
frontend/src/routes/_oh.app/route.tsx
View File

@ -36,6 +36,7 @@ import { useSettings } from "#/hooks/query/use-settings";
import { clearFiles, clearInitialPrompt } from "#/state/initial-query-slice";
import { RootState } from "#/store";
import { displayErrorToast } from "#/utils/custom-toast-handlers";
import { useDocumentTitleFromState } from "#/hooks/use-document-title-from-state";
function AppContent() {
useConversationConfig();
@ -51,6 +52,9 @@ function AppContent() {
const dispatch = useDispatch();
const endSession = useEndSession();
// Set the document title to the conversation title when available
useDocumentTitleFromState();
const [width, setWidth] = React.useState(window.innerWidth);
const secrets = React.useMemo(