{message.content.length ? (
-
+
) : message.end === true ? (
) : (
diff --git a/app/src/components/home/SideBar.tsx b/app/src/components/home/SideBar.tsx
index 3ac9827..37b9456 100644
--- a/app/src/components/home/SideBar.tsx
+++ b/app/src/components/home/SideBar.tsx
@@ -45,6 +45,7 @@ import { Separator } from "@/components/ui/separator.tsx";
import { goAuth } from "@/utils/app.ts";
import Avatar from "@/components/Avatar.tsx";
import { cn } from "@/components/ui/lib/utils.ts";
+import { getNumberMemory } from "@/utils/memory.ts";
type Operation = {
target: ConversationInstance | null;
@@ -343,14 +344,23 @@ function SidebarMenu() {
}
function SideBar() {
const { t } = useTranslation();
- const { refresh } = useConversationActions();
+ const { refresh, toggle } = useConversationActions();
+ const current = useSelector(selectCurrent);
const open = useSelector(selectMenu);
const auth = useSelector(selectAuthenticated);
const [operateConversation, setOperateConversation] = useState
({
target: null,
type: "",
});
- useEffectAsync(async () => await refresh(true), []);
+ useEffectAsync(async () => {
+ const resp = await refresh();
+
+ const store = getNumberMemory("history_conversation", -1);
+ if (current === store) return; // no need to dispatch current
+ if (store === -1) return; // -1 is default, no need to dispatch
+ if (!resp.map((item) => item.id).includes(store)) return; // not in the list, no need to dispatch
+ await toggle(store);
+ }, []);
return (
diff --git a/app/src/components/markdown/Code.tsx b/app/src/components/markdown/Code.tsx
index aac7d49..55cbca8 100644
--- a/app/src/components/markdown/Code.tsx
+++ b/app/src/components/markdown/Code.tsx
@@ -1,11 +1,12 @@
-import { parseFile } from "@/components/plugins/file.tsx";
-import { parseProgressbar } from "@/components/plugins/progress.tsx";
+import { MarkdownFile } from "@/components/plugins/file.tsx";
+import { MarkdownProgressbar } from "@/components/plugins/progress.tsx";
import { cn } from "@/components/ui/lib/utils.ts";
import { copyClipboard } from "@/utils/dom.ts";
import { Check, Copy } from "lucide-react";
import { LightAsync as SyntaxHighlighter } from "react-syntax-highlighter";
import { atomOneDark as style } from "react-syntax-highlighter/dist/esm/styles/hljs";
-import React from "react";
+import React, { useMemo } from "react";
+import { MarkdownMermaid } from "@/components/plugins/mermaid.tsx";
const LanguageMap: Record = {
html: "htmlbars",
@@ -21,20 +22,24 @@ export type CodeProps = {
className?: string;
children: React.ReactNode;
codeStyle?: string;
+ loading?: boolean;
};
-export default function ({
+function Code({
inline,
className,
children,
+ loading,
codeStyle,
...props
}: CodeProps) {
const [copied, setCopied] = React.useState(false);
const match = /language-(\w+)/.exec(className || "");
const language = match ? match[1].toLowerCase() : "unknown";
- if (language === "file") return parseFile(children);
- if (language === "progress") return parseProgressbar(children);
+ if (language === "file") return ;
+ if (language === "progress")
+ return ;
+ if (language === "mermaid") return ;
if (inline)
return (
@@ -73,3 +78,25 @@ export default function ({
);
}
+
+export default function ({
+ inline,
+ className,
+ children,
+ codeStyle,
+ loading,
+ ...props
+}: CodeProps) {
+ return useMemo(() => {
+ return (
+
+
+
+ {error ? "Failed to render" : "Rendering..."}
+
+
+ {children}
+
+