feat: enhance chat functionality with markdown support and default prompts

- Added support for rendering markdown in chat messages using ReactMarkdown with custom renderers.
- Integrated a default format prompt for the chat system, improving user experience by initializing with a predefined prompt.
- Updated the prompt generator to handle model selection more robustly, including loading states and fallback options for model selection.
- Enhanced UI components for better accessibility and user feedback during prompt generation.

components/chat/chat-message.tsx

@@ -3,13 +3,15 @@ import remarkGfm from 'remark-gfm';
 import { cn } from "@/lib/utils";
 import { Message } from "@/hooks/use-chat";
 import { Bot, User } from "lucide-react";
+import { markdownRenderers } from "./markdown-renderers";
+import { MessageActions } from "./message-actions";
 
 export function ChatMessage({ message }: { message: Message }) {
   const isUser = message.role === 'user';
 
   return (
     <div className={cn(
-      "flex w-full gap-4 p-6",
+      "group flex w-full gap-4 p-6 relative",
       isUser ? "bg-background" : "bg-muted/30"
     )}>
       <div className="flex-shrink-0 mt-1">
@@ -20,14 +22,23 @@ export function ChatMessage({ message }: { message: Message }) {
           {isUser ? <User className="w-5 h-5" /> : <Bot className="w-5 h-5" />}
         </div>
       </div>
-      <div className="flex-1 overflow-hidden">
+      <div className="flex-1 overflow-hidden min-w-0">
         <div className="prose dark:prose-invert max-w-none break-words">
-          <ReactMarkdown remarkPlugins={[remarkGfm]}>
+          <ReactMarkdown 
+            remarkPlugins={[remarkGfm]}
+            components={markdownRenderers}
+          >
             {message.content}
           </ReactMarkdown>
         </div>
       </div>
+      
+      {/* Actions Toolbar - Absolute positioned or flex end */}
+      {!isUser && (
+        <div className="absolute top-4 right-4">
+          <MessageActions content={message.content} role={message.role} />
+        </div>
+      )}
     </div>
   );
 }
-