Refactor the prompt field component to correctly use and display the last_choice_button_title prop

Author: robertpiosik

README.md

@@ -42,12 +42,9 @@ Unlike coding agents that require detailed instructions to understand your inten
 > [!TIP]
 > LLMs are pattern matchers—they love examples! Include some you believe will help the model understand the goal better.
 
-Meet the CWC's non-agentic workflow—select folders and files, enter instructions, and send message via...
+Meet the CWC's non-agentic workflow—select folders and files, enter instructions, and send message in a new web chat or with an API provider of choice.
 
-- new chat—to continue in the connected browser
-- API call—to use a model provider of choice
-
-Constructed message looks like the following example:
+Constructed message is simple and focuses the model's whole attention on the task:
 
 ```
 Implement a subtract function.
@@ -70,7 +67,7 @@ Whenever proposing a new or updated file use the Markdown Code Block syntax. Eac
 > [!NOTE]
 > The prompt and edit format instructions are repeated after the context [for better accuracy](https://cookbook.openai.com/examples/gpt4-1_prompting_guide#:~:text=If%20you%20have%20long%20context%20in%20your%20prompt%2C%20ideally%20place%20your%20instructions%20at%20both%20the%20beginning%20and%20end%20of%20the%20provided%20context%2C%20as%20we%20found%20this%20to%20perform%20better%20than%20only%20above%20or%20below.).
 
-Once the response is generated, CWC's built-in parser extracts code blocks with suggested edits for one-click multi-file changes integration.
+Once the response is generated, sophisticated parser extracts code blocks with suggested edits for one-click multi-file changes integration.
 
 ## Chatbot initialization
 

packages/ui/src/components/editor/panel/Dropdown/Dropdown.tsx

@@ -29,8 +29,8 @@ export const Dropdown = <T extends string>(props: Dropdown.Props<T>) => {
   )
 
   const handle_toggle = () => {
-    set_is_open(true)
-    set_just_opened(true)
+    set_is_open(!is_open)
+    set_just_opened(!is_open)
   }
 
   const handle_select = (value: T) => {

packages/ui/src/components/editor/panel/PromptField/PromptField.tsx

@@ -64,7 +64,7 @@ export type PromptFieldProps = {
   on_caret_position_set?: () => void
   focus_key?: number
   focus_and_select_key?: number
-  use_last_choice_button_title?: string
+  last_choice_button_title?: string
   show_edit_format_selector?: boolean
   edit_format?: EditFormat
   on_edit_format_change?: (format: EditFormat) => void
@@ -519,9 +519,9 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
               is_warning
             />
           )}
-          {props.use_last_choice_button_title && show_submit_tooltip && (
+          {props.last_choice_button_title && show_submit_tooltip && (
             <Tooltip
-              message={props.use_last_choice_button_title}
+              message={props.last_choice_button_title}
               offset={28}
               align="right"
             />

packages/vscode/src/views/panel/frontend/Main/MainView/MainView.tsx

@@ -218,7 +218,7 @@ export const MainView: React.FC<Props> = (props) => {
             on_caret_position_set={props.on_caret_position_set}
             focus_and_select_key={props.chat_input_focus_and_select_key}
             focus_key={props.chat_input_focus_key}
-            use_last_choice_button_title={last_choice_button_title}
+            last_choice_button_title={last_choice_button_title}
             show_edit_format_selector={show_edit_format_selector}
             edit_format={
               props.main_view_type == MAIN_VIEW_TYPES.WEB