-
Notifications
You must be signed in to change notification settings - Fork 1.6k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* chore: reasoning text block * chore: update interface support all theme * chore: update failed test * chore: update state collapsed based on message index * fix: use reserve_id instead of message index * chore: clean up * chore: fix loading indicator --------- Co-authored-by: Louis <[email protected]>
- Loading branch information
1 parent
f2bb9c9
commit 043284f
Showing
8 changed files
with
127 additions
and
62 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
59 changes: 59 additions & 0 deletions
59
web/screens/Thread/ThreadCenterPanel/TextMessage/ThinkingBlock.tsx
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,59 @@ | ||
| import React from 'react' | ||
|
|
||
| import { atom, useAtom } from 'jotai' | ||
| import { ChevronDown, ChevronUp, Loader } from 'lucide-react' | ||
|
|
||
| interface Props { | ||
| text: string | ||
| status: string | ||
| id: string | ||
| } | ||
|
|
||
| const thinkingBlockStateAtom = atom<{ [id: string]: boolean }>({}) | ||
|
|
||
| const ThinkingBlock = ({ id, text, status }: Props) => { | ||
| const [thinkingState, setThinkingState] = useAtom(thinkingBlockStateAtom) | ||
|
|
||
| const isExpanded = thinkingState[id] ?? false | ||
|
|
||
| const loading = !text.includes('</think>') && status === 'pending' | ||
|
|
||
| const handleClick = () => { | ||
| setThinkingState((prev) => ({ ...prev, [id]: !isExpanded })) | ||
| } | ||
|
|
||
| if (!text.replace(/<\/?think>/g, '').trim()) return null | ||
|
|
||
| return ( | ||
| <div className="mx-auto w-full"> | ||
| <div className="mb-4 rounded-lg border border-dashed border-[hsla(var(--app-border))] p-2"> | ||
| <div | ||
| className="flex cursor-pointer items-center gap-3" | ||
| onClick={handleClick} | ||
| > | ||
| {loading && ( | ||
| <Loader className="h-4 w-4 animate-spin text-[hsla(var(--primary-bg))]" /> | ||
| )} | ||
| <button className="flex items-center gap-2 focus:outline-none"> | ||
| {isExpanded ? ( | ||
| <ChevronUp className="h-4 w-4" /> | ||
| ) : ( | ||
| <ChevronDown className="h-4 w-4" /> | ||
| )} | ||
| <span className="font-medium"> | ||
| {loading ? 'Thinking...' : 'Thought'} | ||
| </span> | ||
| </button> | ||
| </div> | ||
|
|
||
| {isExpanded && ( | ||
| <div className="mt-2 pl-6 text-[hsla(var(--text-secondary))]"> | ||
| {text.replace(/<\/?think>/g, '').trim()} | ||
| </div> | ||
| )} | ||
| </div> | ||
| </div> | ||
| ) | ||
| } | ||
|
|
||
| export default ThinkingBlock |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters