+
+
+ {result && (
+
+ {t("aiSearch.promptsWithoutEmbeddings")}:
+ {promptsWithoutEmbeddings}
+
+
+ {result.failed === 0 ? (
+
+ )}
+
+
+
+
+
+
+
+ {t("prompts.title")}
+{t("prompts.description")}
+
+ {/* Import Row */}
+
+
+
+ {t("import.fileInfo")}
+
+
+
+
+ {importResult && (
+
+ {importResult.imported > 0 ?
+ )}
+
+ {/* AI Embeddings Row */}
+ {aiSearchEnabled && (
+ <>
+
+
+ {t("aiSearch.title")} ({promptsWithoutEmbeddings} {t("prompts.pending")})
+
+
+
+
+ {embeddingResult && (
+
+ {embeddingResult.failed === 0 ?
+ )}
+
+ )}
+
-
+
+
-
-
- {t("description")}
-
-
{webhooks.length === 0 ? (
+ {/* AI Search Toggle */}
+ {aiSearchEnabled && (
+
{t("empty")}
@@ -528,7 +524,7 @@ export function WebhooksTable({ webhooks: initialWebhooks }: WebhooksTableProps)
)}
-
+
{/* Edit Dialog */}
-
+
);
}
diff --git a/src/components/prompts/prompt-filters.tsx b/src/components/prompts/prompt-filters.tsx
index fe1f44e7..faf956e0 100644
--- a/src/components/prompts/prompt-filters.tsx
+++ b/src/components/prompts/prompt-filters.tsx
@@ -12,7 +12,8 @@ import {
SelectValue,
} from "@/components/ui/select";
import { Button } from "@/components/ui/button";
-import { X } from "lucide-react";
+import { Switch } from "@/components/ui/switch";
+import { X, Sparkles } from "lucide-react";
interface PromptFiltersProps {
categories: Array<{
@@ -33,12 +34,14 @@ interface PromptFiltersProps {
category?: string;
tag?: string;
sort?: string;
+ ai?: string;
};
+ aiSearchEnabled?: boolean;
}
const promptTypes = ["TEXT", "STRUCTURED", "IMAGE", "VIDEO", "AUDIO"];
-export function PromptFilters({ categories, tags, currentFilters }: PromptFiltersProps) {
+export function PromptFilters({ categories, tags, currentFilters, aiSearchEnabled }: PromptFiltersProps) {
const router = useRouter();
const searchParams = useSearchParams();
const t = useTranslations();
@@ -90,6 +93,21 @@ export function PromptFilters({ categories, tags, currentFilters }: PromptFilter
/>
+
+ updateFilter("ai", checked ? "1" : null)}
+ />
+
+ )}
+
{/* Type filter */}
diff --git a/src/components/prompts/prompt-form.tsx b/src/components/prompts/prompt-form.tsx
index 98f74e95..da805045 100644
--- a/src/components/prompts/prompt-form.tsx
+++ b/src/components/prompts/prompt-form.tsx
@@ -1,12 +1,13 @@
"use client";
-import { useState } from "react";
+import { useState, useRef } from "react";
import { useRouter } from "next/navigation";
import { useTranslations } from "next-intl";
import { useForm } from "react-hook-form";
import { zodResolver } from "@hookform/resolvers/zod";
import { z } from "zod";
import { Loader2 } from "lucide-react";
+import { VariableToolbar } from "./variable-toolbar";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Textarea } from "@/components/ui/textarea";
@@ -28,7 +29,7 @@ import {
SelectValue,
} from "@/components/ui/select";
import { Badge } from "@/components/ui/badge";
-import { CodeEditor } from "@/components/ui/code-editor";
+import { CodeEditor, type CodeEditorHandle } from "@/components/ui/code-editor";
import { toast } from "sonner";
import { prettifyJson } from "@/lib/format";
@@ -98,6 +99,36 @@ export function PromptForm({ categories, tags, initialData, promptId, mode = "cr
const promptType = form.watch("type");
const structuredFormat = form.watch("structuredFormat");
const requiresMediaUpload = form.watch("requiresMediaUpload");
+ const textareaRef = useRef(null);
+ const codeEditorRef = useRef(null);
+
+ const insertVariable = (variable: string) => {
+ // For structured prompts using Monaco editor
+ if (promptType === "STRUCTURED" && codeEditorRef.current) {
+ codeEditorRef.current.insertAtCursor(variable);
+ return;
+ }
+
+ // For text prompts using textarea
+ const textarea = textareaRef.current;
+ const currentContent = form.getValues("content");
+
+ if (textarea) {
+ const start = textarea.selectionStart;
+ const end = textarea.selectionEnd;
+ const newContent = currentContent.slice(0, start) + variable + currentContent.slice(end);
+ form.setValue("content", newContent);
+
+ // Set cursor position after inserted variable
+ setTimeout(() => {
+ textarea.focus();
+ textarea.setSelectionRange(start + variable.length, start + variable.length);
+ }, 0);
+ } else {
+ // Fallback: append to end
+ form.setValue("content", currentContent + variable);
+ }
+ };
async function onSubmit(data: PromptFormValues) {
setIsLoading(true);
@@ -185,23 +216,38 @@ export function PromptForm({ categories, tags, initialData, promptId, mode = "cr
{promptType === "STRUCTURED" ? (
-
+
) : (
-
+
+