From 60709fd015aa206c7466a6197642f144280ea2be Mon Sep 17 00:00:00 2001
From: Marius <marius@kilocode.ai>
Date: Mon, 20 Apr 2026 09:30:48 +0200
Subject: [PATCH] fix(vscode): hide duplicate preview text while editing custom
 question answer (#9129)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The question tool's custom answer option showed the user's input twice — once as a preview description inside the option button, and again in the input field below. Hide the preview while the input form is open so only the live input is visible.
---
 .changeset/question-custom-answer-duplicate.md            | 5 +++++
 .../webview-ui/src/components/chat/QuestionDock.tsx       | 8 +++++---
 2 files changed, 10 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/question-custom-answer-duplicate.md

diff --git a/.changeset/question-custom-answer-duplicate.md b/.changeset/question-custom-answer-duplicate.md
new file mode 100644
index 00000000000..d5f10217329
--- /dev/null
+++ b/.changeset/question-custom-answer-duplicate.md
@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Fix duplicate text shown when typing a custom answer in the question tool. The preview text above the input field is now hidden while editing, so only the input value is visible.
diff --git a/packages/kilo-vscode/webview-ui/src/components/chat/QuestionDock.tsx b/packages/kilo-vscode/webview-ui/src/components/chat/QuestionDock.tsx
index 6300796229b..36c21303b1f 100644
--- a/packages/kilo-vscode/webview-ui/src/components/chat/QuestionDock.tsx
+++ b/packages/kilo-vscode/webview-ui/src/components/chat/QuestionDock.tsx
@@ -370,9 +370,11 @@ export const QuestionDock: Component<{ request: QuestionRequest }> = (props) =>
                   </span>
                   <span data-slot="question-option-main">
                     <span data-slot="option-label">{language.t("ui.messagePart.option.typeOwnAnswer")}</span>
-                    <span data-slot="option-description" data-placeholder={!input()}>
-                      {input() || language.t("ui.question.custom.placeholder")}
-                    </span>
+                    <Show when={!store.editing}>
+                      <span data-slot="option-description" data-placeholder={!input()}>
+                        {input() || language.t("ui.question.custom.placeholder")}
+                      </span>
+                    </Show>
                   </span>
                 </button>
                 <Show when={store.editing}>