" into a local time string
function formatUsageLimitText(text) {
try {
@@ -169,6 +194,125 @@ const safeLocalStorage = {
}
};
+// Common markdown components to ensure consistent rendering (tables, inline code, links, etc.)
+const markdownComponents = {
+ code: ({ node, inline, className, children, ...props }) => {
+ const [copied, setCopied] = React.useState(false);
+ const raw = Array.isArray(children) ? children.join('') : String(children ?? '');
+ const looksMultiline = /[\r\n]/.test(raw);
+ const inlineDetected = inline || (node && node.type === 'inlineCode');
+ const shouldInline = inlineDetected || !looksMultiline; // fallback to inline if single-line
+ if (shouldInline) {
+ return (
+
+ {children}
+
+ );
+ }
+ const textToCopy = raw;
+
+ const handleCopy = () => {
+ const doSet = () => {
+ setCopied(true);
+ setTimeout(() => setCopied(false), 1500);
+ };
+ try {
+ if (navigator && navigator.clipboard && navigator.clipboard.writeText) {
+ navigator.clipboard.writeText(textToCopy).then(doSet).catch(() => {
+ // Fallback
+ const ta = document.createElement('textarea');
+ ta.value = textToCopy;
+ ta.style.position = 'fixed';
+ ta.style.opacity = '0';
+ document.body.appendChild(ta);
+ ta.select();
+ try { document.execCommand('copy'); } catch {}
+ document.body.removeChild(ta);
+ doSet();
+ });
+ } else {
+ const ta = document.createElement('textarea');
+ ta.value = textToCopy;
+ ta.style.position = 'fixed';
+ ta.style.opacity = '0';
+ document.body.appendChild(ta);
+ ta.select();
+ try { document.execCommand('copy'); } catch {}
+ document.body.removeChild(ta);
+ doSet();
+ }
+ } catch {}
+ };
+
+ return (
+
+
+
+
+ {children}
+
+
+
+ {children}
+
+ ),
+ a: ({ href, children }) => (
+
+ {children}
+
+ ),
+ p: ({ children }) => {children}
,
+ // GFM tables
+ table: ({ children }) => (
+
+ ),
+ thead: ({ children }) => (
+ {children}
+ ),
+ th: ({ children }) => (
+ {children} |
+ ),
+ td: ({ children }) => (
+ {children} |
+ )
+};
+
// Memoized message component to prevent unnecessary re-renders
const MessageComponent = memo(({ message, index, prevMessage, createDiff, onFileOpen, onShowSettings, autoExpandTools, showRawParameters, showThinking, selectedProject }) => {
const isGrouped = prevMessage && prevMessage.type === message.type &&
@@ -692,9 +836,9 @@ const MessageComponent = memo(({ message, index, prevMessage, createDiff, onFile
📋 View implementation plan
-
- {planContent}
-
+
+ {planContent}
+
);
}
@@ -802,9 +946,9 @@ const MessageComponent = memo(({ message, index, prevMessage, createDiff, onFile
Implementation Plan
-
- {planContent}
-
+
+ {planContent}
+
);
}
@@ -1034,17 +1178,17 @@ const MessageComponent = memo(({ message, index, prevMessage, createDiff, onFile
View full output ({content.length} chars)
-
- {content}
-
+
+ {content}
+
);
}
return (
-
- {content}
-
+
+ {content}
+
);
})()}
@@ -1240,42 +1384,9 @@ const MessageComponent = memo(({ message, index, prevMessage, createDiff, onFile
// Normal rendering for non-JSON content
return message.type === 'assistant' ? (
-
-
{
- return inline ? (
-
- {children}
-
- ) : (
-
-
- {children}
-
-
- );
- },
- blockquote: ({children}) => (
-
- {children}
-
- ),
- a: ({href, children}) => (
-
- {children}
-
- ),
- p: ({children}) => (
-
- {children}
-
- )
- }}
- >
- {content}
-
-
{content}
@@ -4459,4 +4570,4 @@ function ChatInterface({ selectedProject, selectedSession, ws, sendMessage, mess
);
}
-export default React.memo(ChatInterface);
\ No newline at end of file
+export default React.memo(ChatInterface);