|
|
|
@@ -71,7 +71,7 @@ export const ThinkBlock = ({ children, ...props }: any) => { |
|
|
|
|
|
|
|
return ( |
|
|
|
<details {...(!isComplete && { open: true })} className="group"> |
|
|
|
<summary className="flex cursor-pointer select-none list-none items-center whitespace-nowrap pl-2 font-bold text-gray-500"> |
|
|
|
<summary className="flex cursor-pointer select-none list-none items-center whitespace-nowrap pl-2 font-bold text-text-secondary"> |
|
|
|
<div className="flex shrink-0 items-center"> |
|
|
|
<svg |
|
|
|
className="mr-2 h-3 w-3 transition-transform duration-500 group-open:rotate-90" |
|
|
|
@@ -89,7 +89,7 @@ export const ThinkBlock = ({ children, ...props }: any) => { |
|
|
|
{isComplete ? `${t('common.chat.thought')}(${elapsedTime.toFixed(1)}s)` : `${t('common.chat.thinking')}(${elapsedTime.toFixed(1)}s)`} |
|
|
|
</div> |
|
|
|
</summary> |
|
|
|
<div className="ml-2 border-l border-gray-300 bg-gray-50 p-3 text-gray-500"> |
|
|
|
<div className="ml-2 border-l border-components-panel-border bg-components-panel-bg-alt p-3 text-text-secondary"> |
|
|
|
{displayContent} |
|
|
|
</div> |
|
|
|
</details> |