Add privacy policy and improve voice input UI with hover state for recording button

Author: robertpiosik

PRIVACY.md

@@ -0,0 +1,12 @@
+# Privacy Policy
+
+Code Web Chat is **privacy-first**. We adhere to a **strict zero telemetry policy**.
+
+**No Data Collection** \
+The extension does not collect, store, or transmit any telemetry data.
+
+**Local Operation** \
+All operations are performed locally on your machine.
+
+**Direct Communication** \
+Prompts are sent directly from your browser to the chatbots or from your editor to the model providers you configure.

README.md

@@ -18,9 +18,9 @@ Code Web Chat is a free and open-source (FOSS), independent AI coding toolkit fo
 - Chatbots—_[Gemini](https://gemini.google.com/app), [ChatGPT](https://chatgpt.com/), [Claude](https://claude.ai/), [Grok](https://grok.com/), [DeepSeek](https://chat.deepseek.com/), etc._
 - APIs—_[Google](https://aistudio.google.com/api-keys), [OpenAI](https://platform.openai.com/api-keys), [OpenRouter](https://openrouter.ai/settings/keys), [local Ollama](https://ollama.com/search), etc._
 
-✅ **Apply responses**—multi-file edits with unlimited undo \
-✅ **Fully-featured**—code at cursor, commit messages \
-🌱 **Sustainable**—[context caching](https://ai.google.dev/gemini-api/docs/caching) across tasks \
+✅ **Apply responses**—multi-file edits integration with rollback \
+🌱 **Sustainable**—optimized [context caching](https://ai.google.dev/gemini-api/docs/caching) across tasks \
+🤙 **Fully-featured**—code at cursor, commit messages \
 ✋ **Privacy-first**—strict zero telemetry policy
 
 <p>

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

@@ -85,6 +85,7 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
     useState(false)
   const [hovered_edit_format, set_hovered_edit_format] =
     useState<EditFormat | null>(null)
+  const [is_recording_hovered, set_is_recording_hovered] = useState(false)
   const [prune_instructions, set_prune_instructions] = useState(
     props.prune_context_instructions_prefix
   )
@@ -99,6 +100,10 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
     }
   }, [props.value])
 
+  useEffect(() => {
+    set_is_recording_hovered(false)
+  }, [props.is_recording])
+
   const toggle_invocation_dropdown = useCallback(() => {
     set_is_invocation_dropdown_open((prev) => !prev)
   }, [])
@@ -575,12 +580,16 @@ export const PromptField: React.FC<PromptFieldProps> = (props) => {
                         styles['footer__right__submit__button--submit'],
                         styles['footer__right__submit__button--recording'],
                         'codicon',
-                        'codicon-mic-filled'
+                        is_recording_hovered
+                          ? 'codicon-debug-stop'
+                          : 'codicon-mic-filled'
                       )}
                       onClick={(e) => {
                         e.stopPropagation()
                         props.on_recording_finished()
                       }}
+                      onMouseEnter={() => set_is_recording_hovered(true)}
+                      onMouseLeave={() => set_is_recording_hovered(false)}
                       title={`Exit voice input ${
                         is_mac ? '(⇧⌘Space)' : '(Ctrl+Shift+Space)'
                       }`}