Fix: remove sandbox link from openai models (#145)

Author: leehuwuj

.changeset/quick-socks-learn.md

@@ -0,0 +1,5 @@
+---
+"create-llama": patch
+---
+
+Fix the issue of images not showing with the sandbox URL from OpenAI's models

templates/types/streaming/nextjs/app/components/ui/chat/chat-message/markdown.tsx

@@ -28,8 +28,19 @@ const preprocessLaTeX = (content: string) => {
   return inlineProcessedContent;
 };
 
+const preprocessMedia = (content: string) => {
+  // Remove `sandbox:` from the beginning of the URL
+  // to fix OpenAI's models issue appending `sandbox:` to the relative URL
+  return content.replace(/(sandbox|attachment|snt):/g, "");
+};
+
+const preprocessContent = (content: string) => {
+  return preprocessMedia(preprocessLaTeX(content));
+};
+
 export default function Markdown({ content }: { content: string }) {
-  const processedContent = preprocessLaTeX(content);
+  const processedContent = preprocessContent(content);
+
   return (
     <MemoizedReactMarkdown
       className="prose dark:prose-invert prose-p:leading-relaxed prose-pre:p-0 break-words custom-markdown"