Updates

components/lib/elements/ai/AIPromptBlock.tsx

@@ -18,6 +18,7 @@ type Props = {
     loading?: boolean;
     mdRes?: string;
     setMdRes: React.Dispatch<React.SetStateAction<string>>;
+    placeholder?: string;
 };
 
 export default function AIPromptBlock({
@@ -27,6 +28,7 @@ export default function AIPromptBlock({
     loading = false,
     mdRes = "",
     setMdRes,
+    placeholder,
 }: Props) {
     const [prompt, setPrompt] = React.useState("");
     const currentPromptRef = React.useRef("");
@@ -43,7 +45,7 @@ export default function AIPromptBlock({
                                 <MessageCircleMore
                                     size={15}
                                     opacity={0.5}
-                                    className="-mt-[1px]"
+                                    className="-mt-px"
                                 />
                             </Row>
                         </Card>
@@ -53,11 +55,15 @@ export default function AIPromptBlock({
                     setStreamRes={setMdRes}
                     streamRes={mdRes}
                     history={history}
+                    loading={loading}
                 />
                 <Stack className="w-full relative">
                     {loading && <LoadingOverlay />}
                     <Textarea
-                        placeholder={model ? `Prompt ${model}` : "Prompt AI"}
+                        placeholder={
+                            placeholder ||
+                            (model ? `Prompt ${model}` : "Prompt AI")
+                        }
                         wrapperProps={{ className: "outline-none" }}
                         wrapperWrapperProps={{ className: "w-full" }}
                         value={prompt}
@@ -65,7 +71,7 @@ export default function AIPromptBlock({
                             setPrompt(e.target.value);
                         }}
                         onKeyDown={(e) => {
-                            if (e.key == "Enter" && !e.ctrlKey) {
+                            if (e.key == "Enter" && !e.ctrlKey && !e.shiftKey) {
                                 e.preventDefault();
                                 currentPromptRef.current = prompt;
                                 setTimeout(() => {

components/lib/elements/ai/AIPromptPreview.tsx

@@ -8,12 +8,14 @@ type Props = {
     streamRes: string;
     setStreamRes: React.Dispatch<React.SetStateAction<string>>;
     history: ChatCompletionMessageParam[];
+    loading?: boolean;
 };
 
 export default function AIPromptPreview({
     setStreamRes,
     streamRes,
     history,
+    loading,
 }: Props) {
     const responseContentRef = React.useRef<HTMLDivElement>(null);
     const isContentInterrupted = React.useRef(false);
@@ -27,7 +29,7 @@ export default function AIPromptPreview({
         }
     }, [streamRes]);
 
-    if (!streamRes?.match(/./)) return null;
+    if (loading || !streamRes?.match(/./)) return null;
 
     return (
         <Stack className="w-full">