Nicholai/jan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev' into de_de-i18n

Browse Source
This commit is contained in:
Bob Ros 2025-07-08 09:38:09 +02:00 committed by GitHub
commit e160339c7b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web-app/src/containers/ThinkingBlock.tsx
View File

@ -12,27 +12,30 @@ interface Props {
// Zustand store for thinking block state // Zustand store for thinking block state
type ThinkingBlockState = { type ThinkingBlockState = {
thinkingState: { [id: string]: boolean } thinkingState: { [id: string]: boolean }
toggleState: (id: string) => void setThinkingState: (id: string, expanded: boolean) => void
} }
const useThinkingStore = create<ThinkingBlockState>((set) => ({ const useThinkingStore = create<ThinkingBlockState>((set) => ({
thinkingState: {}, thinkingState: {},
toggleState: (id) => setThinkingState: (id, expanded) =>
set((state) => ({ set((state) => ({
thinkingState: { thinkingState: {
...state.thinkingState, ...state.thinkingState,
[id]: !state.thinkingState[id], [id]: expanded,
}, },
})), })),
})) }))
const ThinkingBlock = ({ id, text }: Props) => { const ThinkingBlock = ({ id, text }: Props) => {
const { thinkingState, toggleState } = useThinkingStore() const { thinkingState, setThinkingState } = useThinkingStore()
const { streamingContent } = useAppState() const { streamingContent } = useAppState()
const { t } = useTranslation() const { t } = useTranslation()
const loading = !text.includes('</think>') && streamingContent const loading = !text.includes('</think>') && streamingContent
const isExpanded = thinkingState[id] ?? false const isExpanded = thinkingState[id] ?? (loading ? true : false)
const handleClick = () => toggleState(id) const handleClick = () => {
const newExpandedState = !isExpanded
setThinkingState(id, newExpandedState)
}
if (!text.replace(/<\/?think>/g, '').trim()) return null if (!text.replace(/<\/?think>/g, '').trim()) return null