Fix bug with clearing custom instructions

webview-ui/src/components/prompts/PromptsView.tsx

@@ -21,7 +21,8 @@ const PromptsView = ({ onDone }: PromptsViewProps) => {
 		enhancementApiConfigId,
 		setEnhancementApiConfigId,
 		mode,
-		customInstructions
+		customInstructions,
+		setCustomInstructions
 	} = useExtensionState()
 	const [testPrompt, setTestPrompt] = useState('')
 	const [isEnhancing, setIsEnhancing] = useState(false)
@@ -152,6 +153,7 @@ const PromptsView = ({ onDone }: PromptsViewProps) => {
 						value={customInstructions ?? ''}
 						onChange={(e) => {
 							const value = (e as CustomEvent)?.detail?.target?.value || ((e as any).target as HTMLTextAreaElement).value
+							setCustomInstructions(value || undefined)
 							vscode.postMessage({
 								type: "customInstructions",
 								text: value.trim() || undefined

webview-ui/src/components/prompts/__tests__/PromptsView.test.tsx

@@ -19,7 +19,9 @@ const mockExtensionState = {
   ],
   enhancementApiConfigId: '',
   setEnhancementApiConfigId: jest.fn(),
-  mode: 'code'
+  mode: 'code',
+  customInstructions: 'Initial instructions',
+  setCustomInstructions: jest.fn()
 }
 
 const renderPromptsView = (props = {}) => {
@@ -131,4 +133,28 @@ describe('PromptsView', () => {
       text: 'config1'
     })
   })
+
+  it('handles clearing custom instructions correctly', async () => {
+    const setCustomInstructions = jest.fn()
+    renderPromptsView({
+      ...mockExtensionState,
+      customInstructions: 'Initial instructions',
+      setCustomInstructions
+    })
+
+    const textarea = screen.getByTestId('global-custom-instructions-textarea')
+    const changeEvent = new CustomEvent('change', {
+      detail: { target: { value: '' } }
+    })
+    Object.defineProperty(changeEvent, 'target', {
+      value: { value: '' }
+    })
+    await fireEvent(textarea, changeEvent)
+
+    expect(setCustomInstructions).toHaveBeenCalledWith(undefined)
+    expect(vscode.postMessage).toHaveBeenCalledWith({
+      type: 'customInstructions',
+      text: undefined
+    })
+  })
 })