Update prompt management

src/app/api/generate-question/route.ts

@@ -1,7 +1,7 @@
 import { openai } from '@ai-sdk/openai';
 import { generateObject } from 'ai';
 import { z } from 'zod';
-import { generateQuizPrompt } from '@/prompts/prompt-management';
+import { langfuse } from '@/lib/langfuse';
 
 // Standardized question schema - all questions use this format
 const QuestionSchema = z.object({
@@ -18,24 +18,47 @@ const QuestionSchema = z.object({
 export async function POST(req: Request) {
   try {
     const { type, parameters, sourceArticle } = await req.json();
-
-    // Use our new prompt system
-    const prompt = generateQuizPrompt({
-      sourceText: sourceArticle,
-      gradeValues: parameters.gradeLevel,
-      unitValues: parameters.unit,
-      textbookVocabValues: parameters.textbookVocab,
-      additionalVocabValues: parameters.additionalVocab,
-      topicValues: parameters.topic,
-      grammarValues: parameters.grammar,
-      inputArticleValue: sourceArticle,
-      difficulty: parameters.difficulty,
-      numQuestions: parameters.numQuestions || 1,
-      generated_article: sourceArticle,
-      message: parameters.message,
-      textbox_content: parameters.textboxContent,
-      ...parameters
-    }, type);
+    console.log(sourceArticle)
+    // Get prompt from Langfuse
+    const langfusePrompt = await langfuse.prompt.get(`question/${type}`);
+    
+    // Detect all variables in the prompt ({{variableName}})
+    const variableRegex = /\{\{(\w+)\}\}/g;
+    const detectedVariables = new Set<string>();
+    let match;
+    
+    while ((match = variableRegex.exec(langfusePrompt.prompt)) !== null) {
+      detectedVariables.add(match[1]);
+    }
+    
+    console.log(`Detected variables in prompt:`, Array.from(detectedVariables));
+    
+    // Build parameter replacements dynamically
+    let prompt = langfusePrompt.prompt;
+    
+    // Replace each detected variable with its corresponding parameter value
+    for (const variable of detectedVariables) {
+      const regex = new RegExp(`\\{\\{${variable}\\}\\}`, 'g');
+      let replacement = '';
+      
+      // Handle special cases
+      if (variable === 'article') {
+        replacement = sourceArticle || '';
+      } else if (variable === 'examples') {
+        // Skip examples for now since we don't have them
+        replacement = '';
+      } else {
+        // Check if variable exists in parameters
+        if (variable in parameters) {
+          replacement = parameters[variable] || '';
+        } else {
+          console.warn(`Variable '${variable}' not found in parameters, using empty string`);
+          replacement = '';
+        }
+      }
+      
+      prompt = prompt.replace(regex, replacement);
+    }
 
     // All questions use the same JSON format
     const result = await generateObject({

src/app/page.tsx

@@ -11,13 +11,13 @@ import { Input } from '@/components/ui/input';
 import { ChevronRight, ChevronLeft } from 'lucide-react';
 
 const QUESTION_TYPES: QuestionType[] = [
-  { id: 'cloze', name: 'Cloze (Fill-in-the-blank)', icon: '🔤', description: 'Fill in missing words or phrases' },
-  { id: 'word-comprehension', name: 'Word Comprehension', icon: '📚', description: 'Test vocabulary understanding in context' },
-  { id: 'grammatical-structure', name: 'Grammar Structure', icon: '📝', description: 'Identify grammatical patterns and structures' },
-  { id: 'paragraph-structure', name: 'Paragraph Structure', icon: '📋', description: 'Analyze paragraph organization and flow' },
   { id: 'paragraph-summary', name: 'Paragraph Summary', icon: '📄', description: 'Create summaries of text passages' },
   { id: 'paragraph-details', name: 'Paragraph Details', icon: '🔍', description: 'Identify key details in paragraphs' },
-  { id: 'textual-inference', name: 'Textual Inference', icon: '🧠', description: 'Make inferences from text passages' },
+  // { id: 'cloze', name: 'Cloze (Fill-in-the-blank)', icon: '🔤', description: 'Fill in missing words or phrases' },
+  // { id: 'word-comprehension', name: 'Word Comprehension', icon: '📚', description: 'Test vocabulary understanding in context' },
+  // { id: 'grammatical-structure', name: 'Grammar Structure', icon: '📝', description: 'Identify grammatical patterns and structures' },
+  // { id: 'paragraph-structure', name: 'Paragraph Structure', icon: '📋', description: 'Analyze paragraph organization and flow' },
+  // { id: 'textual-inference', name: 'Textual Inference', icon: '🧠', description: 'Make inferences from text passages' },
 ];
 
 export default function QuestionBuilder() {
@@ -204,12 +204,6 @@ export default function QuestionBuilder() {
 
               {currentStep === 'parameters' && selectedQuestionType && (
                 <div className="space-y-4">
-                  <div className="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-700 rounded-lg p-4">
-                    <p className="text-blue-800 dark:text-blue-200">
-                      Great choice! Let&apos;s configure your {selectedQuestionType.name} question.
-                    </p>
-                  </div>
-                  
                   <QuestionParameterForm
                     questionType={selectedQuestionType}
                     parameters={questionParameters}

src/config/questionTypes.ts

@@ -2,6 +2,11 @@ import { QuestionTypeConfig } from '@/types/questionConfig';
 
 // Configuration for each question type
 export const questionTypeConfigs: Record<string, QuestionTypeConfig> = {
+  'paragraph-summary': {
+    id: 'paragraph-summary',
+    parameters: []
+  },
+
   'article-generation': {
     id: 'article-generation',
     parameters: [
@@ -225,54 +230,10 @@ export const questionTypeConfigs: Record<string, QuestionTypeConfig> = {
     ]
   },
 
-  'paragraph-summary': {
-    id: 'paragraph-summary',
-    parameters: [
-      {
-        key: 'gradeValues',
-        label: 'Grade Level',
-        type: 'select',
-        required: true,
-        options: [
-          { value: '七上七下', label: '七上七下' },
-          { value: '八上八下', label: '八上八下' },
-          { value: '九上九下', label: '九上九下' },
-        ],
-        defaultValue: '七上七下'
-      },
-      {
-        key: 'unitValues',
-        label: 'Unit Range',
-        type: 'text',
-        required: false,
-        placeholder: 'Unit 1-3'
-      }
-    ]
-  },
 
   'paragraph-details': {
     id: 'paragraph-details',
-    parameters: [
-      {
-        key: 'gradeValues',
-        label: 'Grade Level',
-        type: 'select',
-        required: true,
-        options: [
-          { value: '七上七下', label: '七上七下' },
-          { value: '八上八下', label: '八上八下' },
-          { value: '九上九下', label: '九上九下' },
-        ],
-        defaultValue: '七上七下'
-      },
-      {
-        key: 'unitValues',
-        label: 'Unit Range',
-        type: 'text',
-        required: false,
-        placeholder: 'Unit 1-3'
-      }
-    ]
+    parameters: []
   },
 
   'textual-inference': {

src/prompts/prompt-management.ts

@@ -13,7 +13,7 @@ import { ARTICLE_FORMAT_PROMPT } from './article-format';
 import { ARTICLE_REVISION_PROMPT } from './article-revision';
 
 // Simple interface for prompt parameters
-export interface QuizPromptParams extends Record<string, string | number | boolean | undefined> {
+export interface QuizPromptParams extends Record<string, any> {
   topic?: string;
   difficulty?: string;
   numQuestions?: number;
@@ -27,6 +27,7 @@ export interface QuizPromptParams extends Record<string, string | number | boole
   topicValues?: string;
   grammarValues?: string;
   inputArticleValue?: string;
+  examples?: Array<{題幹: string; 選項: string}> | string;
 }
 
 // All available prompts