feat: 질문 개선 API 요청 기능 추가 및 UI 개선

Author: Fletacode

linkle/api/QuestionApi.js

@@ -72,4 +72,120 @@ export async function requestGeminiSuggestions({ answers, name }) {
     clearTimeout(timeoutId);
     return { ok: false, reason: error.message || '네트워크 오류' };
   }
+}
+
+// requestInitialQuestions 및 requestNextQuestion 함수는 이제 사용되지 않으므로 제거하거나 주석 처리합니다.
+/*
+export async function requestInitialQuestions(name) { ... }
+export async function requestNextQuestion(name, previousQuestion, previousAnswer) { ... }
+*/
+
+/**
+ * Gemini API에 이전 대화 내용과 기본 질문, 그리고 개선 지침을 전달하여
+ * 맥락에 맞게 개선된 다음 질문 하나를 받아옵니다.
+ * @param {string} name - 친구 이름
+ * @param {string} baseQuestionToRefine - 개선의 기반이 될 기본 질문 템플릿
+ * @param {string} immediatePreviousQuestionText - 바로 이전에 물었던 실제 질문 내용
+ * @param {string} immediatePreviousAnswerText - 이전 질문에 대한 사용자의 답변
+ * @param {string} refinementPromptVariable - 질문 개선 방식에 대한 사용자 정의 지침
+ * @param {string | null} firstQuestionText - (옵셔널) 첫 번째 질문의 실제 텍스트 (Q3+ 생성 시 제공)
+ * @param {string | null} firstAnswerText - (옵셔널) 첫 번째 질문에 대한 답변 (Q3+ 생성 시 제공)
+ * @returns {Promise<{ok: true, refinedQuestion: string} | {ok: false, reason: string}>}
+ */
+export async function requestRefinedQuestion(name, baseQuestionToRefine, immediatePreviousQuestionText, immediatePreviousAnswerText, refinementPromptVariable, firstQuestionText, firstAnswerText) {
+  const controller = new AbortController();
+  const timeoutId = setTimeout(() => controller.abort(), REQUEST_TIMEOUT_MS);
+
+  let firstInteractionContext = "";
+  if (firstQuestionText && firstAnswerText) {
+    firstInteractionContext = `
+[Initial Conversation Context]
+First question: ${firstQuestionText}
+First answer: ${firstAnswerText}
+`;
+  }
+
+  // 시스템 프롬프트를 영어 중심으로 수정, 최종 질문 영어로 명시
+  const systemPrompt = `You are an AI conversation designer tasked with making a user's chat with their friend (${name}) more natural and meaningful.
+
+User's friend's name: "${name}"
+${firstInteractionContext}
+[Previous turn in the conversation]
+Previous question to ${name}: ${immediatePreviousQuestionText}
+User's answer regarding ${name}: ${immediatePreviousAnswerText}
+
+[Base intent for the next question]:
+${baseQuestionToRefine} 
+
+[Guideline for refining the question]:
+${refinementPromptVariable} // This is already in English as per QuestionScreen.js
+
+Considering all the information above (especially "Initial Conversation Context" and "Previous turn"), generate ONE new question based on the "Base intent for the next question".
+This new question must follow the "Guideline for refining the question" and should naturally continue the conversation from the previous turn.
+It must include the friend's name, "${name}".
+**The refined question must be in English.**
+
+Please provide the response ONLY in the following JSON format, with no other text:
+{ "refinedQuestion": "The final refined question content (in English)" }
+
+Example (the actual content will vary greatly based on input, but the response must be in English):
+{ "refinedQuestion": "So, ${name}, what were some of the specific feelings or thoughts you had during that experience?" }`;
+
+  const url = `${GEMINI_API_URL}?key=${GEMINI_API_KEY}`;
+
+  try {
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        contents: [
+          {
+            role: 'user',
+            parts: [{ text: systemPrompt }],
+          },
+        ],
+        generationConfig: { 
+          responseMimeType: "application/json",
+        }
+      }),
+      signal: controller.signal,
+    });
+    clearTimeout(timeoutId);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error(`Gemini API Error (RefinedQuestion): ${response.status} ${response.statusText} - ${errorText}`);
+      return {
+        ok: false,
+        reason: `Gemini API 오류: ${response.status} ${errorText}`,
+      };
+    }
+
+    const data = await response.json();
+    let rawJsonText = data.candidates?.[0]?.content?.parts?.[0]?.text;
+
+    if (!rawJsonText) {
+      return { ok: false, reason: 'API로부터 유효한 다음 질문 데이터를 받지 못했습니다 (No text part).' };
+    }
+    
+    rawJsonText = rawJsonText.replace(/^```json\s*/, '').replace(/\s*```$/, '');
+
+    try {
+      const parsedResponse = JSON.parse(rawJsonText);
+      if (parsedResponse && typeof parsedResponse.refinedQuestion === 'string' && parsedResponse.refinedQuestion.trim() !== '') {
+        return { ok: true, refinedQuestion: parsedResponse.refinedQuestion };
+      } else {
+        console.warn("Parsed data is not a valid refined question object:", parsedResponse);
+        return { ok: false, reason: 'API 응답이 유효한 다음 질문 형식이 아닙니다.' };
+      }
+    } catch (parseError) {
+      console.error("Error parsing refined question JSON:", parseError, "Raw text:", rawJsonText);
+      return { ok: false, reason: `다음 질문 파싱 오류: ${parseError.message}` };
+    }
+
+  } catch (error) {
+    clearTimeout(timeoutId);
+    console.error("Error in requestRefinedQuestion:", error);
+    return { ok: false, reason: error.message || '네트워크 오류 또는 알 수 없는 다음 질문 생성 오류' };
+  }
 }