Update UI and documentation to clarify tool behavior and improve configuration management

Author: robertpiosik

README.md

@@ -81,7 +81,7 @@ Pair-programming using natural language instructions.
 Integrate changes from malformed markdown code blocks.
 
 **🛠️ Prune Context** \
-Remove irrelevant files from the current context.
+Make the context task-focused.
 
 **🛠️ Code at Cursor** \
 Accurate inline code from reasoning models.
@@ -94,7 +94,7 @@ Meaningful summaries of changes in your style.
 
 ## Enterprise security
 
-Code Web Chat operates exclusively on your machine. Your prompts are sent directly to chatbots via editor-browser communication channel run on local Websockets. For API tools, model providers are called directly.
+Code Web Chat operates exclusively on your machine. Your prompts are sent directly to chatbots via editor-browser communication channel run on local Websockets. For API tools, model providers are called directly. The tool does not collect any telemetry.
 
 ## Commands
 

apps/editor/src/views/settings/frontend/Home/Home.tsx

@@ -401,12 +401,12 @@ export const Home: React.FC<Props> = (props) => {
               }}
             >
               SecretStorage
-            </a>
-            .
+            </a>{' '}
+            on your machine.
           </Notice>
           {props.providers.length == 0 && (
             <Notice type="warning">
-              Add a model provider to use API features.
+              Add a model provider to use API tools.
             </Notice>
           )}
           <Group>
@@ -439,6 +439,7 @@ export const Home: React.FC<Props> = (props) => {
             </Button>
           }
         >
