update

Author: ci-bot

libs/remix-ui/remix-ai-assistant/src/components/chat.tsx

@@ -18,6 +18,7 @@ export interface ChatHistoryComponentProps {
   sendPrompt: (prompt: string) => void
   recordFeedback: (msgId: string, next: 'like' | 'dislike' | 'none') => void
   historyRef: React.RefObject<HTMLDivElement>
+  theme: string
 }
 
 interface AiChatIntroProps {
@@ -77,7 +78,8 @@ export const ChatHistoryComponent: React.FC<ChatHistoryComponentProps> = ({
   isStreaming,
   sendPrompt,
   recordFeedback,
-  historyRef
+  historyRef,
+  theme
 }) => {
   return (
     <div
@@ -135,7 +137,7 @@ export const ChatHistoryComponent: React.FC<ChatHistoryComponentProps> = ({
                             return (
                               <div className="ai-code-block-wrapper">
                                 {language && (
-                                  <div className="ai-code-header">
+                                  <div className={`ai-code-header ${theme === 'Dark' ? 'text-white' : 'text-dark'}`}>
                                     <span className="ai-code-language">{language}</span>
                                     <button
                                       type="button"

libs/remix-ui/remix-ai-assistant/src/components/remix-ui-remix-ai-assistant.tsx

@@ -58,7 +58,6 @@ export const RemixUiRemixAiAssistant = React.forwardRef<
   const [aiMode, setAiMode] = useState<'ask' | 'edit'>('ask')
   const [themeTracker, setThemeTracker] = useState(null)
   const [isMaximized, setIsMaximized] = useState(false)
-
   const historyRef = useRef<HTMLDivElement | null>(null)
   const modelBtnRef = useRef(null)
   const modelSelectorBtnRef = useRef(null)
@@ -693,6 +692,7 @@ export const RemixUiRemixAiAssistant = React.forwardRef<
           sendPrompt={sendPrompt}
           recordFeedback={recordFeedback}
           historyRef={historyRef}
+          theme={themeTracker?.name}
         />
       </section>
       <section id="remix-ai-prompt-area" className="mt-1" style={{ flex: 1 }}

libs/remix-ui/remix-ai-assistant/src/css/remix-ai-assistant.css

@@ -376,7 +376,7 @@
   color: var(--bs-body-color);
   padding: 0.2em 0.4em;
   border-radius: 3px;
-  font-size: 0.5em;
+  font-size: 0.75em;
   font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', monospace;
   white-space: pre-wrap;
   word-break: break-word;
@@ -390,6 +390,7 @@
   border: 1px solid var(--bs-border-color);
   border-radius: 6px;
   overflow: hidden;
+  font-size: 0.75em;
 }
 
 /* Code Header with Language Tag */
@@ -398,15 +399,14 @@
   justify-content: space-between;
   align-items: center;
   padding: 0.5rem 0.75rem;
-  background: rgba(110, 118, 129, 0.2);
+  background: rgba(112, 149, 200, 0.2);
   border-bottom: 1px solid var(--bs-border-color);
 }
 
 .ai-code-language {
   font-size: 0.75rem;
   font-weight: 600;
   text-transform: uppercase;
-  color: var(--bs-secondary);
   letter-spacing: 0.5px;
 }
 

package.json

@@ -195,11 +195,9 @@
     "react-intl": "^6.0.4",
     "react-markdown": "^8.0.5",
     "react-multi-carousel": "^2.8.2",
-    "react-remark": "^2.1.0",
     "react-router-dom": "^6.16.0",
     "react-select": "^5.8.0",
     "react-spinners": "^0.13.8",
-    "react-syntax-highlighter": "^15.6.1",
     "react-tabs": "^6.0.2",
     "react-toastify": "^10.0.3",
     "react-virtualized": "^9.22.5",