Updates

2026-10-01 08:02:47 +01:00
parent 6392457ffb
commit 3dc9f12ad4
104 changed files with 6536 additions and 1037 deletions
@@ -1,15 +1,13 @@
-import { ChatCompletionMessageParam } from "openai/resources/index";
+import type { ChatCompletionMessageParam } from "openai/resources/index";
 import React from "react";
 import Paper from "../Paper";
 import Stack from "../../layout/Stack";
 import AIPromptPreview from "./AIPromptPreview";
-import LoadingOverlay from "../LoadingOverlay";
-import Textarea from "../../form/Textarea";
-import AIPromptActionSection from "./AIPromptActionSection";
 import Card from "../Card";
 import Row from "../../layout/Row";
 import Span from "../../layout/Span";
 import { MessageCircleMore } from "lucide-react";
+import AIPromptBlockInputSection from "./AIPromptBlockInputSection";

 type Props = {
    model?: string;
@@ -57,47 +55,17 @@ export default function AIPromptBlock({
                    history={history}
                    loading={loading}
                />
-                <Stack className="w-full relative">
-                    {loading && <LoadingOverlay />}
-                    <Textarea
-                        placeholder={
-                            placeholder ||
-                            (model ? `Prompt ${model}` : "Prompt AI")
-                        }
-                        wrapperProps={{ className: "outline-none" }}
-                        wrapperWrapperProps={{ className: "w-full" }}
-                        value={prompt}
-                        onChange={(e) => {
-                            setPrompt(e.target.value);
-                        }}
-                        onKeyDown={(e) => {
-                            if (e.key == "Enter" && !e.ctrlKey && !e.shiftKey) {
-                                e.preventDefault();
-                                currentPromptRef.current = prompt;
-                                setTimeout(() => {
-                                    setPrompt("");
-                                    if (promptInputRef.current) {
-                                        promptInputRef.current.value = "";
-                                    }
-                                }, 200);
-                                promptFn(prompt);
-                            }
-                        }}
-                        componentRef={promptInputRef}
-                        // autoFocus
-                    />
-                    <AIPromptActionSection
-                        loading={loading}
-                        promptFn={promptFn}
-                        setStreamRes={setMdRes}
-                        streamRes={mdRes}
-                        history={history}
-                        prompt={prompt}
-                        setPrompt={setPrompt}
-                        currentPromptRef={currentPromptRef}
-                        promptInputRef={promptInputRef as any}
-                    />
-                </Stack>
+                <AIPromptBlockInputSection
+                    {...{
+                        model,
+                        promptFn,
+                        history,
+                        loading,
+                        mdRes,
+                        setMdRes,
+                        placeholder,
+                    }}
+                />
            </Stack>
        </Paper>
    );