+          <Notice type="info">Sends the selected files.</Notice>
           {props.edit_context_configs.length == 0 && (
             <Notice type="warning">
               Add a configuration to use this feature.
@@ -492,6 +493,9 @@ export const Home: React.FC<Props> = (props) => {
             </Button>
           }
         >
+          <Notice type="info">
+            Sends the original file and failed to apply code block.
+          </Notice>
           {props.intelligent_update_configs.length == 0 && (
             <Notice type="warning">
               Add a configuration to use this feature.
@@ -536,7 +540,7 @@ export const Home: React.FC<Props> = (props) => {
           ref={(el) => (section_refs.current['prune-context'] = el)}
           group="API Tool"
           title="Prune Context"
-          subtitle="Remove irrelevant files from the current context."
+          subtitle="Make the context task-focused."
           on_stuck_change={prune_context_on_stuck_change}
           actions={
             <Button
@@ -548,6 +552,9 @@ export const Home: React.FC<Props> = (props) => {
             </Button>
           }
         >
+          <Notice type="info">
+            Sends the selected files in a compacted form (~60% less tokens).
+          </Notice>
           {props.prune_context_configs.length == 0 && (
             <Notice type="warning">
               Add a configuration to use this feature.
@@ -584,6 +591,7 @@ export const Home: React.FC<Props> = (props) => {
             </Button>
           }
         >
+          <Notice type="info">Sends the selected files.</Notice>
           {props.code_at_cursor_configs.length == 0 && (
             <Notice type="warning">
               Add a configuration to use this feature.
@@ -610,7 +618,7 @@ export const Home: React.FC<Props> = (props) => {
             />
             <Item
               title="Keyboard Shortcut"
-              description="Setup tool triggering key combinations."
+              description="Setup completion triggers."
               slot_right={
                 <TextButton
                   on_click={() =>
@@ -641,6 +649,9 @@ export const Home: React.FC<Props> = (props) => {
             </Button>
           }
         >
+          <Notice type="info">
+            Requires a multimodal model accepting audio.
+          </Notice>
           {props.voice_input_configs.length == 0 && (
             <Notice type="warning">
               Add a configuration to use this feature.
@@ -684,6 +695,9 @@ export const Home: React.FC<Props> = (props) => {
             </Button>
           }
         >
+          <Notice type="info">
+            Sends diffs of changed files and their original states.
+          </Notice>
           {props.commit_messages_configs.length == 0 && (
             <Notice type="warning">
               Add a configuration to use this feature.

apps/editor/src/views/utils/upsert-configuration.ts

@@ -172,10 +172,16 @@ export const upsert_configuration = async (params: {
       }
     ]
 
-    items.push({
+    const reasoning_effort_item: vscode.QuickPickItem = {
       label: 'Reasoning Effort',
       detail: updated_config.reasoning_effort
-    })
+    }
+    if (updated_config.reasoning_effort) {
+      reasoning_effort_item.buttons = [
+        { iconPath: new vscode.ThemeIcon('eraser'), tooltip: 'Unset' }
+      ]
+    }
+    items.push(reasoning_effort_item)
 
     items.push({ label: 'Advanced...' })
 
@@ -206,6 +212,14 @@ export const upsert_configuration = async (params: {
         const disposables: vscode.Disposable[] = []
 
         disposables.push(
+          quick_pick.onDidTriggerItemButton((e) => {
+            if (e.item.label === 'Reasoning Effort') {
+              delete updated_config.reasoning_effort
+              accepted = true
+              resolve({ label: 'REFRESH' })
+              quick_pick.hide()
+            }
+          }),
           quick_pick.onDidAccept(() => {
             accepted = true
             resolve(quick_pick.selectedItems[0])
@@ -228,10 +242,19 @@ export const upsert_configuration = async (params: {
                 }
               ]
 
-              reset_items.push({
+              const reset_reasoning_item: vscode.QuickPickItem = {
                 label: 'Reasoning Effort',
                 detail: updated_config.reasoning_effort
-              })
+              }
+              if (updated_config.reasoning_effort) {
+                reset_reasoning_item.buttons = [
+                  {
+                    iconPath: new vscode.ThemeIcon('clear-all'),
+                    tooltip: 'Unset'
+                  }
+                ]
+              }
+              reset_items.push(reset_reasoning_item)
 
               reset_items.push({ label: 'Advanced...' })
 
@@ -253,6 +276,10 @@ export const upsert_configuration = async (params: {
       break
     }
 
+    if (selected_item.label === 'REFRESH') {
+      continue
+    }
+
     last_selected_label = selected_item.label
     const selected_option = selected_item.label
 
@@ -350,13 +377,18 @@ export const upsert_configuration = async (params: {
     } else if (selected_option == 'Advanced...') {
       let last_advanced_label: string | undefined
       while (true) {
-        const advanced_items: vscode.QuickPickItem[] = [
-          {
-            label: 'Temperature',
-            description: 'Leave empty with reasoning models',
-            detail: updated_config.temperature?.toString()
-          }
-        ]
+        const temperature_item: vscode.QuickPickItem = {
+          label: 'Temperature',
+          description: 'Leave empty with reasoning models',
+          detail: updated_config.temperature?.toString()
+        }
+        if (updated_config.temperature != null) {
+          temperature_item.buttons = [
+            { iconPath: new vscode.ThemeIcon('eraser'), tooltip: 'Unset' }
+          ]
+        }
+
+        const advanced_items: vscode.QuickPickItem[] = [temperature_item]
 
         const selected_advanced = await new Promise<
           vscode.QuickPickItem | undefined
@@ -376,6 +408,14 @@ export const upsert_configuration = async (params: {
           const disposables: vscode.Disposable[] = []
 
           disposables.push(
+            quick_pick.onDidTriggerItemButton((e) => {
+              if (e.item.label === 'Temperature') {
+                delete updated_config.temperature
+                accepted = true
+                resolve({ label: 'REFRESH' })
+                quick_pick.hide()
+              }
+            }),
             quick_pick.onDidAccept(() => {
               accepted = true
               resolve(quick_pick.selectedItems[0])
@@ -396,6 +436,8 @@ export const upsert_configuration = async (params: {
         })
 
         if (!selected_advanced) break
+        if (selected_advanced.label === 'REFRESH') continue
+
         last_advanced_label = selected_advanced.label
 
         if (selected_advanced.label == 'Temperature') {

packages/ui/src/components/editor/panel/Radio/Radio.module.scss

@@ -1,6 +1,5 @@
 .radio {
   appearance: none;
-
   height: 16px;
   width: 16px;
   background-color: var(--vscode-checkbox-background);

packages/ui/src/components/editor/settings/ConfigurationsList/ConfigurationsList.module.scss

@@ -6,7 +6,7 @@
 
 .header {
   display: flex;
-  padding: 0 12px 0 16px;
+  padding: 0 12px;
   align-items: center;
   justify-content: space-between;
   height: var(--row-height);

packages/ui/src/components/editor/settings/ModelProviders/ModelProviders.module.scss

@@ -6,7 +6,7 @@
 
 .header {
   display: flex;
-  padding: 0 12px 0 16px;
+  padding: 0 12px;
   height: var(--row-height);
   align-items: center;
   justify-content: space-between;