scriptoriumadmin/litellm
1
0
Fork 0
mirror of https://github.com/BerriAI/litellm.git synced 2026-09-07 08:26:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 89

fix(chat): fix 4 issues in ChatMessages - array redaction, clipboard error, inline detection, remove unused ref

Browse source
This commit is contained in:
Ishaan Jaffer 2026-03-05 18:06:24 -08:00
parent 3069940f0c
commit 8f09c09cd1
1 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
ui/litellm-dashboard/src/components/chat/ChatMessages.tsx
View file

@ -20,7 +20,13 @@ function redactSensitiveValues(obj: Record<string, unknown>): Record<string, unk
for (const [k, v] of Object.entries(obj)) {
if (REDACTED_KEY_PATTERNS.test(k)) {
result[k] = "[redacted]";
} else if (v !== null && typeof v === "object" && !Array.isArray(v)) {
} else if (Array.isArray(v)) {
result[k] = v.map((item) =>
item !== null && typeof item === "object" && !Array.isArray(item)
? redactSensitiveValues(item as Record<string, unknown>)
: item,
);
} else if (v !== null && typeof v === "object") {
result[k] = redactSensitiveValues(v as Record<string, unknown>);
} else {
result[k] = v;
@ -36,16 +42,16 @@ function formatTimestamp(ts: number): string {
return `${hh}:${mm}`;
}
// Shared markdown code renderer matching ReasoningContent style
// Shared markdown code renderer matching ReasoningContent style.
// react-markdown v9 removed the `inline` prop; detect fenced blocks via language className.
function MarkdownCodeRenderer({
node,
inline,
className,
children,
...props
}: React.ComponentPropsWithoutRef<"code"> & { inline?: boolean; node?: unknown }) {
}: React.ComponentPropsWithoutRef<"code"> & { node?: unknown }) {
const match = /language-(\w+)/.exec(className || "");
return !inline && match ? (
return match ? (
<SyntaxHighlighter
style={coy as Record<string, React.CSSProperties>}
language={match[1]}
@ -326,6 +332,8 @@ function CopyButton({ text }: { text: string }) {
navigator.clipboard.writeText(text).then(() => {
setCopied(true);
setTimeout(() => setCopied(false), 2000);
}).catch(() => {
message.error("Failed to copy to clipboard");
});
};
@ -526,8 +534,6 @@ interface Props {
}
const ChatMessages: React.FC<Props> = ({ messages, isStreaming, onEditMessage }) => {
const bottomRef = useRef<HTMLDivElement>(null);
// Scrolling is managed by ChatPage.tsx (scroll lock during streaming,
// scroll-to-bottom on new message). No auto-scroll here.
@ -564,8 +570,6 @@ const ChatMessages: React.FC<Props> = ({ messages, isStreaming, onEditMessage })
);
})}
{/* Bottom sentinel for auto-scroll */}
<div ref={bottomRef} />
</div>
);
};