- 快速取得協助 → 加入 Discord • 偏好非同步溝通？→ 加入 r/RooCode + 快速取得協助 → 加入 Discord • 偏好非同步？→ 加入 r/RooCode
# Roo Code -> 您的 AI 驅動開發團隊，就在您的編輯器中 +> 你的 AI 驅動開發團隊，就在你的編輯器裡
-
+
---
@@ -51,14 +51,14 @@
## 模式
-Roo Code 會配合您的工作方式，而非要您配合它：
+Roo Code 適應您的工作方式，而不是相反：
-- 程式碼模式：日常開發、編輯和檔案操作
+- 程式碼模式：日常編碼、編輯和檔案操作
- 架構師模式：規劃系統、規格和遷移
- 詢問模式：快速回答、解釋和文件
-- 偵錯模式：追蹤問題、新增日誌、鎖定根本原因
+- 偵錯模式：追蹤問題、新增日誌、隔離根本原因
- 自訂模式：為您的團隊或工作流程建置專門的模式
-- Roomote Control：Roomote Control 讓您能遠端控制在本機 VS Code 執行個體中運行的工作。
+- Roomote Control：Roomote Control 讓你能遠端控制在本機 VS Code 執行個體中運行的工作。
更多資訊：[使用模式](https://docs.roocode.com/basic-usage/using-modes) • [自訂模式](https://docs.roocode.com/advanced-usage/custom-modes) • [Roomote Control](https://docs.roocode.com/roo-code-cloud/roomote-control)
@@ -82,12 +82,12 @@ Roo Code 會配合您的工作方式，而非要您配合它：
- **[YouTube 頻道](https://youtube.com/@roocodeyt?feature=shared):** 觀看教學和功能實際操作。
- **[Discord 伺服器](https://discord.gg/roocode):** 加入社群以獲得即時協助和討論。
- **[Reddit 社群](https://www.reddit.com/r/RooCode):** 分享您的經驗，看看其他人正在建立什麼。
-- **[GitHub Issues](https://github.com/RooCodeInc/Roo-Code/issues):** 回報問題並追蹤開發進度。
+- **[GitHub 問題](https://github.com/RooCodeInc/Roo-Code/issues):** 回報錯誤並追蹤開發進度。
- **[功能請求](https://github.com/RooCodeInc/Roo-Code/discussions/categories/feature-requests?discussions_q=is%3Aopen+category%3A%22Feature+Requests%22+sort%3Atop):** 有想法嗎？與開發人員分享。
---
-## 本機設定與開發
+## 本地設定與開發
1. **複製**儲存庫：
@@ -95,7 +95,7 @@ Roo Code 會配合您的工作方式，而非要您配合它：
git clone https://github.com/RooCodeInc/Roo-Code.git
```
-2. **安裝相依套件**:
+2. **安裝依賴套件**:
```sh
pnpm install
@@ -107,7 +107,7 @@ pnpm install
### 開發模式（F5）
-若要進行開發，請使用 VSCode 的內建偵錯功能：
+對於積極的開發，請使用 VSCode 的內建偵錯功能：
在 VSCode 中按 `F5`（或前往 **執行** → **開始偵錯**）。這將在執行 Roo Code 擴充功能的新 VSCode 視窗中開啟。
@@ -127,7 +127,7 @@ pnpm install:vsix [-y] [--editor=🌐 支援語言
+🌐 可用語言
- [English](../../README.md) - [Català](../ca/README.md) @@ -35,7 +35,7 @@ - [简体中文](../zh-CN/README.md) - [繁體中文](../zh-TW/README.md) - ... -
- {
+ onSuggestionClick?.({ answer: response })
+ }}
+ />
+ ) : (
+ <>
+
)
diff --git a/webview-ui/src/components/chat/MultiQuestionHandler.tsx b/webview-ui/src/components/chat/MultiQuestionHandler.tsx
new file mode 100644
index 00000000000..dea9da65d0c
--- /dev/null
+++ b/webview-ui/src/components/chat/MultiQuestionHandler.tsx
@@ -0,0 +1,178 @@
+import { useState, useEffect } from "react"
+import { Button, AutosizeTextarea } from "@/components/ui"
+import { useAppTranslation } from "@src/i18n/TranslationContext"
+import { useExtensionState } from "@src/context/ExtensionStateContext"
+import { FollowUpQuestion } from "@roo-code/types"
+
+interface MultiQuestionHandlerProps {
+ questions: FollowUpQuestion[]
+ onSendResponse: (response: string) => void
+}
+
+interface QuestionItemProps {
+ question: FollowUpQuestion
+ title: string
+ textValue: string
+ selectedOption?: string
+ onTextChange: (value: string) => void
+ onOptionClick: (option: string) => void
+}
+
+const QuestionItem = ({
+ question,
+ title,
+ textValue,
+ selectedOption,
+ onTextChange,
+ onOptionClick,
+}: QuestionItemProps) => {
+ const { t } = useAppTranslation()
+ const qText = typeof question === "string" ? question : question.text
+ const options = typeof question === "string" ? undefined : question.options
+
+ return (
+
+ onTextChange(e.target.value)}
+ minHeight={21}
+ maxHeight={200}
+ placeholder={t("chat:questions.typeAnswer")}
+ className="w-full py-2 pl-3 pr-3 rounded border border-transparent"
+ />
+
+ )
+}
+
+export const MultiQuestionHandler = ({ questions, onSendResponse }: MultiQuestionHandlerProps) => {
+ const { t } = useAppTranslation()
+ const { showQuestionsOneByOne } = useExtensionState()
+ const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0)
+ const [selectedOptions, setSelectedOptions] = useState<(string | undefined)[]>(
+ new Array(questions.length).fill(undefined),
+ )
+ const [textAnswers, setTextAnswers] = useState{title}
+ {qText}
+ {options && options.length > 0 && (
+
+ {options.map((option, idx) => (
+
+ ))}
+
+ )}
+
+ handleOptionClick(currentQuestionIndex, opt)}
+ />
+
+ )
+ }
+
+ return (
+
+ {currentQuestionIndex > 0 && (
+
+ )}
+
+
+
+ {questions.map((q, i) => (
+ updateTextAnswer(i, val)}
+ onOptionClick={(opt) => handleOptionClick(i, opt)}
+ />
+ ))}
+
+ )
+}
diff --git a/webview-ui/src/components/chat/__tests__/MultiQuestionHandler.spec.tsx b/webview-ui/src/components/chat/__tests__/MultiQuestionHandler.spec.tsx
new file mode 100644
index 00000000000..d18163e139c
--- /dev/null
+++ b/webview-ui/src/components/chat/__tests__/MultiQuestionHandler.spec.tsx
@@ -0,0 +1,242 @@
+import { render, screen, fireEvent } from "@/utils/test-utils"
+import { vi, describe, it, expect, beforeEach } from "vitest"
+import TranslationProvider from "@src/i18n/TranslationContext"
+import { MultiQuestionHandler } from "../MultiQuestionHandler"
+
+// Mock ExtensionStateContext
+vi.mock("@src/context/ExtensionStateContext", () => ({
+ useExtensionState: () => ({
+ language: "en",
+ showQuestionsOneByOne: true,
+ }),
+}))
+
+// Mock react-i18next
+vi.mock("react-i18next", () => ({
+ useTranslation: () => ({
+ i18n: {
+ t: (key: string, options?: Record
+
+
+
+ handleShowQuestionsOneByOneChange(e.target.checked)}
+ data-testid="show-questions-one-by-one-checkbox">
+ {t("settings:ui.showQuestionsOneByOne.label")}
+
+
+
+ {t("settings:ui.showQuestionsOneByOne.description")}
+
+