diff --git a/src/components/MessageBubble.tsx b/src/components/MessageBubble.tsx index 718ac86..1e3a94f 100644 --- a/src/components/MessageBubble.tsx +++ b/src/components/MessageBubble.tsx @@ -250,7 +250,8 @@ export default function Message(props: { messageIndex: number }) { const chat = chatStore.history[messageIndex]; const [showEdit, setShowEdit] = useState(false); - const [renderMarkdown, setRenderWorkdown] = useState(false); + const { defaultRenderMD } = useContext(AppContext); + const [renderMarkdown, setRenderWorkdown] = useState(defaultRenderMD); const [renderColor, setRenderColor] = useState(false); const { toast } = useToast(); @@ -293,7 +294,7 @@ export default function Message(props: { messageIndex: number }) { )} - {chat.role === "assistant" || chat.role === "received" ? ( + {chat.role === "assistant" ? (
{chat.reasoning_content ? ( @@ -322,14 +323,12 @@ export default function Message(props: { messageIndex: number }) { ) : chat.tool_calls ? ( - ) : chat.role === "tool" ? ( - ) : renderMarkdown ? (
( diff --git a/src/components/Settings.tsx b/src/components/Settings.tsx index 6f4c40c..b889ecf 100644 --- a/src/components/Settings.tsx +++ b/src/components/Settings.tsx @@ -477,6 +477,29 @@ const Number = (props: { ); }; +const DefaultRenderMDCheckbox = () => { + const { defaultRenderMD, setDefaultRenderMD } = useContext(AppContext); + return ( +
+
+ { + setDefaultRenderMD(checked); + }} + /> +
+ +
+ ); +}; + const Choice = (props: { field: "streamMode" | "develop_mode" | "json_mode" | "logprobs"; help: string; @@ -909,6 +932,7 @@ export default (props: {}) => { help="开发者模式,开启后会显示更多选项及功能" {...props} /> +
diff --git a/src/pages/App.tsx b/src/pages/App.tsx index 6b22d71..706d842 100644 --- a/src/pages/App.tsx +++ b/src/pages/App.tsx @@ -45,6 +45,8 @@ interface AppContextType { setTemplateAPIsImageGen: (t: TemplateAPI[]) => void; templateTools: TemplateTools[]; setTemplateTools: (t: TemplateTools[]) => void; + defaultRenderMD: boolean; + setDefaultRenderMD: (b: boolean) => void; } interface AppChatStoreContextType { @@ -297,6 +299,14 @@ export function App() { ); _setTemplateTools(templateTools); }; + const [defaultRenderMD, _setDefaultRenderMD] = useState( + localStorage.getItem("defaultRenderMD") === "true" + ); + const setDefaultRenderMD = (defaultRenderMD: boolean) => { + localStorage.setItem("defaultRenderMD", `${defaultRenderMD}`); + _setDefaultRenderMD(defaultRenderMD); + }; + console.log("[PERFORMANCE!] reading localStorage"); return ( @@ -317,6 +327,8 @@ export function App() { setTemplateAPIsImageGen, templateTools, setTemplateTools, + defaultRenderMD, + setDefaultRenderMD, }} >